Chrome Life

Chrome OS, Chrome Web Store などChrome関連の話題、Google+などの新しいGoogleサービス、HTML5, JavaScript, CSS3によるWebアプリ開発、ChromeBook、MacBook Air、クラウドの活用方法などを紹介

JavaScript

Facebookアプリ「Paper」を先取り!加速度センサーによる写真のチルト機能を実現するphotoTilt.js

先日、Facebookの新しいアプリ「Paper」が米国でリリースされました。(日本ではまだですが) 「Paper」のプレビュー動画も公開されています。 [vimeo]http://vimeo.com/85421325[/vimeo] その中でも新しいジェスチャーのUXは斬新なものです。 今までスマー…

HTML5で近代的な3Dゲームを実現する第一歩になりそうなWebGLのデモ

3Dグラフィックスをブラウザだけで表現できる「WebGL」は、HTML5が浸透してくることでますます期待されています。 今までもWebGLを使ったサンプルやアプリケーションが登場していますが、どちらかというと3次元で表現したものがブラウザで見れるといったレベ…

HTML5、CSS3、JavaScriptがリアルタイム編集できる!軽量HTMLエディタ「Liveweave」

みなさんは、HTMLやCSSのコーディングには何を使っていますか? デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディ…

これはすごい!ゲーム開発に最適な高性能JavaScriptアニメーションフレームワーク「CAAT」

前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 こ…

コードリーディングに最適!たった200行で作れるHTML5製テトリスのプログラミング学習ムービー

みなさんは、フルスクラッチでテトリスを作ることができますか? プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラ…

スクラッチ宝くじのような削ると見えてくるjQueryプラグイン「wScratchPad」を使うと面白いコンテンツが作れそうw

jQueryのプラグインを使えば、画像に様々な効果を加えたり、アニメーションさせて表示させたりいろんなことができます。 そんなプラグインは出揃った感がありますが、今回とてもユニークなプラグインを見つけたのでご紹介したいと思います。 「銀はがし」が…

Greasemonkeyを超えた!ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」

先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最…

Dropboxがブログに早変わり?!書き溜めたメモを一瞬でWebに公開する方法

最近では、メモをクラウド上に保存しておくのが当たり前になってきました。 Dropboxの登場で、今までローカルに置いていたファイルが簡単にクラウド上に同期できるようになりました。 どんなファイルでもDropboxに入れておけば、どこにいても取り出すことが…

Markdown・Textile・Wiki記法をサポートしたJavaScript製ドキュメントフレームワーク「Invisible.js」を公開しました(オープンソース)

みなさん、ドキュメントは何を使って書いていますか? 筆者の場合、提出用のドキュメントは、WordやExcelで作っていますが、その他の多くのドキュメントはテキストエディタで書いています。 最近では、テキストファイルの書式をMarkdown記法に統一するように…