プログラミング言語 - TypeScriptの記事一覧
git-story - GitのコミットメッセージをWebページ化
Gitのコミットメッセージは細かく書いていますか？CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。どうせ、そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。GitのコミットメッセージをHTMLにしてくれるソフトウェア...
TextCast - 画面上に文字を表示
プレゼンテーション中にテキストを流したり、ニコニコ動画のように応援メッセージを流したりと、画面の上にテキストを表示したいというニーズはよくあります。そうしたソフトウェアの多くは特定のサービスに関連付いています。今回紹介するTextCastは送られてきたテキストを画面に表示するのに特化しています。表示するテキストの送り元...
Screenshot to Google Slides - スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け…
Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。そんな特定用途に限って使えるのがScreenshot to Goo...
Falco - Webサイトのパフォーマンスを可視化するダッシュボード
Webの解析ツールというと、アクセスを解析するものが殆どです。ビューやUUを計測して、Webサイトの改善に活かします。それらのデータは管理者向けのものであり、訪問者はデータを渡すだけでした。Falcoは異なる視点でデータを収集します。それはWebサイトの使いやすさ、パフォーマンスに注目しています。## Falcoの使い...
wasm2lua - WebAssemblyをLuaに変換
WebAssemblyはユニバーサルバイナリとも表現されます。どんな言語であってもWebAssemblyに変換できれば、各プログラミング言語にあるWebAssembly環境（機能拡張など）で実行できます。そんな万能的に使えるWebAssemblyをあえてLuaに変換するのがwasm2luaです。## wasm2luaの...
LegraJS - レゴ風ブリックを使ってドローイング
レゴはみんなが好きなおもちゃでしょう。一つ一つは小さなブリックですが、それを組み合わせることで何でも自分が好きなものを作り上げられます。最近ではIoTとも組み合わせて使われています。そんなレゴ風のブロックを使ってドローするライブラリがLegraJSです。## LegraJSの使い方スマイルマークのアニメーション。!
PWA asset generator - PWA用のアイコン/スプラッシュスクリーン用画像を一気に生成
PWA（Progressive Web Apps）は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。そんなPWAでアプリとしてインストールする機能に注目が集まっていますが、面倒なのが多数のアイコンを作成しなけれ...
Thorium Reader - クロスプラットフォームで動作する電子書籍リーダー
意外とデスクトップ環境では使いやすいePubリーダーがありません。calibreは読む以外の機能がたくさんありますし、他はベンダーの電子書籍リーダーがePubもサポートしているといったものが多いです。今回紹介するThorium Readerはオープンソース・ソフトウェアなePubリーダーです。## Thorium Re...
DevShop - カンバンシステムを学べるゲーム
プロジェクト管理においてカンバンがよく使われるようになっています。各タスクに応じて人がアサインされ、こなしていきます。完了するとタスクが右側に移動していき、最終的にタスクが消えて終わります。そんなカンバンをゲーム形式で体験できるのがDevShopです。プロジェクト管理をゲーム風にシミュレーションできます。## DevS...
expo-vscode-ios - VS CodeをExpoでiPadアプリ化
この記事を書いている日にちょうどVS Code Onlineが発表されているのですが…。ベースがWeb技術にあるVS CodeをWebブラウザから扱いたいというニーズは常に存在しました。それを最初に叶えたのがCoderです。今回紹介するexpo-vscode-iosはそのCoderをベースにExpoと組み合わせてアプリ...
Counter - 数字を大まかな時間に換算
時間の表現として、絶対時間を使う場合と相対時間を使う場合があります。相対的な時間は、今の時刻を知らなくとも使えるので便利です。また、見る人のタイミングによって時間が異なる場合、相対時間の方が分かりやすいこともあります。例えばソーシャルメディアの投稿日時などを表現する場合です。だいたいの時間を知りたい場合、Counter...
TinaCMS - React製のWebサイト編集ツール
Webサイトを構築する際、見た目と作成環境がかけ離れていると、修正して結果を確認するという作業を何度も繰り返さないといけません。WYSIWYGなエディタもありますが、CMSのように決まった形ではないので複雑なデザインは作業量が増えてしまいます。今回紹介するTinaCMSはWebサイト上で使える編集機能を実現します。項目...
Meriyah - 最新のECMAScript仕様も使えるJavaScriptパーサー
JavaScriptが色々なプラットフォームで使われるようになっています。JavaScriptから別な言語に変換するパーサーなどを作りたいと思ったら必要なのがパーサーです。コードを解析することで、別な使い方が生まれます。今回紹介するMeriyahはJavaScriptで作られた（実際にはTypeScriptですが）Ja...
takenote - シンプルなMarkdown対応のメモソフトウェア
Markdownベースのメモソフトウェアが増えています。多くが3ペイン構成になっており、左側にフォルダ、中央にファイル一覧、そして右側がエディタとなっています。メモを一カ所にまとめておくことで、すぐに探し出せたり、メモできるのが便利です。今回紹介するtakenoteもそんなメモソフトウェアの一つです。シンプルなMark...
Markdown - Markdown記述をサポートするツールバー
Markdown記法はそれほど複雑ではないものの、括弧の順番を忘れてしまったり、テーブルの文字寄せの書き方を調べたりすることがあります。慣れていない人にとってはまだまだ難しい記法と言えるでしょう。そこで使ってみたいのがMarkdown（以下、Markdown（WYSIWYG）とします）です。同名のライブラリなのが気にな...
webp-hero - WebP非対応ブラウザでも表示するpolyfill
WebPはGoogleがメインで開発を進めている画像フォーマットです。写真やイラストなど用途を区別せずに使えるフォーマットで、とてもサイズが小さく済むのが特徴です。しかし、対応しているブラウザが限られるのが難点です。そこで使ってみたいのがwebp-heroです。WebP非対応ブラウザでも表示可能にするpolyfillラ...
Sh**t! I Smoke - 副流煙の問題を可視化するアプリ
日本では決められた場所以外での喫煙は禁止されていますが、海外ではまだまだ屋外での禁煙規制は弱いのが実情です（逆に屋内は制限されています）。副流煙の問題であったり、ポイ捨てや他の人に火が当たったりする危険があり、歩きタバコは問題になっています。そんな中注目したいのがSh**t! I Smokeです。今自分がいる場所にお...
React SlideShow UI - Slideshare/Speakerdeck風の表示を行うReactコンポーネント
スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。今回紹介するReact SlideShow UI...
Kanban Board - リッチなWebカンバンシステム
カンバンシステムはTrelloの登場以降、様々なシステムが作られています。シンプルなものもあれば、ものすごくリッチなものもあります。導入する場合には自分たちの組織にあったものを選定する必要があるでしょう。今回紹介するKanban Boardはタグやカレンダー連携などの機能を備えたカンバンシステムです。## Kanban...
Jasper - GitHub用のIssue管理を強力にサポート
GitHubのIssueはプロジェクトやオープンソース・ソフトウェアが成長するために必須の機能です。しかし、その数が増えるとついつい見過ごしてしまったりします。その結果、数ヶ月放置されるなんてことも少なくありません。その結果、開発者を失望させてしまいます。そうならないために使ってみたいのがJasperです。まるでメーラ...