タグ

ブックマーク / www.chrome-life.com (12)

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

    前回の記事で、200行で作れるHTML5製テトリスをご紹介してたくさんの反響がありました。 誰もが知っているゲームを少ないコードで実現していることと、コードが読みやすくてプログラミングのスキルアップに役立つということで関心をもたれたと思います。 これを機会に自分でもゲームを作ってみたいと思った方もいるのではないでしょうか?筆者もそのうちの一人です。 しかし、フルスクラッチで作るとなるとそれなりに経験が必要ですし、高度な動きを実現するにはどうやって作れば良いのかも分かりません。 そこで今回ご紹介するのは、ゲーム作りに最適な、高性能JavaScriptアニメーションフレームワーク「CAAT」です。(CAATは、Canvas Advanced Animation Tookitの略) 「CAAT」は完全なゲームフレームワークとして様々な機能が提供されています。 CAATの機能と特徴 オンスクリーン

    hukuchosan
    hukuchosan 2012/07/06
    ライセンスはMIT。
  • これはすごい!ChromeがSSHクライアントになるエクステンション「Secure Shell」 - Chrome Life

    最近では、クラウド環境を使って簡単にサーバーを構築することができるようになったので、開発者もターミナルを使う機会が増えてきたと思います。 筆者は、Macユーザーなのでターミナルアプリケーションとして「iTerm2」を使っていますが、Windowsの時は「PuTTY」を使っています。 運用でもターミナルからSSHで接続して、設定ファイルを編集したりログをチェックしたりCPU負荷を確認することもよくあります。 こういったSSHクライアントは自分の開発環境にインストールして使っていると思います。 しかし、デモやプレゼンをする際など、自分の開発環境以外からSSHでサーバーに接続したい場合、ターミナルアプリケーションがインストールされていないことがあります。 そこで、今回ご紹介するのが、ChromeがSSHクライアントになるエクステンション「Secure Shell」です。 「Secure Shel

    hukuchosan
    hukuchosan 2012/05/02
    「Secure Shell」では、外部のプロキシを利用せずにSSHサーバと直接接続するネイティブクライアントを利用する方式をとっているので、セキュリティ的にも安心です。 ネイティブクライアントの技術を使うとこんなこともで
  • 人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life

    みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか? それは、 パーツが完璧に揃いすぎている! のが原因です。 Twitter Bootstrapがバージ

    人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ! | Chrome Life
    hukuchosan
    hukuchosan 2012/02/22
    特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じが
  • これはすごい!Chromeで最強のコマンド環境を構築する方法「gleeBox+Quix」 - Chrome Life

    皆さんはキーボード派ですか?マウス派ですか? 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて

    これはすごい!Chromeで最強のコマンド環境を構築する方法「gleeBox+Quix」 - Chrome Life
  • Native Clientのクオリティー高すぎ!家庭用ゲーム機と同クオリティーを実現したブラウザゲームまとめ - Chrome Life

    Native Clientは、ブラウザ上でネイティブコードが実行できるテクノロジーです。 GoogleがNative Client(NaCl)を公開したのは2008年12月だったので、今から3年前とかなり昔の話なのですが、やっと実用的に使えるレベルに達したことで、Chrome 14から組み込まれています。 今までもブラウザ上で動作するゲームはたくさんありました。 特にソーシャルネットワークの登場で、友達と一緒に遊ぶソーシャルゲームが人気となりました。 これらのゲームは、Flashで作られたものが多かったのですが、最近はHTML5で実装されているものも増えてきました。 しかし、ブラウザ上で動作するゲームということなので、グラフィックやパフォーマンスに関する部分はあまり期待できるものではありませんでした。 Native Clientの登場で、今まで難しかったハイクオリティーのゲームがブラウザ上

    Native Clientのクオリティー高すぎ!家庭用ゲーム機と同クオリティーを実現したブラウザゲームまとめ - Chrome Life
  • Chromeエクステンション開発者向けベスト20「2011年決定版」本当に使えるものだけを集めました! - Chrome Life

    今年は、いろんなChromeエクステンションを使ってみて、みなさんにご紹介させていただきました。 どれも便利なエクステンションばかりなのですが、エクステンションをインストールしすぎるとChromeが重くなってしまうので、当に必要なものだけに絞っていかなければいけません。 そこで今回は、Chromeエクステンションの総決算として、開発者向けのものだけをセレクトしたベスト20をご紹介します! 2011年現在、筆者が常用しているChromeエクステンションの中から厳選したものですので、参考にしてみてください。 AutoPager Chrome 次ページを自動的に読み込んでくれます。これが無いと検索して探すのが嫌になりますw Auto-Translate 選択したテキストを翻訳してくれます。(Bubble Translateが使えなくなったのでこっちに切り替えました) Better Histor

    Chromeエクステンション開発者向けベスト20「2011年決定版」本当に使えるものだけを集めました! - Chrome Life
  • これはすごい!Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 - Chrome Life

    ChromeのシェアがFirefoxを抜いたことで、メインブラウザとして乗り換える人も増えてきたように思います。 そんな人からは、Chromeは軽くてシンプルなので使いやすいという声をよくききます。 しかし、Chromeがリリースされた当初は、あまりにも機能が少なくてこれだけで使い物になるのか?と疑問に思っていた時もありました。 それが今では、Chrome自体の機能も他のブラウザに匹敵するぐらい使えるものに進化したのには正直驚いています。 筆者は、今のChromeで十分満足しているのですが、ただ1つだけ不満な機能があります。 それは、 Chromeの履歴機能が貧弱すぎる! という点です。 Chromeでアクセスしたページの履歴が確認できる機能なのですが、画面を見てみるとわかるように手を抜いて作ったのではないかと疑ってしまうぐらい貧弱ですw 履歴が新しい順で並んでいるだけで、検索機能はありま

    これはすごい!Chromeの履歴が見違えるほど使いやすくなるエクステンション「Better History」 - Chrome Life
    hukuchosan
    hukuchosan 2011/12/07
    Better Historyは、Chromeの標準機能として取り込んでほしいぐらいのエクステンションだと思います。
  • Greasemonkeyを超えた!ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life

    先日、Adobeからモバイル向けFlashの開発中止というニュースがありました。 リッチコンテンツの領域で独占していたFlashでさえ、HTML5の標準化の波には逆らえなかったんですね。 来年あたりから、HTML5の利用が一気に加速していく予感がします。 筆者も、最近ではサイト構築の際にHTML5を選択する機会が増えてきました。 HTML5+CSS3+jQuery この組み合わせで、ほとんどのWebアプリケーションの機能を実装することができる時代になってきたと思います。 必要なデータは、クラウドに保存してAPI経由で読み書きできれば良いので、その部分だけサーバーサイドに任せる感じのシンプルな構成になればベストです。 JavaScriptの部分は、別にjQueryじゃなくてもよいのかもしれませんが、プラグインや情報が豊富で、jQueryが使える開発者も多いことから、jQueryを選択しておけ

    Greasemonkeyを超えた!ユーザースクリプトを自在に実行できるChromeエクステンション「jsshell」 - Chrome Life
  • これはすごい!Google+の中でのエキスパートを調べる方法 “フォローすべき人が見つかるかも?” - Chrome Life

    Google+を使っていて一番迷うのが「誰をフォローするべきか?」だと思います。 興味ある分野が同じ人をフォロー ができれば、Google+をもっと楽しめるはずです。 そこで今回は、Google+の中であなたの興味ある分野においてエキスパート(よく言及している人)を探す方法をご紹介したいと思います。 エキスパートを探すサービスとして、TOPSYを利用します。 TOPSYは、Twitterのデータを集めてリアルタイム検索・分析ができるサービスなのですが、日よりGoogle+のデータも検索対象になりました。(TOPSYからの発表はこちら) TOPSY Google+検索 これでGoogle+のリアルタイム検索もできるようになったわけですが、既にGoogle+上で検索ができるのでそれほど目立ってうれしいことはないなと思っていたら、すごい発見がありました! なんと!TOPSYの検索機能に、エキス

    これはすごい!Google+の中でのエキスパートを調べる方法 “フォローすべき人が見つかるかも?” - Chrome Life
    hukuchosan
    hukuchosan 2011/10/18
    TOPSYの検索機能に、エキスパート検索というものがありました。 これを使えば、あるキーワードに対して最も言及(発言)している人をエキスパートとしてピックアップしてくれます。 発言内容そのものを検索するのでは
  • Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利!開発者向けの特殊URL早見表付き - Chrome Life

    Chromeでは、アプリケーションやエクステンションを開発する人のために、ブラウザのメモリ状況やキャッシュ・ネットワーク通信状態などの内部情報を確認できる仕組みを提供しています。 ブラウザの内部情報は、chrome://xxx のような特殊なURLでアクセスすると確認ができます。 例えば、ブラウザで下記のアドレスを入力します chrome://net-internals/ ネットワークに関する様々な情報が確認できるページが開きます。 他にもこのような特殊URLはたくさんあるのですが、開発者向けの隠し機能なのでアドレスを直接入力しなければいけなく面倒です。 しかし、最新のChromeでは特殊URLの一覧ページがちゃんと用意されていました。 chrome://chrome-urls/ をアドレスバーに入力すると、特殊URLの一覧が表示されるので、そこからアクセスできるようになります。 どのUR

    Chromeの隠し機能にアクセスできる「Service Pages for Google Chrome」が便利!開発者向けの特殊URL早見表付き - Chrome Life
    hukuchosan
    hukuchosan 2011/10/18
    Chromeの隠し機能にアクセスできるエクステンション「Service Pages for Google Chrome」です。 「Service Pages for Google Chrome」をインストールしておくと、ツールバーのメニューから簡単に隠し機能のページへアクセスできるようになり
  • これは痛い!AppEngine新料金体系の影響でGoogle Plus Feedが停止に〜Googleロックインの恐怖〜 - Chrome Life

    ブログで紹介していたGoogle+の投稿をRSSに変換してくれるサービス「Google Plus Feed」が9月1日から使えなくなっていました。 Google+のフィードが取得できる唯一の存在だったので、かなり痛いです。 作者のRussell Beattie氏は、Google+上でサービス中止に至った理由を語っていました。 これを見ると、Google App Engineの新料金体系になると今まで$2.50/日だったのが$34.38/日のコストがかかるようになるので、継続できないとのことです。 「Google Plus Feed」では、Google+のプロフィールページをフェッチしてJSONデータを取得し、RSSのXML形式にして配信するシンプルな仕組みです。 今まで無料で提供してくれていたサービスだけあって、コストが13倍も膨れ上がるとサービス停止の判断はもっともだと思います。 Ap

    これは痛い!AppEngine新料金体系の影響でGoogle Plus Feedが停止に〜Googleロックインの恐怖〜 - Chrome Life
  • 本当は教えたくないSEO!アクセス数が20倍になったブログタイトル32文字の法則 - Chrome Life

    このブログの最初の記事が5月23日でした。それから約2ヶ月半コツコツ更新を続けてきました。 まだ立ち上げて間もない状況ですが、このブログに驚くべき変化が訪れました。 「一気にアクセス数が20倍になった」 Chrome Lifeでは、だいたい1週間で平均3つの記事を書いています。 毎日更新はしていないので、アクセス数の推移はAnalyticsを使って1週間単位で見るようにしています。 アクセス数を見てみると、5月、6月は、1週間で2,000から3,000PVぐらいだったのですが、7月になって一気に週間PVが76,000を超えていました。 これほどまでに急激にアクセス数がアップして自分でも正直驚いています。 しかし、何もせずにアクセス数が伸びたわけではありません。 それなりに試行錯誤の結果、ブログタイトルにある工夫をすることで飛躍的にアクセス数をアップすることができるようになりました。 ブロガ

    本当は教えたくないSEO!アクセス数が20倍になったブログタイトル32文字の法則 - Chrome Life
  • 1