MOONGIFT

ファイル共有を知る。Webサービス＋オープンソース・ソフトウェア×26選

2012-02-07T11:09:43+09:00

今回のテーマは「ファイル共有」です。P2Pをはじめとしてアングラなイメージが拭いきれない感はありますが、ファイルはコンピュータの基本構成の一つです。それだけに手元のファイルを他人と共有したいと思うのはごく自然なことです。そんなファイル共有のためのWebサービス、ソフトウェアを紹介します。

非公式でも良い！Java製のGoogle+投稿ライブラリ「Google+ Post lib Java」

2012-02-07T00:00:00+09:00

Google+を積極的に使いたいと思いつつも躊躇させる大きな要因の一つがポストするAPIが未だに公開されないことです。クロスポストを警戒しているのかも知れませんが、そもそもポストしたくなくなります。そこで使ってみたいのがGoogle+ Post lib Java、Java製のGoogle+非公式ポストライブラリです。

実行します。

何やら色々出ましたが完了です。

見事投稿されています！

Google+ Post lib JavaはGoogle Appsアカウントからのポストには対応していないようです。しかしGmailアカウントであればIDとパスワードを指定しておけば指定した文字をポストしてくれます。これならば他のSNSとも連携が考えられるかも知れません。

iTunesの音楽ファイルをAndroidに同期「iTunes Sync Android」

2012-02-06T21:00:00+09:00

Androidの普及が進んでいます。メインのデバイスをAndroidにしつつも音楽はiTunesで管理している、そんな人に使ってみてほしいのがiTunes Sync Androidです。

実行しました。コピー先（AndroidのSDカード）とプレイリストの名前を指定するだけです。

iTunes Sync Androidを使う際には予めSDカードがマウントされていなければならないので、USBケーブルなりでAndoridを接続しておく必要があります。また、MacRubyを使っているのでRubyではあるもののMac OSX専用になるようです。

オープンソースラブ度チェッカー「SourceSquare」

2012-02-06T15:00:00+09:00

MOONGIFTを閲覧いただいている方はおそらくオープンソース・ソフトウェアが大好きではないかと思います。自分がどれくらいオープンソースに惚れ込んでいるか、それをファイルベースで証明してくれるのがSourceSquareです。

起動しました。まずチェックするディレクトリを指定します。

開始します。

Webブラウザが立ち上がってスキャンが行われます。チェック内容はリアルタイムに描画されていきます。

チェック中のメイン画面です。

チェック途中です。オープンソースの割合は17%とのことです。

解析が終わると表示がツリーマップビューになります。

オンマウスでフローティングの説明も出ます。

クリックでドリルダウンもできます。

解析結果によってバッジが出てきます。4つゲットしました。

解析結果をシェアできます。

自分の作業ディレクトリなどでチェックしてみると面白いかもしれません。意外とオープンソース開発をしていなかった、なんて気付いてしまったならば新しいプロジェクトを立ち上げてみましょう。

サイドバイサイド/インライン表示に対応したJavaScriptテキスト差分表示ライブラリ「jsdifflib」

2012-02-05T21:00:00+09:00

テキストを扱うWebアプリケーションで便利そうなライブラリがjsdifflibです。JavaScriptを使って二つのテキストの差分を表示してくれます。

デモです。二つのテキストエリアにテキストを入力しました。

Diffボタンを押すと差分が表示されます。サイドバイサイドのビューです。

行の内容が違う場合は表示色が異なります。

インラインで差分表示もできます。

jsdifflibはPython製のdifflibと互換性のあるライブラリとのことで、差分解析をサーバサイドで行って結果を描画することもできます。表示色などはCSSで自由に編集可能です。

Tumblrのテーマをローカルでさくさく作り上げる「Fumblr」

2012-02-05T15:00:00+09:00

Tumblrにはデザインをカスタマイズする機能がありますが、オンラインで行うには色々修正した後、確認して…という作業を繰り返す必要があります。そこでFumblrを使ってももっと効率的にTumblrのテーマを作成してみましょう。

インストールします。必要なライブラリはbundleでインストールできます。

インストール中です。

起動しました。まんま、Tumblrのデザインです。

Fumblrは独自のWebサーバを起動するのでWebブラウザで結果を確認しつつ、CSS/JavaScript/画像を配置してデザインを作っていけます。CSSはSassやCompassに対応しています。さらにインポートコマンドによって既存のTumblrコンテンツを取り込んだ上でデザインを行うこともできます。

