JavaScriptの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。静的サイト向けのBaaSNetlifyをはじめ、静的なWebサイトシステムが人気です。すべて完全に静的ではなく、一部に動的な機能(コメントや認証など)を追加したいと考えることもあるでしょう。一部を動的にするためにすべてをサーバサイドで開発するのは面倒です。そこで使ってみたいのがUserbaseです。GithubのプルリクエストをモニタリングGitHubでプルリクエストが来るとメールが来ます。普段の仕事がチャットツールに移っている現在、なかなかメールを見なかったり、一度放置したメールを見返す機会がなくなっています。そこで使ってみたいのがPullpです。プルリクエストの監視に特化したソフトウェアです。新しい音楽と出会える音楽プレイヤー20年以上昔はCD屋にいって探し回ることで新しい楽曲との出会いがありました。今はYouTubeなどで探すこともできますが、レコメンドエンジンは類似したものを紹介するので、自分ではまったく知らなかった音楽と出会うことは多くないように感じます。そこで使ってみたいのがTuneInです。数字を並べる対戦型パズルゲーム世の中にはゲームがたくさんありますが、個人的には複雑なものよりもパズルのようなシンプルなものが好きです。自分でじっくり考えるのもいいですが、対戦式も好きです。ルールがシンプルであればすぐに覚えて遊べるので特に楽しいです。今回紹介するrÊgは数字を並べる対戦型パズルゲームです。マルチプラットフォームで動作するパララックス・エフェクトライブラリパララックス・エフェクトを使うと、インパクトのある表現が実現します。Webページは縦長のサイトが多いので、スクロールで見た目のインパクトが与えられればユーザの目を引きつけられるでしょう。WebブラウザでスクリーンキャプチャHTML5のAPIはどんどん追加されており、多くの機能がWebブラウザ上で実現できるようになっています。Webカメラを使ったチャットの最中に、自分のデスクトップやアプリケーションの画面を共有することもできます。Captureは画面をキャプチャし、動画として保存するデモです。THREE.MMDLoaderを使ったMMDサンプル集3Dモデルによるアニメーション、ダンスなどを行うフォーマットとして有名なのがMMD(MikuMikuDance)です。同名ソフトウェアで作ったデータを読み込めばWeb上でのMMDを動かせます。そのためのライブラリがMMDLoaderです。JSONをURLフレンドリーに変換JSONをWebアプリケーションではよく使います。JSONで使われている記号(波括弧やカギ括弧など)はURLに使うことができず、エンコードしなければなりません。その結果、URLで使うとURLが長くなってしまいます。そこで作られたのがjsurlです。JSONをURLセーフにし、なるべく短い文字列にします。Webページ全体のスクリーンショットを撮影スクリーンショットで保存できるのは今見ている情報に限られます。Webページの場合、縦長なことが多いので、見えていない部分も含めてスクリーンショットを撮りたいと思うでしょう。いったソフトウェアもたくさんあります。React製のJiraクローンJiraといえばAtlassian社が提供している課題管理、プロジェクト管理になります。大規模な開発をサポートし、企業規模の大きなところで使われているイメージがあります。他のAtlassian製のサービスと連携できるのも強みです。Safariでキーボードブラウジングを可能にWebブラウジングはキーボードから手を離すことが多いので、一旦Webサイトを見出すとついつい時間を忘れてマウスを動かし続けてしまったりします。これは開発生産性を大いに下げる行為です。そこで使ってみたいのがキーボードブラウジングをサポートしてくれるソフトウェアです。多彩なフォーマットに対応したノートビューワーメモ的に使えるサービスは多数あります。Notebookのように目的が特化したメモもあります。それらを目的によって使い分けていると、どこに必要な情報があったのか分からなくなります。そこで使ってみたいのがcommuterです。HTMLメールをビジュアル的に作成HTMLメールを作成する方法は幾つかあります。Webブラウザで表示するHTMLと基本的には変わりませんが、JavaScriptや外部ファイルが使えないと言った違いはあります。メールアプリケーションによって表示が多少異なるので、その点も注意が必要です。触って欲しいグリッドベースのピンボードWeb上でドローイングをしたり、付箋紙を作成できるサービスがありますが、多くがピクセル単位で自由に描けるようになっています。自由なのはいいのですが、厳密に書こうとしてしまって、余計な時間がかかります。同じような気持ちになったことがあれば、ぜひ試して欲しいのがManifestです。Web上で画像を圧縮スマートフォンやデジカメが高性能化し、作成される写真のサイズがどんどん大きくなっています。数MBで済めばいいほうで、場合によっては10MBを超える場合もあるでしょう。した写真を受け取る側のサービスもネットワークが逼迫してしまいます。そこで使ってみたいのがCompressor.jsです。Markdownファイルをマインドマップ化Markdown記法は開発者の間で幅広く使われるようになっています。基本はドキュメントを書くために使われていますが、構造がシンプルな分、解析することで他の目的でも使えます。今回はその一つ、Markmapを紹介します。Markdown記法をマインドマップに変換するソフトウェアです。Markmapの使い方デモです。Web上でフローチャートを描くJavaScriptライブラリWeb上でフローチャートを描いたり、図を描く際にはどんなツールを使っているでしょうか。各ノードを連結させたり、連結後に動かしてもちゃんと線が繋がったままになっているツールを選ぶのがいいでしょう。今回紹介するDiagramFlowJSはそんな図を作るのに使えるソフトウェアです。対戦ゲームを通じてプログラミングを学ぶプログラミングを覚えるのにゲーミフィケーションを取り入れるのはいいアイディアです。写経しながら覚えるのは忍耐力が必要ですし、目的があった方がモチベーションが維持しやすいでしょう。今回紹介するJsBattleはJavaScriptをゲームを通して学べるソフトウェアです。VCな人たちをまとめてミュートTwitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。Twitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。飛行機を飛ばし続ける3Dゲームゲームを作ってみたいと思っている方は多いでしょう。凝ったゲームを作るのは時間も技術も必要になりますが、簡易的なものを作って徐々にステップアップしていくこともできます。Aviatorはそんなステップを歩んで作られた3Dゲームです。Aviatorの使い方ゲーム画面です。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が721あります。blockworks。