JavaScript の formdata イベントのまとめ

JavaScript (以下 JS )の formdata イベントについて簡単にまとめました。

formdata イベントとは

formdata イベントは HTML のフォーム( <form> )の送信処理の直前に発火するイベントです。 従来の submit イベントよりも後のタイミングで発火します。 セットされたイベントハンドラは同期的にディスパッチされるため( dispatched synchronously )、サーバーへの通信はイベントハンドラの処理が完了した後に行われます。

JavaScript で日本語の変換確定のリターンとそれ以外のリターンを識別する方法

JS の小ネタです。 HTML のフォームフィールドで文字入力を受け付けているときに、日本語の変換を確定させるためのリターンキー(エンターキー)入力とその他のリターンキー入力とを識別する方法についてです。

早速結論ですが、イベント compositionstartcompositionend を使えば OK です。

イベント compositionstart は変換処理がスタートしたときに発火します。 compositionend は変換処理が終了すなわち変換が確定したときに発火します。

JavaScript の配列の操作まとめ

JavaScript の配列の基本的な操作方法についてまとめました。

仕事の一環で JavaScript (以下 JS )のコードを書く機会があるのですが、なかなか頻度・量が少ないため、組み込み型の基本的な操作方法を覚えては忘れ、覚えては忘れを繰り返しています。 配列については特に他の言語と似ているところがあるためかなかなか記憶に定着しません。 これではどうも効率が悪いので、 JS の配列の使い方についてまとめておくことにしました。

この記事では原則 主要ブラウザと Node の 2019 年の最新バージョンで使える というのを基本ルールとしています。

生成

配列を生成するには記号 [] を使用します。

macOS で .DS_Store を除外して zip ファイルを作成する方法

macOS で .DS_Store ファイルを除外して zip ファイルを作成する方法についてです。

zip コマンドの -x オプション

zip コマンドには -x というオプションがあり、これを使うと除外対象を指定することができます。 これですべての階層の .DS_Store を指定すると OK です。

zip -r output.zip -r source/ -x '*/.DS_Store'

以下サンプルです。

ページ