ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プログラミング言語 - TypeScriptの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2019/12/08

PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成

PWA(Progressive Web Apps)は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなけれ...

List

  • 2019/11/30

Thorium Reader - クロスプラットフォームで動作する電子書籍リーダー

意外とデスクトップ環境では使いやすいePubリーダーがありません。calibreは読む以外の機能がたくさんありますし、他はベンダーの電子書籍リーダーがePubもサポートしているといったものが多いです。今回紹介するThorium Readerはオープンソース・ソフトウェアなePubリーダーです。## Thorium Re...

List

  • 2019/11/26

DevShop - カンバンシステムを学べるゲーム

プロジェクト管理においてカンバンがよく使われるようになっています。各タスクに応じて人がアサインされ、こなしていきます。完了するとタスクが右側に移動していき、最終的にタスクが消えて終わります。そんなカンバンをゲーム形式で体験できるのがDevShopです。プロジェクト管理をゲーム風にシミュレーションできます。## DevS...

List

  • 2019/11/25

expo-vscode-ios - VS CodeをExpoでiPadアプリ化

この記事を書いている日にちょうどVS Code Onlineが発表されているのですが…。ベースがWeb技術にあるVS CodeをWebブラウザから扱いたいというニーズは常に存在しました。それを最初に叶えたのがCoderです。今回紹介するexpo-vscode-iosはそのCoderをベースにExpoと組み合わせてアプリ...

List

  • 2019/11/14

Counter - 数字を大まかな時間に換算

時間の表現として、絶対時間を使う場合と相対時間を使う場合があります。相対的な時間は、今の時刻を知らなくとも使えるので便利です。また、見る人のタイミングによって時間が異なる場合、相対時間の方が分かりやすいこともあります。例えばソーシャルメディアの投稿日時などを表現する場合です。だいたいの時間を知りたい場合、Counter...

List

  • 2019/11/11

TinaCMS - React製のWebサイト編集ツール

Webサイトを構築する際、見た目と作成環境がかけ離れていると、修正して結果を確認するという作業を何度も繰り返さないといけません。WYSIWYGなエディタもありますが、CMSのように決まった形ではないので複雑なデザインは作業量が増えてしまいます。今回紹介するTinaCMSはWebサイト上で使える編集機能を実現します。項目...

List

  • 2019/11/08

Meriyah - 最新のECMAScript仕様も使えるJavaScriptパーサー

JavaScriptが色々なプラットフォームで使われるようになっています。JavaScriptから別な言語に変換するパーサーなどを作りたいと思ったら必要なのがパーサーです。コードを解析することで、別な使い方が生まれます。今回紹介するMeriyahはJavaScriptで作られた(実際にはTypeScriptですが)Ja...

List

  • 2019/10/31

takenote - シンプルなMarkdown対応のメモソフトウェア

Markdownベースのメモソフトウェアが増えています。多くが3ペイン構成になっており、左側にフォルダ、中央にファイル一覧、そして右側がエディタとなっています。メモを一カ所にまとめておくことで、すぐに探し出せたり、メモできるのが便利です。今回紹介するtakenoteもそんなメモソフトウェアの一つです。シンプルなMark...

List

  • 2019/10/31

Markdown - Markdown記述をサポートするツールバー

Markdown記法はそれほど複雑ではないものの、括弧の順番を忘れてしまったり、テーブルの文字寄せの書き方を調べたりすることがあります。慣れていない人にとってはまだまだ難しい記法と言えるでしょう。そこで使ってみたいのがMarkdown(以下、Markdown(WYSIWYG)とします)です。同名のライブラリなのが気にな...

List

  • 2019/10/30

webp-hero - WebP非対応ブラウザでも表示するpolyfill

WebPはGoogleがメインで開発を進めている画像フォーマットです。写真やイラストなど用途を区別せずに使えるフォーマットで、とてもサイズが小さく済むのが特徴です。しかし、対応しているブラウザが限られるのが難点です。そこで使ってみたいのがwebp-heroです。WebP非対応ブラウザでも表示可能にするpolyfillラ...

List

  • 2019/10/29

