企画・編集作品 - AI×LP内製化スタジオ｜ https://ai-blog.orchid-gate.com LPはAIが作る。価値を言葉にするのは、あなたと私の仕事。 Tue, 11 Aug 2026 01:39:28 +0000 ja hourly 1 https://wordpress.org/?v=7.1.4 https://ai-blog.orchid-gate.com/wp-content/uploads/2024/12/cropped-512-32x32.webp 企画・編集作品 - AI×LP内製化スタジオ｜ https://ai-blog.orchid-gate.com 32 32 ボーダーコリーの頭の中。｜犬は人間の何を見て、何を学んでいるのか https://ai-blog.orchid-gate.com/border-collie-mind/?utm_source=rss&utm_medium=rss&utm_campaign=border-collie-mind Fri, 07 Aug 2026 22:53:27 +0000 https://ai-blog.orchid-gate.com/?p=2058 VISUAL ESSAY / DOG COGNITION ボーダーコリーの 頭の中。 この犬、たぶん全部見ている。 まだ散歩とは言っていない。 冷蔵庫を開けただけ。 スマホを見ていただけ。 なのに、もう気付いている。 ボ […]

The post ボーダーコリーの頭の中。｜犬は人間の何を見て、何を学んでいるのか first appeared on AI×LP内製化スタジオ｜.

]]> /* ========================================================= 『ボーダーコリーの頭の中。』 WEB BOOK COMPLETE CSS ========================================================= */ /* ========================================================= ROOT ========================================================= */ .bcbook { --bc-bg: #f2f0e9; --bc-paper: #f8f7f2; --bc-ink: #171a1d; --bc-muted: #697175; --bc-line: rgba(23, 26, 29, 0.14); --bc-teal: #286b68; --bc-blue: #365d79; --bc-soft-teal: rgba(40, 107, 104, 0.10); --bc-dark: #101416; position: relative; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 110px !important; color: var(--bc-ink); background: radial-gradient( circle at 50% 0%, rgba(40, 107, 104, 0.07), transparent 30rem ), var(--bc-bg); font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", "Meiryo", sans-serif; font-feature-settings: "palt"; letter-spacing: 0.03em; /* * 横だけを隠す。 * 縦方向は完成画像を絶対に切らない。 */ overflow-x: clip; overflow-y: visible; } .bcbook *, .bcbook *::before, .bcbook *::after { box-sizing: border-box; } /* WordPressテーマのデフォルト余白をリセット */ .bcbook p, .bcbook h1, .bcbook h2, .bcbook figure, .bcbook blockquote { margin-top: 0; } /* ========================================================= HERO ========================================================= */ .bcbook__hero { position: relative; min-height: 88vh; display: flex; align-items: center; margin: 0 !important; padding: clamp(82px, 11vw, 150px) clamp(24px, 6vw, 70px) clamp(90px, 12vw, 160px) !important; } .bcbook__hero::before { content: ""; position: absolute; left: clamp(20px, 6vw, 86px); top: 0; width: 1px; height: 100%; background: linear-gradient( to bottom, transparent 0%, rgba(40, 107, 104, 0.28) 20%, rgba(40, 107, 104, 0.09) 75%, transparent 100% ); } .bcbook__hero-inner { position: relative; z-index: 2; width: min(100%, 860px); margin: 0 auto !important; } .bcbook__eyebrow { margin: 0 0 28px !important; color: var(--bc-teal); font-size: 11px !important; line-height: 1.5 !important; font-weight: 700 !important; letter-spacing: 0.23em !important; } .bcbook__title { margin: 0 !important; color: var(--bc-ink) !important; font-size: clamp(48px, 8.2vw, 94px) !important; line-height: 1.03 !important; font-weight: 800 !important; letter-spacing: -0.055em !important; } .bcbook__title span { color: var(--bc-teal); } .bcbook__hero-copy { margin: clamp(36px, 6vw, 64px) 0 0 !important; color: var(--bc-ink); font-size: clamp(22px, 4vw, 34px) !important; line-height: 1.55 !important; font-weight: 700 !important; letter-spacing: -0.02em !important; } .bcbook__lead { max-width: 560px; margin: 32px 0 0 !important; color: var(--bc-muted); font-size: clamp(15px, 2.4vw, 19px) !important; line-height: 2 !important; font-weight: 500 !important; } .bcbook__intro-line { width: 54px; height: 2px; margin: 54px 0 30px; background: var(--bc-teal); } .bcbook__intro { max-width: 690px; margin: 0 !important; color: var(--bc-ink); font-size: clamp(15px, 2.5vw, 18px) !important; line-height: 2.05 !important; } .bcbook__intro strong { font-weight: 700; text-decoration: underline; text-decoration-color: rgba(40, 107, 104, 0.35); text-decoration-thickness: 3px; text-underline-offset: 5px; } /* META PILLS */ .bcbook__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; } .bcbook__meta span { display: inline-flex; align-items: center; min-height: 30px; padding: 7px 11px 6px; border: 1px solid rgba(40, 107, 104, 0.23); border-radius: 999px; color: var(--bc-teal); background: rgba(255, 255, 255, 0.42); font-size: 9px; line-height: 1; font-weight: 700; letter-spacing: 0.13em; white-space: nowrap; } /* START BUTTON */ .bcbook__start, .bcbook__start:visited { display: inline-flex; align-items: center; gap: 14px; margin-top: 52px; color: var(--bc-ink) !important; text-decoration: none !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 0.08em !important; } .bcbook__start-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(23, 26, 29, 0.20); border-radius: 50%; transition: transform .25s ease, border-color .25s ease, color .25s ease; } .bcbook__start:hover .bcbook__start-arrow { transform: translateY(4px); border-color: var(--bc-teal); color: var(--bc-teal); } /* ========================================================= CHAPTER ========================================================= */ .bcbook__chapter { position: relative; width: min(calc(100% - 40px), 780px); min-height: 360px; margin: clamp(100px, 15vw, 190px) auto clamp(55px, 8vw, 90px) !important; padding: clamp(48px, 8vw, 82px) clamp(26px, 6vw, 64px) !important; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(24px, 5vw, 55px); align-items: start; color: #f7f6f2; background: var(--bc-dark); border: 0; border-radius: 3px; overflow: hidden; } .bcbook__chapter::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(80, 169, 162, 0.45), transparent ); } .bcbook__chapter::after { content: ""; position: absolute; width: 360px; height: 360px; right: -190px; bottom: -220px; border: 1px solid rgba(70, 163, 156, 0.12); border-radius: 50%; pointer-events: none; } .bcbook__chapter--first { margin-top: 20px !important; } .bcbook__chapter-no { position: relative; z-index: 2; color: rgba(93, 177, 169, 0.90); font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px, 8vw, 70px); line-height: 0.9; font-style: italic; } .bcbook__chapter-body { position: relative; z-index: 2; } .bcbook__chapter-en { margin: 0 0 17px !important; color: rgba(129, 193, 187, 0.88); font-size: 10px !important; line-height: 1.5 !important; font-weight: 700 !important; letter-spacing: 0.22em !important; } .bcbook__chapter h2 { margin: 0 !important; color: #ffffff !important; font-size: clamp(26px, 5vw, 43px) !important; line-height: 1.35 !important; font-weight: 750 !important; letter-spacing: -0.035em !important; } .bcbook__chapter p:not(.bcbook__chapter-en) { max-width: 510px; margin: 28px 0 0 !important; color: rgba(247, 246, 242, 0.68); font-size: clamp(14px, 2.6vw, 17px) !important; line-height: 1.95 !important; } /* ========================================================= PAGE IMAGES 重要：完成画像は1pxもクロップしない ========================================================= */ .bcbook__page { position: relative; /* * 横幅だけ指定。 * 高さは画像そのものに任せる。 */ width: min(calc(100% - 30px), 780px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto clamp(30px, 5vw, 52px) !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 3px !important; /* * 完成画像の上下を絶対に切らない。 */ overflow: visible !important; /* * figure内の余計な行高さを排除。 */ line-height: 0 !important; box-shadow: 0 1px 0 rgba(255,255,255,0.88) inset, 0 16px 60px rgba(16, 20, 22, 0.075), 0 2px 10px rgba(16, 20, 22, 0.045); } /* 完成画像 */ .bcbook__page > img { display: block !important; width: 100% !important; max-width: 100% !important; /* * 最重要 * 元画像1080×1350の比率から * ブラウザ自身に高さを計算させる。 */ height: auto !important; min-height: 0 !important; max-height: none !important; /* * CSS側で比率固定しない。 */ aspect-ratio: auto !important; /* * coverは絶対に使用しない。 */ object-fit: contain !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 3px !important; transform: none !important; vertical-align: bottom !important; } /* WORDPRESSテーマの画像指定をさらに上書き */ .entry-content .bcbook .bcbook__page > img, .post-content .bcbook .bcbook__page > img, .article-body .bcbook .bcbook__page > img, .wp-site-blocks .bcbook .bcbook__page > img, main .bcbook .bcbook__page > img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; transform: none !important; } /* COVER */ .bcbook__page--cover { box-shadow: 0 22px 80px rgba(16, 20, 22, 0.12), 0 3px 15px rgba(16, 20, 22, 0.06); } /* 意図的な余白 */ .bcbook__page--quiet { margin-top: clamp(45px, 8vw, 82px) !important; margin-bottom: clamp(70px, 11vw, 120px) !important; } /* CLIMAX */ .bcbook__page--climax { margin-top: clamp(54px, 10vw, 100px) !important; box-shadow: 0 26px 90px rgba(40, 107, 104, 0.13), 0 4px 18px rgba(16, 20, 22, 0.06); } /* ENDING */ .bcbook__page--ending { margin-bottom: 0 !important; } /* ========================================================= EPILOGUE ========================================================= */ .bcbook__epilogue { width: min(calc(100% - 40px), 760px); margin: 0 auto !important; padding: clamp(100px, 15vw, 170px) clamp(4px, 3vw, 20px) 40px !important; text-align: left; } .bcbook__epilogue-small { margin: 0 0 28px !important; color: var(--bc-teal); font-size: 10px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 0.22em !important; } .bcbook__epilogue h2 { max-width: 680px; margin: 0 !important; color: var(--bc-ink) !important; font-size: clamp(31px, 6vw, 55px) !important; line-height: 1.38 !important; font-weight: 750 !important; letter-spacing: -0.04em !important; } .bcbook__epilogue-lead { max-width: 580px; margin: 38px 0 0 !important; color: var(--bc-ink); font-size: clamp(17px, 3vw, 22px) !important; line-height: 1.9 !important; font-weight: 600 !important; } .bcbook__epilogue-rule { width: 1px; height: 90px; margin: 50px 0; background: linear-gradient( to bottom, var(--bc-teal), rgba(40, 107, 104, 0.05) ); } .bcbook__epilogue-body { max-width: 650px; margin: 0 !important; color: var(--bc-muted); font-size: clamp(14px, 2.5vw, 17px) !important; line-height: 2.05 !important; } .bcbook__lastquote { margin: clamp(70px, 12vw, 120px) 0 0 !important; padding: 0 !important; border: 0 !important; color: var(--bc-ink); background: transparent !important; font-size: clamp(21px, 4vw, 31px) !important; line-height: 1.8 !important; font-weight: 700 !important; letter-spacing: -0.025em !important; } .bcbook__lastquote::before, .bcbook__lastquote::after { display: none !important; content: none !important; } .bcbook__lastquote span { display: block; } .bcbook__lastquote span:last-child { color: var(--bc-teal); } .bcbook__endmark { margin: 72px 0 0 !important; padding-top: 24px; border-top: 1px solid var(--bc-line); color: var(--bc-muted); font-size: 12px !important; line-height: 1.6 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; } /* ========================================================= DESKTOP INTERACTION ========================================================= */ @media (hover: hover) and (pointer: fine) { .bcbook__page { transition: transform .32s ease, box-shadow .32s ease; } .bcbook__page:hover { transform: translateY(-3px); box-shadow: 0 24px 75px rgba(16, 20, 22, 0.105), 0 3px 13px rgba(16, 20, 22, 0.05); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .bcbook__hero { min-height: 76vh; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .bcbook { padding-bottom: 72px !important; } /* HERO */ .bcbook__hero { min-height: auto; padding: 86px 22px 94px !important; } .bcbook__hero::before { left: 13px; } .bcbook__eyebrow { margin-bottom: 22px !important; } .bcbook__hero-copy { margin-top: 32px !important; } .bcbook__lead { margin-top: 26px !important; line-height: 1.9 !important; } .bcbook__intro-line { margin-top: 42px; } .bcbook__meta { gap: 6px; margin-top: 32px; } .bcbook__meta span { padding: 6px 9px 5px; font-size: 8px; } .bcbook__start { margin-top: 40px; } /* CHAPTER */ .bcbook__chapter { width: calc(100% - 24px); min-height: 300px; margin: 110px auto 48px !important; padding: 44px 24px 48px !important; grid-template-columns: 1fr; gap: 24px; } .bcbook__chapter--first { margin-top: 12px !important; } .bcbook__chapter-no { font-size: 48px; } .bcbook__chapter p:not(.bcbook__chapter-en) { margin-top: 22px !important; } /* PAGE IMAGES */ .bcbook__page { width: calc(100% - 16px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto 22px !important; padding: 0 !important; overflow: visible !important; border-radius: 2px !important; box-shadow: 0 12px 38px rgba(16, 20, 22, 0.07), 0 2px 7px rgba(16, 20, 22, 0.035); } .bcbook__page > img { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center center !important; } .bcbook__page--quiet { margin-top: 48px !important; margin-bottom: 62px !important; } .bcbook__page--climax { margin-top: 52px !important; } /* EPILOGUE */ .bcbook__epilogue { width: calc(100% - 40px); padding-top: 100px !important; } .bcbook__epilogue-rule { height: 68px; margin: 40px 0; } .bcbook__lastquote { margin-top: 70px !important; } .bcbook__endmark { margin-top: 54px !important; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media (max-width: 390px) { .bcbook__hero { padding-left: 19px !important; padding-right: 19px !important; } .bcbook__page { width: calc(100% - 12px) !important; } .bcbook__chapter { width: calc(100% - 18px); padding-left: 21px !important; padding-right: 21px !important; } } /* ========================================================= ACCESSIBILITY ========================================================= */ @media (prefers-reduced-motion: reduce) { .bcbook *, .bcbook *::before, .bcbook *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

VISUAL ESSAY / DOG COGNITION

ボーダーコリーの
頭の中。

この犬、たぶん全部見ている。

まだ散歩とは言っていない。
冷蔵庫を開けただけ。
スマホを見ていただけ。

なのに、もう気付いている。

ボーダーコリーは、何を見て、何を覚え、 どうやって人間の「次」を読んでいるのか。

実際に一緒に暮らす中で起きた出来事と、 犬の認知科学・行動研究を重ねながら、 「賢い犬」の一言では見えない世界を 24ページでたどります。

24 PAGES OWNER’S OBSERVATION SCIENCE INTERPRETATION
頭の中へ入る
01

OBSERVE

この犬、もう気付いている。

人間にはまだ「何も始まっていない」。
でも、犬の側ではもう情報が動き始めている。

この犬の視界には、人間が気付いていない情報がもっとあるのではないかを示す画像
まだ落ち着いている犬から、飼い主の身支度に気付き徐々に行動が変化していく様子
犬にとって外出の予測につながる情報取得が、玄関へ行く前から始まっていることを示した図解
犬が家族全員を同じように追うのではなく、外出準備をする人の行動を重点的に見ている様子
02

CONTEXT

言葉より多くの情報を見ている。

声だけではない。
視線、身体、場所、状況、そして過去の経験。

ボーダーコリーが人間を観察しながら、視線、身体の向き、声、動き、場所、過去の経験など複数の情報を手掛かりとして利用する様子を可視化した認知図解
ボーダーコリーと飼い主がアイコンタクトを交わし、視線もコミュニケーションの手掛かりになることを表現した認知科学エディトリアルページ
家と散歩中で同じトイレという言葉への反応が異なる様子を比較し、状況や文脈も手掛かりになる可能性を示したページ
言葉、場所、人、直前の出来事、過去の経験、身体状態など複数の情報が行動につながる可能性を可視化した認知フロー図
Rico、Chaser、Gifted Word Learnerなどの語彙学習研究を紹介し、一部の犬で多数の物体名学習が確認されていることを整理した科学ページ
犬の物体名学習と人間の言語理解の違いを比較し、犬の語彙学習を人間と同じ言語能力として扱わないことを整理した科学比較ページ
03

LEARN

知らないうちに、学習されている。

教えた覚えはない。
でも、毎日の暮らしそのものが教材になっている。

飼い主が冷蔵庫を開けるとボーダーコリーが台所へ来て静かに座り、次に起こることを期待して見つめる日常を描いたページ
冷蔵庫、鍵、車、スマホ、時間帯など、飼い主が意識して教えていない日常の行動も犬の学習材料になり得ることを示した認知図解
ボーダーコリーがおもちゃを自分で探し、飼い主の前へ運んで置き、アイコンタクトで遊びを誘う日常を描いた4コマページ
スマートフォンを見る飼い主にボーダーコリーが鼻先でスマホを押し、人間の注意の向きへ反応しているように見える様子を描いたページ
スマートフォンへ鼻先を触れながら飼い主を見るボーダーコリーを描き、人間の注意へ働きかけるように見える行動を象徴的に表現したページ
04

CONTROL

「賢い」だけでは説明できない。

分かっていることと、止められること。
見ることと、抑えること。それぞれは別の能力。

遊びに集中していたボーダーコリーが、飼い主のもう終わりという合図に視線を戻し、行動を切り替える様子を描いたページ
普段の遊びでは終了合図で落ち着く犬と、宅配便や知らない人には制止されても吠える犬を比較し、分かることと止められることは別だと示したページ
宅配便への反応を車の走行音、バック音、玄関先の声、人の姿という時間軸で整理し、犬が早い段階から手掛かりを拾う様子を示した認知図解
外出、食事、宅配便について、犬が人間より早い段階から手掛かりを拾っている可能性を犬側と人間側の時間軸で可視化したページ
賢い犬という一つの言葉を、人を見る、記憶する、学ぶ、問題を解く、抑える、粘る、人へ頼るという複数の能力へ分解した科学図解
一頭のボーダーコリーを中心に、犬種特性、個体差、経験、環境、学習履歴が重なってその犬を形づくることを示した科学図解ページ
05

LOOK BACK

最後に観察されるのは、人間。

犬のことを見ていたはずだった。
でも、ここまでの手掛かりを作っていたのは誰だっただろう。

研究で確認されていること、飼い主が観察したこと、作品としての解釈という三層を分け、犬の主観そのものは直接知ることができないと整理したページ
飼い主を見つめるボーダーコリーの周囲に、身支度、冷蔵庫、スマホ、おもちゃ、視線、声、車などの手掛かりが浮かび、人間も犬の学習対象であるという結論を表現したページ
穏やかな日常の中でボーダーコリーと飼い主が互いを見つめ、次に犬が何かしたとき一度なぜと観察してみるという最後のメッセージを伝えるエンディングページ

AFTER READING

次に犬が何かしたとき、
答えを急がない。

「言うことを聞かない」の前に、
「なぜ、こうしたんだろう」と一度だけ見る。

この作品で描いたのは、犬の頭の中そのものではありません。 研究で確認されていること、実際に暮らして観察したこと、 そして、そこから見えてくる解釈を分けながら、 「犬を見る方法」を一冊にしました。

人間は、犬を観察して暮らしている。 犬もまた、人間を観察して暮らしている。

『ボーダーコリーの頭の中。』

The post ボーダーコリーの頭の中。｜犬は人間の何を見て、何を学んでいるのか first appeared on AI×LP内製化スタジオ｜.

]]> もう始まっている。｜AI・SNS時代の「次に警戒すべき詐欺」完全図解 https://ai-blog.orchid-gate.com/mou-hajimatteiru-ai-sns-scam-guide/?utm_source=rss&utm_medium=rss&utm_campaign=mou-hajimatteiru-ai-sns-scam-guide Thu, 06 Aug 2026 07:30:57 +0000 https://ai-blog.orchid-gate.com/?p=2027 VISUAL CRIME PREVENTION BOOK もう始まっている。 AI・SNS時代の「次に警戒すべき詐欺」完全図解 顔、声、肩書、広告、利益画面。 本物らしく見えるものが、信用の証明にならない時代です。 新し […]

