CollideはWebベースのコラボレーションIDEです。 XPなどの開発プラクティスの一つにあるのがペアプログラミングです。二人が並ぶことでOJT的に指導したり、自分の知らなかった機能に出会えたりします。そんなプログラマー同士のコラボレーションをリモートでも可能にするのがCollideです。 最初にユーザ名を入力します。 メイン画面です。左にファイル一覧があります。collideを起動したときのパス以下にあるファイルが表示されます。 ファイルを開きました。右側がエディターエリアになります。編集はリアルタイムに反映されます。 ハイライター機能もあります。 検索やファイルの切り替えもできます。 検索するとハイライトされます。 Google Chromeを使うとデバッグもできるようです。 Collideは元々Google Collideという名称でしたが、現在はフォークして単にCollideと

jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること

Popcorn.jsは動画と別なコンテンツを連携させるHTML5ビデオフレームワーク。 Popcorn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサービスの説明動画や、勉強会の内容など動画をWebサイトに掲載するケースが増えている。そんな時には動画以外の資料も一緒に掲載したいと思うはずだ。 デモ ニコニコ動画は動画とコメントと一緒に閲覧できるが、同じように動画と別なコンテンツを一緒に掲載したり連携させたいと思う事はないだろうか。それを実現するライブラリとしてPopcorn.jsを紹介しよう。 Popcorn.jsはHTML5動画フレームワークで、動画と任意のコンテンツを連携させるライブラリだ。例えば動画の横にスライドを載せ、指定時間になったら切り替えると言った具合だ。手で時間を進めたりした場合もコンテンツが切り替わってくれる。 外部の様々な情報を表示して

Nodrrはnode.jsで作られたTwitterクローン。フォロー/フォロワー等の機能はなくただツイートするのみ。 Nodrrはnode.js製のフリーウェア（ソースコードは公開されている）。かつてWikiクローンが多数開発された。ページがあれば表示する、なければ作成するといった分かりやすい仕様でかつ面白いコンセプトであったので皆こぞって作成した。 ツイート一覧 オープンソースのWikiエンジンはそのプログラミング言語を勉強する上で多いに役立ったはずだ。しかしそれも数年前のことで、今はトレンドが変わっている。それはマイクロブログでありTwitterクローンではないだろうか。node.jsで作られたNodrrを紹介しよう。 NodrrはTwitterクローンではあるが、認証はFacebookを使っている。その認証を経た後でユーザ名を設定する。フォロー/フォロワーという概念はなく、全員共通の

Craftyは2Dアクション、落ちものゲーム、RPGに使えるJavaScript用ゲームフレームワーク。 CraftyはJavaScript製のオープンソース・ソフトウェア。ソーシャルゲームの人気は相変わらず高い。ソーシャルではないがAngry Birdsのように各種スマートフォン向けに人気あるゲームを提供しているタイトルも存在する。 Connect 4 ちょっとした時間をつぶせるカジュアルなゲームが好まれる傾向にある。そしてそういうゲームはインストールの手間もなく使えるのが望ましい。つまりWebブラウザだけで遊べるのが良いのだ。そこで使ってみたいのがCraftyだ。 CraftyはJavaScript用のゲームエンジンだ。2Dのゲーム向けになっている。ジャンプや落ちものゲームのような重力の影響を受けるもの、アステロイドのようなシューティング、RPG、4つの玉を揃えると勝つパズルゲーム、2

Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが

Code-slideはGitを使って順番に進めるステップを一つずつ管理するソフトウェア。 Code-slideはRuby製のオープンソース・ソフトウェア。書籍などで、七日間で一つのシステムを組み上げると言った内容で書かれている時がある。一日目はセットアップ、二日目は最初の画面を作る所まで…といった具合だ。そして七日目で完成する。 オプション 同様にセミナー等でみんなと一緒にステップを踏みつつシステムを作ったりする。どちらも途中の状態が大事だ。そのためフォルダに分けて管理したりするケースが多い。だがCode-slideを使えば管理がとてもシンプルになるのだ。 Code-slideはプログラミングをステップを踏みつつ説明していく時に使えるソフトウェアだ。仕組みはとても簡単で、コードの管理にGitを使う。そして最初のスライド（一日目）のbranchを作り、コードを書いていく。同様に二日目、三日目

code_swarmはオープンソース・ソフトウェアのリポジトリをビジュアル化するソフトウェア。 code_swarmはJava製のオープンソース・ソフトウェア。オープンソース・プロジェクトの面白い所は、そのソースコード自体がコンテンツになるということだ。コードのある行に対してコメントしたり、コーディング体系について疑問を呈したりする。そうしたコミュニティが面白い。 Rubyをビジュアル化 そうしたコミュニケーションの結果がリポジトリに詰まっている。10年以上も開発が続けられているプロジェクトは、その苦労も喜びも全てがリポジトリの中にある。そんなオープンソースのリポジトリを輝かせてくれるのがcode_swarmだ。 code_swarmはリポジトリビジュアル化ソフトウェアとでも言うべきソフトウェアだ。外部のリポジトリを取り込み、それを動画にするのだ。日ごとにデータが流れていき、コミットしたユ

