Windows 10

Microsoft Edgeの拡張機能でHello Worldしてみた。

【Windows 10ユーザーズ・ワークベンチ】Edgeの拡張機能サポートと使いやすくなったタッチキーボード – PC Watch」記事でも紹介されていますが、Windows 10 Insider PreviewでついにMicrosoft Edgeの拡張機能(Microsoft Edge Extensions)が追加されました。

現在(2016/3/28 時点)「Developer Resources : Microsoft Edge Dev」ページでは、追加手順とともに「Microsoft Translator」「Reddit Enhancement Suite」「Mouse Gestures」の3つの拡張機能が公開され、それぞれの機能をEdgeに追加・試用することができるようになっています。

Edgeの拡張機能を自分で作ってみる

上記拡張機能が実際にEdgeで動くことが分かったので、今度は自分で作ってみることにします。

※ 下記拡張機能はWindows 10 Pro Insider Preview 10.0.14295 ビルド 14295、Microsoft Edge 34.14295.1000.0 環境で動作確認しています。
※ Windows 10正式ビルドでは拡張機能の作成・追加手順が異なる可能性があります。
※ 下記手順は公開されている3つの拡張機能のマニフェストファイルやインストール用のバッチファイル(INSTALL_SCRIPT.cmd)を参考にしました。

  1. 拡張機能用のフォルダーを作成します(今回は C:\Extensions\HelloWorld )。
  2. 1.のフォルダーに下記3つのファイルを作成します(すべてUTF-8)。
  3. ・manifest.json

    {
      "name": "テスト用拡張機能",
      "description": "拡張機能のテストです。",
      "version": "0.0.0.1",
      "locale": "ja",
      "default_locale": "ja",
      "background": {
        "page": "background.html"
      }
    }

    ・background.html

    <!DOCTYPE html>
    <html lang="ja">
    <head>
    <meta charset="utf-8">
    <script src="background.js"></script>
    </head>
    </html>

    ・background.js

    alert("こんにちは、世界!");
  4. コマンド プロンプトを起動し、icaclsコマンドを実行して1.のフォルダーにアクセス権を設定します。
  5. Microsoft_Edge_Extensions_01_01

    Microsoft_Edge_Extensions_01_02

    この作業を行わないと、拡張機能を読み込む際に「この拡張機能を読み込めませんでした」エラーが発生します。

    Microsoft_Edge_Extensions_01_03

  6. Microsoft Edgeを起動し、「about:flags」を開きます。
  7. アンパックされた拡張機能の読み込みを許可する」にチェックが入っていることを確認します。
  8. Microsoft_Edge_Extensions_01_04

  9. Edgeの「詳細(…)」から「拡張機能」をクリックします。
  10. Microsoft_Edge_Extensions_01_05

  11. 拡張機能の読み込み」ボタンをクリックします。
  12. Microsoft_Edge_Extensions_01_06

  13. フォルダーの選択ダイアログが表示されるので、1.のフォルダーを選択します。
  14. Microsoft_Edge_Extensions_01_07

  15. 拡張機能が無事に読み込まれると、マニフェストファイル(manifest.json)で指定したWebページ(background.html → background.js)が読み込まれ、メッセージが表示されます。
  16. Microsoft_Edge_Extensions_01_08

拡張機能のレジストリー情報

追加したテスト用の拡張機能のIDをキーワードにレジストリーを検索したところ、下記キーがヒットしました。

  • HKEY_CLASSES_ROOT\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config
  • HKEY_CURRENT_USER\SOFTWARE\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config
  • HKEY_USERS\S-1-5-21-3419937221-2281497906-2190042621-1001\SOFTWARE\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Storage\microsoft.microsoftedge_8wekyb3d8bbwe\MicrosoftEdge\ExtensionsStore\datastore\Config

恐らく、上記キー付近に拡張機能の情報が記載されているのだろうと思います。

参考Webサイト

【オトカドール】あそべるお店マップ「オトカマップ」を作ったよ。前のページ

Microsoft Edgeの拡張機能を色々試してみた。次のページ

関連記事

  1. Windows関連

    ドラッグ&ドロップした画像をクリップボードにコピーするバッチファイル

    いくつか画像ファイルを編集する必要があったときに書いたバッチ(というよ…

  2. Excel

    起動中のMicrosoft EdgeからタイトルとURLを取得するVBAマクロ(UI Automat…

    当ブログでは、Microsoft Edgeを外部から操作するプログラム…

  3. Windows 10

    Windows 10をクリーンインストールする。

    各種メディアでも話題になっていますが、先日ついにWindows 10が…

  4. Windows 10

    [Windows 10]「WebとWindowsを検索」を消す方法

    Windows 10を使ってみて真っ先に思ったことが、タスクバーに表示…

  5. Windows関連

    [Windows 8]ストアでアプリを検索する。

    今回はWindows 8のストアでアプリを検索する方法を紹介します。…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

Time limit is exhausted. Please reload CAPTCHA.

※本ページはプロモーションが含まれています。

Translate

最近の記事

アーカイブ

PAGE TOP