TrueType/OpenTypeフォントを読み込んで描画「Font.js」

2012-02-04T21:00:00+09:00

Web上での好きなフォントを使ってテキストを描画したい、そんなニーズに応えてくれるのがFont.jsです。Imageオブジェクトに似た、Fontオブジェクトとして作るのが特徴です。

最初の表示です。ボタンを押します。

こんな感じでフォントを埋め込んで使えます。

TrueTypeフォントを使っています。

こちらはOpenTypeフォントの例です。

実際のコードです。

Googleの提供するWeb Fontsに似ていますが、独自のTrueTypeやOpenTypeフォントが使えるのが利点と言えそうです。フォントデータはAjaxで取得するので、使っていない場合は読み込まれません。描画幅を取得するメソッドがあるなど、面白い使い方もできそうなライブラリです。

DeNA製のゲーム開発フレームワーク「Arctic.js」

2012-02-04T15:00:00+09:00

DeNAが公開したHTML5によるゲーム開発フレームワークがArctic.jsです。実際にゲームでも使われていますので、実践的なゲーム開発に向いていると言えそうです。

APIドキュメントとチュートリアルが同梱されています。

クラス定義の例です。

こちらは継承の例。

superも使えます。

Arctic.jsではゲーム開発以外でも役立ちそうなユーティリティ系の他、アニメーション支援機能、ActionScript3と近いAPIの提供、Android2.x系、iOS3または4、Safariに対応などが特徴になっています。

これはいい！設置するだけでWebサイトを高速化「FastPage」

2012-02-04T00:00:00+09:00

Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。

ファイル構成です。

例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。

FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ（サーバサイド、クライアントサイド）の利用などの施策がとられています。

テキストエリアでタグのハイライトや自動補完「TAGMATE!」

2012-02-03T21:00:00+09:00

TwitterやFacebookによってテキストエリアの中に特定の記号を伴った文字を書くとそれがユーザやタグとして認識されるサービスが多くなっています。そこで類似の実装をする際に使えるのがTAGMATE!です。

#、@、$の後に書かれた文字列が自動的にタグとして認識されてハイライト表示されています。

@の場合は本名での補完機能がついています。

$は金額に反応します。

名前のタグだけ抽出できます。この時はユーザ名なのが面白いです。

同様にハッシュタグだけ抽出。

プライスタグはうまくアラートが出ませんでした。

全てのタグを抽出しました。

TAGMATE!は@#$のタグに対応しています。パースする条件は正規表現で指定できます。インラインのオートコンプリートにも対応していて、使い勝手が良さそうです。

JavaScriptの開発、運用に。console出力をクライアントサイドで制御「andlog」

2012-02-03T15:00:00+09:00

andlogを使うとJavaScriptのデバッグメッセージの出力をクライアントサイトで切り替えられるようになります。妙なメッセージを出してしまわぬよう、使ってみると良いでしょう。

console.logを実行します。何も出力されません。

debugを有効にします。あくまでもクライアント側での処理です。

またconsole.logを実行します。今度は出力されました。

debugのフラグを落とせば元通りです。

andlogの面白い点はクライアントサイドでconsole.logの出力を制御できる点にあります。コードを見ればconsole.logという表示がされているとは思いますが、実際にコンソールに出さずに済むのは良さそうです。andlogはCommonJSと組み合わせて利用もできます。

音楽を巡る最近の動きと関連ソフトウェア×15選

2012-02-03T13:27:43+09:00

今回のテーマは音楽です。レコード、テープ、CD、ネットと伝達媒体は時代に合わせて変わりつつも、音楽自体の魅力は決して色あせることがありません。それは今も同じで、オンライン上には無数の音楽が存在しています。それだけ溢れたコンテンツであれば、きっと新しいビジネスの種もあるに違いありません。そこで今回は音楽を巡る2011年からの話題と、関連ソフトウェアを取り上げます。

テキストエディタ派に。Titaniumアプリをコンソール上でコンパイル「MakeTi」

2012-02-03T00:00:00+09:00

Titaniumで作ったiOS/Androidアプリを実行する場合、Titanium StudioやTiDev Communityを使うのが一般的です。ですがこれではテキストエディタで開発している時に切り替えるのが不便です。そこで使ってみたいのがMakeTi、コンソールベースのTitaniumアプリ実行ソフトウェアです。

ファイルの内容です。

ヘルプです。プラットフォームやバージョンを指定して実行することもできます。

実行しました。無事起動します。

そのままログも受け取れます。

プラットフォームを指定して実行もできます。

