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

2014/01/15 113 users iGoogle Netvibes 一長一短 グーグル 代替

昨年の11月にグーグルが提供していたiGoogleのサービスが修正しました。 スタートページとして利用していた人も多く、終了後は類似サービスであるigHomeやMy Yahoo、Netvibesに移行するか悩んだと思います。 しかし、どれも一長一短でiGoogleの代替とまではいかず、 今ではスタートページを使っていない人が多い と思います。 そんな方にオススメしたいのが、iGoogleの代替を目... 続きを読む

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

2012/11/06 108 users Chrome Developer Tools 裏ワザ 機会

Chromeをメインで使っている開発者の方は、Developer Toolsを開く機会も多いと思います。 一昔前はFirefoxでFirebugsを使っていた人も、Chromeのバージョンが上がったことによりDeveloper Toolsでも同等のことができるようになりました。 Chrome Developer Toolsを使えば、WebインスペクターでDOMツリーの確認やCSSの微調整、Java... 続きを読む

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

2012/09/11 1187 users Jetstrap ユーザーインターフェース エディタ ウェブ

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作って... 続きを読む

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

2012/09/04 335 users SSHクライアント Chrome Secure Shell

以前の記事でご紹介したChromeのSSHクライアント「Secure Shell」が、バージョン0.8.2にアップデートされました。 今回のバージョンアップで、 公開鍵認証が使えるようになりました！ 今まではパスワード方式だったので、サーバーによっては使えなかったのですが、秘密鍵をインポートして認証できるようになったので、SSHクライアントとして十分使えるレベルに近づいたと思います。 「Secur... 続きを読む

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

2012/08/28 87 users 顔写真 テクノロジー ヨーロッパ スゴイ 高品質

最近は、3Dネタの記事が多くなってきましたが、気にしないでくださいねw もちろん今回も3Dネタなのですが、めちゃくちゃスゴイです！ 一枚の顔写真から高品質な3Dモデルが作れる！ このテクノロジーを開発したのが、ヨーロッパの会社「Vizago」です。 Vizagoが持っている特許モーフィングモデルテクノロジーは、単一ユーザーの写真から3D面を作成することができます。 これは、専用のスキャナハードウェ... 続きを読む

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

2012/07/30 64 users jQueryプラグイン アドオン 超軽量 API 要素

HTML5ではドラッグ＆ドロップAPIが提供されています。このAPIを利用すれば要素の並び替えなどをアドオンなしで実装することも可能です。 しかし、汎用的なものを作るとなると少し面倒です。 そこで今回ご紹介するのは、HTML5ドラッグ＆ドロップAPIを利用した超軽量の並び替え用jQueryプラグイン「HTML5 Sortable」です。 「HTML5 Sortable」は、ネイティブHTML5のド... 続きを読む

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

2012/07/25 33 users WebGL Tea アプリケーション デモ 限界

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

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

2012/07/18 28 users Kinect WebRTC インターフェース 筆者 センサー

Kinectは、カラダ全体をコントローラー代わりにできるXbox用のセンサーです。 開発者の中には、Kinectのセンサーを使ってプログラミングする人もいるぐらい人気のインターフェースになっています。 しかし、筆者のようにKinectを持っていない人は、手軽に試すことができません。 そこで今回ご紹介するのが、WebRTCを使って顔をコントローラー代わりにして遊ぶKinect風ゲーム「FaceKat... 続きを読む

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

2012/07/10 935 users リアルタイム CSS3 JavaScript HTML5

みなさんは、HTMLやCSSのコーディングには何を使っていますか？ デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存... 続きを読む

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

2012/07/04 672 users CAAT ゲーム開発

前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 これを機会に自分でもゲームを作ってみたいと思った方もいるのではないでしょうか？筆者もそのうちの一人です。 しかし、フルスクラッチで作るとなるとそれなりに経... 続きを読む

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

2012/06/20 1177 users コードリーディング 200行

みなさんは、フルスクラッチでテトリスを作ることができますか？ プログラマーといってもゲームを作る機会が少ないと、なかなかすぐには作れないと思います。 JavaScriptでなんとか作れそうな感じもしますが、すんなり実装はできない感じがします。 特にグラフィックやアニメーションをうまく使ったものを作るには、それなりの経験値が必要だと思います。 そこで、今回ご紹介するのが、教育目的で作られたHTML5... 続きを読む

ブログ記事タイトル考察。参考になるタイトルの付け方とキャッチコピーについて書かれた記事まとめ * 男子ハック

2012/06/17 36 users 男子ハック キャッチコピー タイトル コピーライティング 参考

@JUNP_Nです。ブログの記事タイトルは一番重要な要素であるとともに、悩むことが多いです。そこで色々な方が語っているブログ記事タイトルの付け方について書かれている記事をまとめて紹介します。 本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則 | Chrome Life 効果的なコピーライティングのために忘れてはいけない４つの基本法則 | バズ部 要注意？！全く売れな... 続きを読む

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

2012/06/06 81 users WYSIWYGエディタ TinyMCE jQuery不要