‎Sh**t! I Smoke - 副流煙の問題を可視化するアプリ

日本では決められた場所以外での喫煙は禁止されていますが、海外ではまだまだ屋外での禁煙規制は弱いのが実情です(逆に屋内は制限されています)。副流煙の問題であったり、ポイ捨てや他の人に火が当たったりする危険があり、歩きタバコは問題になっています。そんな中注目したいのが‎Sh**t! I Smokeです。今自分がいる場所にお...

Missing

  • 2019/10/26

React SlideShow UI - Slideshare/Speakerdeck風の表示を行うReactコンポーネント

スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。今回紹介するReact SlideShow UI...

List

  • 2019/10/23

Kanban Board - リッチなWebカンバンシステム

カンバンシステムはTrelloの登場以降、様々なシステムが作られています。シンプルなものもあれば、ものすごくリッチなものもあります。導入する場合には自分たちの組織にあったものを選定する必要があるでしょう。今回紹介するKanban Boardはタグやカレンダー連携などの機能を備えたカンバンシステムです。## Kanban...

List

  • 2019/10/20

Jasper - GitHub用のIssue管理を強力にサポート

GitHubのIssueはプロジェクトやオープンソース・ソフトウェアが成長するために必須の機能です。しかし、その数が増えるとついつい見過ごしてしまったりします。その結果、数ヶ月放置されるなんてことも少なくありません。その結果、開発者を失望させてしまいます。そうならないために使ってみたいのがJasperです。まるでメーラ...

List

  • 2019/10/18

Glitch Studio - グリッチ画像を自在に作成

グリッチには何とも言えない魅力があります。古く言えばファミコンカセットを中途半端に差し込んだ時の画像と言うか、普通ではない状態だからこそ感じる面白さがあります。今回紹介するGlitch Studioはそんなグリッチ画像を様々なフィルタを通して作成できるソフトウェアです。## Glitch Studioの使い方画像を開き...

List

  • 2019/10/04

MarioHTML - Web製のマリオブラザーズ

マリオブラザーズは登場以来、世界中の人たちに愛されるキャラクターになっています。そして、開発者にとってはマリオブラザーズ風のゲームを作るのが楽しみの一つにさえなっています。今回紹介するMarioHTMLはWebブラウザ上で遊べるマリオになっています。## MarioHTMLの使い方ゲーム画面です。土管には入れませんが、...

List

  • 2019/10/03

Featmap - Webでユーザストーリーマッピング

ユーザーストーリーマッピングという考え方があります。左右にユーザ体験の価値を時系列とし、上下に優先順位を指定してストーリーを並べていきます。類似したストーリーは優先順位に沿って上下に並べます。そんなユーザーストーリーマッピングによってストーリーの漏れを防ぐことができます。Featmapはまさにそのためのソフトウェアにな...

List

  • 2019/10/03

hashids.js - 数字からYouTube風のID文字列を生成

WebサービスでユニークなURLを提供する際に、IDを数字のまま出してしまうとデータ件数が何件あるのかバレてしまいます。そこでランダムな文字列を作ってIDの代わりにしたりします。しかし、数字のIDとランダムな文字列、二つ管理するのは面倒です。そこで使ってみたいのがhashids.jsです。数字からYouTube風なID...

List

  • 2019/09/13

Bibliotheca - Webベースの蔵書管理

個人、企業や公共団体などに限らず書籍を多数保管している人は多いです。それらを個人で楽しむだけでなく、他人に貸与する人もいるでしょう。そこで必要になるのが蔵書管理です。管理しておけば、誤って二冊買ってしまうなんて事態も防げます(好んで二冊、三冊買う場合は別です)。そこで使ってみたいのがBibliothecaです。Webベ...

List

  • 2019/09/01

DeckDeckGo - リモートコントロールもできるPWAのHTMLスライド

HTMLによるスライドは人気があります。Webブラウザだけで再生できるのでプラットフォームに依りませんし、最近ではPresentation APIもGoogle Chromeに搭載され、発表者ノートも使えるようになっています。今回はPWAとして作られたスライドアプリ、DeckDeckGoを紹介します。## DeckDe...