The post もう始まっている。｜AI・SNS時代の「次に警戒すべき詐欺」完全図解 first appeared on AI×LP内製化スタジオ｜.

]]> /* ========================================================= 『もう始まっている。』 シンプル作品ページ ========================================================= */

.mh-book, .mh-book * { box-sizing: border-box; }

.mh-book { --mh-bg: #080c11; --mh-bg-soft: #0e151d; --mh-text: #f5f5f2; --mh-muted: #aeb7c1; --mh-line: rgba(255, 255, 255, 0.14); --mh-accent: #29a99c; --mh-warning: #e47b35; --mh-max-width: 1080px;

width: 100%; margin: 0; padding: 0; overflow: hidden; color: var(--mh-text); background: radial-gradient( circle at 50% 0%, rgba(39, 107, 154, 0.18), transparent 34rem ), linear-gradient( 180deg, #070a0f 0%, var(--mh-bg) 52%, #070a0f 100% ); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; line-height: 1.8; }

.mh-book button { font: inherit; }

/* 上部 */ .mh-book__header { width: min(calc(100% - 36px), 940px); margin: 0 auto; padding: clamp(58px, 10vw, 116px) 0 clamp(42px, 7vw, 78px); text-align: center; }

.mh-book__label { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 22px; color: var(--mh-accent); font-size: clamp(11px, 1.5vw, 14px); font-weight: 700; letter-spacing: 0.16em; }

.mh-book__label::before, .mh-book__label::after { width: 34px; height: 1px; content: ""; background: currentColor; opacity: 0.7; }

.mh-book__title { margin: 0; color: #ffffff; font-size: clamp(42px, 8vw, 86px); font-weight: 900; line-height: 1.05; letter-spacing: -0.05em; text-wrap: balance; }

.mh-book__subtitle { max-width: 760px; margin: 24px auto 0; color: #d5d9de; font-size: clamp(17px, 2.5vw, 25px); font-weight: 650; line-height: 1.6; text-wrap: balance; }

.mh-book__lead { max-width: 710px; margin: 28px auto 0; color: var(--mh-muted); font-size: clamp(14px, 2vw, 18px); line-height: 2; text-wrap: balance; }

.mh-book__message { max-width: 760px; margin: 30px auto 0; color: #ffffff; font-size: clamp(18px, 3vw, 29px); font-weight: 750; line-height: 1.6; text-wrap: balance; }

.mh-book__message strong { color: var(--mh-accent); }

/* URLコピーボタン */ .mh-book__share { margin-top: 34px; }

.mh-book__copy-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 12px 23px; border: 1px solid rgba(41, 169, 156, 0.78); border-radius: 4px; color: #ffffff; background: linear-gradient( 180deg, rgba(41, 169, 156, 0.2), rgba(41, 169, 156, 0.08) ); box-shadow: 0 10px 34px rgba(0, 0, 0, 0.26), inset 0 0 0 1px rgba(255, 255, 255, 0.035); font-size: 14px; font-weight: 750; letter-spacing: 0.04em; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }

.mh-book__copy-button:hover { border-color: #55c9bb; background: linear-gradient( 180deg, rgba(41, 169, 156, 0.3), rgba(41, 169, 156, 0.12) ); transform: translateY(-2px); }

.mh-book__copy-button:focus-visible { outline: 3px solid rgba(41, 169, 156, 0.45); outline-offset: 4px; }

.mh-book__copy-icon { font-size: 18px; line-height: 1; }

.mh-book__copy-result { min-height: 24px; margin: 10px 0 0; color: var(--mh-accent); font-size: 12px; font-weight: 650; }

/* 作品画像 */ .mh-book__pages { width: min(calc(100% - 22px), var(--mh-max-width)); margin: 0 auto; padding: 0 0 clamp(70px, 10vw, 130px); }

.mh-book__page { position: relative; width: 100%; margin: 0 0 clamp(22px, 4.8vw, 56px); }

.mh-book__page-image { display: block; width: 100%; height: auto; margin: 0; border: 1px solid var(--mh-line); border-radius: clamp(5px, 1vw, 10px); background: var(--mh-bg-soft); box-shadow: 0 22px 68px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.025); }

/* 下部 */ .mh-book__footer { width: min(calc(100% - 36px), 820px); margin: 0 auto; padding: 0 0 clamp(80px, 12vw, 140px); text-align: center; }

.mh-book__footer-mark { display: grid; width: 64px; height: 64px; margin: 0 auto 26px; border: 1px solid rgba(41, 169, 156, 0.6); border-radius: 50%; place-items: center; color: var(--mh-accent); font-size: 28px; font-weight: 800; }

.mh-book__footer-title { margin: 0; color: #ffffff; font-size: clamp(27px, 5vw, 49px); line-height: 1.35; letter-spacing: -0.025em; text-wrap: balance; }

.mh-book__footer-text { margin: 22px auto 0; color: #bdc5cd; font-size: clamp(15px, 2vw, 18px); line-height: 2; }

.mh-book__footer-text strong { color: var(--mh-accent); }

.mh-book__notice { margin: 38px auto 0; padding: 20px 22px; border-top: 1px solid var(--mh-line); border-bottom: 1px solid var(--mh-line); color: #8994a0; font-size: 12px; line-height: 1.9; text-align: left; }

/* スマートフォン */ @media (max-width: 600px) { .mh-book__header { width: calc(100% - 28px); padding-top: 48px; padding-bottom: 38px; }

.mh-book__label { gap: 8px; }

.mh-book__label::before, .mh-book__label::after { width: 20px; }

.mh-book__lead { line-height: 1.85; }

.mh-book__copy-button { width: 100%; max-width: 330px; }

.mh-book__pages { width: calc(100% - 10px); }

.mh-book__page { margin-bottom: 20px; }

.mh-book__page-image { border-radius: 4px; }

.mh-book__footer { width: calc(100% - 28px); }

.mh-book__notice { padding-right: 4px; padding-left: 4px; } }

@media (prefers-reduced-motion: reduce) { .mh-book__copy-button { transition: none; } }

VISUAL CRIME PREVENTION BOOK

もう始まっている。

AI・SNS時代の「次に警戒すべき詐欺」完全図解

顔、声、肩書、広告、利益画面。
本物らしく見えるものが、信用の証明にならない時代です。
新しい詐欺の構造と、今日からできる防御行動を24ページにまとめました。

変えるべきなのは、見抜く力ではない。
確認する習慣だ。

AI・SNS時代の新しい詐欺をテーマにしたビジュアル防犯ブック表紙
警察を名乗る電話から始まるニセ警察詐欺の導入シーン
個人情報を示して信用させる詐欺の流れ
ビデオ通話で信用させるニセ警察詐欺の手口
長時間通話で判断力を奪う詐欺の演出
感情操作の構造を示すタイポグラフィページ
詐欺の心理操作を図解で示した構造図
AI音声を悪用した詐欺の危険性を解説
本人らしい顔が映るビデオ通話でも信用せず、別の登録済み連絡先から事実確認する方法
政府保証、著名人推薦、専門家の肩書を装う広告から投資グループへ誘導する詐欺の流れ
偽広告から個別メッセージ、投資グループ、専門家役、追加送金へ進むSNS型投資詐欺の構造
偽投資画面に利益が表示されても出金できず、追加支払いを求められる仕組み
SNSで築いた信頼関係が投資や送金要求へ変わる時間軸
少額報酬で信用させた後に支払いと違約金を求めるタスク型副業詐欺
遠隔操作アプリから借入れや送金指示へ進む危険を示した図解
社長を名乗る緊急送金指示と正しい確認フローの比較
複数の詐欺が暗号資産送信へ収束する構造と送信前確認の重要性
被害回復を装って再接触し追加送金を求める二次詐欺
AIによる大量接触、個別化、多言語対応、長期的信用形成の将来リスク
接触から金銭や操作権限の要求まで、詐欺に共通する七段階の流れ
秘密、緊急性、権威、金銭要求の危険語句を整理した一覧
不審な通話を終了し、別経路から公式情報を確認する行動手順
家族と会社で事前に決める確認方法と承認手順のチェックリスト
不審な通話を終えて第三者へ相談し、110、#9110、188などを案内する最終ページ

その場で信用を
決めなくてよい。

止める。確認する。相談する。
それが、いちばん確実な防御になる。

本作品は、公的機関の公式広報物ではありません。
公的機関等が公表する情報を基に、一般向けに編集・再構成した
ビジュアル作品です。統計、相談先、注意喚起の内容は、
公開後に更新される場合があります。

The post もう始まっている。｜AI・SNS時代の「次に警戒すべき詐欺」完全図解 first appeared on AI×LP内製化スタジオ｜.

]]> もしも徳川家康が、現代の中小企業を継いだら。｜継ぐ者の戦略絵巻 第一巻 https://ai-blog.orchid-gate.com/tsugumono-vol01-tokugawa-ieyasu/?utm_source=rss&utm_medium=rss&utm_campaign=tsugumono-vol01-tokugawa-ieyasu Wed, 05 Aug 2026 08:00:42 +0000 https://ai-blog.orchid-gate.com/?p=1995 継ぐ者の戦略絵巻｜第一巻 もしも徳川家康が、 現代の中小企業を継いだら。 売上低迷、世代間対立、技術継承の危機を抱える地方の町工場。 三代目社長・久世康平が最初に選んだのは、大改革ではなく 「一か月、何も変えない」という […]

The post もしも徳川家康が、現代の中小企業を継いだら。｜継ぐ者の戦略絵巻 第一巻 first appeared on AI×LP内製化スタジオ｜.

]]> /* ========================================================= 継ぐ者の戦略絵巻｜作品記事専用CSS WordPress / Astra対応 ========================================================= */

.tsugumono-work, .tsugumono-work * { box-sizing: border-box; }

.tsugumono-work { --ts-ink: #171b19; --ts-iron: #343b38; --ts-paper: #eee9dc; --ts-paper-light: #f7f4ec; --ts-green: #23473a; --ts-green-light: #426657; --ts-muted: #6c716c; --ts-line: rgba(23, 27, 25, 0.18); --ts-red: #7e3027;

width: min(100%, 1080px); margin: 0 auto; padding: clamp(28px, 5vw, 72px) clamp(14px, 4vw, 42px); overflow: hidden; color: var(--ts-ink); background: linear-gradient(rgba(238, 233, 220, 0.96), rgba(238, 233, 220, 0.96)), repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(23, 27, 25, 0.018) 3px, rgba(23, 27, 25, 0.018) 4px ); font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; line-height: 1.9; overflow-wrap: anywhere; }

.tsugumono-work a { color: inherit; }

.tsugumono-header { max-width: 850px; margin: 0 auto clamp(38px, 7vw, 76px); text-align: center; }

.tsugumono-series { display: inline-flex; align-items: center; justify-content: center; gap: 0.65em; margin: 0 0 22px; color: var(--ts-green); font-size: clamp(12px, 1.7vw, 15px); font-weight: 700; letter-spacing: 0.16em; }

.tsugumono-series::before { content: "継"; display: inline-grid; width: 2.15em; height: 2.15em; place-items: center; border: 1px solid var(--ts-red); color: var(--ts-red); font-size: 0.9em; line-height: 1; letter-spacing: 0; transform: rotate(-2deg); }

.tsugumono-title { margin: 0; color: var(--ts-ink); font-size: clamp(30px, 6.3vw, 64px); font-weight: 700; line-height: 1.35; letter-spacing: 0.025em; text-wrap: balance; }

.tsugumono-title em { color: var(--ts-green); font-style: normal; }

.tsugumono-lead { max-width: 710px; margin: clamp(24px, 4vw, 40px) auto 0; font-size: clamp(15px, 2vw, 18px); line-height: 2; text-align: left; }

.tsugumono-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 28px 0 0; color: var(--ts-muted); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; }

.tsugumono-notice { max-width: 760px; margin: 26px auto 0; padding: 16px 18px; border-top: 1px solid var(--ts-line); border-bottom: 1px solid var(--ts-line); color: #535954; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 12px; line-height: 1.8; text-align: left; }

.tsugumono-start { display: flex; align-items: center; gap: 18px; max-width: 850px; margin: 0 auto 30px; color: var(--ts-green); font-size: 13px; font-weight: 700; letter-spacing: 0.22em; white-space: nowrap; }

.tsugumono-start::before, .tsugumono-start::after { content: ""; width: 100%; height: 1px; background: var(--ts-line); }

.tsugumono-pages { display: grid; gap: clamp(20px, 4vw, 38px); max-width: 850px; margin: 0 auto; }

.tsugumono-page { margin: 0; }

.tsugumono-page a { display: block; text-decoration: none; }

.tsugumono-page img { display: block; width: 100%; height: auto; margin: 0 auto; border: 1px solid rgba(23, 27, 25, 0.1); border-radius: 2px; background: #e9e3d6; box-shadow: 0 8px 28px rgba(24, 28, 26, 0.07); }

.tsugumono-after { max-width: 780px; margin: clamp(70px, 10vw, 120px) auto 0; }

.tsugumono-section { margin-top: clamp(64px, 9vw, 108px); }

.tsugumono-section:first-child { margin-top: 0; }

.tsugumono-kicker { display: block; margin-bottom: 12px; color: var(--ts-green-light); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }

.tsugumono-heading { margin: 0 0 26px; color: var(--ts-ink); font-size: clamp(25px, 4vw, 38px); font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; }

.tsugumono-section p { margin: 0 0 1.4em; font-size: clamp(15px, 1.9vw, 17px); line-height: 2; }

.tsugumono-reflection { padding: clamp(26px, 5vw, 48px); border-top: 1px solid var(--ts-line); border-bottom: 1px solid var(--ts-line); text-align: center; }

.tsugumono-reflection p { max-width: 650px; margin-right: auto; margin-left: auto; }

.tsugumono-questions { margin: 32px 0 0; padding: 0; list-style: none; counter-reset: ts-question; }

.tsugumono-questions li { position: relative; margin: 0; padding: 24px 0 24px 54px; border-top: 1px solid var(--ts-line); font-size: clamp(17px, 2.5vw, 22px); font-weight: 600; line-height: 1.8; }

.tsugumono-questions li:last-child { border-bottom: 1px solid var(--ts-line); }

.tsugumono-questions li::before { counter-increment: ts-question; content: "0" counter(ts-question); position: absolute; top: 28px; left: 0; color: var(--ts-green-light); font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; }

.tsugumono-concept { padding-left: clamp(18px, 4vw, 38px); border-left: 3px solid var(--ts-green); }

.tsugumono-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 30px 0 0; padding: 0; border-top: 1px solid var(--ts-line); list-style: none; }

.tsugumono-process li { position: relative; min-height: 126px; padding: 24px 22px 24px 54px; border-right: 1px solid var(--ts-line); border-bottom: 1px solid var(--ts-line); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 14px; line-height: 1.8; }

.tsugumono-process li:nth-child(even) { border-right: 0; }

.tsugumono-process strong { display: block; margin-bottom: 5px; color: var(--ts-green); font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif; font-size: 17px; }

.tsugumono-process span { display: block; color: var(--ts-muted); }

.tsugumono-process li::before { content: attr(data-step); position: absolute; top: 25px; left: 18px; color: var(--ts-green-light); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; }

.tsugumono-next { position: relative; padding: clamp(32px, 6vw, 58px); overflow: hidden; color: #eee9dc; background: linear-gradient(135deg, rgba(16, 19, 18, 0.98), rgba(34, 37, 35, 0.96)); }

.tsugumono-next::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--ts-red); }

.tsugumono-next .tsugumono-kicker { color: #c78d80; }

.tsugumono-next .tsugumono-heading { color: #f4efe5; }

.tsugumono-next-title { margin: 26px 0 20px; font-size: clamp(24px, 4.5vw, 43px); font-weight: 700; line-height: 1.5; }

.tsugumono-next-title strong { color: #b54b3c; font-size: 1.12em; }

.tsugumono-next p { color: #d7d1c6; }

.tsugumono-series-guide { padding: clamp(28px, 5vw, 48px); background: rgba(247, 244, 236, 0.66); border: 1px solid var(--ts-line); }

.tsugumono-cta { padding: clamp(32px, 6vw, 58px); color: #ece8de; background: var(--ts-green); }

.tsugumono-cta .tsugumono-heading, .tsugumono-cta .tsugumono-kicker { color: #fff; }

.tsugumono-cta p { color: rgba(255, 255, 255, 0.86); }

.tsugumono-button { display: inline-block; margin-top: 12px; padding: 13px 22px; border: 1px solid rgba(255, 255, 255, 0.62); color: #fff !important; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; text-decoration: none !important; transition: color 0.2s ease, background-color 0.2s ease; }

.tsugumono-button:hover, .tsugumono-button:focus-visible { color: var(--ts-green) !important; background: #fff; }

.tsugumono-share { padding: 28px 0; border-top: 1px solid var(--ts-line); border-bottom: 1px solid var(--ts-line); text-align: center; }

.tsugumono-share p { max-width: 650px; margin: 0 auto; color: #4f554f; }

.tsugumono-credit { margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--ts-line); color: var(--ts-muted); font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; font-size: 12px; line-height: 1.9; text-align: center; }

.tsugumono-credit p { margin: 0.25em 0; font-size: inherit; line-height: inherit; }

@media (max-width: 700px) { .tsugumono-work { padding: 28px 13px 50px; }

.tsugumono-header { margin-bottom: 42px; }

.tsugumono-title { line-height: 1.42; }

.tsugumono-lead { line-height: 1.9; }

.tsugumono-pages { gap: 18px; }

.tsugumono-page img { box-shadow: 0 5px 18px rgba(24, 28, 26, 0.06); }

.tsugumono-after { margin-top: 70px; }

.tsugumono-process { grid-template-columns: 1fr; }

.tsugumono-process li, .tsugumono-process li:nth-child(even) { border-right: 0; }

.tsugumono-questions li { padding-left: 42px; }

.tsugumono-next, .tsugumono-cta, .tsugumono-series-guide { padding: 28px 22px; } }

@media (prefers-reduced-motion: reduce) { .tsugumono-button { transition: none; } }

継ぐ者の戦略絵巻｜第一巻

もしも徳川家康が、
現代の中小企業を継いだら。

売上低迷、世代間対立、技術継承の危機を抱える地方の町工場。
三代目社長・久世康平が最初に選んだのは、大改革ではなく
「一か月、何も変えない」という決断でした。

短編ビジュアルコミック
全18ページ
読了時間：約6分

もしも徳川家康が現代の中小企業を継いだら。久世康平、大橋源治、水野真帆を描いた第一巻の表紙


徳川家康の戦略思想と現代の町工場を一本の道でつないだ、物語の導入ページ


機械停止、値下げ営業、現場の反発、若手の諦め、売上低下に直面する久世川製作所


前社長の久世忠雄が三代目社長の久世康平へ社長室の鍵を渡す事業承継の場面


新社長の久世康平が全社員の前で、最初の一か月は何も変えないと宣言する場面


久世康平が工場、営業、品質管理、休憩室を歩き、会社の三つの分断を観察する場面


顧客と現場、古参と若手、過去と未来という三つの組織分断を示した図解


熟練工の大橋源治と品質管理担当の水野真帆が、異なる未来への不安を抱える人物対比


久世康平が大橋源治の経験と水野真帆のデータを組み合わせようとする最初の布陣


大橋源治と水野真帆の対立が深まり、源治が作業手袋を置いて仕事から降りる場面


久世康平が源治、真帆、佐伯の役割を再定義し、一品一隊を始める場面


源治、真帆、佐伯らが一つの精密バルブ部品を囲み、経験、記録、顧客情報を共有する場面


納入品の液漏れ問題が発生し、久世川製作所が48時間以内の原因究明を求められる場面


源治の経験、真帆のデータ、佐伯の顧客情報がつながり、品質問題の原因を特定する場面


売上回復より先に記録、対話、情報共有が変化し、忠雄が康平へ鍵を託す場面


人を入れ替える前に役割と情報の流れを見直すという、作品の中心メッセージ


技術、昔のやり方、人材配置、次世代へ残す仕組みについて読者へ問いかけるページ


次の男は守る前に壊す。もしも織田信長が老舗企業をDXしたら。第二巻の予告ページ

After the story

会社が変わり始めたのは、
売上が戻った時ではありません。

経験、データ、顧客の声。別々の場所に留まっていた情報が、
一つの製品を中心につながった時、社員の問いと行動が変わり始めました。

継ぐことは、過去と同じ形を守ることではなく、
次の人が続けられる形へ変えていくことなのかもしれません。

Questions

あなたの会社では、どうでしょうか。

  1. 守っているのは、本当に残すべき技術でしょうか。
    それとも、昔から続くやり方でしょうか。
  2. 対立している相手は、本当に不要な人でしょうか。
    役割や情報の流れが合っていないだけではないでしょうか。
  3. 人を入れ替える前に、能力がつながる布陣へ変えられないでしょうか。
  4. 今すぐ結果が出なくても、次の世代へ残したい仕組みは何でしょうか。
Concept

徳川家康の人物像を、現代の事業承継へ。

本作では、短期的な勝利より長期的な存続を重視する姿勢、
すぐには動かず状況を観察する判断、人の能力を見極めて役割を与える考え方を、
現代の中小企業を継ぐ架空の社長・久世康平へ置き換えました。

ただし、慎重さを万能な正解としては描いていません。
説明せずに待つ姿勢は、社員から迷いと受け取られ、
人を配置するだけの改革は一度失敗します。
強みと弱みの両方を通して、事業承継と組織づくりを考える物語です。

本作は徳川家康本人の現代転生や史実の再現ではなく、
人物像や戦略思想をもとにした現代的な解釈と創作です。

Behind the work

企画から一冊になるまで。

この作品は、画像を先に作って文章を当てはめたものではありません。
読了後に残す問いから逆算し、物語、人物、ページ構成、
セリフ、図解、タイポグラフィ、画像生成、検品、Web上での見せ方までを
一つの編集工程として設計しました。

  1. 企画・編集会議
    作品の目的、読者、シリーズとしての役割を定義。
  2. 物語・人物設計
    主人公の強みと弱み、会社の課題、対立と失敗を設計。
  3. 全18ページ構成
    約6分で読める感情曲線と、ページごとの役割を整理。
  4. 完成原稿
    セリフ、ナレーション、図解文言、ページ末の引きを作成。
  5. アートディレクション
    劇画、映画、ブランドブックを融合した視覚設計。
  6. 画像生成
    ページ単位の詳細設計書をもとに、完成画像として制作。
  7. ページ別検品
    人物、文字、吹き出し、背景、小道具、読み順を確認。
  8. WordPress掲載設計
    スマートフォンでも物語へ没入できる縦読み構成へ調整。
Next story

次の男は、守る前に壊す。

継ぐ者の戦略絵巻｜第二巻
もしも織田信長が、
老舗企業をDXしたら。

紙の帳簿、口頭だけの指示、誰も使わない新システム。
伝統を守る老舗企業へ現れたのは、古い仕組みを容赦なく壊す改革者でした。

しかし、壊した後に残ったものは、本当に会社の未来だったのか。
第二巻では、壊すべきものと残すべきものの境界を描きます。

現在、制作準備中です。

About the series

継ぐ者の戦略絵巻

歴史上の人物が持っていた判断特性を、
現代の企業や事業課題へ置き換えて描く短編ビジュアルシリーズです。

漫画、映画的な画面設計、経営図解、タイポグラフィを組み合わせ、
難しい経営テーマを、物語として直感的に読める作品へ編集します。
歴史上の人物を正解として称賛するのではなく、
その強みが失敗を生む場面も含めて描きます。

For your company

このような表現を、
自社でも検討したい方へ。

一般的な会社案内とは違う形で、会社の歴史、社長の判断、
働く人の姿、技術や商品の価値を伝えたい企業向けに、
漫画、図解、ブランドブック、ストーリーブックなどを企画・制作します。

AIを使用すること自体を目的にせず、
企画、編集、取材、物語、デザインを通して、
その会社にしかない魅力が残る作品を設計します。


制作について相談する

この物語が、誰かの会社や仕事を考えるきっかけになりそうなら、
共有していただけると幸いです。

シリーズ｜継ぐ者の戦略絵巻

第一巻｜もしも徳川家康が、現代の中小企業を継いだら。

企画・編集・構成・ビジュアル制作｜AI×LP内製化スタジオ

本作に登場する企業、人物、出来事、発言は創作です。

The post もしも徳川家康が、現代の中小企業を継いだら。｜継ぐ者の戦略絵巻 第一巻 first appeared on AI×LP内製化スタジオ｜.

]]>