ずっと家でアプリ作っていたい

業務効率化小ネタなど

Google Chrome拡張機能

【入門】Google Chrome Extension (拡張機能)でデータを保存する

はじめに データ保存をするために使用するStorage APIとは Sync Local 完成品 ソースコード コード解説 データ保存 データ読み出し まとめ はじめに データの保存ができる様になると機能の幅がグッと広がります。 そこで今回はGoogle Chrome拡張機能のStorag…

【実践】Google Chrome Extension (拡張機能)で電卓を作成する

はじめに 完成品 学んだこと 拡張機能を作る際の手順 基本的な電卓の実装方法 電卓の主な機能 数値ボタンを押すと、押した数値が表示される 小数点を使うことで小数が表現できる 四則演算ができる 「=」を押して計算結果が求まる 計算結果を引き継げる 便利…

【入門】Google Chrome Extension (拡張機能)でJavaScriptを使用する②バックグラウンドで処理を実行する

[: h400] はじめに Google Chrome拡張機能には、Background Scriptという機能があります。 これを使うことで、ポップアップを表示しなくてもいろいろな処理を行うことができます。 今回はそんなBackground Scriptを使った拡張機能の作り方をシェアします。 B…

【入門】Google Chrome Extension (拡張機能)でJavaScriptを使用する①ボタンがクリックされた時にイベントを実行する

はじめに Webの技術はHTML/CSSとJavaScriptを中心に構成されており、 Google Chrome拡張機能でも、「使える」レベルの拡張機能には JavaScriptが欠かせません。 本格的な拡張機能を作成するため、JavaScriptを使って、拡張機能に「ボタンがクリックされたと…

【入門】Google Chrome Extension (拡張機能)でBootstrapを使用する

はじめに せっかく作るならデザインが整った拡張機能を作りたいですよね。 そこでデザインを簡単・綺麗・シンプルに作ることができる Bootstrapと言うツールを拡張機能で使用する方法をシェアします。 Bootstrap getbootstrap.jp BootstrapとはCSSを簡単に整…

【入門】超シンプルなGoogle Chrome Extension (拡張機能)を作って仕組みを学ぶ

はじめに 会社で何か作業をしている時、「あーこんな拡張機能がChromeについていたら助かるんだけどな...」と思う時があります。 探してみても無さそうな時は諦めていたのですが、ふと「自分でも作れるんじゃないか?」と思い調べてみると、どうやら簡単に作…