JavaScriptの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。作れるフローチャートライブラリフローチャートを利用する機会は意外と多いです。専用のソフトウェアがないために表計算やプレゼンソフトウェアを使って無理矢理作っているのではないでしょうか。Webブラウザで手軽に作れると便利です。今回紹介するFlowyはシンプルなフローチャートライブラリです。画像を懐かしさ溢れるリソグラフ風に加工リソグラフというのは印刷方式の一つで、原版を作ることで高速な印刷ができます。色数を押さえることで高速印刷可能で、新聞の折り込みチラシにあるような風合いの印刷が可能です。そんなリソグラフをWeb上で再現してくれるのがp5.risoです。懐かしい風合いの表現になります。p5.risoの使い方デモです。ブラウザからブラウザを呼び出して安全な環境を確保セキュアで安全な実行環境を手に入れるにはサンドボックス化されているのが基本でしょう。OSでは普及していますが、Webブラウザではプライバシーに気を配ったモードがある程度です。今回紹介するBrowserGapはWebブラウザの中でWebブラウザを実行する試みです。HTML5製のタワーディフェンスゲームタワーディフェンスゲームが好きな人は多いでしょう。味方をどのように配置するか、どう強化するかによって戦況が大きく変わります。理詰めで考える部分が多いので、開発者は好きそうです。diffenseです。APIとして使われる場面が増えていくことでしょう。開発中の難点として、エンドポイントがすべて同じURLであるために、どのアクセスなのかは深く見てみないと分からないという点があります。コーディングなしでクリップボード操作HTML5のAPIによって、Webブラウザからクリップボードを操作できるようになっています。共有を促すときにメッセージをクリップボードにコピーしたり、別な機能でコピーしたテキストを貼り付けるといった操作が考えられます。軽量なテキストタイピング表示ライブラリWebサイトでよく使われるタイピングを模したテキスト表示ライブラリ。メッセージを全文表示してしまうよりも、タイピングしながらの方が目を引く効果があります。この手のライブラリはとても多いです。今回紹介するtypicalはとにかくサイズが小さいのが魅力です。Webブラウザでビンゴを楽しもうビンゴ大会などで、数字をランダムに表示したいと思うことはないでしょうか。ビンゴに限らず、参加者の中から当選者を決めたいという時もあるでしょう。それを画面上に大きく表示すれば、会場は盛り上がるはずです。Bingo!は名前の通り、ビンゴを実現するためのWebアプリケーションになります。宇宙に憧れる人は大勢います。宇宙を知れば知るほど、自分の存在が小さなものだと思い知ります。地球以外には移住もできず、まだ月にしか足を踏み入れていない現状が未来を感じさせます。そんな宇宙の様子を3Dで表現するのがSpacekitです。Spacekitの使い方各惑星は線の上を動きます。レスポンシブWebデザインをまとめて確認レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。一気に複数デバイスでの表示を確認できます。Slackの入力フォームを以前のものに戻すSlackでは最近、入力フォームにWYSIWYGなツールバーが追加されました。ITに詳しくない人であれば便利だと思いますが、逆にITリテラシーが高い人にすれば、以前のように記法を使う方が簡単だったでしょう。Bookmarkletです。シンプルで簡単なファイルアップローダーファイルを相手に送る際にどんな手段を使っていますか。チャット、メール、AirDropなど多彩な方法がありますが、アップローダー経由というのがよくあるものになるでしょう。今回紹介するYouTransfer.ioは自分で立てられるシンプルなアップローダーです。YouTransfer.ioの使い方メイン画面です。ターン制を止めたチェスすでに慣れたゲームも、本の少しルールを変えるだけで遊び方が大幅に変わる可能性があります。協力プレイで遊ぶはずのゲームで、お互いに邪魔しあった方が盛り上がるのはその典型といえるでしょう。Chessはチェスゲームですが、ターン制という部分を破壊したゲームとなっています。画像のちょっとした加工でPhotoshopを立ち上げたり、専門のソフトウェアを購入したりするのは嫌だと思っている方は多いはず。最近では些細な修正であればWebベースでも行えるようになっています。今回紹介するPainterroはWebベースの画像編集ソフトウェアです。Visioに頼らず綺麗なネットワーク構成図を手に入れる開発者であれなネットワーク構成図を書く機会があるかと思います。そんな時、ドローツールを使うとメンテナンスが面倒だったり、変更時の差分確認もできず、徐々に運用が煩雑になっていきます。そこで使ってみたいのがdrawthe.netです。テキストから詳細なネットワーク構成を生成してくれるドローツールです。学ぼう、教えよう開発者では昔から教え、教えられる文化があります。一つの技術を深く探求することも、新しい技術を学ぶこともできます。その文化によってオープンソースやコミュニティ文化が成り立っているといえるでしょう。今回紹介するOpenkiはそんな教え、教えられる人たちのためのサービスです。TweetDeckの新着ツイートを音声読み上げTweetDeckを使えば多くのツイートが一気に見られます。一日中見ていても飽きないかも知れませんが、それでは仕事になりません。新しいツイートが来たら知りたい、そんなツイ廃な人もいるでしょう。Chrome機能拡張がReadTweetDeckです。音を使ってデータを送受信コンピュータから別なコンピュータに情報を伝える際には何か使うでしょうか。物理(USBメモリなど)とネットワークでいえば、最近はネットワーク利用が多いでしょう。そのネットワークにはインターネット、LAN、Bluetoothなど多彩な選択肢があります。今回紹介するQuiet.jsは物理でもネットワークもありません。YouTube動画の軽量埋め込み表示YouTubeの動画埋め込み表示機能は便利で使っている人も多いかと思います。あの埋め込み表示は動作が重たく、あまり大量に埋め込むとWebブラウザの負荷が高くなります。そこで使いたいのがlite-youtubeです。標準のツールに比べて圧倒的に軽快に動作します。シンプル、エレガントなMarkdownエディタMarkdownエディタは多数あります。多くはエディタとプレビューが左右に表示されます。Markdownに慣れていないと、書いている記法が結果としてどう表示されるのか推測が難しいでしょう。インラインで記法が反映されるMarkdownエディタです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が715あります。blockworks。