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

技術 - HTML5の記事一覧

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

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

もっと見る

25763?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-28-11.01.02_thumb

  • 2011/03/10

テキストファイルからHTML5のプレゼンテーションを生成する「KeyDown」

KeyDownはMarkdown記法を使ってテキストファイルからHTML5のプレゼンテーションを生成する。KeyDownはRuby製のオープンソース・ソフトウェア。個人のエンジニア、デザイナーが集まる勉強会ではあまり凝ったプレゼンを見る事が少ない。むしろHTMLやKeyNoteなどを使ってカジュアルに作られる方が多いの...

25713?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-25-15.40.00_thumb

  • 2011/03/07

Webの体験を一歩未来に。OpenALをHTML5で実現する「WebAL」

WebALはWebブラウザで音楽を3D化する、OpenALをポーティングしたJavaScriptライブラリ。WebALはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。ゲームにおいてグラフィックスと同じくらい欠かせない重要な要素が音だ。音楽によって臨場感を出したり、よりゲームの世界に入...

25670?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-23-21.37.14_thumb

  • 2011/03/04

HTML5を使ってこんなことも。Googleマップ風の画像ビューワー「Bigshot」

Bigshotは巨大な画像をタイル状に分解し、Googleマップのようなビューワーで閲覧するソフトウェア。BigshotはHTML5/Java製のオープンソース・ソフトウェア。デジカメが高性能化するのに伴って、撮影できるサイズが大きくなっている。とは言え写真を閲覧するディスプレイのサイズは決まっているので、大きな写真で...

25666?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-23-17.13.04_thumb

  • 2011/03/04

HTML5/Canvasによる妙技。クライアントサイドで画像にイフェクト「CamanJS」

CamanJSはCanvasタグを使いクライアントサイドで画像にイフェクトを施すライブラリ。CamanJSはHTML5/JavaScript製のオープンソース・ソフトウェア。オンラインで画像を扱うケースは多々ある。ユーザ向けのWebサイトで画像をアップロードしてもらうといったこともあるだろう。画像はテキスト以上のインパ...

25617?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-21-15.09.26_thumb

  • 2011/03/02

これは面白い。WebSocketを使ったWebベースのターミナル「ws-io」

ws-ioはWebSocketとI/Oを組み合わせることでWebベースのターミナルを実現する。ws-ioはRuby製のオープンソース・ソフトウェア。HTML5で新しく登場した機能は幾つもあるが、その中でも特殊な位置にあるのがWebSocketではないだろうか(仕様からは切り離されているが)。これまでになかったソケット通...

25584?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-18-14.00.22_thumb

  • 2011/03/01

HTML5+Canvasタグによるアニメーションユーティリティ「gury」

guryはjQueryを使ったCanvasタグ用JavaScriptユーティリティ。HTML5向け。guryはjQuery/HTML5/JavaScriptによるオープンソース・ソフトウェア。HTML5の登場以来、期待が高まっているのがCanvasタグを使った図形描画だ。これまでは画像やFlashでしか作れなかったよう...

25485?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-15-9.58.23_thumb

  • 2011/02/24

スマートフォン向けサイトのデバッグに。JavaScriptを使ってiPhoneと対話する「iPhone JS Console」

iPhone JS ConsoleはWebSocketを使って母艦とiPhone間でJavaScriptを対話的に利用するソフトウェア。/s2IfiPhone JS ConsoleはWebベース、iPhone用のフリーウェア(ソースコードは公開されている)。スマートフォン向けのサービス提供を考える上で、ネイティブアプリ...

25646?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-23-10.16.52_thumb1

  • 2011/02/23

ぜひ触れてみよう。Sencha Inc.開発のWebGLフレームワーク「PhiloGL」

PhiloGLはWebGLフレームワーク。ゲームやデータのビジュアル化に利用できる。PhiloGLはJavaScript製のオープンソース・ソフトウェア。Webの技術は日々進化している。これまではプラグインを使ったり、特別な方法をとらねば出来なかった事も、どんどんデフォルトのブラウザでできるようになっている。その一つが...

25451?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-14-10.46.58_thumb

  • 2011/02/23

懐かしいサウンド。HTML5/JavaScriptによる効果音作成ソフトウェア「jsfx」

jsfxはHTML5/JavaScriptを使って動的にファミコンレベルの効果音を生成、再生するソフトウェア。jsfxはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5の登場以後、Webの世界が活発になってきている。ブラウザ互換性を考えるとまだまだ実用的ではないが、新しい試みがどんどん行われ...

List

  • 2011/02/19

これもまたHTML5の面白さ。WebブラウザでVNC「noVNC」

noVNCはHTML5/Canvas/WebSocketを利用したWebブラウザで使えるVNCクライアント。noVNCはHTML5/Python製のオープンソース・ソフトウェア。複数台のPCを使いこなす時に、モニタまで台数分あると邪魔になってしまう。そこでよく使われているのがリモートコントロールだ。有名なものとしてはV...

25343?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-08-10.30.02_thumb

  • 2011/02/18

