特集
カテゴリー
タグ
メディア

Chromeの新規タブページにカスタムウェブアプリを追加!

  • カテゴリー:
  • TOOL
Chromeの新規タブページにカスタムウェブアプリを追加!

Myfav.es」などのカスタム新規タブページもかなり便利ですが、Chrome専用ウェブアプリへのアクセスが簡単なChromeのデフォルトの方が好き、という方も沢山いらっしゃるようです。

そこで今回は、Chromeの新規タブページにお気に入りのページを追加する方法をご紹介!

一見デフォルトでは、Chromeの新規タブページに任意のウェブサイトを追加する簡単な方法はありません。しかし、クイックアクセスのみで十分な場合、andrew.yeh.10さんが教えてくれた簡単な方法があります。

Chrome Web Storeにない場合でも、Chrome新規タブページ用のウェブアプリを作成することは可能。新規フォルダを作成し、「manifest.json」という名前の新規テキストファイルを作成し、名前、詳細、URL、ローンチページを入力します。

{

"name": "Name_of_web_app",

"description": "Description of web app",

"version": "1.0",

"icons": {

"128": "128.png"

},

"app": {

"urls": [

"http://yourwebsitehere.com"

],

"launch": {

"web_url": "http://yourwebsitehere.com"

}

},

"permissions": [

"unlimitedStorage",

"notifications"

]

}


同じフォルダに128x128のpng画像を「128.png」として保存。これはウェブアプリのアイコンとして使用されます。

これが終わったら、「chrome://extensions/」(拡張機能)へと移動し、デベロッパー モード(右上)を開きます。「パッケージ化されていない拡張機能を読み込みます」から先ほど作成したフォルダを選択し、OKをクリックしましょう。

また、オプションをクリックしてフォルダを選択すると、「Pack extension」の実行も可能です。実行するとインストール可能な「.crx」ファイルが作成されます。「Dropbox」を活用すれば、複数のパソコンでのChromeウェブアプリの同期も可能です

気になった方は、ぜひ試してみて下さい!

Whitson Gordon (原文/訳:まいるす・ゑびす)

swiper-button-prev
swiper-button-next