Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
すげえ！FlashLite1.1を解析してHTML5に変換·FlashForward MOONGIFT
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
注目！サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT
nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと
MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ
Google App Engineで他サービスの認証を用いる·gaema MOONGIFT
gaemaはPython製/Google App Engine用のオープンソース・ソフトウェア。Google App EngineではGoogleの認証システムが容易に使えるようになっている。とは言えOpenIDが多数のサイトで対応している現在、認証としては他のサービスを使いたい場合も多い。 OpenIDでログインするサンプル 類似のサービスとしてはTwitterやFacebookが挙げられるだろう。この手のサービスならば通知も兼ね備えるので、さらに使い勝手が良い場合もありそうだ。そんな多彩な認証ニーズに応えるのがgaemaだ。 gaemaは認証統合ライブラリとも言うべきソフトウェアで、OpenID認証の他、OAuth、Googleアカウント、Facebook、FriendFeed、Twitterといったサービスに対応している。デモ版ではGoogleアカウントに対応したものが試せる。 ログ
一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日本においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え
Mac OSX/iPhoneアプリ開発者必携！Objective-Cクラスブラウザ·RuntimeBrowser MOONGIFT
RuntimeBrowserはMac OSX/iPhone向けのオープンソース・ソフトウェア。Objective-Cは良いも悪くも柔軟な言語で、動的な特性を持ったコンパイル言語になっている。そしてその柔軟性はランタイムを直接触れることが顕著な例になっている。 Mac OSX版 そしてそのような技を使う上で欠かせないのがObjective-Cのクラスブラウザだ。Objective-Cのディープな世界に入っていくには必須の存在と言える。それがRuntimeBrowserだ。RuntimeBrowserはObjective-C 2.0に対応したクラスブラウザだ。 RuntimeBrowserはルートクラスからはじまって、階層でクラスを辿っていく。構造を見ることも可能だ。このようにAPIを追いかけられるのも基盤がオープンソースである所以だろう。Mac OSX版ではLeopardに対応し、検索やソー
CakePHPをベースにしたCMS·Croogo MOONGIFT
CroogoはPHP/CakePHP製のオープンソース・ソフトウェア。Railsライクな開発ができるという特徴で日本でも人気が高いPHPフレームワークがCakePHPだ。フレームワークを用いることで、余計な設定や開発者ごとの癖をある程度吸収できる。何より開発が素早くなる。 ユーザ画面 さらにその特徴を際立たせてくれそうなのがCroogoだ。CroogoはCakePHPを使って構築されているCMSだ。そのまま使うのはもちろんのこと、CakePHPを習得されている方であればカスタマイズも容易だろう。つまりCroogoをベースにさらに開発を素早くすることができるのだ。 Croogoはユーザ画面と管理画面に分かれて提供される。コンテンツ、メニュー、ブロック、メディア、コンタクトフォーム、ユーザ、テーマ、システム設定が主な機能になる。後は自分で自由に機能を追加すれば良い。もちろんCroogoの書き方
オープンソース版のiPhone地図アプリ·route-me MOONGIFT
iPhoneと地図は相性がとてもいい。GPSも内蔵していて、Google Mapsなどの地図データと照らし合わせるのも容易だ。それだけに数多くの地図アプリが開発されているが、手軽さという意味ではiPhone標準の地図アプリには敵わないだろう。 だがこれはクローズドなソースのアプリケーションだ。もっと汎用性のあるシンプルな地図アプリケーションが欲しければroute-meをベースにしよう。 今回紹介するオープンソース・ソフトウェアはroute-me、シンプルな地図アプリケーションだ。 route-meが扱う地図データはGoogle Mapsではなく、OpenStreetMap、Microsoft VirtualEarth、そしてCloudMadeとなっている。その意味では若干の差別化ができるのではないだろうか。route-meはそのままで動作させるというよりも、地図アプリの基盤としての利用が想
PHPの設定をセキュリティの観点から改善·PHP Security Consortium MOONGIFT
PHPは広く数多のWebサーバでインストールされ、使われている。設定ファイルは殆どそのままで使われていることが多いのではないだろうか。だが4.2より前のバージョンではregister_globalsのデフォルトがOnになっていたなど、利便性とセキュアであることとの関係で潜在的な問題はあるかも知れない。 php.iniのセキュリティチェックに 見直すのはPHPの設定ファイルであるphp.iniだが、多数の設定があるのでぱっと見では設定の善し悪しが分かりづらいかも知れない。そこで使うのがPHP Security Consortiumだ。 今回紹介するオープンソース・ソフトウェアはPHP Security Consortium、PHPのセキュリティ設定を見直すソフトウェアだ。 PHP Security ConsortiumはPHPで作られたソフトウェアで、phpinfo()から得られる情報を使っ
XSS、SQLインジェクションを発見する·Pixy MOONGIFT
PHPはWebシステムの中で広く使われているポピュラーなスクリプト言語だ。だが、手軽に習得し、開発が行えるとあって成果物のレベルが様々であり、中にはセキュリティ上問題のあるコードが多数存在することがある。そうしたセキュリティ上の問題を解決する手法やフレームワークもあるが、ごく簡単なシステムでは使われることがないだろう。 SQLのコードを精査し、問題の発見につなげる そのようなものを放置しておくと、いつ何時問題がわき上がるか分からない。そうした不安を取り除くためにもPixyを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPixy、XSS、SQLインジェクションを発見するスキャナソフトウェアだ。 最初に断っておくと実際試してみたところでは100%の解決にはつながらなさそうなのでご注意いただきたい。PixyはJavaで作られたソフトウェアで、PHPファイルを指定して実行するとソースフ
優秀なPHPのWebアクセス解析·Open Web Analytics MOONGIFT
アクセス解析として有名な物と言えばGoogleのAnalytics、ビジネス向けであればSiteCatalystになるだろう。だが予算をそこまで出せず、とはいえ外部のサービスは使いがたいという場面はよくある。そんな中、できるだけ見栄えのいいアクセス解析システムを願うならオープンソースを使わざるを得ない。 インストールウィザードでスクリプトの出力までできる 通常のWebサイトはもちろん、WordPressやMediaWikiと親和性の高いアクセス解析としてOpen Web Analyticsを紹介しよう。 今回紹介するオープンソース・ソフトウェアはOpen Web Analytics。高機能なアクセス解析システムだ。 Open Web AnalyticsはPHP+MySQLによるアクセス解析システムだ。JavaScriptタグを使ってアクセス解析を行うのが基本だが、PHPのシステムであればフ
MobileMeを使ってiPhoneにPHPからメッセージ·Sosumi MOONGIFT
Appleの提供するメール、カレンダー、バックアップ等のWebサービス、Mobile Meのサービスに入るとMac OSXやWindowsとiPhone/iPod Touchでデータの同期が行えるようになる。このために加入しているという人も多いだろう。 そして、iPhoneがOS 3.0になってMobile MeからiPhoneを探したり、通知の出るメッセージが送れるようになった（元々あった？）。その機能をPHPから操作するのがSosumiだ。 今回紹介するオープンソース・ソフトウェアはSosumi、iPhoneにメッセージを送信するためのライブラリだ。 このMobile Meから出すメッセージの特徴は、SMSやMMSと同様にメッセージをダイアログでポップアップさせられることだ。そしてさらに音やバイブで通知を知らせることができる。これはサイレントモードになっていても有効だ。 ロックされてい
クローラーを作るためのフレームワーク·Anemone MOONGIFT
RSSフィードやWeb API、Mashupなどの単語が注目を集める中、Webクローラーを通じて外部のWebサイトにあるデータをかき集め、それを解析して別な形にするというのはよく見られるものになってきた。 あるURLを指定し、そこからリンクされているURLを一覧表示できる そうした数々のシステムの中で、クローラーとなる基盤は大きな違いはない。Webサイトのデータを取得し、次のリンクを洗い出して取得していくようなものだ。そうした共通動作部分を切り出したフレームワークがAnemoneだ。 今回紹介するオープンソース・ソフトウェアはAnemone、Webクローラを開発するためのフレームワークだ。 Anemoneは任意のWebサイトにアクセスし、その内容を解析するWebクローラーだ。例えばあるURLに付けられているリンクを一覧で取得するようなことも簡単にできる。外部サイトなのかどうかも区別できるの
Mac OSXで手軽にRemedieを使い始められる·Remedie Server MOONGIFT
Remdieは以前にも紹介したことがある、Plaggerで知られる宮川氏によるポッドキャスティング用フィードリーダーだ。テキストとは違って、頻繁に更新しているボッドキャスティングはまだそれほど多くはないが、iPhone/iPod Touchの登場で徐々に増えつつある。 起動するだけで使えるRemedie！ とは言え、iTunesの重たいインタフェースでボッドキャスティングを楽しむ気にはなれない。そんな時にWebベースのRemedieは便利だ。だが導入に際してCPANのモジュールが多数必要というのが難点だった。それを解決してくれるのがRemedie Serverだ。 今回紹介するオープンソース・ソフトウェアはRemedie Server、Mac OSX用にアプリケーションとしてパッケージされたRemedieだ。 Remedie ServerはLeopard対応のアプリケーションで、起動するだ
リアルタイムに人の顔を認識する·ehci MOONGIFT
クローキーのような技術を使えば、人がまるで別な空間にいるような映像を作り出すことができる。だがこれは一部を投影するのが精一杯だ。体の一部を別なものに置き換えて表示してしまうような技術があればもっと面白い映像が作れそうだ。 左に映し出された映像から右側の映像が出来上がる そのような操作を行うのに特別な機器は必要ない。Webカムとコンピュータ、それにehciがあれば良い。 今回紹介するオープンソース・ソフトウェアはehci、リアルタイム顔認識ライブラリだ。 ehciはWebカムを通して映し出される顔を認識し、その部分を3Dポリゴンに置き換えて表示することができる。Windows向けのデモアプリケーション（0.4）では顔のモデリングが限度だったが、最新版の0.6では顔以外の映像をそのまま投影できるようになっている。 Windows版 まるで石仮面を被ったような映像がehciによって映し出される。
その場で検索して結果に素早くアクセスする·jQuery Live Search MOONGIFT
インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。 JavaScriptだけで検索を行う そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。 今回紹介するオープンソース・ソフトウェアはjQuery Live Search、jQueryを使ったリスト検索ライブラリだ。 jQuery Live SearchはWebページ上にあるリストを検索するライブラリだ。リアルタイムにフィルタリングが行われるのでインクリメンタル検索に近い。デモでは1,000件のリストに対してフィルタリングを行っている。 文字を入力するたびに絞り込まれていく レスポンスはブラウザの性能によるだろうが、思っていた以上に高速だ。検索結果の件数も表示されるので
手軽で便利なスクリーンキャプチャソフトウェア·SimpleCap MOONGIFT
MOONGIFTではソフトウェアを紹介する関係上、スクリーンショットをよく撮る。Windowsの場合、スクリーンショットで撮ったデータがクリップボードに入るのが難点だった。Mac OSXの場合はファイルとして保存されるが、ドロップダウンを表示した状態でスクリーンショットを撮るのが不便だった。 アプリケーションのウィンドウをまとめて撮影できる どちらも得手不得手はあるが、それを補うソフトウェアも存在する。Mac OSXの場合便利なのがSimpleCapだ。 今回紹介するフリーウェアはSimpleCap、シンプルながら便利なキャプチャソフトウェアだ。 SimpleCapの便利な所はまずスクリーンショット機能の多様さだ。ウィンドウ、範囲選択、メニュー、スクリーン、アプリケーション、ウィジェットとあり、それぞれがタイマー機能をもっている。タイマーは10秒後の撮影でマウスカーソルも一緒に撮影される（
リアルタイム入力チェックのJavaScriptライブラリ·yav MOONGIFT
時々、Webサイトで入力している内容をその場で判定するものがある。入力必須の項目やメールアドレス、パスワードの一致などでエラーがあればすぐに表示してくれるので、送信してから修正すると言った二度手間がなくて便利だ。 Webブラウザ上で入力チェックを実行する サーバ側でも入力チェックは行うが、ユーザビリティを考えるとオンラインでも検証したい。そんな検証システムを簡単に作れるのがyavだ。 今回紹介するオープンソース・ソフトウェアはyav、JavaScriptの入力チェックライブラリだ。 yavは入力必須はもちろん、数字のみや文字のみといったチェックもできる。メールや日付、文字の長さなどといったフォーマットによるチェックや、「and」と「or」による他の項目の値によって入力チェック内容を変更する機能もある。多言語にも対応している。 設定はこのようになる 入力フォーマットを規定することも可能で、予
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