MakeTiはTextmate用のプラグインも用意されており、Textmateで編集してそのまま実行もできるようになっています。iOSデバイスであればdeployオプションで実機インストールもできます。また、TestFlight用にアプリを作ってリリースも可能です（別途API設定が必要です）。

Facebook風ボタンをCSS3でデザイン「CSS3 Facebook Buttons」

2012-02-02T21:00:00+09:00

最近はFacebookアプリの開発も増えてきました。そんな開発の際に使えそうなのがCSS3 Facebook Buttons、Facebook風ボタンをCSS3で作成したソフトウェアです。

色は3種類から選択できるようです。

classを指定するだけ。使い方は簡単です。

サイズが少し大きいバージョンです。

classにlargeをつけるだけです。こちらも簡単です。

グループ化です。こちらも需要がありそうです。

div.uibutton-groupをつけるだけです。

こんな感じに混ぜた表示もできます。

ツールバーという指定を使います。

アイコン付き表示もあります。これは便利そう。

addやeditといったclassをつけるだけ。簡単です。

色付きボタンはもちろん、大きさやアイコンをつけたボタンというのも使い道が多そうです。class指定だけで使えるのも手軽で良いですね。

Webブラウザアイコンを作った神経衰弱「Browser Memory」

2012-02-02T15:00:00+09:00

Webブラウザのアイコンを使って作られた神経衰弱パズルがBrowser Memoryです。

3x4のHTML5のパネルが表示されています。適当にクリックします。

NyanCatが出ました。

見事当たりました。

この調子でどんどんいきます。

後もう少し。

全て見つけました！

二回目もMove10でした。もっと短く見つけられるのがベストです。

アイコンの種類は6種類、HTML5をサポートしたWebブラウザとNyanCatになります。ゲームをクリアしたりすると音が鳴ります。HTML5で作られたシンプルなゲームのサンプルとしてどうぞ！

Time Machineの差分を表示「timedog」

2012-02-02T00:00:00+09:00

Mac OSXのバックアップ機能、Time Machineはとても便利です。とりあえず設定しておけば後は放置しておいてもバージョン管理されたバックアップが行われます。そんなバックアップをさらに便利にしてくれるのがtimedogです。バックアップデータを精査して差分を表示してくれます。

実行中です。しばらく時間がかかります。

差分が出ました。Firefoxをインストールしたようです。

3500以上のファイルを変更し、740MB増えているそうです。

コマンドヘルプです。

前回とその前の差分が表示されるので、直近のバックアップで何が変わったのかすぐに分かります。Time Machineではデフォルトでは何が変わったかは分かりませんが（そういう意識をせずに使えますが）、timedogを使えばリストアップされるので追いかけるのが簡単になりそうです。

Google Apps担当者向け。コマンドラインでシステム設定変更「Google Apps Manager」

2012-02-01T21:00:00+09:00

Google Appsを使って企業内のメールや情報共有を行っている企業のシステム担当者にお勧めなのがGoogle Apps Managerです。コマンドラインでGoogle Appsの管理ができます。

コマンドヘルプです。

まず設定を行います。公式サイトのWikiに書かれている手順に従ってOAuthを取得します。

シークレットキーを設定します。

権限を付与するスコープを設定します。

メール設定をつけました。全てのスコープを有効にすることもできます。

実行するとWebブラウザが開くので、OAuthを承諾します。

Google Apps ManagerではロゴをダウンロードしたりSSOの設定変更、ユーザアカウントの作成、設定など実に多様な処理をコマンドラインだけで実行できます。処理はバルクでも実行できます。現在登録されているデータをCSVでダウンロードする機能もあります。

Google Sky Mapは開発終了&オープンソース化「Stardroid」

2012-02-01T15:00:00+09:00

Googleは最近、色々なサービスを終了しています。最近、その一つに挙がったのがSky Mapです。しかしGoogleとしての開発は停止しますが、Sky MapはオープンソースのStardroidとして継続されることになりました。

OSS阪のコンパイルに失敗してしまったのでマーケット版を。まずは規約の同意です。

天体図が描かれます。Androidを動かすと天体図も動きます。

銀河や惑星など表示項目を切り替えられます。

メニューです。

表示項目を選択できます。

タイムトラベルです。指定した日付の天体を見られます。

これはアポロが月面着陸した時の天体です。

時間を早回しで進めることもできます。

イメージギャラリーもあります。宇宙、やばいです。

ナイトビジョンモードです。夜間屋外で使う場合はこちらのモードで。

