Behind the scenes
AIとの制作ノート
頼んで、つまずいて、また頼んで。
AIとの実際のやり取りから生まれた、ちょっと笑える制作日記。
気になった作品は、その場で試せます。
まず、触ってみる
ゲームで一手打つ。地図で街を眺める。コードが読めなくても、体験から入れます。
「どうして？」を見つける
離れた相手と盤面がそろうのはなぜ？ 建物の高さはどこから来る？ 身近な疑問から仕組みへ。
自分なら、を考える
別の街を見たい。遊び方を変えたい。次のアイデアを、AIへのひとことにしてみましょう。
微分の前に、
「動かせました？」から。
接続の確認から、AIの説明の訂正、ボタンの後片づけまで。数式ラボができるまでの寄り道と、残った宿題。
日記を読む →
予定を合わせたかっただけなのに、
お店の投票箱までできました。
「心配な点は？」とAIに聞いてみる。○△×の表づくりから、候補が変わったときのルール、場所選びへ育った制作日記。
日記を読む →
東京。0円。すぐに。
そして、目印はビルの陰へ。
三拍子そろった依頼から、隠れた検索マーカーの救出まで。実際の会話でたどる3D地図づくり。紹介画像のビルが合体した後日談も収録。
東京3Dマップの制作日記を読む →オセロを頼んだら、
盤面の横に会話が生まれた。
「オンラインで」「チャットも」で育っていく盤面。最後に立ちはだかったのは、強いCPUではなく、古い画面を覚えたブラウザーでした。
制作ノートを読む →Try & discover
読むだけで終わらない、3つの小さな実験。
正解を当てるテストではありません。触って、気づいたことをひとつ持ち帰ってください。
街の「高さ」を見比べる
東京3Dマップで「東京駅」と「南大沢」を切り替えてみましょう。建物の高さ、間隔、まとまり方に注目すると、平面の地図とは違う街の表情が見えてきます。
もう一歩、観察する
建物を選んで情報を見てみましょう。高さが分かっても、名前や用途が「未収録」のことがあります。表示できる形と、記録されている属性は別なのです。
対局の途中で戻ってみる
オンライン対戦のルームを作り、招待リンクをもうひとつのブラウザーか協力してくれる相手に開いてもらいます。双方が準備完了にして一手打ったら、ページを再読み込み。盤面や手番が戻るかを見てみましょう。
この実験の見どころ
画面が消えても対局を続けられるのは、盤面や手番をサーバー側で管理しているためです。「見た目を作る」と「状態を保つ」は、別の仕事になります。
「いい感じ」を具体的にする
自分なら何をひとつ変えたいか、考えてみましょう。「使いやすくして」のあとに、誰が・どの場面で・何に困るかを足してみると、相談の形が変わります。
依頼文の例を見る
例：「地図に慣れていない人が、回転させたあとに元の向きへ戻れるようにしたい。迷わず見つけられる操作を提案して」
これは相談の仕方を示す例です。制作時の会話の引用ではありません。
Human + AI
AIと作る面白さは、試せること。
知らない言語でも「こんなものを作りたい」と相談するところから始められる。けれど、コードができたら終わりではありません。実際に触ると、足りない説明や気になる動きが見つかります。
occamでは、欲しいものを決める → AIと形にする → 動かして確かめる → また相談する、という往復も作品の一部として紹介していきます。
各記事では、確認できた制作内容と今後のアイデアを区別します。実際の会話を引用する場合は、そのことが分かるように記します。
できあがった作品を見る →From the archive
これまでの技術メモ
サイトづくりやソフトウェアの設定など、以前から書いてきた記事です。AIとの制作記録とは分けて掲載しています。