Claudeでの番組分析をきっかけに、公式サイトを全面リニューアル。Claudeが出したデザイン案にダメ出し、色覚多様性への配慮、ミリ単位の文字間調整、驚異の検索の速さなどこだわりが止まらない。新しいウェブサイトがどう作られたのか話しました。

0:55 きっかけはClaudeでの番組分析。そこから公式サイトの全面リニューアルへ

02:50 「説明したらプロダクト作りの人としては負け」──ならば公開ユーザビリティテスト

03:39 グリーンやベージュを取り入れた温かみのある新デザイン（by Claude）にダメ出しを繰り返して完成

04:41 ヒーロー画像の正体は銀座・数寄屋橋交差点（ちゃんと横断歩道がX）

06:36 Apple Podcastのバッジ利用規約に「他社より先頭に置け」。嘘だろうと探したら本当に書いてあった

07:12 バッジの高さや中心線がズレたまま3年放置。ようやくきれいに揃って最高に気持ちいい

08:07 バッジ制作を通して感じたプロデザイナーの意図と配慮のスゴさ

10:33 話者の色は色覚に配慮し、キーカラーの一つを紫に変更

13:19 文字間の幅の微調整。わずかな隙間の違いでサイトの受ける印象が激変

16:15 Chromeの開発ツールに搭載されたAIアシスタントで複雑なCSS修正を高速化

20:12 3000m級の山の肩の小屋から、スマホのClaude Codeでサイト修正（！）

22:16 MovableTypeから、毎回全ページをリビルドして公開する静的サイトへの大胆な移行

23:35 CMS要素ゼロで毎回まるごとリビルド、テキストデータ中心だからこそ実現できた爆速検索

25:53 未公開の「分析」ページ、言い出しっぺ率は及川30%・関33%・みか37%

エピソード内で取り上げた情報へのリンク：

• XCrossing 公式ウェブサイト

テック業界で働く3人が、テクノロジーとクリエイティブに関するトピックを、視点を行き交わしながら語り合います。

及川卓也 @takoratta
プロダクトマネジメントとプロダクト開発組織づくりの専門家
自己紹介エピソード ep1, ep2

関信浩 @NobuhiroSeki
アメリカ・ニューヨークでスタートアップ投資を行う、何でも屋
自己紹介エピソード ep52

上野美香 @mikamika59
マーケティング・プロダクトマネジメントを手掛けるフリーランス
自己紹介エピソード ep53

Official X: @x_crossing_
https://x-crossing.com

「ハイキュー!!」を音で聞くとカタカナ？漢字？から始まり、「ん」は奈良時代の日本語になかった音だったと判明。雅楽1300年の口伝、AC/DCの楽曲を数学で徹底解剖、人もAIも理解するときは一旦言葉やビジュアル言語に落とす…気づけば全部「言語化」というテーマへ。

01:13 「ハイキュー!!」どう発音するか？音の響きひとつで頭に浮かぶ文字がカタカナ or 漢字に変わる面白さ

02:30 XCrossingウェブサイトに自作の検索機能をつけたので、すぐに過去回（ハイキュー!!）特定可能に

04:17 子安、榎木… 声優さんの苗字のアクセントがご本人と世間で違う

05:49 雅楽は1300年、楽譜なしで抑揚の記譜のみで口伝継承

07:14 「ん」は奈良時代の日本語に存在しなかった？

10:25 「言語学と情報理論とロック音楽」：AC/DCの名曲を数学とエントロピーで徹底解剖するアツイ記事

11:58 キングクリムゾンの楽曲の複雑さは49%で多様性は上位、AC/DCは楽曲の響きの豊かさが上位1%

14:19 AIの名前「Claude」はクロード・シャノン由来説が最有力

15:09 ChatGPTと音楽談義で4時間溶かす。次にかかる曲をAIと予測し合う至福のオタク時間

19:08 老人ホームの世代別ラジオ：同世代のコンテキストの理解が刺さる選曲に

19:45 『あぶない刑事』BGMの元ネタがThe Alan Parsons Projectの曲だった

20:53 VLM（Visual Language Model）もVLA（Visual Language Action）も一度「言語化」を通す

23:57 目が見えない子供でも動くものは避ける反射、予測処理する脳の不思議

26:50 役者の演技：感情は言葉になる前に体の反応として先に表れるという指摘

テック業界で働く3人が、テクノロジーとクリエイティブに関するトピックを、視点を行き交わしながら語り合います。

及川卓也 @takoratta
プロダクトマネジメントとプロダクト開発組織づくりの専門家
自己紹介エピソード ep1, ep2

関信浩 @NobuhiroSeki
アメリカ・ニューヨークでスタートアップ投資を行う、何でも屋
自己紹介エピソード ep52

上野美香 @mikamika59
マーケティング・プロダクトマネジメントを手掛けるフリーランス
自己紹介エピソード ep53

Official X: @x_crossing_
https://x-crossing.com

死ぬまでにやりたいこと一覧の「バケットリスト」。リスト書き出しにとどまらず、自分専用のアプリ開発から入ってしまうこだわりと、その後の運用あるあるに笑いつつ、北岳登頂から世界一周、壮大なNPO法人設立の目標まで、3人それぞれの人生の目標も話しました。

00:42 XCrossingの分析をしてみたら、「出席も発言も控えめ」とAIに指摘され、ちょっと落ち込む

03:52 個人ブログ二つ運営 → 発信するためにいろいろなところに出かけていた → 徐々に書かなくなった

05:03 終活本のレコメンド、相続、デスノート、エンディングノート

05:37 体が動くうちにやりたいことをやろうと「バケットリスト」を書いてみた

06:06 リスト化するだけでは飽き足らず、Claudeで自作アプリを開発（自分専用）

07:09 北岳への登山や3年以内の世界一周旅行… クリアした達成感と今後の壮大な野望

07:46 リスト管理とタスク分解機能まで実装したものの、リマインダーは仕事っぽくなるのでギリ我慢

08:09 前回話した電動歯ブラシ、実は8年前に買って未開封・放置していたことが判明

11:06 普段使う「To Doリスト」と、「バケットリスト」の使い分け・位置づけの境界線はどこ？

11:39 「ゾン100」に触発され100個書こうとするも、意外と項目が出ず苦戦中

13:48 アメリカ在住関さんのバケットリスト：老後の保険、障害のある子どもたちを支援するNPO設立

16:57 自作バケットリストアプリに登録して満足してしまい3週間放置してしまうあるある

18:00 バケットリスト（Bucket List）の意外な語源：Kick the bucket

20:57 映画『最高の人生の見つけ方（The Bucket List）』を検索したらウィキペディアで食らうネタバレ

テック業界で働く3人が、テクノロジーとクリエイティブに関するトピックを、視点を行き交わしながら語り合います。

及川卓也 @takoratta
プロダクトマネジメントとプロダクト開発組織づくりの専門家
自己紹介エピソード ep1, ep2

関信浩 @NobuhiroSeki
アメリカ・ニューヨークでスタートアップ投資を行う、何でも屋
自己紹介エピソード ep52

上野美香 @mikamika59
マーケティング・プロダクトマネジメントを手掛けるフリーランス
自己紹介エピソード ep53

Official X: @x_crossing_
https://x-crossing.com