プログラミング言語 - JavaScriptの記事一覧
Keys - Safariでキーボードブラウジングを可能に
Webブラウジングはキーボードから手を離すことが多いので、一旦Webサイトを見出すとついつい時間を忘れてマウスを動かし続けてしまったりします。これは開発生産性を大いに下げる行為です。そこで使ってみたいのがキーボードブラウジングをサポートしてくれるソフトウェアです。あなたのメインブラウザがSafariであれば、Keysを...
commuter - 多彩なフォーマットに対応したノートビューワー
メモ的に使えるサービスは多数あります。有名なところではMarkdown記法が使えるメモアプリがありますが、Jupyter Notebookのように目的が特化したメモもあります。それらを目的によって使い分けていると、どこに必要な情報があったのか分からなくなります。そこで使ってみたいのがcommuterです。様々な記法に対...
Free email template builder - HTMLメールをビジュアル的に作成
HTMLメールを作成する方法は幾つかあります。Webブラウザで表示するHTMLと基本的には変わりませんが、JavaScriptや外部ファイルが使えないと言った違いはあります。メールアプリケーションによって表示が多少異なるので、その点も注意が必要です。そこで使ってみたいのがFree email template buil...
Manifest - ぜひ触って欲しいグリッドベースのピンボード
Web上でドローイングをしたり、付箋紙を作成できるサービスがありますが、多くがピクセル単位で自由に描けるようになっています。自由なのはいいのですが、厳密に書こうとしてしまって、余計な時間がかかります。同じような気持ちになったことがあれば、ぜひ試して欲しいのがManifestです。グリッドに沿って描かれるのが気持ちいいピ...
Compressor.js - Web上で画像を圧縮
スマートフォンやデジカメが高性能化し、作成される写真のサイズがどんどん大きくなっています。数MBで済めばいいほうで、場合によっては10MBを超える場合もあるでしょう。そうした写真を受け取る側のサービスもネットワークが逼迫してしまいます。そこで使ってみたいのがCompressor.jsです。画像をJavaScriptで圧...
Markmap - Markdownファイルをマインドマップ化
Markdown記法は開発者の間で幅広く使われるようになっています。基本はドキュメントを書くために使われていますが、構造がシンプルな分、解析することで他の目的でも使えます。今回はその一つ、Markmapを紹介します。Markdown記法をマインドマップに変換するソフトウェアです。## Markmapの使い方デモです。!
DiagramFlowJS - Web上でフローチャートを描くJavaScriptライブラリ
Web上でフローチャートを描いたり、図を描く際にはどんなツールを使っているでしょうか。各ノードを連結させたり、連結後に動かしてもちゃんと線が繋がったままになっているツールを選ぶのがいいでしょう。今回紹介するDiagramFlowJSはそんな図を作るのに使えるソフトウェアです。## DiagramFlowJSの使い方多く...
JsBattle - 対戦ゲームを通じてプログラミングを学ぶ
プログラミングを覚えるのにゲーミフィケーションを取り入れるのはいいアイディアです。ただひたすらに写経しながら覚えるのは忍耐力が必要ですし、目的があった方がモチベーションが維持しやすいでしょう。今回紹介するJsBattleはJavaScriptをゲームを通して学べるソフトウェアです。## JsBattleの使い方トップペ...
mute.vc - VCな人たちをまとめてミュート
Twitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。せっかくTwitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。今回紹介するmute.vcはいわゆるVC（ベンチャーキャピタル）に関わる人た...
The Aviator - 飛行機を飛ばし続ける3Dゲーム
ゲームを作ってみたいと思っている方は多いでしょう。凝ったゲームを作るのは時間も技術も必要になりますが、簡易的なものを作って徐々にステップアップしていくこともできます。今回紹介するThe Aviatorはそんなステップを歩んで作られた3Dゲームです。## The Aviatorの使い方ゲーム画面です。!
jExcel - Web上でExcelレベルの表計算機能を実現
業務システムをWebアプリケーション化すると、必ず一覧表の機能が必要になります。そして、テーブル組などで簡単に終わらせようとすると、並び替えやインライン編集などの機能要望が出てきます。今回紹介するjExcelはExcel風の表計算機能をWeb上で実現してくれるソフトウェアです。## jExcelの使い方ページネーション...
Rainbrow - Webカメラでキャラクターを操作するRainbrowクローン
ゲームで入力操作を行う場合、キーボードやマウス、専用コントローラーが使われます。スマートフォンやタブレットの場合、マルチタッチ操作を使うでしょう。しかし、他にも入力操作できる仕組みがあるはずです。それはカメラです。カメラを使ってキャラクターを操作する、そんなゲームがRainbrowです。## Rainbrowの使い方絵...
Peak map - 地図上に等高線を表示して立体的に表示
山登りをする人であれば、等高線を用いた地図を見ているだけで楽しい気分になるのを理解できるでしょう。実際に歩いているところを想像したり、ルートを探索したりするのも楽しいです。そんな方（だけでなく）楽しめるソフトウェアがPeak mapです。## Peak mapの使い方元の地図。!
Multiplayer 2d car game! - マルチプレイヤーで接続して遊べるゲームの基盤に
ゲームは一人でやっても面白いですが、複数人になるとさらに面白さが増します。コンピュータ相手に戦うのでは味気ないですが、友達やインターネットを通じた人とゲームを興じるのは、思いもしなかった展開になったりすることでしょう。今回紹介するMultiplayer 2d car game!はそんなWebブラウザゲームの基盤に使えそ...
Weboji - Webブラウザ用のアニ文字
iOSに搭載されているアニ文字は利用しているでしょうか。メッセージなどで使うことはあっても、テレビ電話的に使う文化があまりない日本では利用者は多くないかも知れません。技術的には顔認識と、その表情や動きを絵文字に反映する点が面白いです。そんなアニ文字をWebブラウザ上で実現するのがWebojiです。Webカメラの顔トラッ...
Timelite - 時間の使い方を可視化する時間管理
ふと気がつくと夕方、さらに深夜になっていたなんて経験ないでしょうか。目標だった仕事がなかなか終わらず、時間だけが過ぎ去っていく…そんな経験をしたことは少なからずあるはずです。何が問題なのか、それを知るためには、まず時間の使い方を可視化するのが大事です。それを可能にするのがTimeliteです。## Timeliteの使...
G6 - ノードの繋がりを可視化するチャートライブラリ
Webの表現力を補うために多くのデータビジュアル化ライブラリが存在します。グラフのようなものもあれば、さらに複雑なチャートライブラリもあります。アニメーションしたり、高速で表示されたりと様々な特徴があります。G6はノード同士を連携し、それを表現するのを得意とするチャートライブラリになります。## G6の使い方サンプルで...
Canvas-Notes - メモ × ペイントなWebアプリ
Webベースのメモソフトウェアは星の数ほど存在します。多くはテキストを記述する機能と、画像アップロード機能になるでしょう。画像は別途画像編集やペイントアプリで作成しなければなりません。今回紹介するCanvas-Notesはテキストを記述する機能に加えて、Canvasを使ったスケッチ機能も備わったメモソフトウェアです。#...
isocity - 小さな箱庭で自分の街を作る
シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...
NodeTube - 画像や音楽もアップロードできるYouTube代替
YouTubeの持つ力はとても大きいです。YouTuberをはじめ、様々な新しい文化を生み出しています。その中から新しいスターが日々誕生しており、YouTubeを頼る人たちがどんどん増えています。そんなYouTube代替ともいえるのがNodeTubeです。動画だけでなく、画像やオーディオもアップロードできます。## N...