Live coderはWebブラウザ上でコーディングし、それを他のユーザが閲覧、チャットできるソフトウェア。 Live coderはnode.js製のフリーウェア（ソースコードは公開されている）。優秀な人が書いているコードを後ろから見るのは面白い。みるみる間にシステムが作られていくのは痛快でもある。イベントや勉強会で実際にコードを書いて動きを見せつつステップアップしていくのは人気がある。 Web上でコーディング コードを書きつつ、そこに人のツッコミを受けたり、試行錯誤しながら作っていくのは創造的で面白いスタイルだ。それを実現するのがライブコーディングであり、そのためのシステムがLive coderになる。 Live coderはnode.jsとWebSocketを組み合わせてコーディングされていく様子がリアルタイムに見られるようになっている。コーダーは一人で、コードハイライト処理されたエリ

ws-ioはWebSocketとI/Oを組み合わせることでWebベースのターミナルを実現する。 ws-ioはRuby製のオープンソース・ソフトウェア。HTML5で新しく登場した機能は幾つもあるが、その中でも特殊な位置にあるのがWebSocketではないだろうか（仕様からは切り離されているが）。これまでになかったソケット通信をどう活かすかが問題だ。 Web上でirb そのため、出ているものもチャットくらいがメインで、まだまだ模索している段階だ。そのような時期にはとにかく色々なものを作り、その中で最もマッチしていると思われるものを見極めなければならない。今回はその一つ、ws-ioを紹介しよう。 ws-ioはWebSocketとサーバのI/Oをつなげてしまうソフトウェアだ。例えばShellとつなげてしまうことで、Webブラウザ上にターミナルが立ち上がると言った具合だ。WebSocketで繋がって

iPhone JS ConsoleはWebSocketを使って母艦とiPhone間でJavaScriptを対話的に利用するソフトウェア。 [/s2If] iPhone JS ConsoleはWebベース、iPhone用のフリーウェア（ソースコードは公開されている）。スマートフォン向けのサービス提供を考える上で、ネイティブアプリにするかWebベースにするかは重要な決断だ。もちろんどちらかに限る必要はないが、どちらかの開発が優先されるものだろう。 iPhone側 もしWebベースにするならばエミュレータを使って開発するだろうが、最終的には実機で確認する必要が出てくるだろう。その時に問題になるのがデバッグ用の機能が殆ど用意されていないことだ。そこで使えそうなのがiPhone JS Consoleになる。 iPhone JS ConsoleはiPhoneから実機に接続して、コンソールを利用するとい

DoxはJSDocに対応したソースファイルからドキュメントを生成するライブラリ。 DoxはJavaScript/node.js製のオープンソース・ソフトウェア。JavaScriptがWebアプリケーション構築の際のメイン言語として使われるようになっている。その結果起こっているのがJavaScriptのコードの大規模化だ。 トップページ 大規模になれば当然、複数人での開発体制になる。そうなれば情報の共有やコーディングスタイルの統一などが必須になる。その一端を担うのがAPIドキュメントだ。ソースコードからドキュメントを生成するソフトウェアがDoxだ。 DoxはJSDocもサポートしたソフトウェアで、コンソールからコマンドを実行するだけでHTMLベースのドキュメントを生成する。ドキュメントにはMarkdownの記法が利用できる。システムとしてはnode.jsを使っており、npmを使ってインストー

jsOAuthはJavaScript製のOAuthライブラリ。 [/s2If] jsOAuthはJavaScript製のオープンソース・ソフトウェア。今ではWeb APIを公開しているサービスは珍しくない。そして従来は配信系ばかりだったが、今ではWeb APIを通じたデータ登録や更新も可能になっている。そんな時の認証の仕組みに使われているのがOAuthだ。 テスト用コード（ここままでは動かないが…） OAuthはTwitterで最も知られるようになったが、元々はFlickrやGoogle、Facebookなどでも使われている機能ベースの認証技術だ。そしてそれをJavaScriptベースで実現したのがjsOAuthになる。 jsOAuthはJavaScriptによる実装なので、ソースコードが見えてしまう。OAuthではシークレットキーを使うので、それが丸見えというのは考えものだ。だがWebブ

sc2epubはRuby製のフリーウェア（ソースコードは公開されている）。ソースコードとは何だろう。目的を実行するために書かれたものという人もいるだろう。だが、そこには書いた人の思想が反映されている。ペアプログラミングをしていると「ああ、こう考えているのか」と思わされることも多い。 コマンドで実行 そんな訳でソースコードは読んでみると実に面白い。それが有名なオープンソース・ソフトウェアであれば特にだ。空いた時間を使ってソースコードを読んでみたい、そう思う方にお勧めなのがsc2epubだ。 sc2epubはソースコードをPREタグで囲んでXHTMLに変換し、さらに目次などの項目を追加する。そしてMakefileを生成し、zipファイルやmobiファイル（Kindle用の電子書籍フォーマット）を作成するのを補助してくれる。特に言語は問わず、存在するファイル全体に適用されるようだ。 ソースコード