[{"data":1,"prerenderedAt":279},["ShallowReactive",2],{"content-/2026-08-28-diary":3,"all-pages-for-dir":258,"related-/2026-08-28-diary":259,"og-image-/2026-08-28-diary":278},{"id":4,"title":5,"body":6,"category":237,"concepts":238,"description":239,"extension":240,"meta":241,"navigation":242,"ogImage":238,"path":243,"project_name":244,"published":245,"publishedAt":246,"seo":247,"source":248,"stem":249,"tags":250,"todo":238,"unpublished":245,"updatedAt":256,"__hash__":257},"pages/2026-08/2026-08-28/diary-2026-08-28.md","2026年8月28日の開発日記 - 音声デモを分割し、サイトを画面から直す",{"type":7,"value":8,"toc":219},"minimark",[9,14,18,22,29,32,35,38,42,45,48,51,54,67,75,79,82,85,88,91,94,97,100,103,107,110,114,117,120,123,190,193,204,207,213,216],[10,11,13],"h1",{"id":12},"_2026年8月28日の開発日記","2026年8月28日の開発日記",[15,16,17],"p",{},"自分の声を使った読み上げデモを作ってもらったが、一続きの音声には雑音のようなものが入っていた。\n構成ごとに聞き直せるよう頼み、音声と全文を並べたHTMLへ直してもらった。\nサイトの見た目や写真も、画面を見ながら指定した日だった。",[19,20,21],"h2",{"id":21},"今日のタイムライン",[15,23,24],{},[25,26],"img",{"alt":27,"src":28},"音声デモ、サイト確認、Macアプリ操作を依頼した時刻","/2026-08/2026-08-28/timeline-sessions-2026-08-28.png",[15,30,31],{},"時刻はMac側のセッションに残る依頼や質問の時刻で、並行して進めた作業も含む。",[19,33,34],{"id":34},"今日やったこと",[15,36,37],{},"音声デモと表示調整はCodex、ターミナル環境と静的デモの公開はClaude Codeの記録に基づく。",[39,40,41],"h3",{"id":41},"ターミナルから別のセッションへ指示を出す",[15,43,44],{},"昼前にはClaude Codeに、履歴からコマンドの続きを候補表示する機能を入れてもらった。\n日本語の変換候補ではなく、以前打ったコマンドが出るものだと伝え直した。\n新しく開くターミナルから有効になるという説明を受けた。",[15,46,47],{},"tmuxで別のClaude Codeを開き、指示を送り、返答を読み取るところまで試してもらった。\nさらに二つ目を開き、同じリポジトリで別々の作業を進める構成にした。\n長引いていたアプリの一覧並べ替えは、この会話ではいったん中止するよう伝えた。",[39,49,50],{"id":50},"本人音声のデモを八つに分割",[15,52,53],{},"研修資料の冒頭を自分の声で読み上げてもらった。\n長尺版を聞いたあと、構成要素ごとに作り直して個別再生できるよう頼んだ。\n八つのパーツと四拍子の背景ビートを備えたHTMLになり、読み上げ全文も表示してもらった。",[55,56,57,61,64],"ul",{},[58,59,60],"li",{},"背景ビートのオンとオフ、音量を切り替えられる形になった。",[58,62,63],{},"装飾を外し、再生ボタンと全文を縦に並べてもらった。",[58,65,66],{},"分割後の雑音が完全に消えたか、本番で使ったかは未確認。",[15,68,69,70],{},"詳細：",[71,72,74],"a",{"href":73},"/segmented-narration-demo","本人音声の読み上げデモを構成別の再生へ直した",[39,76,78],{"id":77},"デモサイトを開き表示と写真を調整","デモサイトを開き、表示と写真を調整",[15,80,81],{},"最初はHTMLファイルを開いてもらったが、見たかったのは動いているページだった。\nローカルサーバーで表示してもらい、コピー、ボタンの形、改行、FAQを画面から指定した。\nFAQは開閉式から、回答が最初から見える形へ変えてもらった。",[15,83,84],{},"トップには導入事例の記事と写真を追加してもらった。\nその後、新しく追加した写真が通常の更新日時順では見つからず、フォルダへの追加時刻も確認して差し替えてもらった。\nデモ内の導入事例や掲載数は、実績を別途検証したものとは扱わない。",[39,86,87],{"id":87},"リンク切れの調査と設計レビュー",[15,89,90],{},"別の公開サイトについて、リンク切れの調査を頼んだ。\n九件の候補を、古いファイル、サイト移転、組織変更などに分け、差し替え先の有無まで調べてもらった。\n報告では六件が差し替え候補、二件が削除推奨、一件が問い合わせによる確認待ちになった。\nこのセッションは調査までで、公開サイトのリンクは変更していない。",[15,92,93],{},"デモサイトの設計記録も、動作や公開に関わる問題だけに絞ってレビューしてもらった。\n配信先と動的フォームの組み合わせ、テスト用の認証設定を公開時に残すことが指摘された。\nこのレビューの記録だけでは、修正や公開の完了までは分からない。",[39,95,96],{"id":96},"静的なデモサイトを別フォルダで公開",[15,98,99],{},"Claude Codeでは、資料をもとに静的なデモサイトを作ってもらった。\n別セッションも同じリポジトリを触っていたので、作業場所をサブフォルダに分け、資料もメモ用の場所へ移すよう頼んだ。\nその後、デモ用の配信先を作って公開するよう依頼し、公開と表示検証の完了報告を受けた。",[15,101,102],{},"これは静的デモについての報告であり、別構成のサイトに対する設計レビューの指摘がすべて解消した証拠とは扱わない。",[39,104,106],{"id":105},"webとメールの移行を図で分けて聞いた","Webとメールの移行を、図で分けて聞いた",[15,108,109],{},"DNSやA、CNAMEの意味が分からなかったので、シーケンス図などを使う解説HTMLを頼んだ。\n図六枚と表を含むページを作り、Chromeで表示したという報告を受けた。\nWebの変更とメールの移行を分けて相談し、まず保守先へ確認しようと伝えた。\nこの会話だけでは、保守先への連絡やDNS設定の変更を実施したとは言えない。",[39,111,113],{"id":112},"macアプリでの小さな操作","Macアプリでの小さな操作",[15,115,116],{},"Codexでは一覧の表示順を変える作業を頼み、画面操作で並べ替えたという報告を受けた。\nClaude Code側の中止依頼とは別のセッションであり、両者を一つの完了報告にはまとめない。\n内部APIやデータベースの直接編集ではなく、アプリのアクセシビリティ機能を使ったと説明を受けた。",[15,118,119],{},"音楽制作アプリでは、既存プロジェクトのコピーから短い曲を仕上げてもらった。\n画面取得が止まる場面を挟んだが、最後に約五十秒の音声を書き出したという報告が返ってきた。\nメールファイルの読み書きについても質問したが、メール作成や送信を実行した記録はない。",[19,121,122],{"id":122},"今日の試行錯誤",[124,125,126,142],"table",{},[127,128,129],"thead",{},[130,131,132,136,139],"tr",{},[133,134,135],"th",{},"テーマ",[133,137,138],{},"試したこと",[133,140,141],{},"当日の記録で分かる結果",[143,144,145,157,168,179],"tbody",{},[130,146,147,151,154],{},[148,149,150],"td",{},"読み上げ音声",[148,152,153],{},"長尺版から構成別へ変更",[148,155,156],{},"八パーツの個別再生と全文表示を作ってもらった",[130,158,159,162,165],{},[148,160,161],{},"ページの表示",[148,163,164],{},"ファイルを開く依頼を言い直す",[148,166,167],{},"ローカルサーバーでサイトを表示してもらった",[130,169,170,173,176],{},[148,171,172],{},"写真の選択",[148,174,175],{},"更新日時に加えて追加時刻を確認",[148,177,178],{},"後から入れた写真への差し替えを報告してもらった",[130,180,181,184,187],{},[148,182,183],{},"リンク切れ",[148,185,186],{},"自動取得だけで判定せず個別に確認",[148,188,189],{},"差し替え、削除、要確認に分けた調査結果を受け取った",[19,191,192],{"id":192},"今日の学び",[55,194,195,198,201],{},[58,196,197],{},"読み上げ音声は、途中の一項目から再生できると確認する場所を選べる。",[58,199,200],{},"ファイルを開くことと、ページをサーバーで表示することは、依頼の中で分けた方が伝わる。",[58,202,203],{},"写真の撮影日や更新日時だけでは、今フォルダに入れた一枚を選べないことがある。",[19,205,206],{"id":206},"関連記事",[55,208,209],{},[58,210,211],{},[71,212,74],{"href":73},[214,215],"hr",{},[15,217,218],{},"記録について：Mac側のCodexとClaude Codeのセッション履歴をもとに8月31日に再構成。依頼と完了を区別し、関係先の名称、実在ドメイン、連絡先、ウォッチリストの銘柄は掲載していない。",{"title":220,"searchDepth":221,"depth":221,"links":222},"",2,[223,224,234,235,236],{"id":21,"depth":221,"text":21},{"id":34,"depth":221,"text":34,"children":225},[226,228,229,230,231,232,233],{"id":41,"depth":227,"text":41},3,{"id":50,"depth":227,"text":50},{"id":77,"depth":227,"text":78},{"id":87,"depth":227,"text":87},{"id":96,"depth":227,"text":96},{"id":105,"depth":227,"text":106},{"id":112,"depth":227,"text":113},{"id":122,"depth":221,"text":122},{"id":192,"depth":221,"text":192},{"id":206,"depth":221,"text":206},"diary",null,"Codexで音声デモとサイト表示を調整。Claude Codeではターミナルの入力補完、別セッション操作、静的デモの公開、DNSの解説HTML作成を進めた。二つの履歴を分けて振り返る。","md",{},true,"/2026-08-28-diary","daily-log",false,"2026-08-28T00:00:00.000Z",{"title":5,"description":239},"make-diary","2026-08/2026-08-28/diary-2026-08-28",[251,252,253,254,255],"日記","音声合成","サイト制作","Mac","Claude Code","2026-08-31T00:00:00.000Z","XVKAdm7KskWWj4rdN2Tdjmw2XOkhxTR0mO7mc7QJT1A",[],[260,264,268,271,274],{"title":261,"path":262,"publishedAt":263},"2026年8月2日の開発日記 - WindowsからMacへ環境を移した一日","/2026-08-02-diary","2026-08-02T00:00:00.000Z",{"title":265,"path":266,"publishedAt":267},"2026年9月1日の開発日記 - 図解と帳票を並べ直し、検索順位の測り方を変えた","/2026-09-01-diary","2026-09-01T00:00:00.000Z",{"title":269,"path":270,"publishedAt":256},"2026年8月31日の作業日記 - 自由研究の問いを絞り、別表の図をbefore/afterで作り直す","/2026-08-31-diary",{"title":272,"path":273,"publishedAt":256},"MacのCodex・Claude Code履歴から振り返る10日間 - 2026年8月22〜31日","/mac-codex-diary-2026-08-22-to-31",{"title":275,"path":276,"publishedAt":277},"2026年8月29日の開発日記 - 単独HTMLの最終版を探して共有した","/2026-08-29-diary","2026-08-29T00:00:00.000Z","https://log.eurekapu.com/og/blog/2026-08-28-diary.png?v=2026-08-31T00%3A00%3A00.000Z&title=2026%E5%B9%B48%E6%9C%8828%E6%97%A5%E3%81%AE%E9%96%8B%E7%99%BA%E6%97%A5%E8%A8%98%20-%20%E9%9F%B3%E5%A3%B0%E3%83%87%E3%83%A2%E3%82%92%E5%88%86%E5%89%B2%E3%81%97%E3%80%81%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E7%94%BB%E9%9D%A2%E3%81%8B%E3%82%89%E7%9B%B4%E3%81%99&author=Kei%20Komatsu&sig=63f52cad468d7f7d",1788417366987]