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

技術 - HTML5の記事一覧

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

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

もっと見る

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

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

  • 2011/05/27

動画にWikipediaやGoogleマップ、写真などを追加して流す「Butter」

Butterは動画に外部情報を追加し、タイムラインと同時に流すためのソフトウェア。ButterはHTML5/JavaScript製のオープンソース・ソフトウェア。ニコニコ動画は動画共有を再発明した。面白くもない動画や一人で見るのは躊躇してしまうような動画も、コメントを使ってみんなで空気を共有すれば面白くなることを発見し...

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

  • 2011/05/26

異なるSNSを結びつけるnode.jsを使ったWebチャット「cavad」

cavadは異なるSNS(現状はFacebookのみ)を結びつけるWebチャットシステム。cavadはJavaScript/node.js製のフリーウェア(ソースコードは公開されている)。今のWebはソーシャル真っ盛りだ。ソーシャル○○と銘打ったサービスが乱立し、みんなそろそろ飽きてきている。今からソーシャル○○を作る...

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

  • 2011/05/25

JavaScriptでマルチプラットフォーム向けソフトウェアを開発「Chromeless」

ChromelessはHTML5/JavaScript/CSSを使ってWindows/Mac OSX/Linuxネイティブアプリを開発するSDK。ChromelessはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。ソフトウェアを開発する際には、環境に合わせて言語を習得する必要がある。Win...

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

  • 2011/05/24

Google I/O 2011で利用されたHTMLプレゼンテーションテンプレート。

I/O 2011 SlidesはGoogle製のHTMLプレゼンテーションテンプレート。I/O 2011 SlidesはHTML5/JavaScript製のオープンソース・ソフトウェア。Googleの開発者会議とも言うべきGoogle I/Oが開催された。今年もまた新しい技術やサービスが次々と紹介され、整理が追いつかな...

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

  • 2011/05/23

デスクトップ/スマートフォン双方に対応したJavaScriptの2Dゲームフレームワーク「ArcadeJS」

ArcadeJSはHTML5/JavaScriptを使った2D系ゲーム開発に利用できるフレームワーク。ArcadeJSはHTML5/JavaScript製のオープンソース・ソフトウェア。ソーシャルゲームが華やかな現在、ゲーム開発に取り組んでみたいと思っている人も多いだろう。だがそのためにはデザインが、キャラクターが…と...

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

  • 2011/05/17

体感必須。WebGLの持つポテンシャルを知る「WebGL Samples」

WebGL SamplesはWebGLのデモアプリケーションが登録されているプロジェクト。WebGL SamplesはHTML5/WebGL製のオープンソース・ソフトウェア。HTML5の登場によって新しい技術がWebブラウザに取り込まれている。その中で最も可能性を感じさせる、だが使うのもなかなか難しそうに思えるのがWe...

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

  • 2011/05/14

よく使うものをパッケージ。個人向けWeb開発で使えるPHPフレームワーク「G5 Framework」

G5 FrameworkはHTML5/CSS3/jQueryを組み合わせた各種ライブラリを内包したPHPフレームワーク。G5 FrameworkはPHP製のフリーウェア。ちょっとしたアイディアがわいた時にさくっと実装したい時にPHPはちょうどいい。あくまでも個人向けであればPHPファイル中にHTMLを書いていってしまっ...

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

  • 2011/05/13

node.js製のWeb版iTunesフロントエンド「nTunes」

nTunesはnode.jsで作られたiTunes API接続型メディアサーバ。nTunesはJavaScript/node.js用のオープンソース・ソフトウェア。iOSをはじめ、iPodを利用している人であればiTunesをメディアサーバとして動画や音楽を管理していることだろう。機能は多いが、画面が巨大で動作が重たい...

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

  • 2011/05/12

HTML5を使った音楽、動画を織り交ぜたインタラクティブな電子書籍を作成する「Laker」

LakerはHTML5をベースに画像や音楽、動画をインタラクティブに使った電子書籍を作成するためのフレームワーク。LakerはHTML5/Objective-C製のオープンソース・ソフトウェア。数年前まで一般の人が書籍を出版しようと思うのは相当困難なことだった。だが今では電子書籍があり、誰でも簡単に書籍を出版できるよう...

26605?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fscreenshot2011-04-22-11.43.03_thumb

  • 2011/05/04

HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる「ABC.js」

ABC.jsはWeb上で楽譜を表示し、演奏するJavaScriptライブラリ。ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロ...

26586?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2f23c6c4d38361c613c1150e1df8f1177e

  • 2011/05/03

マルチタッチを使ったWebブラウザゲームの開発に「JSTouchController」

JSTouchControllerはiOSのMobile Safari上でマルチタッチを認識するライブラリ。JSTouchControllerはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。iOSの面白さは言うに及ばないが、技術的に見た時に欠かせない要素の一つがマルチタッチシステムで...

List

  • 2011/05/02

Web上で画像にイフェクト。WebGLを使ったデモアプリケーション「WebGL Filter」

WebGL FilterはWebGLを使ったWebベースの画像イフェクトソフトウェア。WebGL FilterはHTML5/JavaScriptのフリーウェア(ソースコードは公開されている)。HTML5では様々な新しい機能をWebの世界に提供する。その一つとして知っておきたいのがWebGLだ。GPUを使ったグラフィカル...

26547?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f04%2fimg_0559_thumb

  • 2011/04/30

RPGや2Dスクロールアクション対応。スマートフォン向けWebブラウザベースのゲーム開発に「enchant.js」

enchant.jsは主にスマートフォン向けのゲームを開発する際に使えるJavaScriptライブラリ。enchant.jsはJavaScript製のオープンソース・ソフトウェア。かつてはゲームを開発するためには専用の機器が必要だった。パソコンでも開発できるようになり、さらにFlashを使ってWebベースでゲームが開発...