きっかけ 【2019年4月版】JavaScriptのconsoleがすごいことになってた。 こちらの記事でconsole.log()の出力結果にCSSを効かせられるという話を知りました。 CSSが効くということはlogに何か派手なものを出力できるはず!ということで、手始めにスネークゲームを作成し開発ツールのログに出力してみました。 できたもの 動作ブラウザ:Google Chrome (v73.0.3683.86) 実装方法 基本的な考え方 console.log()の出力結果を後から変更はできないので、力業古典的な描画の仕方で動くゲーム画面を出力します。 ・ゲーム画面の状態をCSSの装飾で作成する ↓ ・console.log()の出力を定期的に行う ↓ ・log上ではパラパラ漫画の要領で画面が動いて見える ↓ ・ゲーム画面の出力ができた!! function drawMap(field