[B! GoogleChrome] tanaka_shiのブックマーク

ReactではじめるChrome拡張開発入門

ReactとTypeScriptで、シンプルかつ実用的なChrome 拡張機能を開発するための入門書です。開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。また、本書を読むことでDeepLのような実践的な翻訳Chrome 拡張機能を開発できるようになります。所要時間：約2時間対象者： Reactを少しでも触ったことがある人【2023/02/20】初版を公開しました！【2024/02/18】改訂版を公開しました！

tanaka_shi 2023/02/22

リンク

とほほのChrome拡張機能開発入門 - とほほのWWW入門

Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記

tanaka_shi 2023/01/28

GoogleChrome

リンク

ChromeのDevToolsの便利機能まとめ

池田泰延 @clockmaker ウェブ制作会社ICS代表。筑波大学非常勤講師。HTML/CSSのフロントエンド技術が専門、TypeScript/WebGLによる3D表現やクリエイティブコーディングが得意。著書『JavaScriptコードレシピ集』など解説書12冊を執筆。ウェブ業界の最新情報と、現場で役立つ技を発信します。趣味でタイムラプス撮影。 ics.media/entry/staff/ik…