jQuery Mobileを使ったスマートフォン向けHTML5フレームワーク·The-M-Project MOONGIFT
The-M-ProjectはiOSやAndroidといったスマートフォン向けに特化したWebアプリケーションフレームワーク。 The-M-ProjectはJavaScript/HTML5製のオープンソース・ソフトウェア。Webアプリケーションが本格的に取り入れられるようになっている。AjaxなどによるWebアプリケーションの操作性向上に加えて、JavaScriptで実現しうる機能が増えていることに要因があるだろう。 サンプルのTodoアプリ そしてもう一つがHTML5の存在だ。PCブラウザ向けにはまだ全面採用は難しいものの、スマートフォンであれば採用できるだろう。そんなスマートフォン向けのWebアプリケーションを開発する際に使えるフレームワークがThe-M-Projectだ。 The-M-ProjectはHTML5を採用したWebアプリケーションフレームワークだ。iOSはもちろん、Andr
HTML5 + Canvas + JavaScriptによるWebベースの顔認識「ccv」 | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
ccvはHTML5とCanvasタグを使ってWeb上で顔認識を行う。C言語によるライブラリもある。 [/s2If] ccvはWebベースまたはC言語製のオープンソース・ソフトウェア。最近の写真管理ソフトウェアの流行として顔認識がある。デジカメやプリンタでも顔認識機能を搭載し、自動的に明るくしたりするものもある。風景写真なども良いが、やはり人が写っている写真のが楽しいのだ。 そんな顔認識技術はWebベースでも提供されるようになっている。特にFacebookのようにSNSの中で使う場合は友人を自動認識させることでより活発な交流を促せるのだ。Webベースでの顔認識をHTML5/Canvasで行うのがccvだ。 実行例 via Tibetan Girl near Mount Everest | Flickr - Photo Sharing! ccvは元々C言語で開発されているコンピュータビジョンラ
シンプルながらユーザビリティに大きな貢献。郵便番号から住所を入力補完する·js-zip2address MOONGIFT
js-zip2addressはGoogle日本語入力APIを使い、Webブラウザ上での郵便番号から住所を入力補完する。 [/s2If] zip2address.jsはJavaScript製のオープンソース・ソフトウェア。ECサイトをはじめとして個人情報の入力フォームでは一般的になってきている郵便番号から住所を引く機能。実装方法は様々だか、この郵便番号と住所の変更は意外と回数が多い。 サンプル 回数が多いということはメンテナンスコストが大きいことを意味している。都度アップデートされるだけでなく、削除されるデータも多い。そこでメンテナンスフリーで使える手法を紹介しよう。それがzip2address.jsになる。 zip2address.jsの特徴は大きく分けて二つある。一つはデータ元としてGoogle日本語入力APIを利用しているという点だ。確かにGoogle日本語入力では郵便番号を入れると住
TwitterとiPhoneを組み合わせればradikoはさらに魅力的になる·radikker MOONGIFT
radikkerはiPhone用のオープンソース・ソフトウェア。ニコニコ動画が生み出したものは、みんなでわいわい楽しみながらコンテンツを見れば、つまらないものでも面白く感じられるという感覚だ。オンラインでは時間差、地域差が障害だったが、それをうまく使って共感できる空間を作り出している。 ラジオとTwitterの連携 ソーシャルゲームでもゲームそしてオンラインという個々に独立しか空間をオンラインを使ってうまく結びつけることで成り立っている。みんなで楽しめば新しい魅力が生まれる、それをオンラインのラジオradikoでも体感できるのがradikkerだ。 radikkerはradikoとTwitterを組み合わせたiPhoneアプリだ。上に放送局が並び、選択するとラジオが流れる。そしてそれぞれの放送局に対応したハッシュタグを使ってTwitter上のタイムラインを表示する。自分のアカウントを結びつ
はてなで複数アカウントを切り替えている人に使ってほしいGoogle Chrome拡張·Hatena Account Switcher MOONGIFT
Hatena Account Switcherははてなのアカウントをクリック一つで切り替えるGoogle Chrome拡張。 [/s2If] Hatena Account SwitcherはGoogle Chrome用のフリーウェア（ソースコードは公開されている）。日本のITエンジニアが数多く登録しているはてな。人によっては1アカウントに留まらず複数アカウントを切り替えて使っていることだろう。 アドレスバーからアカウント切り替え それは決して悪いことではなく、オンラインアイデンティティはキャラを使い分けたり、発信する情報によってアカウントを使い分ける方がより特化できるのがメリットだ。そんな複数アカウントを持つ人にお勧めしたいのがHatena Account Switcherだ。 Hatena Account Switcherをインストールするとアドレスバーの横にアイコンが表示される。まず最
Android用Firewall·DroidWall MOONGIFT
DroidWallはAndroid用のオープンソース・ソフトウェア。Androidの自由度はiOSに比べるととても広い。開発者にとってはその自由さが魅力ではあるが、利用ユーザにとってはサードパーティーが触れるデータが多いためにちょっと怖い部分もあるだろう。 アプリが一覧表示される ローカルでしか動かないはずのアプリが実はネットワークを使っていた、なんて言うと何かのデータを引き出しているのかも知れないと勘ぐってしまう。そのために使ってみたいのがDroidWall、Android用のファイアウォールだ。 DroidWallの動作原理としてはWindows標準のファイアウォールに近い。ホワイトリスト方式であり、アプリケーションごとに3GまたはWiFiを使って良いかどうかを設定する。つまりWiFiは良くとも3Gは拒否といった具合に細かく設定することもできるのだ。 メニュー ローカルデータのみ使うゲ
jQTouchプラグインのスクロールライブラリ·TouchScroll for jQTouch MOONGIFT
TouchScroll for jQTouchはiPhone向けWebアプリ開発基盤として使えるjQTouch用プラグイン。 [/s2If] TouchScroll for jQTouchはJavaScript/jQuery用のオープンソース・ソフトウェア。jQTouchによってiOS向けの最適化サイトをローカルアプリのように動作させられるようになった。だがページ切り替えをした時にURLを切り替えていたら幻滅してしまう。 色々な切り替わりを用意している コンテンツの取得にAjaxを使うのはもちろん、ページの切り替えにも気を配りたい。もしjQTouchを活用してiPhone向けWebサイトを作っているならば一緒に活用したいライブラリがTouchScroll for jQTouchだ。 TouchScroll for jQTouchはかなり便利なライブラリといえそうだ。ページ切り替えの際にアク
Gitを使って誰でもDropboxを作れる·RubyDrop MOONGIFT
RubyDropはRuby製のオープンソース・ソフトウェア。個人的にDropboxはとても便利に使っている。これなしの生活は考えられないくらい便利だ。有料であれば50GBまで使えるが、無料版の2GBでは物足りないと感じる人も多いだろう。だがお金は払いたくないという人もいるだろう。 サーバ起動中 そこで考えたいのが自分だけのDropbox構築だ。重要なのは自動的に同期されるシステムであること、バージョン管理されること、複数のコンピュータ間でデータが同じ状態に保てることだろう。それらを実現するのがRubyDropだ。 RubyDropはRuby1.9系で動作するソフトウェアだ。簡単に言えば、特定のフォルダに関してRubyDropが監視を行う。そして変更があると内容をリモートのGitリポジトリにアップデートする。Gitリポジトリ側で変更があれば、Pullする仕組みだ。 自動的に同期されている G
Railsアプリケーションにブログを追加するなら·BlogKit MOONGIFT
BlogKitはRailsシステムにプラグインでブログ機能を提供する。 [/s2If] BlogKitはRuby on Rails用のオープンソース・ソフトウェア。Webサービスを立ち上げる時に用意しておくべき幾つかの要素がある。その一つが開発者（またはお知らせ）ブログの設置だ。別サーバでWordPressなどを使ったり、ブログサービスを使っているケースも見受けられる。 CSSは別途必要。一覧画面 だがサービスによっては同じドメイン化にブログを構えたいと思うかもしれない。もしそれがRailsアプリケーションであればBlogKitを使うとごく簡単にブログシステムを追加できる。 BlogKitはRuby on Rails向けのプラグインで、Rails2またはRails3に対応している。別途認証システムとページネーションをインストールしておく必要がある。そしてログインした状態でBlogKitにア
Twitter用問い合わせ言語·TweeQL MOONGIFT
TweeQLはTwitterへSQLライクな書き方でデータ取得を行うライブラリ。 [/s2If] TweeQLはPython製のオープンソース・ソフトウェア。RDBMSではSQLを使ってデータベースのデータを操作する。今ではO/Rマッパーのようなデータベース接続を意識しない仕組みも増えているが、より高速にアクセスしようと思ったら習得が必須だ。 対話的にツイートを取得できる また、現在ではローカルのデータベースの他にもデータソースが無数に存在する。例えばフィードの場合、YQLと言われるYahoo! Inc.製の問い合わせ言語が便利だ。同様にTwitterをデータソースにするならばTweeQLを使ってみよう。 TweeQLはTwitter用問い合わせ言語（風ライブラリ）だ。ツイート内容、言語、プロフィール画像URL、ユーザID、表示名、ツイートした日時、などがSELECTに続いて指定できる。F
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
HTML、CSSのリファレンス集·CodeBurner MOONGIFT
CodeBurnerはFirefox/Adobe AIR/Mac OSX用のフリーウェア。Webデザイナー、プログラマーであれば開発中にリファレンスが見たくなることが多いはずだ。都度Webサイトを検索しても良いが、手軽に使えるリファレンスが手元にあると便利だ。 HTMLタグの検索 特にブラウザ間の誤差があるプロパティなのか否かといった情報は重要だ。そうした情報をつかんでおけばデザインが開発がスムーズになる。多様なプラットフォームに対応しているのがCodeBurnerだ。 CodeBurnerはHTML/CSSのリファレンスを多数のプラットフォームを使って提供している。FirefoxとFirebug向けをはじめ、Adobe AIR、OSX Dashboard、Operaが現在提供されており、今後Dreamweaver版が提供予定になっている。 ソースをクリックすると説明が出る 2ペインの画面
本格的なアジャイルプロジェクト管理·Agile Tracking Tool MOONGIFT
Agile Tracking ToolはWebベース/Grails製のオープンソース・ソフトウェア。自社でアジャイル開発に取り組もうと思うならば、アジャイル用のプロジェクト管理を取り入れるのがお勧めだ。そうでないプロジェクト管理を使うとシステムの差異で苦しむことになる。 イテレーション作成 アジャイル専用のシステムであれば運用フローも取り入れられるようになる。既に幾つかのプロジェクト管理が存在するが、新しいプレーヤとしてAgile Tracking Toolを紹介しよう。名前の通りアジャイル開発に特化している。 Agile Tracking Toolはプロジェクトの登録、カテゴリ、イテレーション、バックログ管理、現在のタスク一覧といった機能がある。システム管理機能も備わっている。スクラム開発またはカンバン方式に対応している。XMLフォーマットでのエクスポートも可能だ。 イテレーション概要
.NETで提供されるJavaScriptインタプリタ·Jint MOONGIFT
Jintは.NET用のオープンソース・ソフトウェア。10年くらい前のJavaScriptと言えばWebブラウザのちょっとしたアクションを実行する簡易的な補助スクリプト言語でしかなかった。だが今ではWebアプリケーションはもちろん、Webサービスを構築するのにも必須のソフトウェアになっている。 コーディング例 さらにWindowsの場合はJScriptというJavaScriptを拡張した言語を使ってファイルを操作したり任意のコマンドを実行することもできるようになっている。そしてさらにJavaScript + Windowsの可能性を高めるのがJintだ。 Jintは.NETアプリケーションの組み込んで使うJavaScriptインタプリタだ。文字列としてコードを渡し、JintEngineを使って実行する。引数を渡すこともできる。結果を受け取ることももちろん可能だ。つまりJavaScriptを使
Windowsユーザ必見のiPhone向けサイトデザイン&シミュレータ·MobiOne Studio MOONGIFT
MobiOne StudioはWindows用のフリーウェア。iPhone用のWebサイトを作ろうとした場合、Windowsでは相当不利になっていた。WebKitはあるので、ユーザエージェントを変えればレンダリング結果は近いものが得られるだろうが、やはり別物だった。 ビジュアルデザインが可能 さらにWebサイトのデザインをするのも画面構成が特殊なので、Mac OSXがないと難しかったはずだ。そんな面倒さにやきもきしていたWindowsユーザはMobiOne Studioを使おう。これを使えば一気に未来が開けるはずだ。 MobiOne StudioはiPhone用のWebサイトをデザインするためのIDEだ。30以上のコンポーネントがあり、ドラッグアンドドロップで配置してWebデザインができる。とても簡単に最適化サイトの設計ができるはずだ。専用のアイコンも60種類以上ある。 生成されるHTML
各種ブラウザの機能拡張を共通化·FireBreath MOONGIFT
FireBreathはFirefox/Google Chrome/Safari用のオープンソース・ソフトウェア。ITの世界ではメタ化と分散化が絶えず繰り返されている。類似のサービスが多数乱立してそれらをまとめあげるメタサービスが登場し、さらに特化していくと言った具合だ。 Mac OSXの場合、XCode用のコードが生成される Webブラウザについても同様だ。かつてはNetscapeの独壇場だったが、IEによって一気にシェアを奪われた。IE優勢の中、Firefoxが登場し、ついでSafariやChromeもシェアを伸ばしている。そんな中登場したのがFireBreathだ。 FireBreathが目をつけたのは各ブラウザが備えている機能を拡張する機能だ。Firefoxであればアドオン、SafariやChromeも機能拡張を備えている。しかしこれらは仕組みが同一ではないため、個々に開発を行う必要
多言語対応のCMS·Ionize MOONGIFT
IonizeはPHP/CodeIgniter製のオープンソース・ソフトウェア。日本は日本語という言語障壁によって市場が守られている一面がある。だが今後は一部の市場を除けば急激に成長が見込めることはないだろう。そうなると日本語圏だけでビジネスを行うのは辛くなるはずだ。 管理画面 そこで英語圏やその他の言語圏に対しても積極的に活動していく必要がある。言語別にサイトを立ち上げても良いが、どうせなら多言語対応しているものを選択しよう。その一つがIonizeだ。 IonizeはCodeIgniterを使って作られたCMSで、ページを階層で管理してサイトを構築する。一つのページの中に設定した多数の言語を差し込めるのが特徴だ。ページにはアクセス権限や公開日指定、複数ページのページネーション設定ができる。多言語対応とあってブラウザ上での翻訳機能もある。 ユーザ画面 システムとしてはモジュールに対応しており
Mac OSX用Gitクライアント·Gitbox MOONGIFT
GitboxはMac OSX用のフリーウェア。Gitはターミナルからでも十分使えるため、GUIフロントエンドを必要とはしてこなかった。だが複数人が関わるプロジェクトでは不慣れな人も多い。そうした時にはやはりGUIフロントエンドがあると便利だ。 見た目はシンプルなGitクライアント Gitの全ての操作を行えなくとも、普段の運用上はコミットしたりPushやPullを実行できるだけでも十分だろう。そんなライトなGitフロントエンドとしてGitboxを紹介しよう。 Gitboxは任意のリポジトリを指定して開く。そうするとコミットログが一覧で見られる。その中で変更されたファイルについても確認が可能だ。さらにファイルを選択すればFileMergeなどの差分表示ソフトウェアで変更箇所が確認できる。 差分の確認は外部ツールで 変更されてリポジトリに反映されていないファイルの一覧も確認できる。後はファイルを
罫線を重視したCSSフレームワーク·Atatonic MOONGIFT
AtatonicはCSS製のオープンソース・ソフトウェア。HTMLのデザインにおける柔軟性は非常に高い。だが柔軟性はあっても見やすいデザインにできるかどうかと言うと話は別だ。読みやすさで言えばむしろ画一的なデザインの方が良かったりする。 罫線に沿った綺麗なデザイン 整ったデザインを各種ブラウザに合わせて作り込むというのは非常に手間のかかる作業だ。そのような時に使えるのがCSSフレームワークになる。読みやすさを重視したサイト構成を考えるならAtatonicを使ってみると良さそうだ。 Atatonicは2カラムで読みやすさを重視している。背景に罫線の入った画像を利用しており、行毎にきちんと文字が並んでいるのが分かるはずだ。英文らしく、最初の文字が大きくなる効果もある。カラムの中でさらに2カラムに分けたり、引用表示にも綺麗に対応している。 フォームにも対応 文字サイズが若干小さいように見えるが、
データベース不要なWebベースの家計簿·myMoneyLog MOONGIFT
myMoneyLogはHTML/JavaScript/Java製のオープンソース・ソフトウェア。お金の管理は得意ではない。だがやらざるを得ないので何となくではあるが行っている。本当であれば口座のタイプや出入金をきちんと管理していくべきなのだろう。 出入金登録 専用のソフトウェアを使うほどでもない、シンプルに出入金だけ管理したいという方はmyMoneyLogを使ってみよう。HTMLファイルを開けば即座に使える、ちょっと珍しいタイプの家計簿ソフトウェアだ。 myMoneyLogはHTML/JavaScriptを使っているが、HTTPサーバに配置する必要がない（むしろエラーが出る）。ローカルファイルとして開くことでJavaアプレットが動作し、出入金の記録をローカルストレージに保存できるようになる。 グラフ 項目は日付、金額、説明、カテゴリ、対象アカウント（クレジットカード、現金、銀行など）となっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
