Web ブラウザで動くとは思えない、凄い WebGL デモ・アプリ 65 個 - WebOS Goodies
今月の 22 日に GTUG Girls のイベントで WebGL (Three.js) のハンズオンをやります。内容は初心者向けで、簡単な物体を表示してみたりして Three.js の基礎を学ぼうというものです。女性限定ですが、興味のある方はぜひご参加ください。 【告知】第10回GTUG Girls Meetup 「キラリとひかるモノ作り！WebGL(Three.js)入門編」 募集開始！ で、本日は宣伝も兼ねて WebGL を使ったデモやアプリケーションのまとめエントリを書いてみました。いずれも Web ブラウザで動くとは思えないほどインパクトのあるものばかり。 WebGL 対応のブラウザで（Chrome か Firefox の最新版が無難です）、おもいっきり堪能しちゃってください！ 長編デモ 音楽に合わせてインパクトのある映像を展開していく、ちょっとしたストーリー性のあるデモなどを集
CSS の背景画像を Three.js で描画する方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日、 HTML5Rocks で「Canvas-driven background images」という記事が公開され、 canvas や WebGL で描画した画像を CSS の背景画像として適用できる -webkit-canvas の使い方が解説されていました。 canvas や WebGL はアニメーション GIF などに比べて圧倒的に滑らかなアニメーション
今週の話題 : JS の物理エンジンのレビューなど - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Google がまたもいくつかのサービス・機能を廃止する冬の大掃除プランを発表しました。機能が減ってしまうのは残念ですが、たしかに年末というのは不要なものを切り捨てるのに良い時期ですよね。そんなわけで、私もいくつかのサービス等を整理することにしました。例えば・・・ Google Apps for Business を無料版に戻した（下でも紹介しているとおり無料版の
Closure Library で HTML から UI を生成する - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 非常に久しぶりの記事投稿となってしまいましたが orz 本日は Closure Library ネタを書いてみようと思います。最近は、 Closure Library もだいぶ知られるようになってきたみたいで、 Closure Library についての日本語のつぶやきもだいぶ増えてきて嬉しい限りです。 Closure Library で UI を構築する場合、も
今週の話題 : @IT さんに Three.js の解説記事が掲載されました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 手前味噌なお知らせですが、私の執筆した Three.js の解説記事が @IT さんに掲載されました！ 多彩な表現力のWebGLを扱いやすくする「Three.js」 http://www.atmarkit.co.jp/fwcr/design/benkyo/webgr... Three.js は WebGL を簡単に使えるようにするラッパーライブラリで、プログラマブ
Tornado による非同期 Web サーバーの構築方法 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日、仕事で HTTP リクエストを中継するリバースプロキシのような Web サーバーを作る必要があり、パフォーマンスの要求もけっこう高くなりそうだったので、 Python ベースの非同期 Web サーバーである Tornado を使ってみました。 Tornado はもともと FriendFeed が開発したもので、現在は FriendFeed を買収した Fac
supervisord を使って Tornado をデプロイする - WebOS Goodies
先日、 Tornado の使い方を解説しました。本日はその続きで、デプロイについて書きます。 Tornado で構築したアプリケーションを本格的にデプロイするためには、プログラムをデーモン（バックグラウンドプロセス）化する必要があります。 Tornado 自体にはその機能がないのでググってみると、どうやら Supervisor というプログラムを利用するのが一般的なようです。 この Supervisor がまた便利で、複数の通常アプリケーションをバックグラウンドで起動でき、その開始・終了を個別に管理できます。汎用的に作られているので Python 以外で構築されたアプリケーションも管理できますし、異常終了時の再起動やログのローテートの面倒もみてくれます。覚えておけばなにかと役に立ちそうですから、 Tornado アプリケーションのデプロイを題材にして使い方をまとめることにしました。 Sup
Ruby 1.9 の String#inspect で JSON 形式への変換を高速化 - WebOS Goodies
Ruby 1.9.1 が公開されたので、 simple-json.rb を Ruby 1.9 に対応させました。その過程で、文字列中の特殊文字をエスケープするのに String#inspect が活用できることを発見したので、本日はそれをご紹介します。 JSON への変換以外でも、例えば Rails の ERb テンプレートで JavaScript に文字列を渡したいときに応用できると思います。覚えておくと便利な Tips ではないでしょうか。 コメントでご指摘があったとおり、 Ruby 1.9 ではネイティブで JSON 変換ができるそうです。なんだ、そもそも simple-json.rb を Ruby 1.9 に対応させる必要自体がなかったのか・・・（＾＾； そんなわけで、この記事自体にはほとんど意味はなくなりました。強いて言えば、 JSON への変換を使うことで JavaScript
Google Spreadsheets を簡易 SQL DB に！「Google Visualization API」 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます（iGoogle ガジェットベース）。その際にスプレッドシートの情報を取得するために使われるのが、本日ご紹介する Google Visualization API で
Closure Stylesheets で CSS を最適化する (2) - WebOS Goodies
前回に続いて、本日も Google Closure Stylesheets （以下 GSS）についてです。前回は GSS を単体で使用した時の機能をひと通り説明したので、今回は Closure Compiler, Closure Templates, Closure Library といった他の Closure Tools と組み合わせて、 CSS のクラス名を短縮する方法をご紹介します。 Google+ などの CSS ファイルを覗いたことがある方はご存知かと思いますが、それらの CSS クラス名は「a-j」とか「c-i-j-ua」なんていう数文字のアルファベットをハイフンで繋いだものになっています。これがまさに GSS によるクラス名短縮の結果です。 GSS を使えば、我々もこうした CSS クラス名の短縮を簡単に利用できます。 また、多少の工夫は必要になるものの、他のフレームワーク（
Interface Builder を使わない iPhone アプリを作る手順 - WebOS Goodies
iPhone アプリを開発する際、私は Interface Builder を使いません。 UI コンポーネントの配置なんて大した手間じゃないし、そのために起動時に余計な処理が増えるのはいただけないと思っていまして。 そんなわけで Xcode でプロジェクトを作成した後に Interface Builder 関連のコードを消すのですが、毎回やりかたを忘れてて思い出すのに苦労するので、備忘録も兼ねて記事にしました。単純に IB 関連のコードを抜くだけでは寂しいので、簡単なテーブルビューを表示するところまでやっています。私以外に必要としている人がいるのかわかりませんが、まあ IB を使う方も知っておいて損はないかと思います。 以下で作成するプロジェクトの全ソースは、以下の場所に置いてあります。 http://webos-goodies.googlecode.com/svn/trunk/blog
Google の新言語「Dart」は新しい JavaScript か？ - WebOS Goodies
Google が開発しているという新言語「Dart」を覚えていますでしょうか。来月の GOTO Aarhus 2011 Conference にて発表があるということで数日間は話題に登ったものの、その後は続報もなく忘れ去られているようです。 実はこの Dart に関連して、 2010 年 10 月に書かれた Google の内部文書 (?) が注目されています。その中では、 JavaScript の次期版である Harmony と平行して新たな言語「Dash」を開発することが示唆されており、それが来月発表される Dart の正体ではないかと言われています。また、 Google が新言語の開発を決断した理由や今後のオプション、そして僅かながら関連するプロジェクトについてなども語られており、なかなか興味深い内容です。 そこで、本日はこの文書のハイライトをご紹介したいと思います。いつもながら翻訳
Opera Mobile TP 版で Stream API （webcam アクセス）を試してみた - WebOS Goodies
Firefox 4 がリリースされて話題となっている昨今ですが、我らが Opera も新しい Opera Mobile のテクノロジー・プレビューをこっそり公開しました。 Android 版の Opera Mobile をベースに WHATWG の Stream API や W3C HTML5 の Orientation Events を実装したものです。 とくに Stream API は画期的で、 HTML5 video タグを使って内蔵カメラの画像をリアルタイムで Web ページ上に表示できます。これが実用化されればカメラ撮影や AR など、これまでネイティブアプリの独壇場だった分野が Web アプリケーションでも実現できます。 Web 開発者としては非常に興味をそそられますね。 さっそく手元の Nexus One にインストールして試してみましたので、簡単にレポートします。 インスト
Subversion : OSS へのローカルな変更を管理する - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日の記事で net2ftp の日本語エンコーディング変換対応パッチをご紹介しました。このように既存のオープンソースソフトウェアに変更を加える際に問題となるのが、独自のローカルな変更とソフトウェア本体のアップデートによる変更をいかにしてマージするかです。ソフトウェアの更新頻度にもよりますが、アップデートのたびに手作業で変更を適用するのはとても面倒ですよね。 こんな
今週の話題 : Heroku が Merb や Sinatra に対応など - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 自他共に認める Office Live Small Business ウォッチャーの私としては、書かずにはいられない。 なにやら少しアップデートされたというので行ってみたら、たしかに少しページデザインが変わっていて、 Office 文書を共有する Office Live Workspace が使えるようになっていました。まあ、それはいい。私的なツボはメール画面に広
Closure Library のサンプル目次を作りました - WebOS Goodies
最近、 JavaScript のプログラミングでは Closure Library を使うようになってきました。やはりこれひとつでほとんどの機能を賄えて、アプリケーションの構造化も素直に行えるのがいいですね。 Closure Library の機能を把握するには、豊富に用意されているサンプルデモを参照するのが一番の近道なのですが、リファレンスページにファイルのリストがあるだけで、自分が使いたい機能のサンプルがどれなのか、探すのに毎回苦労します。 そこで、この状況を少しでも改善するべく、サンプルをカテゴリ分けしてみました。それぞれの内容も簡単にコメントしてあるので、目的のサンプルを見つけるのがだいぶ楽になると思います。 Closure Library のお供に、ぜひご活用ください。 イベント events.html - イベントオブジェクトの内容表示など。 eventtarget.html
Closure Libraryによるアプリ開発のはじめ方 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Python Hackathon のネタとして Closure Library を使って以来、だいぶ Closure Library を使い込んできました。個人的には非常に手に馴染んでいて、もはや Closure Library なしで Web アプリを作るなんて考えられないくらいです。 しかし、世間ではまだまだ使っている人が少ないようです。理由はいろいろあるでし
Closure Tools 活用入門 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Closure Tools は Google が開発した JavaScript 開発ツールキットで、 Closure Library （JavaScript フレームワーク）、 Closure Compiler （サイズ削減・最適化ツール）、 Closure Template （Java / JavaScript 共通のテンプレートライブラリ）の 3 つで構成され
Closure Library を使うべき 10 の理由 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ruby で JSON パーサーを書いてみました - WebOS Goodies