Stardroidは星座早見盤をデジタル化したようなものですが、デジタルコンパスや傾きを使って自動的に位置を補正してくれるのが便利です。肉眼では見えなかった星や星雲を見つけるきっかけになるかも知れません。

地図上に独自のデータをマッピング「WorldMap」

2012-02-01T00:00:00+09:00

地図の上に様々なデータを載せて表示するだけでとても面白いコンテンツになります。それを容易に実現できるWebアプリケーションとしてWorldMapを紹介します。

既に登録されている地図を検索できます。

ローディング中です。

日本の地図はやはり東日本大震災に関連した地図データでした。

様々なレイヤーが用意されています。

地図もGoogleマップ以外に切り替えられます。

レイヤーデータの色分け基準です。

海外のデータもたくさんあります。

複数のレイヤーを重ねて表示できます。

ユーザ登録すると地図の作成ができます。

地図を表示しています。

レイヤーを追加します。

外部データの取り込みもできます。

レイヤーデータをアップロードすることもできます。

一から作成もできるようです。

WorldMapはGeoNodeというオープンソース・ソフトウェアのカスタマイズ版になるようです。外部データや独自データを取り込んだ地図を手軽に作成して世界中に公開できるプラットフォームです。

EC2の月額料金は幾ら？を教えてくれる「EC2-cost」

2012-01-31T21:00:00+09:00

Amazon Web Services、特にEC2を使ってみたいと思いつつ従量課金のためなかなか踏み切れない…という方に使ってみてほしいのがEC2-costです。シンプルにEC2のコストを算出してくれます。

アクセスしました。東京リージョンの価格が表示されています。

特に他のページはなく、基本的な月額料金が表示されるのみです。Googleの為替情報を用いているので、円ドルレートの変化があっても大丈夫です。なお、ここで出ている金額は1時間あたりの金額を月額分にしたものであって、転送に伴う課金は含まれないようです。

面白い！WebSocketを使ってWebブラウザでVNCライクに操作「WebSocketRemote」

2012-01-31T15:00:00+09:00

WebSocketを使って色々なWebアプリケーションが作られていますが、WebSocketRemoteはひと味違います。何とWebSocketでVNCライクなリモートPC操作を実現しています。

起動するとメニューバーに常駐します。この時点で既に使える状態です。

他のPCからWebブラウザでアクセスできます。デュアルスクリーンにも対応しています。

スマートフォン対応もしています。

WebSocketRemoteはマウスクリックのイベントのみサポートしているので、今のところキーボード入力はサポートしています。またiOS向けには画面を表示するリモートモードの他、マウスポインタ代わりに使えるマウスモードというのが用意されています。

AR/拡張現実の今を知る。主な技術や利用例、ソフトウェアをまとめて紹介

2012-01-31T10:10:15+09:00

今回のテーマはAR/拡張現実です。一時に比べるとちょっと熱が収まった感があるかも知れませんが、既に実践的に利用されるようになっています。今回はそんなARを技術的、サービス的視点から捉えてみたいと思います。

MOONGIFTプレミアムにぜひご登録を！

2012-01-31T10:00:59+09:00

いつもMOONGIFTをご覧いただきありがとうございます。MOONGIFTプレミアム（有料）の紹介になります。 MOONGIFTは2004年01月の運営開始以来、一人で運営しています（記事も全て一人で書いています）。ぜひMOONGIFTプレミアムへ登録し、ご支援ください。

MOONGIFTでは現在、緊急の仕事募集を行っております。システム開発（Ruby on Rails/PHP、iOSなど）、Webサービス企画、ビジネスモデル立案、プロジェクト管理、コンサルティング、技術市場調査を承っております。どうぞご用命ください。ご用命はinfo@moongift.jpまでお願いいたします。

MOONGIFTプレミアムでは、ゲストユーザ（無料）とは以下のような機能差があります。

1. 記事の電子書籍版ダウンロード！

2010年各月版で記事を全て電子書籍化しました。ePubファイル形式でダウンロード後、iPadなどの電子書籍リーダーで閲覧することが可能です。

2. 記事の先行公開

本日の時点で約1.5週分の記事がストックになっています。記事数にして約25記事分です。これらを先行でご覧いただくことが可能です。例えば以下のような記事があります。

