待望の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、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... 続きを読む

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

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

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

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

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

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

これはすごい！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... 続きを読む

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 しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方... 続きを読む

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

2012/01/31 92 users Pixlr Express Instagram プロ 写真

最近では、Instagram経由で写真を投稿する人が増えてきました。 Instagramは、iPhoneで撮影した写真を手軽に共有できるサービスなのですが、人気の理由は写真の様々なフィルターをワンタッチでかけられるところです。 写真にフィルターをかけることで、少しレトロっぽいプロが撮った写真のような加工をほどこすことができます。 せっかく撮った写真なので少しでもカッコよくしたい！ 素人でもこれが簡... 続きを読む

iBooks Authorで電子書籍の未来は変わる？！日本市場でiBooksを公開する方法 | Chrome Life

2012/01/24 75 users KeyNote iBooks pages VIDEO 電子書籍

先日、Appleから発表された電子書籍制作ソフト「iBooks Author」はもう試されましたか？ 「iBooks Author」を使えば、iPad用のインタラクティブな電子書籍をものすごく簡単に作ることができます。 Click here to view the embedded video. Apple純正ソフトなので、KeynoteやPagesなどに慣れている人であれば操作方法もすぐに理解で... 続きを読む

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

2012/01/11 72 users クオリティー Native Client NaCl たくさん

Native Clientは、ブラウザ上でネイティブコードが実行できるテクノロジーです。 GoogleがNative Client（NaCl）を公開したのは2008年12月だったので、今から3年前とかなり昔の話なのですが、やっと実用的に使えるレベルに達したことで、Chrome 14から組み込まれています。 今までもブラウザ上で動作するゲームはたくさんありました。 特にソーシャルネットワークの登場で... 続きを読む

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

2011/12/20 143 users

今年は、いろんなChromeエクステンションを使ってみて、みなさんにご紹介させていただきました。 どれも便利なエクステンションばかりなのですが、エクステンションをインストールしすぎるとChromeが重くなってしまうので、本当に必要なものだけに絞っていかなければいけません。 そこで今回は、Chromeエクステンションの総決算として、開発者向けのものだけをセレクトしたベスト20をご紹介します！ 201... 続きを読む

これはすごい！Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 | Chrome Life

2011/12/07 801 users エクステンション Chrome メインブラウザ 履歴 使い物

ChromeのシェアがFirefoxを抜いたことで、メインブラウザとして乗り換える人も増えてきたように思います。 そんな人からは、Chromeは軽くてシンプルなので使いやすいという声をよくききます。 しかし、Chromeがリリースされた当初は、あまりにも機能が少なくてこれだけで使い物になるのか？と疑問に思っていた時もありました。 それが今では、Chrome自体の機能も他のブラウザに匹敵するぐらい使... 続きを読む

MacBook AirとiPhoneでジョブズのような観衆を魅了するプレゼンを行う方法 | Chrome Life

2011/12/06 190 users iPhone 観衆 筆者 ジョブズ スティーブ・ジョブズ

年末年始になると、様々な場所でイベントが開催されると思います。 ほとんどの場合は、観衆としてイベントに参加して発表を聞くことが多いでしょう。 しかし、時として自分が発表する側になることもあります。 そこで今回は、プレゼンが苦手な人のために、 少しだけスティーブ・ジョブズのようなプレゼンに近づくための方法 をご紹介したいと思います。 筆者の体験談をもとにまとめていますので、話が少々長くなっていますが... 続きを読む

ウェブマスターが知っておくべき競合サイト分析手法！SEOの前にやるべきこと | Chrome Life

2011/11/29 124 users 競合 ターゲット 動向 ウェブマスター ユーザー層

サイトを運営していると、競合サイトの動向が気になってきますよね。 ・競合サイトと比べて、アクセス数はどれぐらい違うのか？ ・ターゲットのユーザー層（年齢・性別）は似通っているか？ ・競合サイトは、SEOでどういったキーワードを狙っているのか？ これらのことが分かれば、自分のサイトの改善点も見えてきます。 敵を知り、己を知れば百戦危うからず サイト運営は戦ではありませんが、競合がいるのも確かです。 ... 続きを読む

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

2011/11/22 403 users ユーザースクリプト Greasemonkey

先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWe... 続きを読む

Google＋でハイレベルな写真を公開している世界のフォトグラファー20選 | Chrome Life

2011/11/15 113 users 世界 写真 Twitter Facebook ストリーム

みなさん、Google＋を活用していますか？ 筆者の周りでも、Google＋の楽しさがイマイチ分からないという声をよく聞きます。 少なからず、現段階では身近な人でGoogle+をやっている人は、まだまだ少ない状態です。 フォローする人がいないと、ストリームが流れないのでまったく面白くないのも当然です。 Google＋の場合、Facebookと違ってTwitterのように一方的にフォローはできるので... 続きを読む