ep197 山の上からスマホでサイト修正 − CMS要素ゼロの爆速検索などAIと進めたサイト全面刷新裏話
カートのアイテムが多すぎます
カートに追加できませんでした。
ウィッシュリストに追加できませんでした。
ほしい物リストの削除に失敗しました。
ポッドキャストのフォローに失敗しました
ポッドキャストのフォロー解除に失敗しました
ep197 山の上からスマホでサイト修正 − CMS要素ゼロの爆速検索などAIと進めたサイト全面刷新裏話
-
ナレーター：
-
著者：
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