お気に入りのウェブサイト用のカスタムChromeウェブアプリのショートカットを作成する方法

Aug 3, 2025
クラウドとインターネット
未取得のコンテンツ

グーグルは今 Chromeパッケージアプリのプッシュ 、ただし、多くのChromeアプリは依然としてウェブサイトへのショートカットです。必要なウェブサイトがChromeウェブストアで利用できない場合に、ショートカットとして機能する独自のカスタムウェブアプリを作成できます。

これらのChromeウェブアプリは、 Chromeアプリランチャー Windows、Mac、Linux、および Chrome OS 。ランチャーからそれらを開くことができ、 常にウィンドウまたは固定タブとして開くように設定します —標準のブックマークではそれを行うことはできません。

これはとは異なります タスクバーとデスクトップのショートカットを作成し、Webサイトを独自のウィンドウで実行できるようにします 。あなたはどんなウェブサイトでもそれをすることができます。

カスタムWebアプリを作成する

これを行うには、基本的に、最も単純な種類のChromeウェブアプリを最初から作成します。本当に必要なのはアイコンとWebアドレスだけです。

まず、コンピューター上にWebアプリ用の新しいフォルダーを作成します。

次に、という名前の新しいテキストファイルを作成します マニフェスト.json 新しいフォルダ内。

マニフェスト.jsonファイルを任意のテキストエディタ(メモ帳など)で開きます。次のテキストをコピーして貼り付けます。


「manifest_version」:2、
"名前": " ウェブサイト名 “、
「説明」:「 ウェブサイトの説明 “、
「バージョン」:「1.0」、
「アイコン」:{
「128」:「128.png」
}、
「アプリ」:{
「URL」:[
hっtp://えぁmpぇ。こm/

」、
「起動」:{
"Web_url": " hっtp://えぁmpぇ。こm/

}、
「許可」:[
「unlimitedStorage」、
「通知」

サンプルコードの太字部分を変更して、ウェブサイトの名前、説明、URLを置き換えます。たとえば、ハウツーオタクを起動する場合は、名前フィールドに「ハウツーオタク」と入力し、好きな説明を入力して、URLhttp://howtogeek.comを使用します。

次に、ウェブサイトのロゴとして使用される128×128のPNG画像ファイルを見つけます。正確に正しいサイズの画像がない場合は、Paint.NETなどの画像エディタを使用して大きな画像を切り抜いてサイズを変更できます。

画像ファイルを名前で保存します 128.png 作成したフォルダ内。

最後に、Chromeの拡張機能ページを開きます。 chrome:// extension / 。 [開発者モード]チェックボックスを有効にして、[解凍した拡張機能を読み込む]ボタンをクリックします。

作成したフォルダを参照して[OK]をクリックします—Chromeは作成したばかりのウェブアプリをインストールします。

アプリをインストールすると、新しいタブページからアプリを起動したり、右クリックしてアプリを開く方法をカスタマイズしたり、Chromeアプリランチャーからアプリを起動したりできます。

[拡張子をパック]ボタンをクリックして、拡張子を単一のインストール可能な.crxファイルとしてパッケージ化することもできます。このファイルを他の人に配布して、他の人もインストールできるようにすることができます。

ローカルにインストールされたChromeウェブアプリと拡張機能は、ChromeSyncを使用してパソコン間で同期されません。将来の時間を節約するために、Webアプリフォルダーまたは.crxファイルをバックアップして、他のコンピューターに簡単にインストールできるようにすることをお勧めします。

迅速で醜い方法

ブックマークバーからアイコンのグリッドにブックマークをドラッグして、新しいタブページにカスタムショートカットを追加することもできます。

残念ながら、大きなアイコンは、適切な名前やアイコンがないと、かなり醜いものになります。このブックマークは、標準のブックマークアプリと同じように機能しますが、微調整して見栄えを良くする方法はありません。


理想的には、Googleはドラッグアンドドロップ機能を拡張して、これらのカスタムショートカットの名前を変更し、より適切なアイコンを簡単に割り当てることができます。今のところ、手動​​ソリューションを使用する必要があります。

Create Web App Shortcuts On Your Desktop With Chrome

Create Custom Shortcuts In Google Chrome For Any Website

How To Create Shortcuts To Websites On Your Desktop

MUST HAVE SHORTCUT / TURN ANY WEBSITE INTO AN APP / CREATE CUSTOM APP ICONS USING SHORTCUTS 2019

HOW WE CAN CREATE WEBSITES SHORTCUT LIKE A APP IN HOME SCREEN

How To Create Website Shortcuts On Desktop Using Google Chrome - The Right Way

How To EDIT SHORTCUTS On GOOGLE CHROME?

How To Make Desktop Shortcuts To Websites With Chrome, Firefox, Edge - Tutorial - Tech Tips 2020

Personalize Your Web Browser With Google Chrome Themes

How To Create Your Own Chrome Browser Theme - Customize Chrome Theme

Customizing Chrome

Add Chrome Bookmarks And Web Pages To Android Home Screen

How To Create A Desktop Shortcut To A Website Using Chrome ! Works On ALL Windows OS


クラウドとインターネット - 最も人気のある記事

Outlook.comの新しい「楽しいアニメーション」をオフにする方法

クラウドとインターネット Jun 13, 2025

Microsoftは最近、OutlookWebアプリに「楽しいアニメーション」を追加しました。 Outlookが「おめでとう」や「お誕生日おめでとう」などの�..


iOSとAndroidでSpotifyのイコライザーを有効にする方法

クラウドとインターネット Nov 8, 2024

イコライザー(またはEQ) は、音楽を聴いているときに特定のオーディオ周波数のラウドネスを調整するフィルターです。一�..


OSXでのSafariに最適なキーボードショートカット

クラウドとインターネット Mar 8, 2025

あなたがMacを使っているなら、あなたは今ではそれをよく知っています キーボードショートカットは不可欠なコンポーネントで�..


VoiceOverAssistantを使用してOSXに画面を読み取らせる方法

クラウドとインターネット Jan 28, 2025

視力に問題がある場合、またはMacに画面上のものを読み取らせたい場合は、VoiceOverユーティリティを使用してわずか数ステップで�..


デスクトップのChromeで音声検索とGoogleNowを使用する方法

クラウドとインターネット May 12, 2025

未取得のコンテンツ Chromeは徐々にプラットフォームになりつつあります 、およびAndroidの最高の機能のいくつかはWindowsに移�..


Firefoxを使用して簡単なモックアップを作成する

クラウドとインターネット Aug 5, 2025

未取得のコンテンツ Pencilは、アプリケーションのユーザーインターフェイスのモックアップをスケッチするために使用できるワイヤーフレ�..


Operaブラウザでユーザースクリプトを設定する

クラウドとインターネット Sep 15, 2025

Operaブラウザに素晴らしい拡張スタイルの機能を追加したいですか?これで、ユーザースクリプトの魔法を少し使うことができます。 ..


Firefoxプロファイルのバックアップと復元を簡単に

クラウドとインターネット Mar 7, 2025

未取得のコンテンツ Firefoxプロファイルをあるコンピューターから別のコンピューターに転送するのは、手動で行う必要がある場合は面倒で�..


カテゴリ