TypeScriptの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。ImageMagickをWebAssemblyでWebアプリから使いやすく様々なローカルアプリケーションがWeb化していますが、JavaScriptの実行速度はネイティブアプリケーションに比べて劣ってしまいます。WebAssemblyを用いることで大幅に改善できます。個人/チームに対応したパスワード管理パスワード管理はどのように行っていますか。Chromeのパスワード管理やキーチェーンなどで管理できますが、チームになると別物です。他の人が分かりやすいようにと安易なものを設定したり、チャットなどで共有していないでしょうか。S3にファイルをアップロードする場合、いくつかの方法があります。S3の管理画面でアップロードする方法です。ラフな線が書けるドローツールきっちりした、正確な図を書くと、ほんの少しの乱れが気になって修正に時間がかかってしまったりします。それは些細な問題で、本質的な問題ではないにも関わらずです。プロトタイプなどではラフさを残した方がはやく作れます。今回紹介するExcalidrawは手書き風の図を書けるソフトウェアです。カラフルなテキスト用プレースホルダーを生成Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。Spectrumです。カラフルなプレースホルダーを生成します。GitのコミットメッセージをWebページ化Gitのコミットメッセージは細かく書いていますか?CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。画面上に文字を表示プレゼンテーション中にテキストを流したり、ニコニコ動画のように応援メッセージを流したりと、画面の上にテキストを表示したいというニーズはよくあります。したソフトウェアの多くは特定のサービスに関連付いています。今回紹介するTextCastは送られてきたテキストを画面に表示するのに特化しています。スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け...Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。Webサイトのパフォーマンスを可視化するダッシュボードWebの解析ツールというと、アクセスを解析するものが殆どです。UUを計測して、Webサイトの改善に活かします。それらのデータは管理者向けのものであり、訪問者はデータを渡すだけでした。Falcoは異なる視点でデータを収集します。それはWebサイトの使いやすさ、パフォーマンスに注目しています。WebAssemblyをLuaに変換WebAssemblyはユニバーサルバイナリとも表現されます。どんな言語であってもWebAssemblyに変換できれば、各プログラミング言語にあるWebAssembly環境(機能拡張など)で実行できます。そんな万能的に使えるWebAssemblyをあえてLuaに変換するのがwasm2luaです。レゴ風ブリックを使ってドローイングレゴはみんなが好きなおもちゃでしょう。一つ一つは小さなブリックですが、それを組み合わせることで何でも自分が好きなものを作り上げられます。最近ではIoTとも組み合わせて使われています。そんなレゴ風のブロックを使ってドローするライブラリがLegraJSです。LegraJSの使い方スマイルマークのアニメーション。Apps)は今後のWebを担う大事な技術になっています。多数ある技術を合わせたものなので、すべてを実装するのは難しいですが、逆に一部からでもはじめられるのがメリットです。意外とデスクトップ環境では使いやすいePubリーダーがありません。calibreは読む以外の機能がたくさんありますし、他はベンダーの電子書籍リーダーがePubもサポートしているといったものが多いです。Readerはオープンソース・ソフトウェアなePubリーダーです。カンバンシステムを学べるゲームプロジェクト管理においてカンバンがよく使われるようになっています。各タスクに応じて人がアサインされ、こなしていきます。完了するとタスクが右側に移動していき、最終的にタスクが消えて終わります。そんなカンバンをゲーム形式で体験できるのがDevShopです。プロジェクト管理をゲーム風にシミュレーションできます。Onlineが発表されているのですが...。CodeをWebブラウザから扱いたいというニーズは常に存在しました。それを最初に叶えたのがCoderです。時間の表現として、絶対時間を使う場合と相対時間を使う場合があります。相対的な時間は、今の時刻を知らなくとも使えるので便利です。見る人のタイミングによって時間が異なる場合、相対時間の方が分かりやすいこともあります。ソーシャルメディアの投稿日時などを表現する場合です。React製のWebサイト編集ツールWebサイトを構築する際、見た目と作成環境がかけ離れていると、修正して結果を確認するという作業を何度も繰り返さないといけません。WYSIWYGなエディタもありますが、CMSのように決まった形ではないので複雑なデザインは作業量が増えてしまいます。今回紹介するTinaCMSはWebサイト上で使える編集機能を実現します。最新のECMAScript仕様も使えるJavaScriptパーサーJavaScriptが色々なプラットフォームで使われるようになっています。JavaScriptから別な言語に変換するパーサーなどを作りたいと思ったら必要なのがパーサーです。コードを解析することで、別な使い方が生まれます。シンプルなMarkdown対応のメモソフトウェアMarkdownベースのメモソフトウェアが増えています。多くが3ペイン構成になっており、左側にフォルダ、中央にファイル一覧、そして右側がエディタとなっています。メモを一カ所にまとめておくことで、すぐに探し出せたり、メモできるのが便利です。今回紹介するtakenoteもそんなメモソフトウェアの一つです。Markdown記述をサポートするツールバーMarkdown記法はそれほど複雑ではないものの、括弧の順番を忘れてしまったり、テーブルの文字寄せの書き方を調べたりすることがあります。慣れていない人にとってはまだまだ難しい記法と言えるでしょう。そこで使ってみたいのがMarkdown(以下、Markdown(WYSIWYG)とします)です。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。