ITエンジニア/デザイナ向けにオープンソースを毎日紹介

技術 - HTML5の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

27907?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-29-9.38.26_thumb

  • 2011/07/11

楽譜をWeb上に表示するJavaScriptライブラリ「Audiofile.cc」

Audiofile.ccはHTMLタグを楽譜化して表示するJavaScriptライブラリ。Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思...

27875?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-29-9.12.18_thumb

  • 2011/07/09

マウスのアクションに追従するインタラクティブなグラフィックスを描く「Paper.js」

Paper.jsはJavaScriptでインタラクティブなグラフィックスを描くライブラリ。Paper.jsはJavaScript製のオープンソース・ソフトウェア。HTML5によってCanvasタグがデフォルトでサポートされるようになった。これでWeb上でのグラフィックスの表現力が大幅に向上する。だが高度な表現には高度な...

27800?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-24-13.07.10_thumb

  • 2011/07/06

Webブラウザにファイルをドロップするだけのファイルアップロード/ダウンロードシステム「tensoid」

tensoidはHTML5を使ったファイルアップロード/ダウンロードシステム。tensoidはJavaScript/node.js製のオープンソース・ソフトウェア。ネットワークを介して相手にファイルを送りたいと思った時には幾つかのやり方がある。よほど大きなものでない限り、FTPなどは使われないだろう(セキュリティ的にも...

None

  • 2011/07/05

audioタグを使わないWebブラウザ上のMP3再生「jsmad」

jsmadはMP3ファイルを読み込んでWeb Audio APIで再生するJavaScript製のMP3デコーダー。jsmadはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5が登場してからというもの、バイナリデータをWeb上で扱う技術をたびたび見かけるようになった。こうした特殊な技術を要す...

27772?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-22-17.08.15_thumb

  • 2011/07/05

FirefoxでHTML5のデスクトップ通知を利用する「FF html5notifications」

FF html5notificationsはFirefoxが未対応のHTML5によるデスクトップ通知を使えるようにするFirefoxアドオン。FF html5notificationsはFirefox用のオープンソース・ソフトウェア。HTML5の新機能の一つがデスクトップ通知だ。Gmailで実装されており、Google...

27649?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2f110616-0002_thumb

  • 2011/06/30

jQuery製で手軽に使えるHTML5による画像のドラッグアンドドロップアップローダー「Droparea」

DropareaはHTML5/jQueryで画像のドラッグアンドドロップによるファイルアップロードを行うライブラリ。DropareaはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によって大きく改善されたWebの機能の一つがファイルアップロードではないだろうか。複数のファイルがアップロード...

27624?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-16-13.30.54_thumb

  • 2011/06/28

これは面白い。JavaScript製のPDFリーダー「pdf.js」

pdf.jsはJavaScriptで既存のPDFファイルを読み取ってレンダリングするソフトウェア。pdf.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5はまだまだ始まったばかりの技術だ。そのため実運用の中で使われるよりも、新しい技術を試す場として使われる方が多い。今だからこそ、新しい...

27611?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2f3dsearch10_thumb

  • 2011/06/27

IE6〜8でのHTML5の印刷を適切にサポート「IE Print Protector」

IE Print ProtectorはIE8以前のWebブラウザでHTML5サイトの印刷をサポートするライブラリ。IE Print ProtectorはIE用、JavaScript製のオープンソース・ソフトウェア。HTML5/CSS3になって、HTMLの表現力があがった。それに伴って新しいタグが幾つも追加されている。新...

List

  • 2011/06/26

まずは見た目で。HTML5製の上品なプレゼンテーション「Landslide」

LandslideはテキストファイルをHTMLベースのプレゼンテーションに変換するソフトウェア。LandslideはPython/HTML5製のオープンソース・ソフトウェア。最近はHTMLによるプレゼンテーション作成も見られるようになってきた。HTMLの方が表現力が高く、デザインの自由度もあるために格好いいものが多い。...

27573?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2f6ff80c08fa12630ccd3b58730edbd9aa

  • 2011/06/24

Web上、それもJavaScriptでARを実現する「js-aruco」

js-arucoはCanvasタグを使ってJavaScriptでARマーカーの認識を行うソフトウェア。js-arucoはWebベースのオープンソース・ソフトウェア。AR(拡張現実)技術は大きく分けて二つ存在する。一つは現実世界の位置情報や方位に基づいて情報を投影するもの、もう一つはマーカーを認識してデジタルオブジェクト...

27557?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-13-10.07.38_thumb

  • 2011/06/24

HTML5/JavaScriptで開発するAndroirdアプリ「jsWaffle」

jsWaffleはHTML5/JavaScriptでAndroidアプリを開発するためのフレームワーク。jsWaffleはAndroid用のオープンソース・ソフトウェア。iOSやAndroidをはじめとするスマートフォンアプリ開発が人気だ。それぞれObjective-CやJavaを利用して開発するのがデフォルトだが、別...

27470?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-07-10.48.02_thumb

  • 2011/06/21

圧倒的な存在感。HTML5/CSS3/JavaScriptで作られたイラストレーションアプリ「Ghost Writer」

Ghost Writerは万年筆、マジック等をリアルに再現した絵描き用ソフトウェア。Ghost WriterはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。HTML5は徐々に本格導入されつつあるが、まだまだ実験的なプロダクトが多い。だがプログラマーにとっては、今こそ遊べる状況だ。色々...

27378?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-03-20.44.11_thumb

  • 2011/06/16

Google製。絵本風UIが魅力のHTML5/JavaScriptの電子書籍「20thingsilearned」

20thingsilearnedはHTML5/JavaScriptによる電子書籍。20 Things I Learned About Browsers and the Webのコンテンツ。20thingsilearnedはJava/HTML5/JavaScript製のオープンソース・ソフトウェア。インターネットが一般化...

27355?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-03-19.48.25_thumb

  • 2011/06/15

あの懐かしの名作、DoomがWebベースで遊べる「Doom on the Web」

Doom on the WebはWebブラウザベースで動作するDoom。Doom on the WebはJavaScript製のオープンソース・ソフトウェア。かつてはローカルコンピュータのパワーだからこそできていた処理が、Webブラウザ上で容易にできるようになっている。そのためWebアプリケーションやゲーム分野でWeb...

27335?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f06%2fscreenshot2011-06-01-22.08.19_thumb

  • 2011/06/14

Web上でヒートマップを簡単に実現するHTML5/JavaScriptライブラリ「heatmap.js」

heatmap.jsはWebベースのヒートマップ表示ライブラリ。heatmap.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。グラフには様々な種類があるが、とりわけ作るのが難しそうなグラフにヒートマップがある。一定の範囲における影響度を表現したり、ユーザの動きを可視化するのに使われたりする。デ...

27180?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2f51ebdc5ee6d5f98a558ad4f88ae2ba2a

  • 2011/06/06

小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード「html5uploader」

html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできな...

27170?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fc7525d8ac7493c3b2dcd54aaa2bd09d2

  • 2011/06/06

WebベースのアクションRPGを開発するならば使いたいフレームワーク「RPG JS」

RPG JSはHTML5/JavaScriptによるWebベースのゲーム開発用フレームワーク。RPG JSはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5を使ったゲームフレームワークが続々と登場している。ある程度汎用的なものもあるが、やはりゲームジャンルに合わせたフレームワークを選ぶのが大...

27042?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-05-19-13.09.50_thumb

  • 2011/05/31

iOS向けWebアプリケーションを開発する際に使いたいHTMLフレームワーク「appML」

appMLはjQTouchをはじめとするHTML5/JavaScriptライブラリを組み合わせたiOSをはじめとするスマートフォン向けHTMLフレームワーク。appMLはHTML5/jQuery/JavaScript製のオープンソース・ソフトウェア。多様なWebブラウザが乱立するデスクトップの世界と違って、スマートフォ...

27014?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f05%2fscreenshot2011-05-18-17.22.59_thumb

  • 2011/05/30

ジャストアイディアを素早く形にしていく。HTML5/CSS3デザインテンプレート「Perkins」

PerkinsはHTML5/CSS3のデザインテンプレート。多数のパターンに対応している。PerkinsはHTML5/CSS3製のオープンソース・ソフトウェア。アイディアを思いついてすぐにコーディングにとりかかるが、Webデザインで詰まって投げ出してしまったという経験はないだろうか。デザインが今ひとつだと開発する気力ま...

List

  • 2011/05/28

これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ「Constellation Theme」

Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。C...