MOONGIFT

オープンソース・フリーウェアを毎日紹介するブログ。日々の業務の効率化、新しいサービスのネタ探しにどうぞ。SNS、SBS、CMS、オフィス、画像編集、ユーティリティ、Firefoxアドオン、テキストエディタ、ゲーム…ジャンルは様々。

複数ブラウザに対応したWeb開発支援ツール「Pirka’r」

タグ: [] [] [] [] [] [] []

Pirka’rはWindows/Mac OSX/Linux向けのフリーウェア(ソースコードは公開されている)。ここ数年でブラウザのシェアは大きく変わってきている。それまでIEが主流だったのがFirefoxが大きくシェアを取り、さらにSafariやGoogle Chromeといったブラウザが続いている。特にCSSやJavaScriptの互換性の問題もあってIE系ブラウザが嫌われる状況になっている。

3dsearch1.png
検証もできる

 

ユーザにとって選択肢が増えるのは良いことだが、開発者やデザイナーにとっては辛い。JavaScriptの動作やレンダリング結果にブラウザによる差異があるとなっては確認作業も大変になる。その手助けをしてくれるツールがPirka’r(ピリカル)だ。

(もっと読む)

October 2nd, 2009 Posted by admin | no comments

CSSで自動生成ドキュメント「CSS Doc」

タグ: [] [] [] [] [] [] []

CSS DocはRuby製のオープンソース・ソフトウェア。プログラミングソースを複数人で参照するときや、ライブラリを開発した際に必要なのがドキュメントだ。最近では各言語向けに○○Docと呼ばれるものが普及している。これにより関数やメソッドの前に特定のシンボルを付けつつ説明を書くだけで後々コマンド一つでソースドキュメントを生成できるようになる。

ピクチャ 92.png
CSSファイルからドキュメントを生成

 

同様の仕組みはデザイナーの方にとっても大事かもしれない。特に修正していく内に入れ子になったり、情報が散在して分かりづらくなってしまうCSSはそうだ。そこで使えるのがCSS Docだ。CSS Docを使うと、CSSファイルを解析して、複数ファイルのドキュメントを生成してくれる。

(もっと読む)

September 29th, 2009 Posted by admin | no comments

iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート「Mockapp template」

タグ: [] [] [] [] [] [] []

Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。

ピクチャ 35.png
iPhoneアプリ作りの企画に

 

その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。

(もっと読む)

September 26th, 2009 Posted by admin | no comments

PowerPointを使ってプロトタイプを作ろう「PowerPoint Prototyping Toolkit」

タグ: [] [] [] [] []

世の中には何でもPowerPointでやらないと気が済まないという人たちがいる。Excel使いがそうであるように、PowerPoint使いがいるのだ。余計なソフトウェアを購入するよりはよっぽども良いが、再利用性のない方法をとられても困る気はするのだが…細かいところは気にしないでおこう。

3dsearch13.png
PowerPointを使ってアプリケーションの画面を作る

 

そんなPowerPointウィザードな方々に送る、プロトタイプ作成ツールキットがPowerPoint Prototyping Toolkitだ。

今回紹介するフリーウェアはPowerPoint Prototyping Toolkit、PowerPointを使ってアプリケーションのプロトタイプを作成するツールキットだ。

(もっと読む)

September 4th, 2009 Posted by admin | no comments

整然とライン上で表示されるCSSフレームワーク「Baseline」

タグ: [] [] [] [] [] [] [] [] []

大学ノートには横線が引かれている。これを使って文字を書けば、斜めになったり一部だけ文字の大きさが変わって読みづらくなったりしない。整然と並んで書かれていれば後で読み返す時にもきっと分かりやすいはずだ。ある一定の基準に沿っていると安心感があり、情報を受け入れやすくなるのだ。

ピクチャ 137.png
グリッド

 

コンテンツを重視したWebサイトではそのような読みやすさの観点も考える必要がある。そのためのフレームワークがBaselineだ。

今回紹介するオープンソース・ソフトウェアはBaseline、グリッドに沿ったCSSフレームワークだ。

(もっと読む)

August 30th, 2009 Posted by admin | no comments

創作意欲をかき立てるドローアプリ「Alchemy」

