golangの日記

Go言語を中心にプログラミングについてのブログ

JavaScript

JavaScript class のプライベート関数/変数のアクセス方法と Node Test runner

JavaScript(es6) の class のインスタンスからプライベート関数・変数を取得したい。テストしたいので。

TypeScriptでブックマークレットを書きたい。

TypeScript でブックマークレットを書くための手順。

javascript nodejs yargsの使い方

コマンドラインパーサー yargs の基本的な使い方とサブコマンドの実装。 リポジトリ https://github.com/yargs/yargs ドキュメント http://yargs.js.org/docs/

JavaScript classList の使い方

HTML要素のクラス属性を操作する classList の使い方。

Node.jsでローカルのJSONファイルの読み込み

Node.jsでローカルにあるJSONファイルを読み込むのに fs を使わずに require でも読み込めるという話

JavaScriptのクラスは無名/匿名クラスにできるし即時newできる

無名クラス let Hello = class { constructor(name) { this.name = name; } hello() { console.log('hello', this.name); } } let h = new Hello('Tanaka'); h.hello(); // hello Tanaka 無名クラスを即時 new する。コンストラクタが呼ばれるだけ。 new cla…

TypeScript + webpack でブラウザ拡張機能開発

TypeScript と webpack でブラウザ拡張機能/アドオンの開発するメリット TypeScript は chrome API の型定義ファイル( @types/chrome ) があるので それを入れておくと型チェックと vscode で API の補完ができるようになる webpack は jquery や axios など…

JavaScriptで文字コード変換

JavaScriptのライブラリ encoding.js を使った文字コード変換。 (使い方は README_ja.md に日本語ですべて載ってる) ブラウザで読み込む <script src="encoding.min.js"></script> npmでダウンロードする $ npm i encoding-japanese

ブラウザ拡張機能/アドオン backgroundとcontentScript間でメッセージのやり取り

タブ(ページ)内で実行するコンテンツスクリプトでは、拡張機能固有のストレージやその他APIなど、 使用/実行できないものがあります。なので、コンテンツスクリプトからバックグラウンドへメッセージを送ってバックグラウンドで処理します。 その逆も同じで…

ブラウザの拡張機能/アドオンの作り方(コンテキストメニュー)

拡張機能/アドオンは、JavaScript と Chrome Extension API で作ることができます。 FireFox の WebExtensions も同じですが、多少独自のAPIがあります。 以下では、ウェブページ上で選択した文字列をコンテキストメニュー(右クリックメニュー)から Googleや…

Gulpでブックマークレットを作る

Gulpを使ってファイルに書いたブックマークレット(JavaScript)を圧縮する。 gulpのバージョン 3.x.x と 4.x.x で仕様変更があったようで、以下の2つのエラーが出る(このエラーの対処が主目的) The following tasks did not complete: default, js Did you f…