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

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

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

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

もっと見る

List

  • 2020/02/15

WASM-ImageMagick - ImageMagickをWebAssemblyでWebアプリから使いやすく

様々なローカルアプリケーションがWeb化していますが、JavaScriptの実行速度はネイティブアプリケーションに比べて劣ってしまいます。しかしWebAssemblyを用いることで大幅に改善できます。今回紹介するWASM-ImageMagickは名前の通り、ImageMagickをWebAssembly化したソフトウェ...

List

  • 2020/02/14

Padloc - 個人/チームに対応したパスワード管理

パスワード管理はどのように行っていますか。個人であればGoogle Chromeのパスワード管理やキーチェーンなどで管理できますが、チームになると別物です。他の人が分かりやすいようにと安易なものを設定したり、チャットなどで共有していないでしょうか。今回紹介するPadlocは個人はもちろん、チーム管理にも対応したパスワー...

List

  • 2020/02/12

S3Uploader - Amazon S3上のファイルをアップロード&ダウンロード

Amazon S3にファイルをアップロードする場合、いくつかの方法があります。専用のUIを作ってアップロードする方法、Cyberduckのような汎用ソフトウェアを使ってアップロードする方法、そしてAmazon S3の管理画面でアップロードする方法です。セキュリティ上、Amazon S3の管理画面が使えない場合もあるでし...

List

  • 2020/02/04

Excalidraw - プロトタイプに。ラフな線が書けるドローツール

きっちりした、正確な図を書くと、ほんの少しの乱れが気になって修正に時間がかかってしまったりします。それは些細な問題で、本質的な問題ではないにも関わらずです。特にプロトタイプなどではラフさを残した方がはやく作れます。今回紹介するExcalidrawは手書き風の図を書けるソフトウェアです。乱れている分、細かな点は気にせず作...

List

  • 2020/01/28

React Spectrum - カラフルなテキスト用プレースホルダーを生成

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。## React Spectrumの使い方生成...

List

  • 2020/01/22

git-story - GitのコミットメッセージをWebページ化

Gitのコミットメッセージは細かく書いていますか?CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。どうせ、そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。GitのコミットメッセージをHTMLにしてくれるソフトウェア...

List

  • 2020/01/14

TextCast - 画面上に文字を表示

プレゼンテーション中にテキストを流したり、ニコニコ動画のように応援メッセージを流したりと、画面の上にテキストを表示したいというニーズはよくあります。そうしたソフトウェアの多くは特定のサービスに関連付いています。今回紹介するTextCastは送られてきたテキストを画面に表示するのに特化しています。表示するテキストの送り元...

List

  • 2020/01/10

Screenshot to Google Slides - スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け…

Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。そんな特定用途に限って使えるのがScreenshot to Goo...

List

  • 2020/01/02

Falco - Webサイトのパフォーマンスを可視化するダッシュボード

Webの解析ツールというと、アクセスを解析するものが殆どです。ビューやUUを計測して、Webサイトの改善に活かします。それらのデータは管理者向けのものであり、訪問者はデータを渡すだけでした。Falcoは異なる視点でデータを収集します。それはWebサイトの使いやすさ、パフォーマンスに注目しています。## Falcoの使い...

List

  • 2019/12/26

wasm2lua - WebAssemblyをLuaに変換

WebAssemblyはユニバーサルバイナリとも表現されます。どんな言語であってもWebAssemblyに変換できれば、各プログラミング言語にあるWebAssembly環境(機能拡張など)で実行できます。そんな万能的に使えるWebAssemblyをあえてLuaに変換するのがwasm2luaです。## wasm2luaの...

List

  • 2019/12/19

LegraJS - レゴ風ブリックを使ってドローイング

レゴはみんなが好きなおもちゃでしょう。一つ一つは小さなブリックですが、それを組み合わせることで何でも自分が好きなものを作り上げられます。最近ではIoTとも組み合わせて使われています。そんなレゴ風のブロックを使ってドローするライブラリがLegraJSです。## LegraJSの使い方スマイルマークのアニメーション。!

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)とします)です。同名のライブラリなのが気にな...