GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern SyntaxQueenの「ボヘミアン・ラプソディー」を扱ったビデオというのはこれまでいくつも見てきましたが、こんな感じのやつは初めてです。いやあ、よく思いついたものだな。 「ボヘミアン・ラプソディー」のPVを観ていないとピンとこないのですが、観た事ある人だったらにやりとしてしまうのではないでしょうか。 にしてもなぜバットマンの格好をしているのかはわかりませんw @wholepotato Replying to @Angelina thomas ♬ som original - Igor Ferraz
第6回 Firebug要らずなChromeのWeb Inspector | gihyo.jp
こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit（Safari）で開発されたもので、Google Chrome（Chromium）に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ
郵便番号から住所を検索するJavaScriptの再々発明 - Webtech Walker
先日勉強会で@kotarok先生が見せてくれたjQuery.zip2addrを元に車輪の再々発明（kotarokさんのが再発明と言っていたので）してみました。 jQuery.zip2addrはGoogle日本語入力APIを利用して郵便番号から住所を検索するという画期的アイデアのスクリプトなんですが、これのjQueryとかHTMLに依存してない版です。 DEMO hokaccha’s js-zip2address at master - GitHub zip2address('150-0001', function(address) { address.all; //=> 東京都渋谷区神宮前 address.pref; //=> 東京都 address.city; //=> 渋谷区神宮前 }); ハイフンはあってもなくてもいいです。郵便番号が間違ってたりするとaddressにはundefin
Grab and Drag for Google Chrome - 素人がプログラミングを勉強していたブログ
MacのChromiumの最新版でしか確認していないのでそれ以外の環境で動くかは未確認。それから、cursor: -webkit-grab等の値は認識されているがカーソルに反映されていないようであり、よくわからないのでそのままにしてある。 乗り遅れないうちに、Google Chromeの拡張でも書いておこうかなと思って、Google Chromeで使えるGrab and Drag（iPhoneやAdobeReaderみたいに掴んでスクロールできる物）を作った。 javascripter/Grab-and-Drag · GitHub grab_and_drag.crx 現状ではメインの部分は下のようになっていて、クリックしてから300ms以上マウスを動かさなかったらドラッグではなくテキストの選択ができるようにした。 こういった状態遷移のあるプログラムでは、Stateパターンを使うとif文によ
先取り！ Google Chrome Extensions 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Add Gadget to Your Webpage
This is a preview of what the gadget would look like on your page. If parts of the gadget appear cut off, try increasing the width and/or height. More about this gadget.
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Google Mapsの基礎 [JavaScript講座 -Smart]
Google Mapsの設置 Google Maps のAPIキーの申し込み まず、Google Maps APIのサイトから、サインアップページを開きます。 サインアップページで利用条件に同意し、サイトのURLを入力すればAPIキーが取得できます。キーの取得にはGoogleアカウント（無料）が必要です。 [I have read and agree with the API terms and conditions]のチェックボックスをチェックし、[My Web Site URL:]のテキストボックスにGoogle Mapsを利用するサイトのドメインを入力します。次に[Generate API Key]をクリックすると、APIキーとHTMLサンプルが表示されます。 もし、このときGoogleアカウントをまだ持っていなければ、自動的に申し込み画面に進むので、アカウント取得の手続きを済ませて
![Google Mapsの基礎 [JavaScript講座 -Smart]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
第8回 WebページにGoogle APIで簡単にきれいなグラフを描く
Googleが提供しているAPIライブラリ「Google API」と聞いてパっと思いつくのは，検索系（Google AJAX Search API）か，地図系（Google Maps API／Google Earth API）でしょう。しかしGoogle APIには他にもいくつか種類があります。今回ご紹介するのは「Google Visualization API」です。Visualizationってなんだろうということですが，実はこれグラフを描画するためのAPI群です。 グラフを作るということだけであれば，Excelのような表計算ソフトを使うのが一番手っ取り早い方法です。しかし，例えばWebサイトの中でグラフを利用しようと思えば，Excelでグラフを作り，これを画像としてキャプチャし，HTMLに貼り付けるという手順を踏まなくてはなりません。実際にIT系の記事では，特にハードウエアのベンチマ
はじめてのGoogle Maps API のつづき | _level0 - KAYAC Front Engineer Blog
コンチはー！kijimaです。 前回の「はじめてのgoogleMapsAPI」に引き続き、今回もgoogle Maps APIネタでまいります。前回は地図を表示して、マウスクリックに対してMapMouseEventを定義してあげて座標を取得し、初期座標を設定するところまでやりました。 今回はcom.google.maps.overlaysのMarkerクラスを使って、ピンのような印を地図上にたくさん表示させたいと思います。 今回は全体のソースコードを見てみましょう。ドキュメントクラスです。 package { import flash.display.Sprite; import flash.geom.Point; import com.google.maps.*; import com.google.maps.controls.*; import com.google.maps.over
Googleがコミュニケーションツール「Google Wave」を発表 :教えて君.net
米サンフランシスコで行われているGoogleの開発者によるミーティング「Google I/O」にて、「Google Wave」なるサービスが発表された。公開されたスクリーンショットにはメールやTodoリスト、連絡先のほか、画面右側には「Snapshots!」という項目があり、登録ユーザの写真一覧、それに関するコメントなどが確認できる。Gmail、Google Docs、Picasa、SNS、メッセンジャー、Twitterなどを融合させた“リアルタイムコミュニケーションツール”といったところだろうか。 GoogleWaveはGoogleマップを制作したチームによるもので、ウェブ上の新しいコミュニケーション・コラボレーションツールとして2009年下半期のリリースを予定して制作されているという。会話や文書などをリアルタイムに共有でき、iPhoneやAndroid携帯上でも動作している様子が動画で
本当はすごい、知られざるGoogle Maps APIたち!!
「商業利用もOK！ Google Mapsについて知りたいこと」に続くGoogle Mapsインタビューの後編は、数多く存在するGoogle Maps関連のAPIや機能のうち、あまり知られていないものや新しいものをグーグルのソフトウェアエンジニア、淺川浩紀さんに聞いた。 Code Playgroundでオンライン編集 まずは、即効性のあるものからいこう。 Googleが持つ多くのAPIは、Webブラウザ上からJavaScriptによって呼び出せる。JavaScriptはコンパイルの手順なしに書けば実行できるので手軽である。しかし、だからAPIを試すのも簡単だとは限らない。例えば、Google Maps APIなら正しいGoogle Maps APIキーを用意したり、適切な文書にプログラムを埋め込んだりする作業を行い、それをWebブラウザで開かねばならない。
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chrome Developer Tools入門 in DevFestX Sapporo
Chrome Extentions by os0x
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座
「Google Apps Script」正式公開 
http://e0166nt.com/blog-entry-574.html