OutlookのノートをEvernoteへ一括移行する
Ustreamにハマっている人はぜひ。マルチプラットフォームで動作する専用プレーヤ
まさに未来。音声による対話型エージェントシステム
HTML5製。二台のロボットを操るアクションゲーム
StackOverflow.comへクエリーを投げて実行するためのWebシステム
テキスト解析を使ったシステム連携に。Webベースの形態素解析エンジン
速度が遅い場合も問題ないか？iOSアプリのテストに
Wiki風に構造化テキストを定義、登録する
iOS向けにゲームを開発するならばぜひ知っておきたいフレームワーク

他にもたくさんの記事を事前にご覧いただけます。それによって先んじたアイディアの閃き、活用が可能になります！

3. プレミアム限定記事

週1〜3本のペースでプレミアムユーザ限定の記事を公開しています。現在、以下のような記事が公開されています。

HTML5の凄さをオープンソース・ソフトウェアから知る×26選
ノスタルジックな雰囲気に浸る。懐かしのゲームエミュレータ×10選
PowerPointに頼らないプレゼンテーション（作成&閲覧）×18選
電子書籍ファイル（アプリ）を自作する。オープンソース・ソフトウェア＋α×15
2011年に向けて。JavaScriptベースのゲームエンジン×14選
情報、アイディアを可視化するマインドマッピングソフトウェア×15選 + FreeMind用ツール×4
オープンソース・ソフトウェアのビジネスモデル12選
社内、グループコミュニケーションに。マイクロブログ×20選
インプットとアウトプット
マーケットプレイス/アプリストア×27選＆戦略について
最近のOSS CMSトレンド（20選）
ITエンジニアの正当な評価について
今、最も熱いフレームワークnode.jsとは？
導入検討！プロジェクト管理33選
iPhone/スマートフォン向け最適化サイトを構築するフレームワーク×14選
アクセス上位ページの紹介

こちらも随時追加されていきます。プレミアムユーザであればいつの記事でもご覧いただけます。

4. プレミアム限定の内容

プレミアムユーザ限定で以下のようなコンテンツが記事内に表示されます。

記事の概要表示
追加スクリーンショット
MOONGIFTの視点を書いた“MOONGIFTはこう見る”
デモページへのリンク

こちらも今後機能追加を行っていきます。一記事あたり、平均15%増のコンテンツ量になっています。

5. 記事のデータベース化

プレミアムユーザ向け記事で取り組んでいますが、Googleスプレッドシートを使って同ジャンルにおけるソフトウェアの機能、ライセンス等をデータベース化しています。フィルタを利用し、各人にて比較検討が可能です。プレミアムは月額500円（1週間の無料体験あり）となっています。その他、半年（3,000円）/一年（6,000円）の期間登録も行っています。登録は以下より。ぜひ皆様のご登録をお待ちします。プレミアム登録

プレビュー機能付きMarkdownエディター「MarkPad」

2012-01-31T00:00:00+09:00

Wiki記法のようなドキュメント記法は幾つかありますが個人的にはMarkdownが好きです。そんなMarkdown専用のWindows向けテキストエディタがMarkPadです。

起動しました。利用に際して.NET Framework 4.0が必要です。

新しいドキュメントを開きました。かなり独特なUIです。

設定画面です。拡張子の設定ができます。

ブログ設定です。書いた内容をブログにアップロードできます。

文章を書きます。Markdown形式で書くと右側にHTML変換した結果が表示されます。筆者環境では日本語が入力できませんでした。

リンクも使えます。

MarkPadは右側にプレビューが表示されるので内容の確認が容易です。そして記述した内容をMarkdownが使えるStackOverflow.comのようなサイトに投稿するのに使ったり、HTML変換した上でブログにアップロードできます（MetaWeblog APIが必要です）。UIが独特ですが、面白いエディタです。

開発時に。送信内容が確認できるダミーのSMTPサーバ「smtp4dev」

2012-01-30T21:00:00+09:00

システム開発においてメール送信を行う時はよくあります。SMTPサーバを立てたとして、間違って送信してしまうと大変な事態につながるかも知れません。そこで使ってみたいのがローカルで使えるダミーのSMTPサーバ、smtp4devです。

起動しました。まずはセキュリティ警告が出ます。

メイン画面です。この時点でポートは開いています。

オプションです。UIに関する設定です。

サーバ設定です。ポート番号はデフォルトで25です。

アップデートチェッカーもあります。

こんな感じで常駐します。

こんな感じでPHPからメールを送ってみます。

送信しました。すぐに反映されます。

さらに日本語件名のメールを送ってみました。文字化けせずに送信されています。

メーラーでメールの内容を確認できます。

さらに詳細を確認できます。

