ogatism頑張るあなたを、応援してます。Scriptを連携させる方法です。お互いに違うhtmlを開いているので、データを連携させるには特別なAPIが必要となるのです。APIを使う今回はChrome.API.tabsというAPIを使います。そのため、manifest.jsonにpermissionというものを設定しましょう。"popup.html"}}[/javascript]そして見ての通り、content_scripts(第3回で説明)とbrowser_action(第2回で説明)の両方を入れています。content_scripts側にイベントリスナーを設定し、browser_action側からのリクエスト待ちにします。);});[/javascript]特に説明なくても、なんとなく見れば分かりそうなコードですかね。titleタグの内容を返しています。このあたり本家ドキュメントではXSS、クロスサイト・スクリプティングに注意とかしきりに書かれていますので気をつけて。browser_action側はこのように書きます。url);});});[/javascript]タブに対してクエリを発行するという関数です。active:trueとなっているので現在選択中のタブが第二引数のコールバックに入ります。処理内容はsendMessage、メッセージ送信です。対象はtab[0].id、今回は選択中のタブなので一つしかありませんが複数の場合は引数を指定するなりfor文使うなりしましょ。第二引数は渡すパラメータ、第三引数はコールバック関数。見ての通りcontent_scriptsから受け取ったタイトルとアクティブなタブのURLをid="place"(ここには書いてないけどdivタグ)に挿入します。Extensionやってみたい方は覚えておきましょう。Info(オガティ)エンジニアとして勤め、インフラ周りの開発を経た後Web業界へ異動。プライベートでもブログ「ogatism」の運営や電子書籍の執筆、占星術師としての活動など幅広い分野で活動中。エンジニアとして勤め、インフラ、組み込み周りの開発を経た後Web業界のエンジニアとなる。現在はフリーで活動中。ブログ「ogatism」の運営や占星術ソフトの開発などを行いつつ、電子書籍の執筆や占星術師としての活動など幅広い分野を手がける。アソシエイトを利用しています。