MOONGIFT: » アジャイルUIプロトタイピング「fluidIA」:オープンソースを毎日紹介
fluidIAはHTML/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発する際にモックから入るのは基本だ。テキストから考えていては各自の中で想定されるイメージが異なってしまう。頭のイメージを書き出すことでより具体的になるはずだ。 簡易的に画面を定義する デザインレベルではないが、画面の動きを含めて確認するのに役立ちそうなのがfluidIAだ。アジャイル向けとある通り、シンプルにさくっと流れを確認して開発にとりかかるようなスピード感が出せそうなソフトウェアだ。 fluidIAはHTML/JavaScript（jQuery）で作られている。オブジェクトとテキストを配置して最低限必要な情報を定義する。そして流れを定義する機能を使ってスナップショットで画面を固定化したり、マウスクリックを模したり出来る。 アクションを定義する プレゼンモードでは定義した流れに沿って確認が進
PowerPointを使ってプロトタイプを作ろう·PowerPoint Prototyping Toolkit MOONGIFT
世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。 PowerPointを使ってアプリケーションの画面を作る そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。 今回紹介するフリーウェアはPowerPoint Prototyping Toolkit、PowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。 PowerPoint Prototyping Toolkitは画面や画面を構成するオブジェクトを作成し、PowerPoint2007の
便利！jQueryのアクションをビジュアル的に作成する·IxEdit MOONGIFT
jQueryを使って画面のアクションを作ろうと思うと、そのコーディングの仕方を含めて習得する必要がある。イベントにもマウスやフォーカス、クリックなどの様々な種類が存在し、その結果として起こすアクションも無数に存在する。それらを適切に判断しながら構築するというのは意外と難しい。 jQueryを使った開発にぜひ！ 単純なJavaScriptであれば、オーサリングツールで対応しているものもある。だがjQueryのような高度なJavaScriptフレームワークには対応していない。そこで使うのがIxEditだ。 今回紹介するオープンソース・ソフトウェアはIxEdit、jQueryのビジュアルアクションビルダーだ。 IxEditは既に組み上がっているWebサイトに対して使うライブラリだ。指定されたJavaScriptファイルとCSSを読み込むと、Webサイトにフローティングウィンドウが表示される。そし
クローラーを作るためのフレームワーク·Anemone MOONGIFT
RSSフィードやWeb API、Mashupなどの単語が注目を集める中、Webクローラーを通じて外部のWebサイトにあるデータをかき集め、それを解析して別な形にするというのはよく見られるものになってきた。 あるURLを指定し、そこからリンクされているURLを一覧表示できる そうした数々のシステムの中で、クローラーとなる基盤は大きな違いはない。Webサイトのデータを取得し、次のリンクを洗い出して取得していくようなものだ。そうした共通動作部分を切り出したフレームワークがAnemoneだ。 今回紹介するオープンソース・ソフトウェアはAnemone、Webクローラを開発するためのフレームワークだ。 Anemoneは任意のWebサイトにアクセスし、その内容を解析するWebクローラーだ。例えばあるURLに付けられているリンクを一覧で取得するようなことも簡単にできる。外部サイトなのかどうかも区別できるの
Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを
WordPressをベースにSNSを構築する·BuddyPress MOONGIFT
※ 画面はデモより ブログエンジンと言えば、当初は日記調のブログとコメント、トラックバックを打てるのが基本だったが、認証やプラグイン機能などを経て今や立派なCMSになっている。いや、それまでのCMSに比べるとシステムが柔軟で、様々な形に姿を変えてしまう点をみるとそれ以上の存在とも言える。 もはやWordPressには見えない… 何でもブログエンジンという風潮は好きではないが、それでも既にブログエンジンがECサイトやマイクロブログになったりしている。そして次はSNSだ。 今回紹介するオープンソース・ソフトウェアはBuddyPress、WordPressをSNSにしてしまうプラグイン＆テーマだ。 BuddyPressは今やオープンソースのブログエンジンの代表とも言えるWordPressをベースにして開発されたソフトウェアで、WordPressをSNSに変身させてしまう。ここまでくるともはや別物
メンテナンスフリー！郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
オープンソースな日本語フォント·さわらびフォント MOONGIFT
Webシステムを構築している中で日本語フォントを必要とするケースは意外と多い。グラフのラベルや、画像生成系などでフォントを利用することがある。埋め込みの場合、ライセンスの問題もあるので使えるフォントは限られている。有名なものはIPAフォントだろう。 珍しい、日本語のTrueTypeフォント だがいかんせん数が少なすぎる。英字のフォントに比べて文字種が多すぎるのだ。そんな中、出てきたのがさわらびフォントだ。 今回紹介するオープンソース・ソフトウェアはさわらびフォント、見やすいゴシック調のフォントだ。 さわらびフォントは2008年末より開発の開始されたフォントで、現段階では平仮名、カタカナ、罫線などの記号、半角英数字、全角英数字などが作成されている。漢字は現状350文字がサポートされている。 ゴシックフォントが提供されており、すっきりとした見やすいフォントだ。デザイナのようにフォントに詳しくな
ぜひお試しを！写真を並べて素敵な形を作成する·Shape Collage MOONGIFT
携帯電話で撮った写真は画素数が少ないので、ちょっと前のモデルでは気軽に写真は撮れるものの現像するにはちょっと物足りない感じもあった。そのような写真はパソコンに取り込んで閲覧するのが一般的だろう。 スマイルマーク型に写真を並べたところ だがコンピュータ上のアルバムソフトウェアでただ眺めているのはもったいない。大胆にこんな変化を遂げてみるのはどうだろう。 今回紹介するフリーウェアはShape Collage、写真を色々な形に沿って並べてくれるソフトウェアだ。 Shape CollageはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxなどマルチプラットフォームで動作する。そのおもしろは、多数の写真を使わないと伝わりづらい。その点、手軽に撮れるデジカメや携帯電話の写真は素材として最適と言えそうだ。写真はドラッグアンドドロップで登録する。 これはハート形 写真を登録した
MOONGIFT: Webページの適正チェックに「RightWebPage」:オープンソースを毎日紹介
システム開発者がフレームワークやプログラミング言語にこだわるように、Webデザイナーの方はWeb標準への適合性に敏感だ。そのための仕組みも用意されているが、Webサイト全体をテストしようと思うと非常に大変だ。 デザイナ/開発者双方にお勧めのテスティングツール そこで手軽にできるようにしてくれるツールを使ってみよう。Windows、Mac OSX、Linuxのそれぞれで動作するRightWebPageがお勧めだ。 今回紹介するオープンソース・ソフトウェアはRightWebPage、HTML適合性チェックソフトウェアだ。 RightWebPageはローカルファイルまたはURLを指定して適合性チェックを行える。URLに対してはリンクをたどる深さを指定できるので複数のURLを一気にチェックすることができる。アクセシビリティチェックやキャッシュ、クッキー、日付フォーマット、重複リンク、Validなど
OpenOffice.org/Excel用ガントチャートテンプレート·Gantt Chart for OpenOffice Calc MOONGIFT
日本のオフィスには神業的なExcel使いの方々がいて、方眼紙のように網目を作り、そこに図形やチャートを作り上げている。仕様書や提出するドキュメントも全てExcelで作られていたりする。このような方々は、Excelが使えないとなったらさぞかし混乱をきたすことだろう。 OpenOffice.orgを使ったガントチャートテンプレート プロジェクトを管理をExcelで行っている方がいたら、そこだけはOpenOffice.orgに乗り換えられる可能性がある。ガントチャートを手早く作ってくれるテンプレートがあるのだ。 今回紹介するフリーウェアはGantt Chart for OpenOffice Calc、OpenOfficeのCalc（表計算機能）向けのガントチャート作成テンプレートだ。 Gantt Chart for OpenOffice CalcはOpenOffice.org用で、Excel用に
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
MOONGIFT: » 名前以上に高性能なCMS「CMS Made Simple」:オープンソースを毎日紹介
CMSにも向き不向きがある。高性能で言えば先日紹介したConcrete5は飛び抜けていると思うが、それでも決して万能ではない。ブログのような使い方をしたいと思ったらやはりWordPressやMovable Typeのほうが向いているだろう。 ユーザ画面。シンプルさとは裏腹に高性能。 そんな訳で、優秀だから使うと盲目的に従うのではなく、様々なソフトウェアの中から自分にあったもの、目的にあったものを選定するように心がけたい。今回紹介するのはCMS Made Simple、PHPで作られたCMSだ。 CMS Made Simpleはシンプル、と銘打っているが実際は高性能だ。ウィザード形式のインストーラーも便利だし、モジュール機能もある。主な機能としてはコンテンツ管理、テンプレート、ユーザ管理、モジュール、サイト管理となっている。データベースはMySQLまたはPostgreSQLに対応している。
MOONGIFT: » 要導入検討！オープンソースのリコメンデーションエンジン「RichContext」:オープンソースを毎日紹介
※ 画像は公式サイトより これは面白い！ Amazonの強さは物流システムやECサイトの使い勝手などもあるが、完全なコンピュータベースでのリコメンデーションにもその一因がある。ユーザの行動履歴を全て補足し、そのユーザにあった商品を提案することで購入につなげるシステムだ。 デモアプリケーション。記事を選択すると、別な記事を提案する これは何もECサイトに限らず、最近でははてなブックマークでも関連記事を載せるようになっている。ニーズの連結をはかることで、さらにユーザをつなぎ止めておくことができるようになる。 今回紹介するオープンソース・ソフトウェアはRichContext、オープンソースのリコメンデーションエンジンだ。なおライセンスはApacheライセンスをベースにしているが、修正して独自のライセンスになっているのでご注意いただきたい。 RichContextは専用のアプリケーションサーバを介
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
MOONGIFT: » これはすごい！Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」:オープンソースを毎日紹介
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと思ったら、紙やHTMLオーソライズソフトウェア、画像編集ソフトウェアを使うことが多かった。だが画像編集ソフトウェアではチェックボックスやテキストボックスが作りづらい、HTMLオーソライズソフトウェアではデザインの微調整が面倒、紙では重ね書きしづらい…とそれぞれに欠点があった。そこでこれを導入してみよう。 今回紹介するオープンソース・ソフトウェアはPencil、Firefoxアドオンとして動作するモックアップ作成ソフトウェアだ。 個人的にはモックアップ
その正規表現で大丈夫？Mac OSX向けの正規表現チェッカー·Reggy MOONGIFT
プログラミングをしていると正規表現を利用するケースは数多いと思う。正規表現をうまく使いこなせば、数十行かかるコードもたった一行で終わってしまうこともあるし、複雑な内容も正規表現で書くとごくシンプルになったりすることもある。 反映はリアルタイムに行われる そんな便利な正規表現ではあるが、文字コードやオプションの付け方、様々なパターンの中でバグになることも多い。その書き方で正しいか、今一度チェックしてみよう。 今回紹介するオープンソース・ソフトウェアはReggy、GUIの正規表現チェッカーだ。 Reggyは下半分に書かれた文字列を上に書いた正規表現で探すことができる。ヒットした文字列は青色（変更可能）になる。複雑な正規表現が指定した文字列に対してきちんと対応しているか、リアルタイムに反映されるので簡単にチェックできる。 日本語でも利用可能 日本語の文章、パターンともに利用できる。オプションはM
MOONGIFT: » Mac OSX向けの洗練されたSubversionフロントエンド「Versions」:オープンソースを毎日紹介
開発時にバージョン管理システムを導入することによるメリットは言うに及ばないが、それはプログラマのみならずデザイナーにとっても同様だ。だが、バージョン管理をデザイナーまで普及させるのは非常に困難だ。 メイン画面 やはりインタフェースが鍵を握っている。使い勝手の良い、分かりやすいインタフェースのバージョン管理システムがあれば利用してくれる可能性はありそうだ。 今回紹介するフリーウェアはVersions、Mac OSX向けのSubversionフロントエンドだ。 Versionsは既存のワーキングコピーも簡単に登録でき、HTTP/SSH/SVNプロトコルに対応してリポジトリを登録することができる。何よりファイルの一覧やログの閲覧などが分かりやすいインタフェースでできる点が便利だ。 比較の確認画面 また、ファイルを選択してDiffを表示したり（DiffはFileMergeを利用）、履歴をするのがボ
MOONGIFT: » クリックする場所を測定するアクセス解析「ClickHeat」:オープンソースを毎日紹介
アクセス解析からは様々な情報が読み取れる。これを無視してサイト改善はあり得ない。だが、取れる情報は断片的なものだけで、実際にユーザがどういったアクションを起こしているのかは仮説を立てて検証していくしかない。 MOONGIFTのヒートマップ その仮説に役立てるのに便利なソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはClickHeat、クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。 これは面白い。ClickHeatから生成されるJavaScriptのコードをサイトに埋め込んでおき、しばらくするとサイトのスクリーンショットをバックグラウンドに、クリックされた場所がポイントとして表示される。 JavaScript生成画面 何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなの
MOONGIFT: » ことえりからの脱却「MacUIM」:オープンソースを毎日紹介
Mac OSXをしばらく使っていると分かってくることに、標準の日本語入力システムであることえりの××さ加減である。誤変換もさることながら、前後の脈絡も察してくれない、いわば空気の読めなさ具合は素晴らしいものがある。 それでも漢字TalkやMac OS8/9時代に比べれば改善したという話もあるが、今はベースがUnix。他の古参の入力システムに乗り換えることだってできるのだ。さあ、ことえりから脱出しよう。 今回紹介するオープンソース・ソフトウェアはMacUIM、Mac OSXで様々な入力システムを選択可能にしてくれるソフトウェアだ。 MacUIMはUIMのMac OSX版だ。Cocoa/Carbonアプリケーションにのみ対応になるが、素晴らしいのはインストーラー一つで様々な入力システムも同時にインストールしてくれる点だ。 インストールすると、システム環境設定の言語環境の一つとしてMacUIMが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