最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、贅沢な不満もありました。 今回ご紹介するのは、高速でかつ軽量なHTML5ベースのオープンソースWYSIWYGエディタ「wysiht... 続きを読む

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

2012/05/30 48 users 三日坊主 叱咤激励 鉄則 フィードバック 熱い声援

Chrome Lifeのブログをはじめてから１年が経ちました。 おかげさまで、途中で挫折することなく記事を１年間書き続けることができました。 今では、アクセス数も安定して月間20万PVのブログに成長しました。 これも皆さんから熱い声援や叱咤激励のフィードバックのおかげだと思っております。 本当にありがとうございます。 ブログの記事を書き始めた当初は、記事を書く大変さに圧倒され、絶対に続かないだろう... 続きを読む

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

2012/05/16 532 users エミュレータ ゲームボーイエミュレータ Chrome おかげ

HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる！ レベルにまでなりました。 それでは早速、Chromeで「JS ... 続きを読む

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

2012/05/09 23 users

いろんなサイトの運営や管理を行なっている人は、Googleアカウントを複数登録した方が管理が楽になるケースがあります。 そういった場合、それぞれのGoogleアカウントを切り替えてチェックしなくてはいけません。 Chromeでは、ユーザーの切り替え機能を使ってGoogleアカウント毎にブラウザの環境を切り替えることができます。 この機能のおかげで便利にはなったのですが、インストールしているエクステ... 続きを読む

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

2012/05/02 577 users エクステンション Secure Shell

最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあ... 続きを読む

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

2012/04/24 77 users ネイティブアプリ canvas 驚異 ザク Flash

最近では、HTML5で作られたサービスも増えてきました。 特に、グラフィック関連のツールはHTML5で作られたものが多く、今までFlashやネイティブアプリでしか実現できなかった機能も、HTML5のCanvasを利用してうまく実現されています。 簡単な画像加工や写真編集であれば、わざわざPhotoShopを起動するよりもブラウザ上でサクっと編集した方が早いこともあります。 そこで、今回はHTML5... 続きを読む

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

2012/04/17 1731 users 新入社員 裏ワザ ミーティング ホームページ 上司

４月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか？ まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URL... 続きを読む

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

2012/04/10 43 users jQueryプラグイン 面白いコンテンツ

jQueryのプラグインを使えば、画像に様々な効果を加えたり、アニメーションさせて表示させたりいろんなことができます。 そんなプラグインは出揃った感がありますが、今回とてもユニークなプラグインを見つけたのでご紹介したいと思います。 「銀はがし」ができるプラグイン！ 銀はがしといえば、皆さんご存知の宝くじなどでよくあるスクラッチカードがありますが、これと同じようなことをjQueryでできるようにして... 続きを読む

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

2012/04/03 43 users プレゼンツール プレゼンテーションツール 用途 柔軟性 筆者

最近では、HTML5製のプレゼンテーションツールも増えてきました。 筆者は、先日Node.jsの勉強会で「reveal.js」を使ったのですが、動きもカッコよくて簡単にスライドが作れてなかなかよかったです。 しかし、こういったプレゼンツールは画面全体がスライドになってしまうので、サイトの一部や記事の中に埋め込むといった用途にはむいていません。 そこで今回ご紹介するのが、どこにでも埋め込んで使える柔... 続きを読む

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

2012/03/27 26 users 思い出 写真

先日StartCounterから「1日だけですがChromeが世界で1位になった」という、おめでたいニュースがありました。 ブラウザのシェアは日々変化していますが、Chromeの利用者数は徐々に伸びてきています。 筆者の周りでも、社内の推奨ブラウザにChromeも追加したという話も聞きました。 ものすごい勢いでシェアを伸ばすChromeに今後も期待ですねw そんなChromeの面白い使い方を見つけ... 続きを読む

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

2012/03/13 516 users Siri 筆者 面白半分 翌日 リリース当日

先日リリースされたiOS5.1ですが、皆さんは無事アップデートできたでしょうか？ 筆者は、リリース当日は混み合っていたせいなのか分かりませんが、アップデートできずに翌日ようやくアップデートできました。 今回のアップデートでは、Siriが日本語対応したということで多くの方が試されたと思います。 最初は、面白半分でいろいろ話しかけてはみたのですが、実用的に使えそうな部分はあまりありませんでした。 筆者... 続きを読む

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

2012/02/14 644 users Chrome 最強 方法

皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方... 続きを読む

HTML5＋WebGLで医学・解剖学が学べる！3D人体解剖図ウェブアプリ「BIODIGITAL HUMAN」 | Chrome Life

2012/02/07 30 users 解剖学 医学 WebGL Chromeウェブアプリ ベール

私たち人間の体はとても複雑で神秘的な造りをしています。 医学が進歩しても、いまだに解明できていない病気も多くあります。 そんな不思議のベールにつつまれた人体ですが、最新のWebテクノロジーを使って医学・解剖学の分野で理解を深めるためのツールが登場してきています。 今回ご紹介するのは、HTML5とWebGLのウェブ標準技術を使った人体解剖図のChromeウェブアプリ「BIODIGITAL HUMAN... 続きを読む