Chrome Life

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

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

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

Googleドライブ内のZipファイルを直接解凍できるChromeアプリ「Zip Extractor」

最近では、Googleドライブや、Dropbox、SkyDriveなどクラウド上のストレージにファイルを保管している人も多くなってきました。 その中でもGoogleドライブは、Googleのサービスということもあり利用している人も多いと思います。 Gmailと連携しているので、…

ソースコードからゴージャスなスナップショットが作れるChromeアプリ「Marmoset」

開発者の方は、よくブログなどでソースコードを貼り付けて記事を書くことも多いと思います。 しかし、ソースコードがメインの記事だとどうしても画像が無いそっけない記事になってしまうため、FacebookやGoogle+でシェアされた時に目立ちにくくなってしまい…

待望のiGoogle代替サービスが登場!クールで高度なカスタマイズが可能なスタートページ「iChrome」

昨年の11月にグーグルが提供していたiGoogleのサービスが終了しました。 スタートページとして利用していた人も多く、終了後は類似サービスであるigHomeやMy Yahoo、Netvibesに移行するか悩んだと思います。 しかし、どれも一長一短でiGoogleの代替とまでは…

一日のやるべき事に集中できる!クールなタスク管理ダッシュボード「Momentum」

なかなか仕事が思うどおりに進まない。やるべきタスクが消化できずに溜まっていく一方で困っている方も多いと思います。 そんな人の多くは、 やるべき事の整理がうまくできていない! ことがほとんどです。 筆者は昔、タスク管理やGTDを少しかじっていた時期…

iOS7ホーム画面をChromeのタブページに再現できる「IOS 7 New Tab Page」

iPhoneやiPadがiOS7になって少し時間が経ちましたが、もうフラットデザインに慣れましたでしょうか? 筆者は違和感がなく使っています。設定画面やメニューなどでボタンなのかラベルなのか判断に苦しむところもありますが、慣れれば極端に使いにくいというこ…

Chrome Developer Toolsのテーマを開発者好みに切り替える裏ワザ

Chromeをメインで使っている開発者の方は、Developer Toolsを開く機会も多いと思います。 一昔前はFirefoxでFirebugsを使っていた人も、Chromeのバージョンが上がったことによりDeveloper Toolsでも同等のことができるようになりました。 Chrome Developer T…

オリジナルの国旗が作れるジェネレーター「Flag Designer」

ホームページをデザインする上で必要な素材を自分でイチから作るのは大変です。 そういう時は、ボタンや背景画像を生成するジェネレーターを使うと便利です。 他にも様々なジェネレーターがあるのですが、今回は少し風変わりのジェネレーターをご紹介したい…

ニュース記事から人物の関連情報が検索できるセマンティックなエクステンション「Summer」

最近では、ブログやニュースサイトなどから情報を収集する人が多くなってきました。 もちろん新聞やテレビの情報も重要なのですが、ネットの方が手軽に必要な情報だけを得ることができるので便利です。 大量の情報を収集できるようになってくると、もっと効…

iPhone5に飛びつくのはちょっと待った!iPhone4Sユーザーが買い換える前に考えるべきこと

iPhone5の発売日(9月21日)が迫ってきましたね! 予約状況もiPhone4Sを超える2倍のスピードで200万台突破したそうです。(Yahooニュース) もちろんApple信者の皆さんは予約しましたよねw しかし、まだ2年縛りの契約が残っている人や、キャリア変更で悩んで…

BootstrapのUIがドラッグアンドドロップだけで組める!最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrap…

ChromeのSSHクライアント「Secure Shell」が公開鍵認証に対応!ブラウザだけでサーバー管理ができる時代に近づいた

以前の記事でご紹介したChromeのSSHクライアント「Secure Shell」が、バージョン0.8.2にアップデートされました。 今回のバージョンアップで、 公開鍵認証が使えるようになりました! 今まではパスワード方式だったので、サーバーによっては使えなかったので…

これはすごい!一枚の顔写真から自分の顔の3Dモデルが作れるサービス「Vizago」

最近は、3Dネタの記事が多くなってきましたが、気にしないでくださいねw もちろん今回も3Dネタなのですが、めちゃくちゃスゴイです! 一枚の顔写真から高品質な3Dモデルが作れる! このテクノロジーを開発したのが、ヨーロッパの会社「Vizago」です。 Vizago…

3Dモデルが簡単に共有できるWebGLを使った3Dモデルビューア「3dfile.io」

WebGLを使えば、ブラウザ上で3Dグラフィックスを表現することができます。 Chrome Lifeでも3Dゲームや3D人体解剖図などでWebGLが活用されていることをご紹介しました。 最近のゲームや映画などでは、3Dによる表現が当然のように使われ、クオリティーもリアル…

Chromeがゲーム機になる!WebRTCを使ったダンスゲーム「BeHero Tap Dance」