メッセージソースも見られます。

セッション情報です。

各セッションに関するログです。

smtp4devはSMTPサーバとして動作しますが実際には送信はされないので安心して使えます。対応OSはWindows XP/Vista/7/2003/2010となっています。開発時にテスト用に本当にあるメールアドレスを使っていて間違って…なんて事態になる前に使いましょう。

SVGはもっと面白くなる。プログラマブルSVGツール「IScrIptDesIgn」

2012-01-30T15:00:00+09:00

SVGエディタと言えばInkscapeやIllustratorのようなドロー系ソフトウェアが多いですが、IScrIptDesIgnはそうしたソフトウェアに反対してプログラマブルなSVG作成ツールを目指しています。

最初の画面です。奇麗な筆記体です。

太さを動的に変更します。

傾きも変えられます。

ベジュ曲線が描かれています。

図形もあります。

なんともユニークな形です。

V字型の図形です。

四角が3つ並んだデモです。

あらららら。

髪の毛の長さを動的に変えられます。あなた好みの長さにどうぞ。

エクスポートボタンで描画するSVGタグが出力されます。

IScrIptDesIgnではSVGの描画に際して内部計算、再利用、パラメータ指定を可能にし、プログラマブルで動的なSVG作成を行います。様々なパターンが用意されているので色々試してみると良さそうです。

ほんとに！？あんなところで動いちゃう横スクロールゲーム「Roflbalt」

2012-01-29T21:00:00+09:00

ビルの上を飛び移っていくCanabaltというゲームがあるのですが、それにインスパイアされて作られたのがRoflbaltです。インスパイアされるのは良いのですが、その作成先が…ターミナルというのが何とも。

インストールしました。

実行しました。なんかものすごい表示が…。

横幅を調整しました。キー操作でビルをジャンプしていきます。

どんどん右側に描画されていきます。

デモ動画です。なんか…すごいです。

RoflbaltはRuby 1.9で開発されており、ターミナル上で横スクロールしてゲームできるというものすごいソフトウェアになっています。ターミナルが256色をサポートしていて、120カラムの40行になっていると良いそうです。WindowsならPuttyで動くそうです。

Three.js対応。Webブラウザ上で3Dモデルを作成「ThreeFab」

2012-01-29T15:00:00+09:00

Three.jsはJavaScriptで高度な3Dモデルを描画するエンジンですが、そのモデル作成はやはり大変な作業になります。そこで使ってみたいのがThreeFabになります。

最初の画面です。3Dモデルが奇麗に描かれていて格好いいです。

マウスで視点の変更もできます。

モデルを追加できます。

回転したりライトを変更することもできます。

最終的に作成されるコードを使ってThree.jsで3Dモデルを描けます。

こんな感じにモデルを追加していきます。

ThreeFabを使えばThree.jsで使えるモデルをWebブラウザ上で作成できます。S、D、X、スペースキーがそれぞれショートカットキーとして使えます。最初、慣れるまではなかなか操作が難しいかも知れません。ThreeFabはさらにアニメーションやテクスチャの貼付けにも対応しているとのことです。なお利用に際してWebGLが必須です。

大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク「AngularJS」

2012-01-28T21:00:00+09:00

Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。

まずごくシンプルなデモから。

クリックでビューが切り替わります。

node.js製のWebサーバも付属しています。

HTMLソースはこんな感じです。

JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。

Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。

入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。

入力チェックはリアルタイムに行われます。

AngularJSではMVCを徹底し、HTMLはテンプレートとして使うことでコードとビューが極力分かれるようになっています。またビューとデータモデルは常に同期しており、データの変更に伴う再レンダリングは無用です。サイズは60KB以下で（Gzipで24KB）、一つのファイルを読み込むだけで使えます。jQueryとの連携も可能です。

Three20に代わるiOSフレームワーク「Nimbus」

2012-01-28T15:00:00+09:00

NimbusはThree20から大いにインスピレーションを得たiOSフレームワークになります。様々な点を改良し、今のスタイルにあった新しいフレームワークを目指そうとしています。

サンプルのアプリです。フォトアルバムカタログで、メモリモニタリングもついています。

写真をスムーズに閲覧できます。

タイル上に並べたデモアプリもあります。

CSSのデモです。

様々なテキストスタイルを実現しています。

様々な下線が用意されています。

デモ動画です。とはいえ使い勝手についてはやはり実際のコードを見る方が良いでしょう。

