2013/12-2024/02/16

JavaScript: ツールサンプル (1)

データ処理 (2023/10)

TestJS_parse_matrix01.html (2023/12)
スペース区切りや CSV などのテキストを TSV や JSON などのテキストに変換します。連続するスペースを 1つの区切りとみなして変換します。
テキストを2重配列に分割する

TestJS_createbat_from_mat.html
2重配列のテキストデータをテンプレートに従って置換します。用途は
1) 2重配列から指定の列の文字列だけ取り出す。
2) ファイル名のリストからバッチファイルを作成する。
など。
文字列を置換する (2)

TestJS_sort_matrix01.html (2023/12)
2重配列のテキストを指定の列でソートする。
データを並べ替える (ソート)

参考:最近のテキストエディタでは、 TSV(タブ区切り)やCSV(カンマ区切り)のテキストを列を揃えて編集する機能を付けているものがあります。ちょっとした表作成に便利です。列の移動などの編集では箱カット・箱ペーストを使います。
左の絵は秀丸エディタのTSV編集モード。

node.js の HTTP サーバーで簡易 HTML 作成
(2021) 上のサンプルを node.js の HTTP サーバーにつなげたサンプル。
HTML 次の一歩

TestJS_edit_html01.html
p タグ、ul,li タグ, table タグなどの CSS 編集シミュレーション。
HTML ソースを編集すると結果の表示を更新します。
HTML5 はじめの一歩
 CSS はじめの一歩 (1)

TestJS_edit_div01.html
文書の幅、フォント、文字サイズ、行間をシミュレーションする。
HTML: 文章レイアウトとフォント

TestJS_create_font_sample02.html
フォントサンプルの HTML を出力。
textarea や input タグの文字列を読み取って処理。
HTML: 文章レイアウトとフォント

TestCSS_filter02.html
CSS filter のサンプル。ローカルの画像ファイルの読んで明るさ、コントラスト、彩度、色相回転などさまざま filter 効果を表示。

TestJS_calc_array_reduce01.html
合計、最大値、最小値、平均を計算する。
Array: reduce(), reduceRight()
TestJS_calc_stat2.html
平均、割合、累計の計算など。

TestJS_eval_math_sin01.html
eval による関数計算。ユーザーが入力した関数の計算を行う。
eval 関数

TestJS_calc_macro1.html
eval で表計算風のマクロ計算。
ユーザーが入力した =A3+B4 のようなマクロ式の計算を行う。
eval関数