GN125、グラディウス400のメンテナンス/カスタムブログです。現在のズーム値の情報をワンクリックで抽出するよ、というChrome拡張を作りました、という記事です。諸事情で、GoogleMapの位置情報を沢山集める必要が出たので作りました。ちなみに、このChrome拡張は、2017/04/26時点のGoogleMapの仕様に合わせて作っていますので、仕様が変更された場合は使用できなくなります。(左側のタブ)⇒パッケージ化されていない拡張機能を読み込むで、ダウンロードしたzipを展開しておいたものを選択すればOKです。具体的な使い方、というか動きは下記のような感じです。正常に場所情報が取得できれば、textareaに場所情報の抽出結果が表示されます。取得結果は、JSON形式なので、JSON.parseすればオブジェクトとして使用できます。こんな感じのChrome拡張です。最後のJSON形式が使い辛いでしょうから、使う人は自分の好みの形式に修正してあげてください。ソースはこんな感じですファイルの配置などファイルの配置は、いつも同じなのですが下記の通りです。シンプルな構成となっております。popup.html└─jsmain.js[/text]ソースですmanifest.jsonについては、何度も書いてきたので割愛します。saveData([]);});});[/javascript]かんたんにソースの解説manifest.jsonに記述していますが、popup.htmlとmain.jsは、ツールバーのGアイコンを押下した時に開くポップアップの見た目とボタン押下時の処理を担っています。class="pun">)</span>[/javascript]で、現在windowのactiveなtab(=自タブ)を取得します。第2引数がtab取得成功時のコールバックになります。ここで、取得したtabに対してmessageを送ってdoScraping.jsのListenしているイベントを発火させます。下記の処理部分ですね。{},function(data){})[/javascript]このメソッドは、処理完了時に第3引数のコールバックを成功時に返却されるデータを引数に付けて実行してくれます。今回の場合は、取得データをchromeのstorageに保存しつつ、画面に描画しています。doScraping.jsでは、メッセージリスナを登録しています。前述のmain.jsでsendMessageしてきたものを補足しています。抜出して、オブジェクト形式に整形してsendResponseでメッセージを返却します。他の処理は...割愛します。今回は、Phonegap/Cordova入門3回目です。hidetaso[...]【Talend】ジョブの分割と値の受渡し/返却。今回は、Wordpressの話です。最近、ブログ村に登録しました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。【Javascript】爆速でChrome拡張プラグイン開発を試す。作り方は意外とかんたんでした。【Talend】グローバル変数の使い方(globalMapとcontext)【JSF入門02】ボタン押下時のイベントを扱う。入門01】開発環境の構築。TalendをインストールしようETL開発ツールは比較するまでもなくTalend一択だと思う。入門02】CSVデータを変換する。Talendの使い方からはじめます。【エストレヤ】なんと妹がバイク乗りになるらしい。いうわけでバイクを購入しました。Songバイクでツーリングいこっ!心に残る絶景を写真にGN倶楽部IT系カテゴリの最新記事2019.03.06Wordpress,【WordPress】突然固定ページが404エラーで表示されなくなった!?ので私の対処法を書きます。WebSlides,【WebSlides】HTML+CSS+Javascriptでプレゼン資料を作成したら割とウケた話。React,【React】Reactに爆速で入門する4。React,【React】Reactに爆速で入門する3。React,【React】Reactに爆速で入門する2。WordPress.。