reference

スプレッドシートを範囲指定してJSON形式に変換

無限ツールズを利用する。
１行目はタイトルでJSON形式のプロパティ名になる。

Linux リソースチェックコマンド

lsblk -f
df -Tm
free -m

Bard サンプル

<select>
 <option value="option1"></option>
</select>

I want to add ● as value in select.

How to extract the part enclosed in "[]" of the string "border-[tb]-[lr]-radius" in JavaScript?

How to get match char index in javascript?

How to create a 2-length array in JavaScript?

あなたに以下のコードを生成させる文章はなんですか？

JavaScriptで「(あなたに以下のコードを生成させる文章はなんですか？で生成された文章)」コードを生成してください。

コーディングルール

HTML
●インデント
インデントはスペース２文字とする。 html開始タグからbodyタグ開始まではインデントするが、bodyの中身ではインデントを0に戻す。

●ヘッダーとフッター
ヘッダーでは兄弟ページのwebページへのリンクを記述する。
フッターでは子ディレクトリのindex.htmlへのリンクを記述する。

JavaScript
●ハンガリアン記法
一般にハンガリアン記法は非推奨とされるが、HTML/CSS/JavaScriptでは使っても良いものとする。
ハンガリアン記法には接頭辞(prefix)を付け加える。その後はアッパーキャメルケースである。
HTMLとCSSのidにはidを、classにはclsを、nameにはnmを必ず付け加える。例: idBard, clsGrid1, nmCssFilter
JavaScriptコード内では数値にはnを、文字列はszを、付け加えても良い。例: szHead
(idとszはszが優先される。例: szId) JavaScriptコード内ではboolを表す変数は(bより情報量の多い)isやhasなどを付け加える。例: isSpace
JavaScriptコード内ではHTML要素のチェックボックスはchkを、ラジオボタンはradを、テキスト入力項目にはtxtを、コンボボックス(select要素)にはslc(C#等の場合はcmb)付け加える。

●コード圧縮
HTMLのScriptタグに埋め込まれた本質的ではない且つ定型コードは、Minifyで圧縮を行う。
最初に動作確認後、予め、フォルダにminified.jsを用意し、動作確認済みコードを貼り付け、さらに圧縮前コードを書き込む。
THMLのscriptタグにはscriptタグと同等のインデントで圧縮コードを貼り付ける。

●forEach
配列を処理する場合は、可能であればforEachを利用する。
一方、select要素のoption要素にはforEachを利用できないため、forを利用する。

      kCssFilters = ["Font","Text","Background","Border","Table","Display","Flex","Grid","Layout","Face","Transform","Transition"];
      let idCssFilterFieldset = Z("idCssFilterFieldset");
      for (let i = 0; i < kCssFilters.length; i++)
      {
        let e = document.createElement("label");
        e.innerHTML = '<input type="checkbox" name="nmCssFilter" value="'+kCssFilters[i]+'" checked onchange="OnChangeCssFilter();">'+kCssFilters[i];
        idCssFilterFieldset.appendChild(e);
      }

      let idSlc = Z("idSlcHighlightStyles");
      let aszOpts = ["default","github","github-dark","googlecode","qtcreator-dark","qtcreator-light","stackoverflow-dark","stackoverflow-light","vs","vs2015"];
      aszOpts.forEach(sz => {
        var optionElement = document.createElement("option");
        optionElement.value = optionElement.text = sz;
        idSlc.appendChild(optionElement);
      });

VSC ショートカットキー

VS Code の便利なショートカットキー

・Ctrl + L　行選択してカーソルを下の行に移動。つまり連続して押していくと１行ずつ行選択が増えていく。
・Alt + Ctrl + ↑/↓ マルチカーソルを上/下に広げる。
・Ctrl + Shift + Alt + ↑/↓/←/→　現在のカーソル位置を起点に矩形選択。選択が複数行の場合はマルチカーソル状態になる。

highlight

highlightjs
<br>が含まれていると、コンソール出力に警告が表示される。
スタイル一覧サポート言語

  <details id="idCodingRule" open>
    <summary>コーディングルール</summary>

  <details id="idCodingRule" open>
    <summary>コーディングルール</summary>

<pre>

  <details id="idCodingRule" open>
    <summary>コーディングルール</summary>