MOONGIFT

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

ニコニコ動画でもHTML5を体験する「NicoHTML5」

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

NicoHTML5はGoogle Chrome/Safari用のフリーウェア(ソースコードは公開されている)。FlashとHTML5の対立が度々話題になっている。アクションなどの動作ではまだまだFlashが優勢であるものの、最も大きな需要がありそうな動画プレーヤの分野ではHTML5が徐々に勢力を伸ばしている。

ピクチャ 492.png
HTML5版ニコニコ動画を体験

 

特にYoutubeでは既にHTML5を使ったプレーヤが体験できるようになっており、GoogleがOn2を買収したことでさらに波に乗るかも知れない。そしてニコニコ動画でもHTML5を使って動作を楽しめるようにするのがNicoHTML5だ。

(もっと読む)

March 3rd, 2010 Posted by admin | no comments

見るべし、試すべし!オンラインのSVGエディター「SVG-edit」

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

SVG-editはWebベース/JavaScript製のオープンソース・ソフトウェア。時々こういうソフトウェアに出くわすからオープンソースの紹介は止められない。オンラインで動作するWebアプリケーションは多数存在し、画像編集すらオンラインで行えるようになっている。

スクリーンショット(2010-01-13 9.56.20).png
オンラインでSVGを作成、編集!

 

そういったソフトウェアは大抵Flashを使って動作する。だがSVG-editは違う、JavaScriptのみで動作するのだ。jQueryを用いたソフトウェアになっており、Webブラウザ上でSVGファイルを編集、作成できるようになっている。

(もっと読む)

January 13th, 2010 Posted by admin | one comment

本を買わずに図書館で借りる手助けに「Libron」

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

LibronはFirefoxまたはSafari用のフリーウェア(ソースコードは公開されている)。技術書のようなものは別として、書籍は一度全部読むと二回、三回と読むことはあまり多くない。むしろ一回目を読まずに積まれている本の方が多いかも知れない。

090918-0001.png
東京都内の図書館が利用できる

 

そう考えるとわざわざ書棚のスペースを狭めるよりも、図書館で借りるという選択肢の方が節約にもつながりそうだ。とは言え、欲しい本が図書館にあるとは限らない。その調べる手間を軽減してくれるのがLibronだ。FirefoxのGreasemonkey、SafariのGreaseKitを使って操作するソフトウェアだ。

(もっと読む)

October 1st, 2009 Posted by admin | no comments

Twitterをブラウザからもっと使いやすく!「pbtweet」

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

TwitterというとWebブラウザからの利用よりも携帯電話やスマートフォンの専用アプリ、メール、ネイティブアプリケーションなどWeb APIを介したアクセスの方がしやすいイメージがある。とは言え、時々はWebブラウザからアクセスするのだが、そうするといつも使っているツールに比べるとあまりに貧弱で更新するのが面倒に感じてしまう。

ピクチャ 5.png
発言のスレッド化

 

Webブラウザからはメッセージを送るくらいしかできない、ダイレクトメッセージも送りづらい…そんな面倒さから抜け出せるのがpbtweetだ。

今回紹介するオープンソース・ソフトウェアはpbtweet、WebブラウザからのTwitterライフをパワーアップするソフトウェアだ。

(もっと読む)

September 4th, 2009 Posted by admin | no comments

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

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

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

ピクチャ 137.png
グリッド

 

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

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

(もっと読む)

August 30th, 2009 Posted by admin | no comments

HTML5で提供されるクライアントベースのJavaScriptフレームワーク「Alex Framework」

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

HTML5ではWebブラウザ内にSQLite3が組み込まれ、データベースが使えるようになる。既にHTML5に一部対応しているSafari(iPhone含む)ではブラウザ内部にデータベースを持っている。これを使えばGearsのような操作が可能になる。

ピクチャ 53.png  
データベースを使ったサンプル

 

JavaScriptから使うデータベースなので、使う場所はきちんと考える必要があるだろう。使う方法はAlex Frameworkを利用すれば良い。

今回紹介するオープンソース・ソフトウェアはAlex Framework、HTML5に向けたJavaScriptフレームワークだ。

(もっと読む)

August 5th, 2009 Posted by admin | no comments

SafariからTwitter「safari140」

タグ: [] [] [] []

ここ数ヶ月、デフォルトのブラウザをFirefoxからSafariに切り替えている。開発時にはFirefoxに切り替えるが、普段のブラウジングであれば問題はない。むしろ余計なプラグインやアドオンを入れず、閲覧用に特化しているので速度も速いままだ。

090724-0003.png
メニューにPost to Twitterが追加される

 

そんなSafariでブラウジングしているとTwitterでURLを投稿したくなることがある。そんな時に使うのがsafari140だ。

今回紹介するフリーウェアはsafari140、Safari用Twitterプラグインだ。

(もっと読む)

July 28th, 2009 Posted by admin | no comments

HTML5で実装される予定(だった)videoタグを旧ブラウザでも「video4all」

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

各ベンダーの意向が揃わず、HTML5での仕様策定が断念されたvideoタグではあるが、オンラインでの動画閲覧がこれだけ広まっているのであればやはり何らかの仕様が欲しいだろう。そんな企業の思惑を越えて動けるのが開発者だ。

090710-0004.png
Safari4の場合

 

videoタグはHTML5をサポートしたブラウザでしか動かないが、旧来のブラウザでも可能にするのがvideo4allだ。

今回紹介するオープンソース・ソフトウェアはvideo4all、多数のブラウザでvideoタグを利用可能にするJavaScriptだ。

(もっと読む)

July 14th, 2009 Posted by admin | 2 comments

jQueryベースのグラフ作成ライブラリ「jqPlots」

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

Web上で見やすいグラフを作成する手法としては、画像で生成する、Flashで生成するかのどちらかが多かった。稀にJavaScriptで生成するタイプもあったが、Canvasタグを使う関係上、IE6では表示できず業務アプリなどでの利用は難しかった。

ピクチャ 12.png
JavaScriptのみでグラフを表示する

 

だが、例えCanvasを使っていたとしてもライブラリが対応していれば問題ない。そこで試したいのがjqPlotsだ。

今回紹介するオープンソース・ソフトウェアはjqPlots、jQueryベースのグラフ描画ライブラリだ。

(もっと読む)

June 5th, 2009 Posted by admin | one comment

Googleリーダーとはてなブックマークを使う人は「Google Reader plus Hatena」

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

情報収集の効率化を考えてRSSリーダーを使っている人は多いだろう。そしてWeb型のRSSリーダーとして有名なものといえばGoogleリーダーがある。多数のフィードを購読しても問題ない動作の速さはあるが、さらに効率的に情報をチェックしたいという人も少ないないだろう。

ピクチャ 13.png
みんなが注目しているニュースが一目で分かる!

 

そんな時に役立つのが他の人による注目度だ。皆が注目しているニュースをざっくばらんにチェックして、その後他のフィードを消化していく、そんな習慣がつけられるようになるのがGoogle Reader plus Hatenaだ。

今回紹介するオープンソース・ソフトウェアはGoogle Reader plus Hatena、Googleリーダーにはてなブックマーク情報を追加するユーザスクリプトだ。

(もっと読む)

May 13th, 2009 Posted by admin | one comment

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