NimbusはThree20と比べて次の改善が行われています。ドキュメントの充実、依存関係の明確化、Kitchen sinkを分かりやすく、ビルド構造を分かりやすく、バグフィックス、テストカバレッジの重視などです。

Djangoで書かれた開発用ドキュメントビューワー「Read the Docs」

2012-01-28T00:00:00+09:00

Pythonで作られたソフトウェア、ライブラリのドキュメントを閲覧、検索できるソフトウェアがRead the Docsです。Sphinxで書かれたドキュメントを読み取り、リッチな表示をしてくれます。

トップページです。様々なプロジェクトが登録されています。

登録されているソフトウェアのトップページです。バージョンやリポジトリなどの情報も載っています。ここからePubやmanpageのダウンロードもできます。

ビルドのリザルト一覧です。

ドキュメントです。右側に見出しが並んでいて左側に内容が記載されています。

次のトピックにも対応していてさくさく読めます。

検索機能ももちろんあります。

ユーザごとの参加プロジェクトです。

Read the DocsはDjangoで作られていて、企業などで作ったPythonプロジェクトのドキュメントをSphinxで書いて取り込んだりすると見栄えのいいドキュメントが作れるかも知れません。プロジェクトはGit/Hg/Bazzer/Subversionといったリポジトリからの取り込みに対応しています。バージョンごとのドキュメント化も可能です。

Google Chrome上でDeliciousのコメントやブックマーク数を素早くチェック「Delicious Bookmark Count」

2012-01-27T21:00:00+09:00

日本ではソーシャルブックマークと言えばはてなブックマークがよく使われていますが、同様に世界で言えばDeliciousの存在は見逃せません。そこで任意のサイトにおけるDelicious上につけられたコメントを確認できるGoogle機能拡張がDelicious Bookmark Countです。

インストールしました。

任意のサイトを閲覧するとDeliciousアイコンにブックマーク数が表示されます。

クリックするとコメントが表示されます。

Delicious Bookmark CountではDelicousのブックマーク数に加えてコメントも素早くチェックできます。自分のサイトはもちろん、海外サイトなどでコメントを見たいという時に便利ではないでしょうか。

HTML/JavaScriptだけで再現されたRadiooooクローン「nise-radioooo」

2012-01-27T15:00:00+09:00

あなたがDJ、みんながリスナー。そんなコンセプトが魅力だったサービスがRadiooooです。現在は開発されていないようですが、類似のサービスを実現するソフトウェアとしてnise-radiooooを紹介します。

自動的に演奏が開始されます。リクエストされているのがアニメ系ばかりだったりして…。

再生、一時停止、次の曲への切り替え、ボリューム操作などもボタンだけでできます。

ツイートの書き方に特徴がありますが、予め指定された書き方をすることで自動的にTwitter検索で引っかかって曲が切り替わります。さらにアンカーで検索キーワードを変更できるのでさもチャンネル用に再生リストを切り替えることも可能です。

英語の学習、翻訳に役立つソフトウェア×19選

2012-01-27T14:20:20+09:00

今回のテーマは英語の学習です。日本人は得てして英会話への苦手意識が捨てきれませんが、それでも英語学習に対する意欲は高いものがあります。そこで英語（それ以外の言語を含め）を学習するためのTips、補助してくれるソフトウェアをまとめて紹介します。

凄いぞ！Herokuの上で動くWordPress「Wordpress Heroku」

2012-01-27T00:00:00+09:00

これを知るまで知らなかったのですが、HerokuではPHPもサポートを開始していました。そこでPHPと言えば、ということで開始されているプロジェクトがWordPress on HerokuのWordpress Herokuです。

インストールです。まずGitHubからソースを持ってきます。

Herokuで新しいインスタンスを立ち上げます。

後は手順に従ってソースを送ります。Apache、PHPが立ち上がっているのが分かります。

インストール手順開始です。普通のWordPressと何も変わりません。

無事インストールが完了しました。

ログインしました。これまた普通の管理画面です。

zlib拡張がないため、オートアップデートは失敗します。

プラグインのインストールもできません。

テーマの修正はできました。

Wordpress HerokuではWordPressに対してPostgreSQLサポートを行ったり（これはプラグインが出ているようです）、Heroku特有の対応がなされています。無料のインスタンスでもそこそこ動くレベルで使えるのが嬉しいですね。

手軽に使える。フィードを取り込んでePubファイル化「feed2epub-clj」

2012-01-26T21:00:00+09:00

