THE SCHOOL OF KAMOS
▲ ● ■ ✖
ISSUE #50 2026.10.18
The School of Kamos Emblem

THE SCHOOL OF KAMOS

現場の開発から学ぶ、世界一やさしい日刊AIスクール新聞

TODAY'S TOPIC 4領域デザインアーセナル(Design Discipline & Move Graph)
【1面トップ】現場の大解剖

AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか?

4領域4,000手筋の体系化で見えてきた、AIの迷いを消す「定石カタログ」の仕組み

💻 開発現場で実際に起きたこと

なぜAIに「かっこいいWeb画面を作って」と頼むと、ボタンが大きすぎたり余白が窮屈だったり、どこかチグハグな仕上がりになってしまうのでしょうか? 決してAIの手抜きではありません。実はAIは「かっこいい」という抽象的な言葉を解釈する際、無限にある選択肢の中からサイコロを振るように無難なパーツを繋ぎ合わせているため、全体の調和が崩れてしまうのです。この素朴な疑問に現場は正面から向き合いました。

この現象は、チェスや将棋を覚えたての人が「なんとなく強そうな駒」をバラバラに動かして自陣を崩してしまう様子によく似ています。プロの棋士は気分で駒を動かしているのではなく、何百年も磨かれてきた「定石(基本の手筋)」を身につけています。定石という確かな土台があるからこそ、局面に応じた美しい次の一手が打てるのです。AIも同じで、デザインの「基本手筋」が頭の中で整理されていないまま自由に作らせると、要素同士が喧嘩してしまいます。

そこで現場では、デザインを4つの領域(グラフィック・Webサイト・Webアプリ・プレゼン)に分類し、それぞれ1,000手ずつ、合計4,000種類もの具体的な基本手筋(Atomic Moves)と規律(Discipline)をカタログとして体系化しました。「この画面にはこの余白比率を使い、この3つの技を組み合わせる」という連携ルートをあらかじめ知識グラフとしてAIに手渡すことで、AIは迷うことなく、プロのように端正で統一感のある画面を確実に組み上げられるようになりました。

💡
"自由奔放に作らせるのではなく、4,000の定石を渡すことでAIのセンスは一気に研ぎ澄まされる。"
本日の重要ポイント

📖 今日の1分AI単語辞典

手筋(アトミック・ムーブ) てすじ(あともっく・むーぶ)

「余白を16px空ける」「角を丸める」といった、デザインを構成する最小単位の具体的テクニック

知識グラフ ちしきぐらふ

技と技の相性や組み合わせルールを、点と線でつないで整理した地図のようなデータ構造

VISUAL NOTE

4,000手筋のデザイン定石がAIの迷いをなくす仕組み

AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか?
PULSE WATCH

直近のAI世界観測:現場とつながる最新トレンド

Live Telemetry
凸版印刷 / 2026-10-13 News Pickup
TOPPAN、AIペルソナを活用したCX支援サービスを提供開始

凸版印刷が顧客体験(CX)向上のため、多様な購買層の特性を模倣するAIペルソナサービスを開始しました。仮想の顧客群に対して施策を事前検証し、デザインや導線のミスマッチを防ぐ試みです。

💡 現場の開発への示唆: 【現場への示唆】UIや画面設計が完成した後の検証フェーズにおいて、ルールに基づいた仮想テスターとしてAIを組み込む設計の重要性を示しています。
ACADEMIC LENS

世界の最新研究とどう繋がってる?

SCCGBench: Executability-Oriented Evaluation for Real-World Web Service-Call Code Generation 論文リンクを見る

AIが実用的なコードやWebサービスを組み立てる際、単に見た目らしい文章を出力するだけでなく「実際に正しく動作するか(実行可能性)」を厳密に評価する研究が進んでいます。現場で構築した4,000手筋のデザイン体系も、AIが曖昧な装飾を思いつきで出力するのを防ぎ、確実に意図通り動くCSSやUIコンポーネントを組み立てるための実行可能な規律として、世界の評価軸と深く軌を一にしています。

QUICK QUIZ

AIに整ったデザインを作ってもらうために、最も効果的なアプローチはどれでしょうか?

THE SCHOOL OF KAMOS

Powered by Kamos OS & Gemini 3.8 Flash

ARCHIVE

過去のスクール新聞バックナンバー

過去ログを記憶に変えるメモリ直読技術
2026-10-20 オンメモリ暗黙知検索と自律トレース

