CalorieMate to Programmer | 大塚製薬

カロリーメイトの大塚製薬がプログラマー向けに公開したプロモーションサイトです。
2020年公開ですが、まだ現在でも閲覧可能です。
Rubyの生みの親である、まつもとゆきひろさん監修のもと、プログラマ心をくすぐる仕掛けや表現が盛りだくさんです。

CalorieMate to Programmer | 大塚製薬

CalorieMate to Programmer | 大塚製薬

カロリーメイトから、すべてのうちこむ人へ。プログラミング言語で書かれたメッセージを公開中。　#うちこむ人にバランス栄養

www.otsuka.co.jp

各コンテンツが表示されるアニメーションも、それとなくデジタルっぽい表現となっています。
さらに、スクロールして下に進めていくと、CUIモードへのリンクが表示されます。

CUIモード

CalorieMate to Programmer CUIモード | 大塚製薬

カロリーメイトから、すべてのうちこむ人へ。プログラマー向け、CUIで操作するWebサイト。　#うちこむ人にバランス栄養

www.otsuka.co.jp

クリックすると、画面が黒くなりコードが表示されます。
なんとなく、Macのターミナルに似ています。

試しに何かを記述して、リターンすると「helpと書きましょう」的なことを言われますので、打ってみます。
使えるコマンドが表示されますが、やはりProgrammer向けなので、UNIXコマンドで操作した経験がないと扱うのは難しいかも知れません。

隠しコマンド

当時のプレスリリースが、PR TIMESに残っていました。制作は、大手Web制作会社の博報堂アイ・スタジオのようです。

記事を読んでいくと、監修のまつもとゆきひろさんからのコメント「プログラマーならニヤリとするコードになっています。Enjoy！」が気になり、HTMLを調べてみるとUNIXコマンド以外の隠しコマンドがあるとわかりました。

カロリーメイトCUIモード 隠しコマンド一覧 - Qiita

皆さんは「カロリーメイトto Programmer」のサイトをご覧になりましたか？非常に凝ったCUIモードには隠しコマンドが存在します。それらを一覧にしてみました。ぜひ本家サイトで試してみてください。…

qiita.com

const greeting = () => {
console.log(‘Hello,World!’);
}

greeting();

公開から、すでに3年が過ぎようとしていますので、閉鎖される前にどうぞ。

公開から、すでに3年が過ぎようとしていますので、閉鎖される前にどうぞ。