フィードを電子書籍にしたいと思ったらぜひ使ってみてほしいのがfeed2epub-cljです。シンプルなコンソールベースのツールで、簡単にフィードの内容をePub化してくれます。

実行しました。フィードのURLをオプションにするだけです。

ePubファイルができあがっています（ブログタイトル.epubというファイル）。これをiPhone、iPadなどの電子書籍リーダーに送ります。

閲覧しています。問題なく表示されます。

画像も表示されています（ダウンロードはしていないようです）。

feed2epub-cljはRSS2.0/Atomに対応しています。また、iBooksやStanzaといった電子書籍リーダーで閲覧できます。なお筆者環境ではMac OSX用のePubリーダーでは閲覧できませんでした。

iPhone向けWebサイトを細かく制御するグリッドライブラリ「iPhone.gs」

2012-01-26T15:00:00+09:00

iPhone向けの最適化サイトを作る際に、グリッドに沿った奇麗なサイトを作りたいと思ったらiPhone.gsを使ってみましょう。4/6/8のグリッド表示ができます。

4カラムのグリッドです。320pxを最大幅として1:3、2:2、1:1:1:1に分かれます。

同様に6カラムのグリッドです。この場合は460px（サイトでは480pxとなっています）を最大幅としています。

8カラムです。かなり細かくなっています。

HTMLソースです。

横向きなら何とか…。

8カラムになると相当細かい印象ですが、より細かく制御したサイトが作れそうです。iPhone.gsはベースとして960 Grid Systemが使われています。

これでフリーセルで詰まったりしない。一瞬で回答を導く「Freecell Solver」

2012-01-26T00:00:00+09:00

どこかでフリーセルというゲームは世界で一番時間を浪費しているゲームだと聞いたことがあります。確かにWindowsに標準で入っているゲームであり、暇な時間に遊んでいるイメージがあります。しかしFreecell Solverがあればもう安心です。コンピュータが一瞬で回答を示してくれます。

インストーラーです。ウィザードに沿って進めていくのみです。

ライセンスはMIT Licenseです。

パスに入れるかどうかの確認です。

無事インストールは完了しました。

プログラムメニューに入りますが、そこから起動しても使えません。コマンドプロンプトから呼び出します。

入力ファイルの例です。フリーセルで表示されている内容をそのままテキストにしています。4Cだとクラブの4になります。

実行しました。一気に流れていくので、そのままファイルに書き出すのが良いでしょう。

ヘルプです。

回答です。動かしていくべき順番が出力されています。

最初のテキスト起こしが面倒な気もしますが、細かいことは気にせず書き留めれば良いでしょう。それにこの方法だとプラットフォームやアプリケーションの依存性がなく、みんなが救われます。回答はほぼ一瞬で出てくるので、無駄に頭を悩ますこともなくなり、すぐ仕事に戻れます。

持続的集中を得よう。マルチプラットフォームで動作するポロモード・テクニックアプリ「Pomodairo」

2012-01-25T21:00:00+09:00

マルチプラットフォームでPomodoro Technique（ポロドーロ・テクニック）を実践できるAdobe AIRアプリがPomodairoです。Pomodairoを使えばあなたも集中して作業を継続できるようになるかも知れません。

起動しました。

タスクを作成します。

作成したタスクは下に並びます。

画面下のボタンからも作成できます。

タイマーを開始しました。

徐々にカウントダウンされています。

小さいサイズです。

設定画面です。

Pomodairoは時間になるとジリジリジリ！と音が鳴り響きます。そして5分間のインターバルが開始します。完了したらまた別なタスクの作業に入るという具合です。

appMobi社製。チェック必須のスマートフォン向けjQuery「jQ.Mobi」

2012-01-25T15:00:00+09:00

jQ.MobiはappMobi社の開発したHTML5をターゲットとしたスマートフォン向けJavaScriptフレームワークです。

黒を基調にした格好いいUIです。

jQueryをリライトして作られておりAPIは似ています。

フォーム系も格好いいです。

プラグインにも対応しています。

セレクタもこんな感じに書けます。jQueryで慣れた人なら問題なさそうです。

Ajaxも用意されています。

jQueryライクです。bindも使えます。

スマートフォンやiPadなどを判別する機能もあります。

デモ動画です。

jQ.MobiはjQueryの肥大化に対して開発されたようで、HTML5のみ対応ながら軽量でスマートフォン向け独自の機能を備えたライブラリとなっています。ベンチマークもありますが、同様のコンセプトのライブラリZeptoやjQuery本体と比べて圧倒的に高いパフォーマンスを発揮しています。