過去ログを記憶に変えるメモリ直読技術

5.1GBの開発軌跡をDBなしで推論エンジンへ直...
試作を「作って捨てる」から「生きた標本にする」へ:51の実験を繋ぎ止める軽量ショーケースの進化論
2026-10-19 プロトタイプ・ショーケース(Prototype Showcase Architecture)

試作を「作って捨てる」から「生きた標本にする」へ:51の実験を繋ぎ止める軽量ショーケースの進化論

ファイル名に埋もれていた過去のアイデアを、Web...
AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか? 表示中
2026-10-18 4領域デザインアーセナル(Design Discipline & Move Graph)

AIにデザインを頼むとなぜ「どこか惜しい見た目」になるのか?

4領域4,000手筋の体系化で見えてきた、AIの...
暗黒の深海で光を正しく届ける技術:WebGPU計算シェーダーが実現した水中光学のてこ比
2026-10-17 水中光学シミュレーション(Underwater Optical Simulation)

暗黒の深海で光を正しく届ける技術:WebGPU計算シェーダーが実現した水中光学のてこ比

6万個の粒子と光の散乱を破綻させない、数式1行の...
12万個の建材をAIに下から積ませたらどうなる? WebGPUで挑んだ安土城の思考実験
2026-10-16 階層型ボトムアップ構築(Hierarchical Bottom-Up Assembly)

12万個の建材をAIに下から積ませたらどうなる? WebGPUで挑んだ安土城の思考実験

全体像から描くのをやめ、歴史の順序で組み上げる「...
型を繋いで技を編む:AIグラフィックを迷わせない3層ハーネスの知恵
2026-10-15 3層グラフィックデザイン・ハーネス(Discipline-Move-Combo Harness)

型を繋いで技を編む:AIグラフィックを迷わせない3層ハーネスの知恵

100の基本思想・100の具体造作・12の連係技...
捨てたい勇気と守りたい秩序:出荷前ガードが解いたコード整理のジレンマ
2026-10-14 出荷前エクスポート監査ガード(Predeploy Export Verification)

捨てたい勇気と守りたい秩序:出荷前ガードが解いたコード整理のジレンマ

不要な関数を削る自由を殺さずに、事故をゼロにする...
AIが突然止まらないための「迂回路」のつくり方
2026-10-13 モデルフォールバック(Model Fallback Architecture)

AIが突然止まらないための「迂回路」のつくり方

障害時でも止まらずに次の知性へバトンを渡すモデル...
滑らかさを求めて回し続けたループを止めたら、画面がもっと軽やかに動き出した
2026-10-12 オンデマンド描画ループ制御

滑らかさを求めて回し続けたループを止めたら、画面がもっと軽やかに動き出した

常時アクセルを踏み続けるのをやめ、変化の瞬間だけ...
波の切れ目をなくす数学:1ピクセルのズレも許さない背景タイルの同期術
2026-10-11 SVGパターンマトリクス同期(Pattern Matrix Sync)

波の切れ目をなくす数学:1ピクセルのズレも許さない背景タイルの同期術

画面を滑らかにつなぐアフィン変換と、無駄な再描画...
「世界最高峰の分析」を削ったらAIが賢くなった話:プロンプトの肩書デトックス
2026-10-10 プロンプトの中立化(Prompt Neutralization)

「世界最高峰の分析」を削ったらAIが賢くなった話:プロンプトの肩書デトックス

大袈裟な肩書や過剰な演出を外すと、モデル本来の論...
毎回AIに考えさせない贅沢:159ページを線で結ぶ「有向読書グラフ」の知恵
2026-10-09 有向読書グラフ(Directed Reading Graph)

毎回AIに考えさせない贅沢:159ページを線で結ぶ「有向読書グラフ」の知恵

リアルタイム計算をあえて手放し、読者の足元に静か...
採点指示を消したらAIの目が澄んだ:1行の引き算が生んだ「てこ比」
2026-10-08 無採点プロンプト調律(Zero-Rating Prompt Alignment)

採点指示を消したらAIの目が澄んだ:1行の引き算が生んだ「てこ比」

「A〜E判定」の枠組みを外すだけで、コード監査の...
「通信成功」の返事に騙されるな:AIに確認作業を丸投げして学んだ実体验証の作法
2026-10-07 実体検証ガード(Live Content Verification)

「通信成功」の返事に騙されるな:AIに確認作業を丸投げして学んだ実体验証の作法

HTTP 200を過信せず、Webページの中身ま...