これはnode.jsの時代が来るか！？全て揃ったnode.jsフレームワーク·Tower.js MOONGIFT
Tower.jsはフルスタックのnode.js用Webアプリケーションフレームワークです。 こ、これはやばい…。ついにnode.jsの時代が来るかもしれない、そう感じさせるWebアプリケーションフレームワークがTower.jsです。 インストールはnpmで簡単にできます。 まず新しいアプリケーションを作成します。 Scaffoldで簡単にコントローラ、モデル、ビューを生成。 生成された際の構成はこんな感じです。 towerコマンドのオプションです。 Webサーバを立ち上げ場合です。 Tower.jsはMongoDBをデータベースに、Redisはバックグランドジョブ、CoffeeScriptをメインの記述に使いつつ、Jasmineをテストフレームワーク、jQueryも使えるフレームワークです。メール、マイグレーション、MVC、RailsばりのO/Rマッピング、バリデーション、ルーティング、B
便利！自分のローカル以下で異なるPHPを切り替える·PhpBrew MOONGIFT
PhpBrewは個人のホームディレクトリ以下に異なるバージョンのPHPをインストールできるソフトウェアです。 最近はバージョンの異なる実行環境を手元で手軽に切り替えられる仕組みが流行っています。rvmやnodebrew、perlbrewなどがありますが、PHPにおいて同様の環境を提供するのがPhpBrewです。 インストールはPearまたはソースをダウンロードして行います。 セットアップしました。.bash_profileに追記します。 これだけのバージョンをインストールできます。 5.3.10のインストールを開始します。 完了しました。24分かかったようです。 パスがローカルのものになっています。 phpbrew use systemでシステムに入っているものに代わります。 listで既にインストールされているものが一覧されます。 PhpBrewは他のbrew系ソフトウェアと同様にコマン
Webプログラマ必見。HTML5のセキュリティチートシート·HTML5 Security Cheatsheet MOONGIFT
HTML5 Security CheatsheetはHTML5のセキュリティに関するチートシートです。問題点と対象Webブラウザ、対処法が一覧になっています。 HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象になるWebブラウザとそのバージョンが並んでいます。問題点の提示とともに、その回避策についても書かれていますのでとても参考になります。 まだ日本語化されていない部分もあります。 ほぼ全てのWebブラウザが対象になる部分もあるようです。 項目は非常に多いですが、セキュリティを重視するためにもチェックしておくべきです。 HTML5ではありますがIE6など
Three20に代わるiOSフレームワーク·Nimbus MOONGIFT
NimbusはThree20のコンセプトを引き継いだ新しいiOSフレームワークです。 NimbusはThree20から大いにインスピレーションを得たiOSフレームワークになります。様々な点を改良し、今のスタイルにあった新しいフレームワークを目指そうとしています。 サンプルのアプリです。フォトアルバムカタログで、メモリモニタリングもついています。 写真をスムーズに閲覧できます。 タイル上に並べたデモアプリもあります。 CSSのデモです。 様々なテキストスタイルを実現しています。 様々な下線が用意されています。 デモ動画です。とはいえ使い勝手についてはやはり実際のコードを見る方が良いでしょう。 NimbusはThree20と比べて次の改善が行われています。ドキュメントの充実、依存関係の明確化、Kitchen sinkを分かりやすく、ビルド構造を分かりやすく、バグフィックス、テストカバレッジの重
継続的インテグレーションに。iOSを自動操作してテスト·KIF MOONGIFT
KIFはiOSアプリを自動操作するテストフレームワークです。 iOSにおいて継続的インテグレーションを実現するのに使えるのがKIFです。アプリの操作を自動で行って、テストの自動化を推進してくれます。 iOSシミュレータ、実機の双方で動きます。 テストの記述です。タップするラベルを指定しています。 デモ動画です。シミュレータはマウスでは触れていません。 KIFではテストコードをアプリに組み込みます。テスト自体Objective-Cで記述するようになっています。なお、ドキュメントにないAPIを使っていますので、アプリ申請の際に注意が必要です（KIFでは使い方を細かく書いています）。なおKIFはモバイル課金プラットフォームで知られるSquareを開発している企業のソフトウェアになります。 KIFはObjective-C製、Apache License 2.0のオープンソース・ソフトウェアです。
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
GitHubにPushする前に記法チェック·Github Preview MOONGIFT
Github PreviewはMarkdown、textile、rdoc、org、creole、MediaWiki記法のリアルタイムプレビューがついたWebテキストエディタです。 GitHubのREADMEではMarkdownやTextile、RDocといった各種記法が利用できます。可読性も記述もしやすい記法とは言え、書いてPushして確認したら間違っていた…なんていったらショックなはずです。そこで使いたいのがGithub Previewです。テキストエリアで各種記法の記述、プレビューができます。 左側に入力するとリアルタイムに右側にHTMLへの変換結果が表示されます。 記法のヘルプもついています。 他の記法に変更することもできます。 Textileの記法ヘルプです。 対応しているのはMarkdown、textile、rdoc、org、creole、MediaWiki記法となっています。
これは便利！Mac OSX/Linuxで動くIE7〜9のVirtualBox用仮想イメージを作成·ievms MOONGIFT
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
試そう！PHPコードを解析して修正点を指摘·phpca MOONGIFT
phpcaはPHPを静的に解析して小さなミスやコードの修正点を指摘してくれるソフトウェアです。 PHPを書く際にどう書けば小さなミスによるバグの発生を防げるでしょうか。一定の基準に沿って記述することで整然としたコードを実現し、可読性をあげることでバグの混入を防ぐことができます。そこで使いたいのがphpcaです。静的にPHPファイル（ディレクトリ単位も可）を解析し、修正すべき場所を指摘してくれます。 解析処理を実行しています。PHPのパスと、解析したいファイルやディレクトリ名を指定して実行します。解析処理中は随時メッセージが出力されます。 メッセージ例です。タブの利用や行の使い方に関してなどメッセージが表示されます。 ?>がない場合もメッセージが出ます。これはPHPの書き方としては逆かも知れません（確かない方が良いという話なので）。 PHPを書く上でありがちなミスやバグにつながりそうな指摘を
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
node.jsでライトなWebアプリケーションを組むのに最適なフレームワーク·Strata Web Framework MOONGIFT
Strata Web Frameworkはnode.js用のWebフレームワーク。Sinatraライクな記述ができる。 Strata Web FrameworkはJavaScript/node.js製のオープンソース・ソフトウェア。Webアプリケーションを開発する際に開発効率を向上するフレームワークの存在は欠かせない。だが何でもできるフレームワークというのは総じて大型で、ちょっとしたものを動かすのは向かないことが多い。 コード そこで注目したいのは小さなWebアプリケーションを開発するためのフレームワークだ。Rubyで言えばSinatraが人気だ。そんなSinatra風フレームワークのnode.js版と言えるのがStrata Web Frameworkだ。 素のnode.jsを使ってWebアプリケーションを構築することはもちろんできるが、よりシンプルにしてくれるのがStrata。クエリパラ
新しい時代の幕開けか。クラウド向けWebアプリケーション開発用プログラミング言語·Opa MOONGIFT
Opaはクラウド向けWebアプリケーション開発に特化したプログラミング言語。 Opaはオープンソースのプログラミング言語。世の中には幾つのプログラミング言語があるだろうか。最近だと人気なのはJavaScriptだろう。10年くらい前から言えば、Web向けのプログラミング言語であるPHPがシェアを一気に高めた。 デモのチャット しかし常に人気が高い状態が続く訳ではない。栄枯盛衰、時代は常に変わらなければならない。今回紹介するのはWebアプリケーション開発用プログラミング言語として登場したOpaだ。 OpaはPHPと同じくWeb向けに特化したプログラミング言語だ。主に3つの特徴があり、シンプル、セキュアそしてスケーラブルだ。HTMLタグとOpaの変数とを区別せずに書けてしまう。コールバックを使って書くのでJavaScriptにも似ている。書きやすそうな印象を受ける。 イメージギャラリー セキュ
Apple公式のやり方を真似る。確認を必要とするボタン操作に使える·MAConfirmButton MOONGIFT
MAConfirmButtonはAppleのApp Storeアプリなどで使われている確認がある購入ボタンを再現するUIコンポーネント。 MAConfirmButtonはiOS用のオープンソース・ソフトウェア。iOSアプリ開発においてApple提供の公式アプリのUIを真似るのはとても良いことだ。公式アプリは利用者が多いので、他のアプリで同様の操作を提供してもすぐに使いこなしてくれるはずだ。 App Storeでよく見るボタン さらにAppleの手法はデザインとユーザビリティを考えた、とてもユニークな作りになっている。その一つ、アプリや音楽購入時のボタン操作を再現するのがMAConfirmButtonだ。 MAConfirmButtonはApp Storeアプリ等で使われている、購入時の確認ボタンを再現するUIコンポーネントだ。ボタンを一回タップすると別なメッセージを出し、さらにクリックする
Gitを使っているWebデザイナー必見。DreamweaverからGitを使える·GITWeaver MOONGIFT
GITWeaverはDreamweaverとTortoiseGitを連携させるDreamweaver機能拡張。Gitコマンドが使えるようになる。 GITWeaverはWindows/Dreamweaver用のオープンソース・ソフトウェア。企業ではまだまだSubversionがメインのリポジトリ管理システムになっているようだが、個人を中心にGitを使うケースが増えている。プログラマーが使っているケースが多いが、デザイナーの方も使い始めている。 メニュー そんなGitとWindowsを組み合わせて使う際にはTortoiseGitが便利だが、さらにDreamweaverを使ってデザインをしているならお勧めなのがGITWeaverだ。 GITWeaverはTortoiseGit必須のDreamweaver拡張なのでWindows版向けのソフトウェアになる（筆者はMac OSX版しかないためスクリー
node.jsで作られたGitリポジトリブラウザ·git.js MOONGIFT
git.jsはnode.jsで作られたWebベースのGitリポジトリブラウザ。 git.jsはnode.js/JavaScript製のオープンソース・ソフトウェア。Gitの面白い所は個々にリポジトリがあることだ。それによって分散化を実現し、かつオフラインでも開発ができるようになった。リポジトリにはこれまでの開発が全て詰まっており、いつでも参照できるのが嬉しい。 ログ Gitリポジトリを取り込んでしまえば、リポジトリを操作するために都度ネットワークアクセスする必要もない。リポジトリブラウザが高速動作するのはとても良い。今回紹介するのはWebベース、JavaScript製のGitリポジトリブラウザであるgit.jsだ。 git.jsはサーバサイドでローカルのGitリポジトリの情報を読み込みつつ、それをWebブラウザ上で表示する仕組みになっている。node.jsを使っているのでどちらもJavaS
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
GitHubを使った開発をもっと高速化するための専用クライアント·GitHub for Mac MOONGIFT
GitHub for MacはGitHubを使った開発者用のGithubクライアント。 GitHub for MacはMac OSX用のフリーウェア。Githubの魅力に取り付かれてしまうとなかなか抜け出すことはできない。オープンソースを開発するときはもちろん、クローズドソースであってもGithub上で管理しているととても簡単で便利だ。 メイン画面 単なるGitリポジトリサービスというよりも、開発者が集まっているだけにGithub自身がどんどん進化しているのが面白い。その最新作としてのGitHub for Macを紹介しよう。 GitHub for MacはGithubを管理するための専用クライアントアプリだ。これまでGithub向けのソフトウェアとしてはソーシャル性を重視した楽しめるソフトウェアが多かったが、GitHub for Macは完全に作業を行うための機能が詰まっている。 ログ
JavaScriptでSinatra風？RESTfulをサポートしたフレームワーク·Sammy.js MOONGIFT
Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが
MongoDBを使った開発のお供に。MongoDB版phpMyAdminとも言うべき「RockMongo」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
RockMongoはPHP製のMongoDB管理インタフェース。 RockMongoはPHP製のオープンソース・ソフトウェア。NoSQLデータベースが注目を集めている。RDBMSに代わるとは思いがたいが、使いどころによってはNoSQLの方がパフォーマンスが高く、より高速なWebサービスを構築できるメリットがある。 ドキュメント一覧 そのNoSQLの一つして知られているのがMongoDBだ。ドキュメント指向データベースとしても知られ、複数サーバにまたがったようなスケーリングにも対応している。そんなMongoDBを扱う上で便利な管理インタフェースがRockMongoだ。 RockMongoはMongoDB用のPHP製管理インタフェースだ。MySQLで言う所のphpMyAdmin的存在だ。データベースの一覧、コレクションの一覧、ドキュメントの一覧など階層的に閲覧できるようになっている。もちろんコ
.NETでもGemに似た仕組みを·NU MOONGIFT
NUはRuby製/.NET用のオープンソース・ソフトウェア。各プログラミング言語にはライブラリ管理を行う仕組みが用意されている。PerlではCPAN、RubyではRubyGems、PHPではPear、Pythonではeasy_installといった具合だ。 インストールはgemコマンドで .NETについては詳しくはないのだが、同様の仕組みはないのかも知れない。.NET自体はオープンソースではなくとも周辺ライブラリではオープンソースなものも増えている。そうしたライブラリを手軽に使えるようにするのがNUだ。 NUがユニークなのはRubyGemsを使ってインストールを行う点だろう。「gem install nu」と打つとインストールされる。つまり.NET向けでありながらRuby（またはIronRuby）必須だ。インストールが終わったら次からは「nu」コマンドを使って操作する。 NUnitをインス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
