Remix.asia  ... 

　Firebase チャットアプリケーション「Friendly Chat」チュートリアルの紹介記事
https://www.topgate.co.jp/blog/google-service/6495
他ツールに一切依存せず Firebase + javascipt だけで動作しそう。試してみると残念ながら 記事通りとはならない。本家「AngularFire Web コードラボ」（以前は「easy chat」だった？）
https://firebase.google.com/codelabs/firebase-web
は、現時点でクローン元
https://github.com/firebase/friendlychat-web
が
https://github.com/firebase/codelab-friendlychat-web
にリダイレクトされ、webpack？ AngularFire に依存、完成ソースフォルダも無い。
　当時のシンプルな「Friendly Chat」を再現。前提は、
■Google アカウント
https://accounts.google.com
■Firebase
https://console.firebase.google.com/
　Authentication (Google認証のみ)
　Storage
　Firestore Database (Cloud Firestore)(元々Realtime Databaseだった)
　Hosting
■Google Cloud Shell (ブラウザだけで完結、エミュレータ等インストール不要)
https://console.cloud.google.com/cloudshelleditor

　手順はこちらから

　Webページをダークモードに対応。既存のスタイルシートと新たなダークモードスタイルシートを javascript で切り替えるアプローチ。
　デフォルトでシステム設定に従い、閲覧者の操作でライトモード・ダークモードを選択可能にする最小限の実装例...▼

ＵＴＦに移行されることなく１０年以上経過するレガシーシステム。既に画面遷移の設計が破綻ぎみ。
やむを得ず、ＥＵＣで生成されているフォームをクライアントからバックグラウンドで送信することに。
ajax で POST するフォームの全てのデータをエンコードする
$('formname').serialize();
は、UTF8 前提の javascript なので EUC-JP や ShiftJIS なフォームであっても UTF8 として送信してしまう。

●前提環境
PHP Version 5.6.15
default_charset = EUC-JP
mbstring.language = Japanese
mbstring.encoding_translation = Off
mbstring.detect_order = auto
jQuery JavaScript Library v1.6.2

今回は、
http://polygon-planet-log.blogspot.jp/2012/04/javascript.html
の encoding.js を利用させていただく場合の具体的な実装例...▼

　項目の中から１つだけを選択するなら、ラジオボタンかセレクタ。
要件
・未選択状態がある。
・選択状態を解除できる(誤操作に対応)。
・リセットは使えない。
selectタグは見栄えの点で除外するが、未選択項目を含めればjavascriptを使わずhtmlだけで実現できる。
　「排他的なチェックボックス」、「解除可能なラジオボタン」はjavascriptを使わざるをえなさそう。
　javascript ラジオボタン・・・等で検索すると、項目配列を全件捜査し参照・更新する例が多い。
　ラジオボタン名に依存しない汎用版を試みる。javascriptはこちら↓