ここまでリアルに。HTML5製のビリヤードゲーム·Agent 008 Ball MOONGIFT
Agent 008 BallはHTML5製の8ボールソフトウェアです。 HTML5でどこまでのゲームが作れるか、それを知りたい人はAgent 008 Ballを触ってみましょう。ついにここまできたか…と思ってしまうレベルのビリヤードゲームです。 トップページです。 ゲームはエイトボールです。 サポートのラインが表示されるので誰でもすぐに打てるようになります。 時間制限もあります。 終わるとスコアが表示されます。 Agent 008 Ballではマウスの動きでキューの向きを変更し、ドラッグで打ち出す強さを設定します。使い方はシンプルながら、見た目がさながら本物のビリヤードのようでついつい熱中してしまうゲームです。 Agent 008 BallはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る HTML5でゲームが作れ
SVGを用いたリサイズ対応の地図·jQuery Vector Maps MOONGIFT
jQuery Vector MapsはSVGで描かれた地図です。JavaScriptとの親和性が高いです。 HTML5から標準に取り入れられた技術の一つにSVGがあります。IllustratorなどもSVGで出力できますが、まだまだ利用範囲は広くありません。そこでSVGを使ったデモとしてjQuery Vector Mapsを紹介します。 デモです。右側の地図がベクターで描かれています。 こちらは世界地図。 ドイツのマップ。 ヨーロッパのマップ。マウスオーバー、クリックで色が変わります。 jQuery Vector MapsはSVGデータをそのまま取り込んで表示している訳ではなく、JavaScriptでレンダリング内容を指定しています。その結果マウスオーバーにも対応しているようですが、マップの作成が大変なのは否めません。とは言えズームやパンしても乱れない奇麗な地図というのは使い勝手が良さそう
JavaScriptで処理を同期的に行いたいと考えている人向け·JSDeferred MOONGIFT
JSDeferredはJavaScriptの非同期処理を扱うライブラリです。 JavaScriptの魅力は非同期処理にあると思いますが、これまでのコーディングスタイルと異なるのでやりづらいと感じる人も多いのではないでしょうか。そこでJavaScriptで同期処理的な実行を可能にするライブラリJSDeferredを使ってみましょう。 サンプルコードです。wait(3)で3秒間処理を停止しています。 サンプルのコードです。 ステップ実行のデモコードです。クリックアクションを受けて処理が実行されます。 Beforeです。ネストが深くなって非常に見づらい、汚いコードです。 Afterです。パラレルを使って平行にデータを読み込みつつ、全てが終わった段階でresultsに結果をまとめて次のメソッドを実行しています。 JSDeferredを使わずに書いている場合に比べて、コードがとても見やすいのが分かる
オンラインで書いてオンラインで試す·Fiddle Salad MOONGIFT
Fiddle SaladはHTML/JavaScript/Stylesheetをオンライン上で書いて実行できるソフトウェアです。 Webサイトを構築する基本要素はHTML/JavaScript/Stylesheetの3つです。それらをオンライン上で自由に創作し、試せるのがFiddle Saladです。 対応しているライブラリの一覧です。ここから選んで開始します（後で変更も出来ます）。 メイン画面です。HTML/CSS/JavaScriptと3つに分かれています。例えばJavaScriptはCoffeeScriptで書くこともできます。 そして実際にコードを実行して結果をその場で確認できます。 dataURIを使って単独表示もできます。 こんな感じにツールチップを表示する機能もあります。 Fiddle Saladは素のコードの他に、HTMLの婆はHAML/Zen coding/Markdow
Mac OSXで使える起動するだけのPostgreSQL·Postgres.app MOONGIFT
Postgres.appは起動するだけで使えるポータブルなPostgreSQLサーバです。 最近はWebシステムとの連携DBをMySQLに奪われつつあるPostgreSQL。もっと手軽に使えるようになれば、ということで開発されたのがPostgres.appです。 起動するとメニューバーに常駐します。この状態でPostgreSQLサーバは既に起動しています。 Postgres.appは単体アプリで起動すればPostgreSQLが使えるようになります。アンインストールもアプリケーションを削除すれば良いだけです。とても簡単に使えるので開発に利用してみようと思えるかもしれません。 Postgres.appはMac OSX用のオープンソース・ソフトウェア（The PostgreSQL License）です。 MOONGIFTはこう見る プログラマーであったとしても環境を整えるのに時間がかかるとやる気
これは便利。Google ChromeでCoffeeScriptを使う·CoffeeConsole MOONGIFT
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
Twitter for Mac OSXにも使われているメッセージ系ソフトウェアにぴったりなUI·EDSidebar MOONGIFT
EDSidebarはTwitter for Mac OSXやSparrowといったソフトウェアのUIを模したモックアップアプリです。 iOSの隆盛に伴って、Mac OSXアプリの中にもそのエッセンスを取り込んだソフトウェアが登場してきています。今回はTwitterやSparrowといったアプリのUIを模したEDSidebarを紹介します。 デモアプリ。二つのアイコンリストが並んでいます。 アイコンはクリックで切り替えられます。 選んだアイコンによって中央のコンテンツが変わります。 EDSidebarは二つのサイドバーを使って、その関連性を表示したり、左側でユーザを切り替えつつ、右側の相手に対してメッセージを送ると言ったアプリに利用できます。ソーシャル系、メッセージ系アプリを開発する際に参考になりそうです。 EDSidebarはMac OSX用、BSD Licenseのオープンソース・ソフト
秀丸を使ってはてなダイアリーへ投稿、編集·d.hatena.mac MOONGIFT
d.hatena.macは秀丸からはてなダイアリーへ投稿、編集できるマクロソフトウェアです。 はてなダイアリーを使っている秀丸ユーザの方にお勧めなのがd.hatena.macです。秀丸上で日記を書いて、そのままはてなダイアリーに投稿できます。 設定を編集します（IDとパスワード）。 マクロを実行するとコンテクストメニューが表示されます。 IDを選択するダイアログが表示される場合もあります。 既存の記事を取得でき、編集したりすることもできます。 編集の場合は既存のテキストに挿入されます。 投稿が成功するとダイアログが表示されます。 ちゃんと投稿されました。 はてな記法の挿入にも対応しています。 機能としてはダイアリーの投稿、編集、削除、下書きの公開などとなっています。その他はてな記法やカテゴリの挿入機能もあります。 d.hatena.macはWindows/秀丸用、New BSD Licen
CodeIgniterを模して作られたnode.js用フレームワーク·nodeigniter MOONGIFT
nodeigniterはCodeIgniterを模して作られたnode.js向けWebアプリケーションフレームワークです。 軽量で簡単に使えるPHPフレームワークとして人気の高いCodeIgniter。それを真似て作られたnode.js向けフレームワークがnodeigniterです。 インストールします。npmでインストールできます。 サーバを立ち上げました。 アプリケーションの内容です。config/controllers/error/viewsに分かれています。 メインファイルです。ビューファイルをチェーンメソッドで呼び出して最後にレンダーしています。 ルーティング設定です。これも分かりやすいです。 nodeigniterはMVCフレームワークであり、ヘルパーやバリデーションも実装されています。モデルはMongoDBを使うようです。 nodeigniterはJavaScript/nod
Zynga製。Cocos2Dを使ったゲームのUIを設計する·CocosBuilder MOONGIFT
CocosBuilderはiOS向けゲームを開発するためのGUIビルダーです。 iOSアプリで一山当てたいと思うならゲームに行くのが懸命でしょう。そこで紹介したいのがCocosBuilder、ZyngaがリリースしたCocos2DのGUIビルダーです。 最初にプロジェクトを作ります。 真ん中にプレビューが表示されています。ここにオブジェクトを追加していきます。 テキストなどを追加しました。右側はプロパティ設定になります。 デモのゲームです。 CocosBuilderを使うとccbという拡張子のファイルが作られます。これはこのままXcodeのプロジェクトに取り込んでシーンの一つとして利用できるようです。Zyngaではこの開発に専任のプログラマーを雇用し、フルタイムで開発にあたっているそうです。 CocosBuilderはMac OSX用、iOS向けのオープンソース・ソフトウェア（MIT Li
デスクトップ、写真、動画をApple TVへ送信·Open Airplay MOONGIFT
Open AirplayはJava製のAirplay送信ソフトウェアです。 Apple TVではiPhoneやiPadの動画を受け取ってテレビなどで再生するAirPlay機能があります。それをデスクトップから送信できるようにするソフトウェアがOpen Airplayです。 メイン画面です。設定も殆どなくシンプルです。 デスクトップのストリーム、写真、動画を選択できます。今は動画は対応していないようです。 Apple TVを認識します。代わりにAirmacを使ってみましたがうまくいきませんでした…。 Open Airplayは送信側なのでApple TVがないと使えません。デスクトップにある数多くの動画や写真をリビングのテレビで楽しむ、デスクトップ画面を大画面のテレビに映し出すといった目的に使えそうです。Mac OSXではGUIがありますが、コマンドラインから使うのが基本のようです。 Ope
エラー内容が分かりやすいiOS向けの入力チェックライブラリ·ustwo™ iOS Form Validator MOONGIFT
ustwo™ iOS Form ValidatorはiOS上で入力チェックを行うためのライブラリです。送信時、送信前にチェックができます。 入力チェックで引っかかるというのはユーザにとって大きなストレスになります。そこでステップを踏みつつ着実にチェックしてくれるライブラリ、ustwo™ iOS Form Validatorを使ってみましょう。 これはデモアプリです。入力欄が三つあります。 右側のアイコンをタップすると注意書きが出ます。 送信しようとするとエラーメッセージが出ます。 入力エラーの部分が赤いアイコンに変わっています。 メールアドレスのフォーマットチェックもあります。 全てグリーンアイコンになりました。 グリーンだと全てOKです、とメッセージが出ます。 入力の必須チェックの他、正規表現によるフォーマットチェックもできます。また独自のバリデーションルールが作れるのでサーバにIDを問
Webプログラマ必見。HTML5のセキュリティチートシート·HTML5 Security Cheatsheet MOONGIFT
HTML5 Security CheatsheetはHTML5のセキュリティに関するチートシートです。問題点と対象Webブラウザ、対処法が一覧になっています。 HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象になるWebブラウザとそのバージョンが並んでいます。問題点の提示とともに、その回避策についても書かれていますのでとても参考になります。 まだ日本語化されていない部分もあります。 ほぼ全てのWebブラウザが対象になる部分もあるようです。 項目は非常に多いですが、セキュリティを重視するためにもチェックしておくべきです。 HTML5ではありますがIE6など
用途に合わせてTime Machineバックアップを切り替え·Tedium MOONGIFT
TediumはMac OSXのバックアップTime Machineのバックアップパスを複数切り替えられるソフトウェアです。 Mac OSX標準のバックアップシステムTime Machineのバックアップ先を切り替えられるソフトウェアがTediumです。 メニューバーに常駐します。 メイン画面です。 現在のバックアップ先を登録しました。 最初にヘルパーアプリをインストールする必要があります。 そのためには管理者権限が必要です。 バックアップ先を切り替えました。 Tediumを使えば複数のバックアップ先を簡単に切り替えられます。他にも徐々に肥大化していく時に大容量のディスクに切り替えたり、一旦別なネットワークドライブに保存してメンテナンスするといった使い方も考えられそうです。 TediumはMac OSX用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）になりま
iOSアプリをMac OSX上で動作させるフレームワーク·UMEKit MOONGIFT
UMEKitはiOSアプリ風UIをMac OSX上で動作させるフレームワークです。 ちょっと古いですが一応動いたのでご紹介。Mac OSXアプリとしてiOSアプリ風のデザインで開発できるようにするフレームワークがUMEKitです。 デモアプリです。本当にiOS風です。 タブを切り替えたりできます。 ボタンを押してビューを切り替えます。 画面の大きさを変更できます。 Xcodeでデザインを見た場合です。 アプリにするとずれていましたがデザインでは問題ないようです。 UMEKit APIはほぼiOSのUIKitに則ったものになっています。iOSアプリをMac App Storeでも販売したいという時に使えるかも知れません。 UMEKitはMac OSX用、Apache License2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Mac OSXとiOSは徐々に融合し始め
iTunesの音楽ファイルをAndroidに同期·iTunes Sync Android MOONGIFT
iTunes Sync AndroidはiTunesの音楽ファイルをAndroidにコピーするソフトウェアです。 Androidの普及が進んでいます。メインのデバイスをAndroidにしつつも音楽はiTunesで管理している、そんな人に使ってみてほしいのがiTunes Sync Androidです。 実行しました。コピー先（AndroidのSDカード）とプレイリストの名前を指定するだけです。 iTunes Sync Androidを使う際には予めSDカードがマウントされていなければならないので、USBケーブルなりでAndoridを接続しておく必要があります。また、MacRubyを使っているのでRubyではあるもののMac OSX専用になるようです。 iTunes Sync AndroidはRuby製、Mac OSX用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていま
プレビュー機能付きMarkdownエディター·MarkPad MOONGIFT
MarkPadはWindows用のMarkdownエディターです。プレビュー機能、ブログへのアップロード機能があります。 Wiki記法のようなドキュメント記法は幾つかありますが個人的にはMarkdownが好きです。そんなMarkdown専用のWindows向けテキストエディタがMarkPadです。 起動しました。利用に際して.NET Framework 4.0が必要です。 新しいドキュメントを開きました。かなり独特なUIです。 設定画面です。拡張子の設定ができます。 ブログ設定です。書いた内容をブログにアップロードできます。 文章を書きます。Markdown形式で書くと右側にHTML変換した結果が表示されます。筆者環境では日本語が入力できませんでした。 リンクも使えます。 MarkPadは右側にプレビューが表示されるので内容の確認が容易です。そして記述した内容をMarkdownが使えるSt
Luaで作る2Dゲーム·LÖVE MOONGIFT
LÖVEはLuaを使って2Dゲームを開発できるフレームワークです。マルチプラットフォームで動作します。 LÖVEはLuaを使った2Dゲームフレームワークになります。マルチプラットフォームで動作し、多彩なゲームが開発できます。 くるくる回転します。周囲にあるオブジェクトは高くなったり低くなったりします。 物理エンジンのデモです。 別なゲームのデモです。メイン画面になります。 お絵描きロジックのパズルです。 クリアするとそれまでの時間が出ます。 マウスクリックで反応するアニメーションのデモです。 太陽が回るデモです。 文字が踊りながら流れます。 デモを動かした動画です。 LÖVEを使えばシューティングやアクション、パズルなど実に数多くのゲームを開発できます。開発、動作環境がWindows/Mac OSX/Linuxとマルチプラットフォームなのも魅力です。 LÖVEはzlib/libpng li
スタンドアローンのEC2管理UI·Elasticfox for EC2 Tag MOONGIFT
Elasticfox for EC2 TagはEC2のGUI管理インタフェースを提供するソフトウェアです。 Amazon EC2でWebサービスを提供している人は多いのではないでしょうか。インスタンスの検索や立ち上げ、さらにVPN設定まで含めて全体を管理できるのがElasticfox for EC2 Tagです。 メイン画面です。 最初にAWSの鍵設定と、アカウントIDの設定を行います。 オプションです。 立ち上げているインスタンス一覧です。 AIM一覧です。ここからローンチもできます。 セキュリティグループです。 静的IPです。 ボリューム&スナップショットです。 ロードバランサーです。 バンドルタスクです。 リザーブインスタンスです。 プライベートクラウドです。 VPNです。 ゾーン設定です。 Elasticfox for EC2 Tagを使うとEC2に関係する操作を一通りこのソフトウ
JavaScript製のALACデコーダー·ALAC.js MOONGIFT
ALAC.jsはJavaScriptで実装されたALACデコーダーです。 AppleからALAC（Apple Lossless Audio Codec）がオープンソースとしてリリースされて以来、様々なプロジェクトで使われるようになっています。今回紹介するのはALAC.js、ALACをJavaScriptで利用できるデコードライブラリです。 デモです。WebサーバでALAC.jsを試せます。 こちらもデモです。ALACファイルを読み込んで再生します。波形も検出されるようになっています。 ALAC.jsはALACのデコードをJavaScriptにポーティングしており、Web Audio APIを使って再生しています。 ALAC.jsはJavaScript製、Apache License 2.0のオープンソース・ソフトウェアです。 MOONGIFTはこう見る 素人としてはMP3だろうがALACだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
