MOONGIFT

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

HTML/JavaScript/CSSで作るマルチプラットフォームアプリ「QuickConnectFamily」

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

QuickConnectFamilyはiPhone/Android/Mac OSX(その他色々)用のオープンソース・ソフトウェア。システムのプラットフォーム、サーバ/クライアントの違い、技術要件などでプログラミング言語を選択すると、実に多様な選択肢があることに驚かされる。

ピクチャ 674.png
地図アプリ。サンプルはその他にも多数あり

 

それだけの言語を覚え、実践レベルで使えるようになるにはコストが相当にかかると思われる。一度覚えた言語を使って他のシステムでも利用できれば、習得コストを減らしつつ開発に臨めるようになるだろう。iPhoneやAndroidアプリをもっと手軽に開発できるようにするのがQuickConnectFamilyだ。

(もっと読む)

March 18th, 2010 Posted by admin | no comments

Ruby/JavaScript/HTMLでクロスプラットフォームアプリケーションを作る「Bowline」

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

BowlineはMac OSX向けのオープンソース・ソフトウェア。ソフトウェアは一つのコードだけでマルチプラットフォームで動くのが理想だ。現状、GUIアプリケーションをマルチプラットフォーム対応で提供しようと思うと、Java/Adobe AIRなどが選択肢になるだろう。だがどちらも専用の実行環境を用意する必要がある。

ピクチャ 188.png

シンプルなHello World

 

もっと手軽にマルチプラットフォームに対応したアプリケーションを開発するならば、Webアプリケーションに倣った方法が良さそうだ。Bowlineはその一つで、HTML/JavaScriptをベースにRubyを使ったローカルアプリケーションを開発するプラットフォームだ。

(もっと読む)

January 31st, 2010 Posted by admin | no comments

GmailとGoogle Appsのメール未読数を同時にチェックする「Double Gmail Checker」

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

Double Gmail CheckerはGoogle Chrome向けのオープンソース・ソフトウェア。個人的には役立ちそうなソフトウェアだが、決して万人向けとは言えないかもしれない。企業でGoogle Appsを取り入れている場合、個人用途のGmailがあれば、混在して利用することになるだろう。

3dsearch22.png
Google Chromeの左下にアイコンが表示される

 

その二つのメールアカウントの未読数をチェックしてくれるのがDouble Gmail Checkerだ。筆者のように元々Gmailとして使っていて、Google Appsに乗り換えた場合、元々のGmailアカウントにもメールが来るのでチェックしたいというニーズがある(POP3でGoogle Appsに取り込んではいるが時差がある)。そんな人に向いているかもしれない。

(もっと読む)

November 21st, 2009 Posted by admin | no comments

iPhone/iPod Touch向けWebサイト向けテンプレート「Webapp.net」

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

Webapp.netはiPhone/iPod Touch向けのオープンソース・ソフトウェア。iPhone/iPod Touchはモバイルデバイスなので画面の大きさに制限がある。そのためPC向けのWebサイトを表示はできるが、できれば最適化されたWebサイトを提供したい。専用のインタフェースを提供すれば、ユーザ体験がぐっと向上するはずだ。

ピクチャ 80.png
iPhone向けサイトを構築する際に

 

そんなiPhone/iPod Touch向けのWebサイトを構築するのに使えるのがWebapp.netだ。Webapp.netはHTML/JavaScript/CSSで提供されており、iPhone/iPod Touchに対して最適化された、リッチなインタフェースを提供してくれる。

(もっと読む)

November 14th, 2009 Posted by admin | no comments

WebKitベースのスクリーンセーバ「WebSaver」

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

WebSaverはMac OSX向けのオープンソース・ソフトウェア。スクリーンセーバはディスプレイがCRTだった時代に焼き付けを防ぐために作られたが、液晶画面がメインになった今でもアクセサリ的な意味合いで使われている。元々はCPU負荷の少ないものが多かったが、今では写真は動画が動くようなダイナミックなものも増えている。

ピクチャ 304.png
WebKitをベースにしたスクリーンセーバ

 

そんなスクリーンセーバを自作したいと思った時に、ややこしいプログラミングを行うのでは面倒に感じてしまう。そこで試したいのがWebSaverだ。WebSaverはWebKitをスクリーンセーバのベースとして使うソフトウェアで、index.htmlを編集して自分なりのスクリーンセーバを作成できるのが特徴だ。

(もっと読む)

November 5th, 2009 Posted by admin | no comments

Gitを本格的に活用していくならばこれ「Pro Git」

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

Pro GitはCreative Commonsで公開されているオープンソース・プロジェクト。ここ一、二年でバージョン管理のシェアが大きく変わってきている。Subversionのシェアが減り、GitやMercurialといった分散バージョン管理システムを採用するケースが増えている。特にGithubやSourceforgeでも利用されていることもあって、オープンソース・ソフトウェアでGitを利用しているケースは多い。

ピクチャ 205.png
Pro GitはGit活用には欠かせない一冊

 

そんなGitではあるが、Subversionとは異なるコンセプトで作られているため、コマンドや操作性が大きく異なる(その意味ではMercurialの方が良いようだ)。そのため躓く人は多い。もし分からない点があったり、これからGitを活用していくならばPro Gitを一読することをお勧めしたい。

(もっと読む)

October 6th, 2009 Posted by admin | no comments

HTML/JavaScript/CSSをシェイプアップ!「Patu Digua」

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

HTMLやJavaScript、CSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない(中には意味のあるスペースもあるが)。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。

ピクチャ 102.png
HTML/JavaScript/CSSのサイズを軽減

 

そのためのツール(難読化ツール)はいくつか存在するが、HTML/JavaScript/CSSのいずれにも対応したものは多くない。そこでPatu Diguaだ。

今回紹介するオープンソース・ソフトウェアはPatu Digua、HTML/JavaScript/CSSからスペースやコメントを排除するソフトウェアだ。

(もっと読む)

September 11th, 2009 Posted by admin | no comments

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

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

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

ピクチャ 137.png
グリッド

 

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

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

(もっと読む)

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

WebKitを使ったHTML2PDF「wkhtmltopdf」

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

Safariではレンダリングエンジンとして、WebKitが採用されている。iPhoneやAndroid、Palmといったモバイル機器やAdobe AIRでもWebKitをレンダリングエンジンとしており、そのシェアは拡大中だ。高速なレンダリングが可能であり、何よりオープンソースだ。

3dsearch41.png
WebKitを使ったHTML2PDF

 

そんなWebKitを使ってWebページをPDFに変換してくれるのがwkhtmltopdfだ。

今回紹介するオープンソース・ソフトウェアはwkhtmltopdf、Windowsで使えるHTML2PDFだ。

(もっと読む)

July 27th, 2009 Posted by admin | no comments

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