Episode 05「ダル、最初の300行を書く」

未来ガジェット研究所 開発日誌 ／ 6号機が世界線を観測するまで

2026年5月24日 ／ JST 07:00 公開

11時、エディタを開く

コードネームが「シュタインズ・ゲート・シミュレーター」に決まった日の午前11時。

ダルがエディタを開いた。

「やっぴー、書き始めるお〜」

新規ファイルの一行目に、シリーズで6回目となる宣言を打ち込む。

“`

“`

ここから先、6号機のすべてが、1つのファイルに収まる。

未来ガジェット研究所の流儀──Single HTML原則。

なぜ「単一HTMLファイル」なのか

ラボに居合わせた指揮役が、エディタを覗き込んで尋ねた。

「6回目だな。なぜ毎回、同じ流儀を取る？」

ダルは画面を見たまま、答えた。

「手触りのある未来を渡したいからだお。お客さんのブラウザだけで動いて、データが外に出ない。自分の手元で完結する安心感──これがルルオブの信頼の核なんだお」

80行で骨格、200行でUIが立った

最初の80行で、HTML骨格とCSS変数が整った。

• ブランドカラー宣言（navy, gold, 3世界線色）
• パネル構造（既存5部作と同じ枠組）
• レスポンシブ・ブレークポイント

ダルの指は、リズミカルに動いていた。5部作で培った『型』が、初動の速度を倍加させていた。

“`

書き始めて気づいたこと（実装メモより）：

単一HTML原則は、シリーズで6回目だが、毎回新鮮。

「ファイルが1つで完結する」という制約が、UI設計を集中させる。

“`

200行を超えた頃、3つの世界線（α・β・γ）の入力フォームが画面上に立ち上がった。

300行目で、コーヒーを取りに立つ

300行を書き終えた時、ダルは席を立ち、コーヒーを淹れに行った。

「最初の300行は、驚くほど素直に書けたお。だが──」

その「だが」の意味を、ラボメンの誰もまだ知らなかった。

午後、想定外の壁が、待っていた。

ただ、今この瞬間は──

ダルがコーヒーをマグに注ぐ、静かな音だけが、ラボに響いていた。

「単一ファイル原則」がもたらす副作用

実装の現場で、もう一つの発見があった。

「1ファイルに収める制約って、UIを集中させるんだお。ボタンを1つ増やす理由を、毎回問い直すことになる。機能の純度が、自然と上がるんだお」

5部作のすべてが、この原則の上に立っていた。

6号機も同じ原則で書かれる。──これが、未来ガジェット研究所の、揺るがない流儀。

次回予告

Episode 06「サムネに『3つの世界線』をどう描くか」── 明朝7時公開

実装が進む横で、ラボに別のホワイトボードが立ち上がる。

3つの矢印を、1枚の画像にどう収めるか。視覚化の試行錯誤が始まる。

このエピソードに関連するガジェット

4号機「センテナリ・ダイバージェンサー」 ── 寿命から逆算した100通過点ロードマップ

単一HTMLファイル・ブラウザ完結・サーバー送信なしの流儀で動きます。

ココナラで販売中（¥1,000／検索：「ルルオ ／ 未来ガジェット」）

既存ラインナップ

• ココナラで「ルルオ ／ 未来ガジェット」と検索
• 全話一覧：ruruob.com/serial/
• 英語版：English Edition

© ルルオブ・未来ガジェット研究所 ／ #FGL-Devlog ／ Episode 05