HTML5/JavaScriptによるマルチデバイスをサポートした電子雑誌フレームワーク「Treesaver.js」

Treesaver.jsはHTML5/JavaScriptを使った電子雑誌を作成するためのフレームワーク。Treesaver.jsはPython製、HTML5/JavaScript用のオープンソース・ソフトウェア。電子書籍は決して遠い存在ではない。誰でも自由に作成、発信できるコンテンツになってきている。ePubを作るの...

25317?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-07-21.40.12_thumb

  • 2011/02/17

HTML5/JavaScriptによるページ送り可能な電子書籍ビューワー「Page flip effect」

Page flip effectはHTML5とJavaScriptを使った電子書籍風ページ送りのサンプルソフトウェア。Page flip effectはHTML5/JavaScript製のフリーウェア(ソースコードは公開されている)。電子書籍が騒がれているが、最も大事なのはもちろんコンテンツだ。そして次に大事なのは見せ...

25292?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-07-9.32.34_thumb

  • 2011/02/16

パズル、落ちものゲームに使えるHTML5/JavaScriptのゲームフレームワーク「LimeJS」

LimeJSはHTML5/JavaScriptによるWebゲームフレームワーク。パズルゲーム向き。LimeJSはJavaScript製のオープンソース・ソフトウェア。Webベースのゲーム開発が熱い。その時、鍵になるのはJavaScriptだ。HTML5の登場によってWeb、JavaScriptでできることは大きく広がっ...

25148?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-01-10.25.10_thumb

  • 2011/02/11

禅の心。機能美を探求したHTML5製音楽プレーヤ「ZEN-Player」

ZEN-Playerはシンプル、かつ必要最低限の機能を備えたWebベースの音楽プレーヤ。ZEN-PlayerはHTML5製のフリーウェア(ソースコードは公開されている)。Webサイトやサービスは時間が経つにつれてどんどんリッチに、そして複雑になっていく。決して悪いことではないが、時にあまりの激しさに疲れてきてしまうもの...

25132?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-31-17.02.31_thumb

  • 2011/02/10

ファイルアップロードステータスも取得できるjQuery製HTML5用マルチファイルアップローダー「jQuery HTML5 Upload」

jQuery HTML5 UploadはHTML5/JavaScriptによるマルチファイルアップローダーライブラリ。jQuery HTML5 UploadはJavaScript/jQuery製のオープンソース・ソフトウェア。HTML5の魅力の一つにinputのfileを使って、複数ファイルの一括アップロードができると...

25105?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-31-11.29.18_thumb

  • 2011/02/09

レガシーにもモダンにも。Flash/HTML5両方に対応した音楽/動画プレーヤ「jPlayer」

jPlayerはvideoタグ/Flash双方に対応したWebベースの音楽/動画プレーヤ。jPlayerはJavaScript/jQuery製のオープンソース・ソフトウェア。HTML5はことPCにおいては普及までに数年を要するだろう。なぜかと言えばHTML5に対応しないレガシーなブラウザが圧倒的なシェアだからだ。最新技...

25062?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2fscreenshot2011-01-27-17.11.29_thumb

  • 2011/02/07

HTML5のオーサリングに。GeckoをレンダリングエンジンにしたHTMLオーサリングツール「BlueGriffon」

BlueGriffonはHTML5をサポートした、Firefox4をレンダリングエンジンにしたHTMLオーサリングツール。BlueGriffonはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。Webは日々進化している。それに合わせて制作ツールも進化しなければならない。オーサリングツールとし...

List

  • 2011/02/07

HTML5利用。洗練されたインタフェースのPC/スマートフォン対応のメディアサーバ「streeme」

streemeはPHP/Symfonyで作られたメディアサーバ。HTML5を使ってPC/スマートフォン双方に対応する。streemeはHTML5/PHP/Symfony製のオープンソース・ソフトウェア。音楽はとても人気の高いコンテンツだ。YouTubeではミュージックビデオが、Last.fmではストリーミング、その他M...

25211?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f02%2fscreenshot2011-02-03-12.39.54_thumb

  • 2011/02/03

これは凄いぞ!スマートフォン向けHTML5生成プログラミング言語「mobl」

moblはEclipse上で開発し、HTML5/CSS/JavaScript/画像を生成するスマートフォン向けプログラミング言語。moblはJava製のオープンソース・ソフトウェア。スマートフォンの人気がとても高い。特にWebKitのモバイル版を組み込んでいるものが殆どで(iOS/Android/Palm Pre/Bl...

24946?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f01%2f110124-0001_thumb

  • 2011/02/02

必見。D&Dにも対応したJS/HTML5製マルチファイルアップローダー「jQuery File Upload」

jQuery File UploadはHTML5を使って複数ファイルを選択できるファイルアップローダー。ドラッグアンドドロップにも対応。/s2IfjQuery File UploadはjQuery/JavaScript/HTML5製のオープンソース・ソフトウェア。Webの仕様の中には面倒だと思うものが幾つかあるが、ユー...