Google Chrome拡張機能の形で、とある入力フォームに字数制限＆テンプレートの適用機能を付けた。

手書きの申込票を見ながらデータ入力作業をしてるのだけど、今使っているシステムそのままだと不安感がある仕様でな。
直接作業する入力フォームは字数制限がゆるく、取り込み先データベースは制約が厳しい。仮に字数オーバーがあれば、向こうで自動的に文字列の末尾を切り詰めるのだとか。つまり、肩書を書いてたら名前が入らないとか、住所を書いてて部屋番号が入らないとかが起きうる、という業務仕様です。そんなんが起きたら宅配の人もお客さんも困るわな。

とはいえ、こちらは毎項目を1字ずつ数えたり合算したりなんてやっておられぬ。JavaScriptに頼りたくなる気持ちを抑える気になれないわ。

そんな訳で、
・1番厳しい字数制限に合わせたmaxlength指定と、リアルタイムの文字数表示をつける（React）
・指定のページを開くと、記入の必要な項目の半分近くを（JSON形式のファイルに従い）自動で埋めてくれる。
…形にしました。やってられない感が減ったので作業がしやすい

詰まったとこ：

解決済・Content_ScriptsへのReactのインポート。React使えるの！？で手を出してみたら、インポートじゃなくてworkaroundから方法を選ぶ感じだった。
解決済・JSXなしのレンダリング。そーだ、あれ糖衣構文でしたね。
解決済・ローカルに置いたJSONの読み込み。
・GitLabの新リポジトリ作成。