Google Chrome拡張機能の形で、とある入力フォームに字数制限&テンプレートの適用機能を付けた。
手書きの申込票を見ながらデータ入力作業をしてるのだけど、今使っているシステムそのままだと不安感がある仕様でな。
直接作業する入力フォームは字数制限がゆるく、取り込み先データベースは制約が厳しい。仮に字数オーバーがあれば、向こうで自動的に文字列の末尾を切り詰めるのだとか。つまり、肩書を書いてたら名前が入らないとか、住所を書いてて部屋番号が入らないとかが起きうる、という業務仕様です。そんなんが起きたら宅配の人もお客さんも困るわな。
とはいえ、こちらは毎項目を1字ずつ数えたり合算したりなんてやっておられぬ。JavaScriptに頼りたくなる気持ちを抑える気になれないわ。
詰まったとこ:
解決済・Content_ScriptsへのReactのインポート。React使えるの!?で手を出してみたら、インポートじゃなくてworkaroundから方法を選ぶ感じだった。
解決済・JSXなしのレンダリング。そーだ、あれ糖衣構文でしたね。
解決済・ローカルに置いたJSONの読み込み。
・GitLabの新リポジトリ作成。
試用してみて、作業が手軽になったので負担感は減っているから良しとする。