w3m -dump_source https://www.otsuka.co.jp/cmt/to_programmer/cui/ | zcat | head -35

gistfile1.txt

<!--
ここにたどり着いたGeekなみなさま。
特にCUI中心に作業しているプログラマーのみなさま。

今回、実装を担当したプログラマーです。
CUIで操作するWebサイト、楽しんでいただけているでしょうか。
「この再現度で納得してくれるかな？ このコマンドに気づくかな？」
と皆さんの反応に想像を膨らませながらプログラムしています。

どうぞ皆さん、思いつくコマンドを叩いてみてください。
今回、単にUNIXコマンドを模すだけでなく、
本来のコマンド機能を放棄してユニークなレスポンスをたくさんご用意しています。
楽しみながら、栄養の大切さを見直すきっかけにもなれば嬉しいです。
そして、もしバグを発見した時は、、、 そっと端末を閉じ(ry

最後に、製品のブランドサイトでありながら
「プログラマー中心設計」という尖った企画を実施できる
カロリーメイトというブランドは最高にクールだなと思いました。
このチャレンジングなプロジェクトに参加できたことは自分の誇りです。

P.S.
本サイトはGatsbyJs(React, Redux, Typescript, etc.)で制作しました。
今回、特に実装で配慮したところは、DOMの再レンダリングの最小化です。
仮想DOMといっても管理データの更新で、リアクティブに不要なレンダリングがされてしまうので、
過去のコマンドと結果に紐づくDOMはキャッシュを表示させるようにケアをしました。

そして、Build後のHTMLにこのコメントアウトを結合するローカルタスクも、
ほっこりとした気持ちでNode.jsで組み込みこませていただきました。

ここまで読んでいただいたみなさま、ありがとうございました。
これからも良いコンディションを維持して、
楽しんでプログラムしていきましょう！

T.I
-->