タグ: [] [] [] [] [] [] [] [] []

これは面白い。一般的にコンピュータ向けに提供されるペイント系ソフトウェアは、紙で行っていた作業をリプレイスするものが多い。デジタルならではの機能というと、レイヤーやアンドゥといった機能だ。だがもっとできることはあるはずだ。コンピュータ上ならではの創作プロセスが必要だ。

ピクチャ 22.png
デジタルならではの芸術が生まれるかも知れない

 

そこにチャレンジするのがAlchemyだ。まさにデジタル時代ならではの芸術性が生まれるのではないだろうか。

今回紹介するオープンソース・ソフトウェアはAlchemy、コンピュータ上の創作プロセスを一変させるソフトウェアだ。

(もっと読む)

August 30th, 2009 Posted by admin | no comments

便利!CSS Spriteを作成するAIRアプリ「Tonttu」

タグ: [] [] [] [] [] [] [] [] [] []

CSS Spriteとは小さなアイコンなどの画像をくっつけて一つの画像として保存し、表示する際にはCSSで位置を指定して表示するという手法だ。Googleをはじめ、膨大なアクセスのあるWebサービスで活用されている手法であり、画像を読み込むコネクション数を減らすことができる。

ピクチャ 26.png
CSS Spriteを作るならぜひ使いたい

 

CSS Spriteを作成するWebサービスも存在するが、画像が追加されるたびにアップロードし直すのが面倒だった。そこでTonttuを使ってみよう。

今回紹介するフリーウェアはTonttu、Adobe AIR製のCSS Sprite作成ソフトウェアだ。

(もっと読む)

August 20th, 2009 Posted by admin | no comments

テキストを好きなフォントで表示する「Cufón」

タグ: [] [] [] [] [] [] [] []

Webサイトでテキストを指定したフォントで表示しようと思った場合、CSSで指定するか画像を使うかのどちらかが選択肢になる。CSSで指定した場合、コンピュータ上にフォントがある必要があり、画像で作成する場合は再利用性が悪い。

ピクチャ 86.png
好きなフォントで描画する

 

そこで使ってみたいのがCufónだ。英文フォントに限定されるだろうが、テキストを好きなフォントで描くことができる。

今回紹介するオープンソース・ソフトウェアはCufón、Canvas + JavaScriptによるテキストレンダリングライブラリだ。

(もっと読む)

August 14th, 2009 Posted by admin | no comments

イラストや写真から線画を抜き出す「境界線画抽出」

タグ: [] [] [] [] [] []

良い写真やイラストがあり、色合いを変えたり、塗りを変更して二次創作をしたいと思うことがあるかも知れない。だが既に色が塗られているイラストから線だけを抜き出すという作業は手間ひまがかかる。そんなことをやっていたら日が暮れてしまうだろう。

3dsearch8.png
某イラストより

 

そこで境界線を抜き出す作業をコンピュータにやらせてみよう。ある程度できれば、後は多少手を加えればすぐに使えるようになる。

今回紹介するフリーウェアは境界線画抽出、写真やイラストから境界線を抜き出すソフトウェアだ。

(もっと読む)

June 25th, 2009 Posted by admin | no comments

Rubyによる構造化CSSライブラリ「Less」

タグ: [] [] [] [] [] [] []

CSSのメンテナンス性の悪さは言うに及ばないだろう。どうとでも書けてしまう手軽さはあるが、ファイルが分かれていたり、ネストしている場所としていない場所があったりするともう管理ができなくなる。ちょっとした変更がどこに影響するかも分からず、もはや触るのが怖くなる。

ピクチャ 69.png
Lessの記述例

 

そんな訳でCSSは慣れれば慣れるほど使い方が難しい代物だ。そこでLessを使って分かりやすく管理してみよう。

今回紹介するオープンソース・ソフトウェアはLess、プログラミング的に記述するCSSライブラリだ。

(もっと読む)

June 21st, 2009 Posted by admin | no comments

MOONGIFTネットワーク。こちらもぜひご覧ください。
MOONGIFT
Open Service
Rails 2.0
Resident on Net
iPhone最適化
リーンソフトウェア
MarketPedia
Producing Web
Cool Coding