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

業務効率化小ネタなど

JavaScript

【入門】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…

【用語】JavaScriptのListener(リスナー)を分かりやすく説明

はじめに プログラミングを始めたての頃は、その用語の多さに圧倒される人が多いと思います。 初めて聞く単語や、独特な言い回し...。 その結果、何か調べごとをしても「結局何を言っているのかわからない」 と言う状態になることが少なくありません。(僕は…

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

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