00:06
神経質やせ男です。AI時代のものづくりラジオ、本日も始まりました。 今回のテーマは、画面には映らない密書、hiddenフィールドが運ぶデータのためです。
アプリ開発をしていて、こんな現象に出会いました。 比較用に保存したはずのデータが、次の瞬間に消える。
ちゃんと保存したのに、再計算したら跡形もない。 これはかなり焦ります。
ジムで例えると、確実に送ったはずの書類が相手に届いてないという状態です。 原因をたどるとシンプルでした。
データの置き場がない。 そして運び方も決まってない。 つまり、保存はしていたけど、次の処理にどう渡すかが抜けていたんですね。
そこで登場したのが、hiddenフィールドです。 HTMLの中にある見えない入力欄。
画面には一切表示されないけれど、 フォーム送信の時にはしっかり一緒に送られる。 まさに忍者のような運び屋です。
では、どうやって使うのか。 今回の流れは3ステップです。
まず、local storageという倉庫にデータを保管する。 次に送信ボタンが押された瞬間、
JavaScriptがそのデータを取り出して、hiddenフィールドに詰め込む。 そして最後にフォーム送信と一緒にサーバーへ一括で届ける。
これでさっきのデータも一緒に使ってという指示がちゃんと届くようになりました。 ポイントはユーザーには一切見せていないこと。
画面はシンプルなままなのに、裏側ではしっかりデータが流れている。 この見えない工夫が使いやすさを支えているんです。
事務作業でもありますよね。 表からは見えないけど、
裏で書類をまとめておくか、順番を揃えておくとか。 ああいう小さな工夫が全体の効率を大きく変える。
プログラミングのhiddenフィールドはまさにそれでした。 派手さはないけれど確実に仕事をする。
そんな裏方の美学を感じた瞬間でした。 ということで今回は見えないデータ
運搬の仕組みについてお話ししました。お知らせです。 先日発売した新刊、会社公認、爆速仕事術、管理者権限なしでできる
PCマーク改造ですが、おかげさまで多くの方に手に取っていただいています。 無料期間は終了しましたが、現在はKindle Unlimitedの読み放題にも対応しています。
会員の方は追加料金なしで、そうでない方も数百円の投資で一生もののPC時短スキルが手に入ります。
事務作業を1日15分短縮できれば、1ヶ月で約5時間の自由時間が生まれます。 その5時間を介護や趣味、学習に当てたい方はぜひ概要欄のリンクからチェックしてみてください。
次回はコッペ地獄脱出、フォームデータ自動化術についてお話しする予定です。 ご静聴ありがとうございました。