先日のChromeのアップデートでバージョンが21になり、「getUserMedia API」がデフォルトで使えるようになりました。 今までは、試験機能だったためオプションの設定で有効にしなければいけなかったのですが、それが不要になっています。 これでブラウザらWeb…

HTML5ドラッグ&ドロップAPIを利用した超軽量の並び替え用jQueryプラグイン「HTML5 Sortable」

HTML5ではドラッグ&ドロップAPIが提供されています。このAPIを利用すれば要素の並び替えなどをアドオンなしで実装することも可能です。 しかし、汎用的なものを作るとなると少し面倒です。 そこで今回ご紹介するのは、HTML5ドラッグ&ドロップAPIを利用した…

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

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

WebRTCを使って顔コントローラーで遊ぶKinect風ゲーム「FaceKat」

Kinectは、カラダ全体をコントローラー代わりにできるXbox用のセンサーです。 開発者の中には、Kinectのセンサーを使ってプログラミングする人もいるぐらい人気のインターフェースになっています。 しかし、筆者のようにKinectを持っていない人は、手軽に試…

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

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

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

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

コスパ最高!旧型MacBook Air13インチの最安値が7万8千円に!新型発売後1万円ダウンで今が買い時

みなさん新型MacBook Airを購入しましたか? 筆者は、ものすごーーーく欲しいんですけど、我慢しています。(汗; 新型MacBook AirはオプションでCPUやメモリ・HDDのスペックをパワーアップできるので、とても魅力的な究極のノートブックに仕上がっています。…

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

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

新型MacBook Airは最大メモリ8GB、SSDが512GBにパワーアップ!新旧比較表まとめ

6月11日のWWDC 2012で発表があった新型MacBook Airが早速、Apple Storeで購入できるようになっています。 速報として簡単にまとめておきます。 スペックは大幅にパワーアップしています!! MacBook Airの新旧比較表を作っておいたので参考にしてみてくださ…

HTML5のWYSIWYGエディタ「wysihtml5」がシンプルで扱いやすい!jQuery不要

最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、…

三日坊主でも大丈夫!ブログを継続させるための10の鉄則(1年間のノウハウをギュッと凝縮しました)

Chrome Lifeのブログをはじめてから1年が経ちました。 おかげさまで、途中で挫折することなく記事を1年間書き続けることができました。 今では、アクセス数も安定して月間20万PVのブログに成長しました。 これも皆さんから熱い声援や叱咤激励のフィードバ…

Chromeマニア必見!フリーの電子書籍「100 Tips for Google Chrome」

本ブログでも、ChromeのエクステンションやTipsをいくつかご紹介していますが、ブログという特性上まとまった情報として読むのには適していません。 そこで今回ご紹介するのが、筆者がいつも愛読している海外のChromeの情報ブログ「Chrome Story」が公開して…

HTML5で作られたゲームボーイエミュレータ「JS GameBoy Color Game Center」の完成度が高すぎる!

HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。…

Google Appsドメインもサポートしたマルチアカウント対応Googleランチャーが便利

いろんなサイトの運営や管理を行なっている人は、Googleアカウントを複数登録した方が管理が楽になるケースがあります。 そういった場合、それぞれのGoogleアカウントを切り替えてチェックしなくてはいけません。 Chromeでは、ユーザーの切り替え機能を使っ…

これはすごい!ChromeがSSHクライアントになるエクステンション「Secure Shell」

最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「Pu…

HTML5で作られた驚異のフォトエディターまとめ

最近では、HTML5で作られたサービスも増えてきました。 特に、グラフィック関連のツールはHTML5で作られたものが多く、今までFlashやネイティブアプリでしか実現できなかった機能も、HTML5のCanvasを利用してうまく実現されています。 簡単な画像加工や写真…

新入社員が知っておくべきホームページを崩さず綺麗に印刷する裏ワザ

4月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか? まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。…

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

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

いろんな用途で使える!柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」

最近では、HTML5製のプレゼンテーションツールも増えてきました。 筆者は、先日Node.jsの勉強会で「reveal.js」を使ったのですが、動きもカッコよくて簡単にスライドが作れてなかなかよかったです。 しかし、こういったプレゼンツールは画面全体がスライドに…

これはすごい!思い出の写真からChromeオリジナルテーマが作成できる「My Chrome Theme」

先日StartCounterから「1日だけですがChromeが世界で1位になった」という、おめでたいニュースがありました。 ブラウザのシェアは日々変化していますが、Chromeの利用者数は徐々に伸びてきています。 筆者の周りでも、社内の推奨ブラウザにChromeも追加した…

Pinterest風にFacebookの写真をダラ見できるChromeエクステンション「Frindsheet」

Pinterest(ピンタレスト)は、ウェブ上のお気に入り画像を簡単に共有できるバーチャル・ピンボードと呼ばれるサービスです。 筆者も、暇な時はPinterestを眺める時があるのですが、Pinterestの見せ方は見ていても疲れなくていいんですよね。 特にこれといっ…

Siriの音声入力でWebサービスを起動する「Siriランチャー」を作ったら驚くほど便利だったので公開します

先日リリースされたiOS5.1ですが、皆さんは無事アップデートできたでしょうか? 筆者は、リリース当日は混み合っていたせいなのか分かりませんが、アップデートできずに翌日ようやくアップデートできました。 今回のアップデートでは、Siriが日本語対応した…

iPad2を最強の秘書に変身させるアーム「HoverBar」でMacBook Airがさらにパワーアップ

久々にMac関連の記事ですw 筆者のMacBook Airの環境は、27インチで世界が変わった!MacBook Airを神機に進化させる「Apple Thunderbolt Display」とアクセサリーのフォトレビュー でご紹介したように、仕事場ではThunderbolt Displayをベースに周辺アクセサ…

Googleアルゴリズム更新のインフォグラフィック「1998年から2012年まで」

Googleのアルゴリズムの更新は度々行われています。 最近では、パンダアップデートが話題になりましたが、その他の細かな更新は定期的に行われています。 高品質なサイトを上位に表示するための工夫がたくさんほどこされています。 どのようにGoogleのアルゴ…

iPhoneのようにいつでもページの一番上にスクロールできるChromeエクステンション「Scroll to Top Bar」

iPhoneを使い始めた時にユーザーインターフェースで直感的だなと思ったのが、画面の上をタップすると一番上までスクロールしてくれる機能でした。 今となっては当たり前のように使っている操作ですが、これがあるのとないのとでは大きな違いです。 これを考…

人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ!

みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局…

これはすごい!Chromeで最強のコマンド環境を構築する方法「gleeBox+Quix」

皆さんはキーボード派ですか?マウス派ですか? 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナル…

HTML5+WebGLで医学・解剖学が学べる!3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」

私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登…

プロが撮影した写真のように加工できる!45種類のInstagram風フィルターを搭載した写真編集ウェブアプリ「Pixlr Express」

最近では、Instagram経由で写真を投稿する人が増えてきました。 Instagramは、iPhoneで撮影した写真を手軽に共有できるサービスなのですが、人気の理由は写真の様々なフィルターをワンタッチでかけられるところです。 写真にフィルターをかけることで、少し…

iBooks Authorで電子書籍の未来は変わる?!日本市場でiBooksを公開する方法

先日、Appleから発表された電子書籍制作ソフト「iBooks Author」はもう試されましたか? 「iBooks Author」を使えば、iPad用のインタラクティブな電子書籍をものすごく簡単に作ることができます。 Apple iBooks Author Tour Apple純正ソフトなので、Keynote…

これはすごい!再生中の動画が映画のスクリーンの様に見やすくなるエクステンション「Turn Off the Lights」

最近では、ホームページで情報を発信する際のメディアとして、動画は当たり前のように使われるようになりました。 プロモーションムービーや、簡単な操作説明などの動画はよく見かけますよね。 これらの動画の多くは、記事の中に埋め込まれており、その場で…

Native Clientのクオリティー高すぎ!家庭用ゲーム機と同クオリティーを実現したブラウザゲームまとめ

Native Clientは、ブラウザ上でネイティブコードが実行できるテクノロジーです。 GoogleがNative Client(NaCl)を公開したのは2008年12月だったので、今から3年前とかなり昔の話なのですが、やっと実用的に使えるレベルに達したことで、Chrome 14から組み込…

MacBook Air 13インチの最安値がついに8万円台に!この価格ならポチるしかない

あけましておめでとうございます! 本年もどうぞよろしくお願いいたします。 早速、うれしいニュースが飛び込んできましたよw 価格.comで調べたところ、新型MacBook Air 13インチの最安値が、9万円を割って なんと!驚きの価格89,644円 となっていまし…

クリスマスプレゼントキャンペーン2011の当選者発表!

iPad2Mirror、iMirror4、MirrorBook Airが当たる!クリスマスプレゼントキャンペーン2011に応募してくださった皆様ありがとうございました。 今回のプレゼントキャンペーンでは、360名の方にご応募いただきました。 これほど多くの方に応募いただけると思っ…

Chromeエクステンション開発者向けベスト20「2011年決定版」本当に使えるものだけを集めました!

今年は、いろんなChromeエクステンションを使ってみて、みなさんにご紹介させていただきました。 どれも便利なエクステンションばかりなのですが、エクステンションをインストールしすぎるとChromeが重くなってしまうので、本当に必要なものだけに絞っていか…

Adsenseディスプレイ広告に+1ボタン出現!CTRアップで収入向上の可能性が広がるソーシャル連動広告

Google Adsense(アドセンス)を使って広告収入を得ているサイトオーナーの人も多いと思います。 今日たまたまブログのAdsense広告を見ていて気づいたのですが、 Adsenseディスプレイ広告に+1ボタンが出現 していました!! もしかすると、他のみなさんには…