JavaScriptの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。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の使い方ゲーム画面です。業務システムをWebアプリケーション化すると、必ず一覧表の機能が必要になります。テーブル組などで簡単に終わらせようとすると、並び替えやインライン編集などの機能要望が出てきます。今回紹介するjExcelはExcel風の表計算機能をWeb上で実現してくれるソフトウェアです。Webカメラでキャラクターを操作するRainbrowクローンゲームで入力操作を行う場合、キーボードやマウス、専用コントローラーが使われます。スマートフォンやタブレットの場合、マルチタッチ操作を使うでしょう。他にも入力操作できる仕組みがあるはずです。カメラを使ってキャラクターを操作する、そんなゲームがRainbrowです。山登りをする人であれば、等高線を用いた地図を見ているだけで楽しい気分になるのを理解できるでしょう。実際に歩いているところを想像したり、ルートを探索したりするのも楽しいです。mapの使い方元の地図。マルチプレイヤーで接続して遊べるゲームの基盤にゲームは一人でやっても面白いですが、複数人になるとさらに面白さが増します。コンピュータ相手に戦うのでは味気ないですが、友達やインターネットを通じた人とゲームを興じるのは、思いもしなかった展開になったりすることでしょう。Webブラウザ用のアニ文字iOSに搭載されているアニ文字は利用しているでしょうか。メッセージなどで使うことはあっても、テレビ電話的に使う文化があまりない日本では利用者は多くないかも知れません。技術的には顔認識と、その表情や動きを絵文字に反映する点が面白いです。そんなアニ文字をWebブラウザ上で実現するのがWebojiです。時間の使い方を可視化する時間管理ふと気がつくと夕方、さらに深夜になっていたなんて経験ないでしょうか。目標だった仕事がなかなか終わらず、時間だけが過ぎ去っていく...そんな経験をしたことは少なからずあるはずです。何が問題なのか、それを知るためには、まず時間の使い方を可視化するのが大事です。それを可能にするのがTimeliteです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。