【Chrome拡張機能をつくってみよう!】ファイルのアップロード方法!

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「Chrome拡張機能の作り方」の中でも「ファイルのアップロード方法」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・「Chrome拡張機能」を作ってみたい人
・Chrome拡張機能へ「ファイル」をアップロードする方法が知りたい人
・動作確認をしたい人

ファイルの中身の確認!

今回アップロードする「ファイル中身」はこのようになっています。

icon.png … アイコン画像
manifest.json … 概要ファイル
popup.html … HTMLファイル

最低限必要なのは、この3つですが機能に応じてファイルが増えることもあります。
(例えば、JavaScriptを使用する場合は、JSファイルなど。)

「manifest.json」の書き方がわからない…!という方はコチラ↓

 

 

実際にアップロードしてみよう!

それでは、早速ファイルをアップロードしていきましょう!

まずは「Chromeブラウザ」「chrome://extensions/」(コピペでOK!)を検索!

するとこのような感じで、現在使用している「Chrome拡張機能の一覧」が表示されます!

このページが表示されたら、右上にある「デベロッパーモード」というボタンをクリックして「ON」にしてください!

すると、今まで隠れていた項目がいくつか表示されたのが確認できると思います!

その項目の中にある「パッケージ化されていない拡張機能を読み込む」をクリックします!

すると「エクスプローラーが起動」するので、「アップロードしたいフォルダを選択」します!

このように「Chrome拡張機能の一覧」に表示されていればアップロード完了です!

(おつかれさまでした…!)

 

動作確認をする場合は、「Chromeブラウザの右上」の方に、アップロードした拡張機能の「アイコン」が表示されていると思うので、「クリック」してみてください!

 

感想・まとめ

今回は「「Chrome拡張機能の作り方」の中でも「ファイルのアップロード方法」」について、書いていきました…!

いかがだったでしょうか?

「Chrome拡張機能」はちょっとした便利な機能を作成することができるのでとても便利ですよね…!
自身の「Chromeブラウザ」を使いやすいようにどんどんカスタマイズしてみてください!(ステキ…!✨)

それでは今回はこの辺で!

ここまで読んでくださり、ありがとうございました!

おさかなでした!

 

【おさかなび-osakanav-】では、この記事の感想!おさかなへの応援メッセージ!おさかなに聞きたい事、質問!記事にしてほしい内容!などを大募集中!

「氏名」「メールアドレス」「内容」の3点をご記入の上「osakana1699@gmail.com」までご応募ください!

タイトルとURLをコピーしました