かつて、東洋の真珠と謳われた港町ヨコハマは、今や静まり返った廃墟のようだった。
空はどんよりとした鉛色に染まり、魔導王アスギが放った「分断の霧」が、潮の香りを消し去っている。
陸路はすべて、魔導の力を宿した巨大な茨（いばら）によって閉ざされた。
隣の市へ向かおうとすれば、その棘が命を刈り取る。人々は港に身を寄せ、希望を失いかけていた。
エンジニアの視点で創る小説サイト：HTMLカスタマイズとAI共創の全記録
最近、本業のエンジニアとしての知識を活かしながら、自作小説を公開するための「特設サイト」の構築に没頭しています。単に文章を置くだけではなく、読者が没入できる環境をいかにスマートに構築するか。そこには、コードの最適化と物語のロジック構築という、二つの設計図が存在していました。
この記事のポイント：
- 読者体験を向上させるHTML/CSSの実装（ボタン・プライバシーポリシー）
- AI（Gemini）を「思考のデバッガー」として活用する物語設計術
- 執筆の継続性を担保するエンジニア的メソッド「30の法則」
今回は、はてなブログをベースに、AI（Gemini）をフル活用して実現した「システム構築術」と「共創プロセス」の舞台裏を公開します。
第1章：読者体験を向上させるHTML/CSSの実装
小説サイトにおいて、読者の集中を削がないUI（ユーザーインターフェース）は生命線です。今回は、エンジニア視点で「機能性」と「法規遵守」の2点を強化しました。
1-1. 回遊性を高めるナビゲーションボタン
物語の続きをストレスなく読めるよう、CSSでカスタマイズした「次話へ」ボタンを実装しました。モバイル端末での誤操作を防ぐため、paddingを12px以上に設定し、クリック領域を十分に確保しています。
/* 読者の没入感を妨げないナビゲーション設計 */
.novel-nav-button {
display: inline-block;
padding: 12px 24px;
background-color: #0000ff; /* 視認性の高いアクセントカラー */
color: #ffffff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: 0.3s;
}
1-2. プライバシーポリシーの構造化とAI開示
現代のブログ運営において、AI活用の透明性は読者との信頼関係に直結します。規約改訂への対応はもちろん、「AI Disclosure（AI開示）」の項目を設け、執筆プロセスのどこまでが人間の手によるもので、どこにAIが介在しているかを明文化しました。
第2章：AI（Gemini）を「壁打ち相手」にした物語のロジック構築
私にとってAIは、単なるテキスト生成ツールではありません。物語の整合性をチェックする「シニアエディター」であり、設定の矛盾を突く「デバッガー」でもあります。
2-1. ロジカルな世界観の設定
例えば、「この世界のエネルギー源が経済に与える影響は？」といった問いに対し、Geminiと対話を重ねることで、物語のリアリティを高めていきました。エンジニアが仕様書を詰めていくプロセスそのものです。
【エンジニアの知恵】執筆を支える「30の法則」
私が執筆の継続性を担保するために実践している独自のメソッドです。
1. 毎日「30分」だけ向き合う
心理的障壁を下げるため、タイマーを30分に設定。デバッグ作業と同様、「まず着手する」ことを最優先します。
2. 常に「30％」の余白を残す
計画を詰めすぎず、あえて30％の余裕を持つことで、物語の急な閃きや不測の修正に対応できる柔軟性を確保します。
3. 「30項目」のチェックリストで品質管理
誤字脱字やモバイル表示の確認など、30のチェック項目をパスしてから公開。感情に左右されない品質管理です。
まとめ：技術と感性のマリアージュ
50代から始める新しい挑戦として、技術（エンジニアリング）を使って感性（小説）を形にするプロセスは、この上なく刺激的です。AIは、私たちの創造性を奪うものではなく、むしろ「個人の限界を超えさせてくれる最高のパートナー」になり得ると確信しています。
最新の小説更新情報は、こちらのメインブログでチェックしてください。
Tomaのゲーム日記（はてなブログ）
【設定集】その２：勾玉
当初は六つの勾玉を準備していたのです…その頃のお話…
【相模の六つの勾玉】と安置されている聖地
それぞれの勾玉は、その地の属性を象徴する守護獣や試練によって守られています。
1. 潮騒の碧玉（しおさいのへきぎょく）
-
場所： エノシマの浮遊島（聖なる岩屋）
-
設定： 常に波に洗われる海に浮かぶ聖域。最奥の洞窟には伝説の乙女が祀られている。
-
試練： 潮の満ち引きで道が変わる「岩屋の迷宮」を抜け、海竜の眷属を退ける必要がある。
2. 古都の黄金玉（ことのおうごんぎょく）
-
場所： カマクラの隠れ里（大仏の胎内）
-
設定： かつて武士たちが修行に励んだ、周囲を山に囲まれた要塞都市。
-
試練： 巨大な鋼鉄の守護者「ダイブツ・ゴーレム」の問いに答え、その胎内に眠る玉を譲り受ける。
3. 霊峰の紅玉（れいほうのこうぎょく）
-
場所： オオヤマの天空寺院（阿夫利の社）
-
設定： 雲を突き抜けるほど高い霊山。常に雨を降らせ、下界の乾燥を防いでいる。
-
試練： 険しい階段の参道を登り、頂上で待ち構える「大天狗」との一騎打ちに勝利する。
4. 翠の風玉（みどりのふうぎょく）
-
場所： タンザワの魔の森（ユーシンの秘境）
-
設定： 人を寄せ付けない深い原生林。その奥には、見たこともないほど透明な青い湖がある。
-
試練： 霧の結界が張られた迷いの森を抜け、森の精霊から「信頼の証」として授かる。
5. 氷穴の白玉（ひょうけつのしらたま）
-
場所： カワサキの鉄鋼迷宮（工場地帯の地下）
-
設定： 常に煙が立ち込める、鉄と火の魔導文明が栄えた工業都市の地下。
-
試練： 複雑に入り組んだ配管と地下通路の奥で、魔導機械「アイアン・スモッグ」を停止させる。
6. 宵闇の紫玉（よいやみのしぎょく）
-
場所： ヨコスカの軍港要塞（猿島・空中の古城）
-
設定： 異国の技術が融合した、海に浮かぶ鉄壁の要塞島。
-
試練： かつて「黒船」と呼ばれた伝説の魔導戦艦の残骸を探索し、最下層に眠る玉を回収する。
ついに発売！「神奈川クエスト 〜導かれし相模の勇者たち〜」公式LINEスタンプ登場！
こんにちは！Tomaです。今日は最高のニュースをお届けします！
制作を進めていた「神奈川クエスト」のLINEスタンプですが、ついにVol.1とVol.2が揃って発売開始となりました！また、アニメーションスタンプも発売開始です！
今回は、装いが異なる2つのシリーズの魅力と、ブログの「一等地」であるサイドバーを使ってこれらを効果的に宣伝する方法をまとめてご紹介します。
今回のスタンプでは、ゲーム内では見られないような、キャラクターたちの豊かな表情をたっぷり詰め込みました。喜怒哀楽はもちろん、ちょっとシュールなシーンまで網羅しています。
第1章：スタイルの異なる2つのスタンプセット
今回のスタンプは、用途や好みに合わせて選べるよう、全く異なる2つのスタイルを用意しました。
【Vol.1】全身画像でキャラクターの魅力を堪能！
Vol.1は、各キャラクターの全体画像スタンプです。キャラクターの個性をじっくり楽しみたい方に最適です！
【Vol.2】上半身画像で表情がさらに豊かに！
Vol.2は、各キャラクターの上半身拡大画像スタンプです。キャラクターの表情を楽しみたい方におすすめです！
最後に…あなたのお気に入りは誰でしたか？
できれば、アニメーションスタンプも見てくださいねー。
【設定集】その１：初期プロットのストーリー
新作RPGの構想がついに形になり始めました！その名も『神奈川クエスト 〜導かれし相模の勇者たち〜』。私たちの住む神奈川県が、剣と魔法のファンタジー世界になったら……そんなワクワクを詰め込んだ初期プロットを公開します。
まだまだ粗削りな部分はありますが、地元の地理を知っている方なら「ニヤリ」としてしまう設定を盛り込んでいました。
【神奈川クエスト 〜導かれし相模の勇者たち〜】
1. スタート地点：ハジマリの港町・ヨコハマ
- 設定: かつて異国との交易で栄えた、石畳とレンガ造りの美しい港町。
- 状況: 王国の首都であり、旅の準備を整える場所。町の中心にある「マリンの塔」には、世界の半分を見渡せるという魔法の鏡がある。主人公はここの警備兵見習いとして、最初の冒険（近隣の「ミナトミライの丘」でのスライム退治）を命じられるところから物語が始まります。
2. ゴール地点：断絶の要塞・ハコネ関所
- 設定: 常に霧と火山ガスに包まれた、険しい山岳地帯の最奥部。
- 状況: ラスボスの居城へ続く唯一の道。ここを突破するには、県内各地の聖地（エノシマ、オオヤマなど）を巡って集めた「相模の六つの勾玉」が必要。関所の先には、煮えたぎる大涌谷の地獄谷が広がり、その中心に最終決戦の地がそびえ立っています。
3. 最終目的：魔王「暗黒神アスギ（厚木）」の打倒と、聖なる盾「サガミハラ」の解放
- 目的: 突如として現れ、県央部から闇を振りまき始めた魔王を倒すこと。
- 詳細:
- 魔王は厚木の地下深くに眠る古の闇の力。
- 魔王の呪いによって、北部の広大な大地「サガミハラ」が異次元に封印され、モンスターの巣窟となってしまった。
- 勇者は魔王を倒し、封印された大地を解放して、神奈川に再び「平穏な通勤・通学路（街道）」を取り戻さなければなりません。
【神奈川クエスト】全７話の公開を終えて（作者から）
こんにちは、Toma（とま）です。
全7回にわたってお届けしてきた連載企画『神奈川クエスト：シーバス号の目覚め』、本日無事に完結を迎えることができました。最後までお付き合いいただいた読者の皆様、本当にありがとうございました！
「技術」と「絆」をテーマにした冒険譚
今回の物語では、単なるファンタジーではなく、私自身のバックボーンでもある「エンジニアの視点」を大切にしました。
主人公のテツが設計図を奪われ、自分の技術が「カオス・ランナー」という兵器に悪用される絶望。そこから、仲間との旅を経て「マジェスティック・シーバス」へと昇華させる過程は、私自身が日々の仕事や開発の中で感じる「ものづくりの苦しみと喜び」を投影した部分でもあります。
こだわりの「神奈川」ローカル設定
横浜、藤沢、鎌倉、小田原、湯河原、そして決戦の地・真鶴岬。
慣れ親しんだ神奈川の景色を、ファンタジーのフィルターを通して描き直すのは非常に刺激的な作業でした。特に、名物のハトサブレをモチーフにした動力源や、シーバスを巨大な魔導船に改造するアイデアなど、地元の魅力を遊び心たっぷりに詰め込んでいます。
最後に：これからの「設計図」
物語のラストで、テツは燃え尽きた過去の図面を惜しむことなく、新しい「Mk-II」の設計図を描き始めました。
私自身も、このブログを通じて新しい「面白さ」の設計図を常に描き続けていきたいと思っています。
本編の連載は一度幕を閉じますが、またいつか、テツやカイたちの新しい冒険を描ける日が来るかもしれません。その時はまた、この「Tomaのゲーム日記」でお会いしましょう！
こそっと【未公開設定】を一部紹介！幻の第三の勾玉と「神奈川の断片（フラグメント）」
今回の全7話では描ききれませんでしたが、実はプロット段階では他にもいくつかの「神奈川の断片（フラグメント）」が存在していました。ここで少しだけ、その裏設定を公開します。
- 幻の土地「丹沢の迷宮」と「供給路」： 本来、一行は真鶴に向かう前に丹沢の山岳地帯で、古代の魔導パーツを探すエピソードがありました。險しい山嶺に囲まれた難所「丹沢湖：幻影の沈没村」や、巨大な水の門「宮ヶ瀬湖：供給路」を突破する構想でした。
- 未登場モンスター： 丹沢では自然界の魔力を持つ強力なモンスター「タンザワ・ヤマビル・ラット」や、厚木市の名物ホルモンをモチーフにした巨大な「アッツギ・ホルモン・ゴーレム」がテツたちの前に立ちはだかる予定でした。ゴーレムが横浜の夜景（マリンタワー）を背景に暴れるシーンは、いつか描きたい構想の一つです。
- 第三の勾玉「大山の霧玉（きりだま）」： 山頂の儀式で手に入る、シーバス号をステルス化させる能力を持つ勾玉。これがあれば、九頭龍の牙の包囲網を潜り抜ける展開もあったのですが、最終的には「真っ向勝負」の熱い展開を選び、今回は欠番としました。
- 幻の構想「聖なる盾 サガミハラ」と「赤い靴」： 相模原では、シーバス号を拠点防衛用の移動砦に改造する計画「聖なる盾 サガミハラ」がありました。また、横浜では赤い靴伝説に基づく「赤い靴を履いたミイラ」と対峙し、テツが新しい設計図のインスピレーションを得るエピソードも存在しました。
これらの要素は、いつかテツたちが描く「新しい設計図」の中でまたは再執筆という形で日の目を見ることがあるかもしれません。
2026年4月6日 Toma
【神奈川クエスト】第7話（最終回）：神奈川の夜明け：シーバス号、真の覚醒！
マナヅル岬を包み込んだ眩い閃光が、ゆっくりと収まっていきます。
「……やったのか？」
カイが空を見上げると、そこには不気味な赤光を失い、粒子となって消えていくカオス・ランナーたちの残光がありました。
誇りを取り戻したエンジニア
黄金の翼をゆっくりと畳み、シーバス号が岬の地面へと降り立ちます。
「……テツ、見て。設計図が……」
ミコトが指差した先。九頭龍の牙のリーダーが落とした、あの署名入りの設計図が、あまりのエネルギーに耐えきれず、静かに燃え尽きようとしていました。
「いいんだ。あの図面は、もう過去の俺だ」
テツは燃えカスを拾い上げることなく、仲間たちへと向き直りました。
「今の俺には、図面なんかよりずっと正確な『完成図』がこの胸にあるからな」
凱旋：横浜港の潮風
数日後。一行を乗せたシーバス号は、穏やかな相模湾を抜け、ついに旅の出発点である横浜港へと帰還しました。
「……長かったけど、あっという間だったわね」
ツバメが港の景色を眺めながら呟きます。
「さぁ、今日は打ち上げだぞ！ 小町通りのコロッケに、最高のコーヒー……それから、とびきりの梅酒もな！」
カイの号令に、一行から笑い声が溢れます。
明日への設計図：冒険は日常へ
夕暮れの埠頭。一人、シーバス号の甲板で新しい羊皮紙を広げるテツの姿がありました。
そこには以前よりも複雑で、しかしどこか温かみのある、新しい「ハト・ランナー Mk-II」の構想が描かれています。
「……次は、もっとみんなが驚くような仕掛けを作ってやるからな」
テツはペンを走らせながら、静かに、しかし力強く微笑みました。
神奈川を巡る魔導の冒険は、ここで幕を閉じます。しかし、彼らの「絆のエンジン」は、これからも止まることはありません。
―― 神奈川クエスト 第一部「シーバス号の目覚め」 完 ――
