天使やカイザーと呼ばれて » Chrome Apps for mobileの開発方法
一部で話題になっていたGithubにある「MobileChromeApps / mobile-chrome-apps」ですが、先日遂に正式にGoogleからアナウンスがありました。デスクトップPC向けに開発されたChrome Appを元にして、このツールを使ってモバイル向けアプリ(Android/iOS)を自動的に作成することが可能です。HTML5とJavaScript、CSSを使って、Android/iOSアプリを開発することができるだけでなく、その中で各種Chrome APIを使うことができます。Cordovaベースなので、Cordovaそのものが提供する機能も利用することができるでしょう。 今日は、このツールの使い方を説明した文書を日本語訳してみました。以下の手順をやっていくことで、モバイル向けChrome Appを作ることを試すことができます。ぜひ体験してみてください！ Step
「Momentum」でGoogle Chromeの“新しいタブ”をかっこよく、意識高く : Blog @narumi
2014年01月10日10:00 「Momentum」でGoogle Chromeの“新しいタブ”をかっこよく、意識高く http://narumi.blog.jp/archives/2212070.html「Momentum」でGoogle Chromeの“新しいタブ”をかっこよく、意識高く ブラウザはGoogle Chromeを使っているんですけど、「新しいタブ」を超かっこよく、かつ意識高く演出してくれる拡張を入れてみました。「Momentum」というやつです。 「Ctrl+T」を押すとこんな画面になるらしいのです。きれいな写真と時間と今日の主なTo doが表示される。これはなかなか良さそう。 さっそく入れてみました。まずは名前を聞かれる。ここは正直に入力しましょう。 次に今日の主なタスクを入力。えーっと、なんだろう。急に聞かれると…。 うん、ないな…。 これで完成。あとはいつ新しいタ
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる
グーグルがChrome DevToolsの学習ビデオを公開。DOM操作からプロファイリング、メモリリークの発見まで詳しく学べる 学習内容は全部で以下の7つのレベルに分かれており、17本のビデオと、レベルごとに用意された、実際に自分で操作して解いてみる75以上の例題から構成されています。レベルをクリアするとバッジがもらえるようになっています。 Level 1: Getting Started & Basic DOM and Styles Level 2: Advanced DOM and Styles Level 3: Working With the Console Level 4: Debugging JavaScript Level 5: Improving Network Performance Level 6: Improving Performance Level 7: Memo
僕が考えたChrome拡張機能を作るときのデザインパターン
最近いくつかのChrome拡張機能を作っていて、すでに数千人のユーザを獲得できているものが出てきてたりします。 Image collector extension goo.gl URL Shortener extension mixi Check button extension Semantic inspector これだけ作ってると、何となく自分でのChrome拡張機能を作り出す際のデザインパターン・・・っていう大それたものじゃないけど、ようはテンプレが確立されてきます。全く褒められない書き方をしているかもしれませんが、ここでそのテンプレ達を晒しておこうかな、と思います。 manifest.json まずはChrome拡張機能の要であるマニフェストファイルです。これは誰が書いてもさほど変わらない記述内容となるでしょう。 { "manifest_version": 2, "name":
Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版]
旧版である、Greasemonkey で 超お手軽に jQuery を使うスニペット は Firefox で使用する分には問題ないのですが、Chrome ではセキュリティ上の都合か、Greasemoneky 上における unsafeWindow が unsafe では無いようで (？) unsafeWindow.jQuery などに Greasemoneky からアクセスすることが出来ません。 そこで、Chrome 対応版のスニペットを用意しました。 ただ、いわば Chrome のセキュリティを回避した書き方になるため、旧版にあった、「該当ページですでに jQuery が読み込まれていればそれを利用」という特徴が失われてしまっています。 逆に言えば、常に自分で指定したバージョンを利用できるので、jQuery の新しい機能を使ったスクリプトを書く場合などは、こちらのほうが優れています。 スク
![Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfce051a419b91ee728044e598f8b651644d8486/height=288;version=1;width=512/https%3A%2F%2Fwww.otchy.net%2Fs%2Fimg%2Fcover%2Fdefault.jpg)
Talend API Tester - Free Edition - Chrome Web Store
Visually interact with REST, SOAP and HTTP APIs. Welcome to Talend API Tester - Free Edition, formerly known as Restlet Client. Talend API Tester makes it easy to invoke, discover and test HTTP and REST APIs. Talend API Tester - Free Edition's main functions include: 1. Send requests and inspect responses Talend API Tester - Free Edition handles all HTTP requests, no matter how complex. Requests c
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Extensions API リファレンス