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

技術 - HTML5の記事一覧

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

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

もっと見る

28299?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-17-13.58.58_thumb

  • 2011/07/29

スマートフォン対策。HTML5+JavaScriptでQRコードを動的に生成「JS HTML5 QRCode Generator」

JS HTML5 QRCode GeneratorはCanvasタグを使ってQRコードを生成するJavaScriptライブラリ。JS HTML5 QRCode GeneratorはHTML5/JavaScript製のオープンソース・ソフトウェア。スマートフォン向けのコンテンツが増えたこともあって、Web上でQRコードを...

28200?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-11-10.26.02_thumb

  • 2011/07/27

HTML5のvideoタグにさらなる魅力を。指定時間からの再生と字幕機能を追加「Cuepoint.js」

Cuepoint.jsはHTML5のvideoタグにキューポイントと字幕機能を追加するJavaScriptライブラリ。Cuepoint.jsはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。HTML5から新たに加わったvideoタグ。動画をHTML標準の技術だけで閲覧できるようになるの...

28258?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-14-16.08.23_thumb

  • 2011/07/27

みんなが好きな場面はどこだろう。動画上で投票できる動画プレーヤ「HTML5 Video Voting」

HTML5 Video Votingは動画と投票システムを組み合わせた動画プレーヤ。HTML5 Video VotingはHTML5/JavaScript製のオープンソース・ソフトウェア。多くのWebプログラマーはFlashが苦手だ。デザインとスクリプト言語が組み合わさっているため、両方を習得する必要があるのが原因と思...

28121?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-08-12.14.33_thumb

  • 2011/07/21

HTML5を使えばこんな芸当も。異なるブラウザウィンドウ間でボックス移動「CrossBrowse」

CrossBrowseは異なるブラウザ間でのボックス移動を行うHTML5のデモ。CrossBrowseはnode.js/JavaScript製のフリーウェア(ソースコードは公開されている)。HTML5が普及する中で様々な試みがなされている。まだレガシーなブラウザシェアが高いために実験的な要素が大きいが、それゆえに失敗を...

28033?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f07%2fscreenshot2011-07-04-11.03.24_thumb

  • 2011/07/17

ネット接続デバイスが多様化しているからこそ。HTML5のマルチデバイス対応Webフレームワーク「Joshfire Framework」

Joshfire Frameworkはテレビやタブレット、デスクトップなどマルチデバイスに対応したWebフレームワーク。Joshfire FrameworkはHTML5/node.js/JavaScript製のオープンソース・ソフトウェア。インターネットに接続するデバイスはとても多様化している。はじめはデスクトップだけ...

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

  • 2011/07/13

懐かしのテトリスをHTML5を使ってWebブラウザで遊ぶ「Tetris5」

Tetris5はHTML5で作られたWebベースのテトリス。Tetris5はHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の表現力を使うと、Webブラウザベースでもゲームが作れるようになる。3Dのような高度なグラフィックスを使ったゲームは難しいが、アクションゲームやパズルゲームなら問題なく...

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...