2026年8月28日の開発日記 - 音声デモを分割し、サイトを画面から直す
2026年8月28日の開発日記
自分の声を使った読み上げデモを作ってもらったが、一続きの音声には雑音のようなものが入っていた。 構成ごとに聞き直せるよう頼み、音声と全文を並べたHTMLへ直してもらった。 サイトの見た目や写真も、画面を見ながら指定した日だった。
今日のタイムライン
時刻はMac側のセッションに残る依頼や質問の時刻で、並行して進めた作業も含む。
今日やったこと
音声デモと表示調整はCodex、ターミナル環境と静的デモの公開はClaude Codeの記録に基づく。
ターミナルから別のセッションへ指示を出す
昼前にはClaude Codeに、履歴からコマンドの続きを候補表示する機能を入れてもらった。 日本語の変換候補ではなく、以前打ったコマンドが出るものだと伝え直した。 新しく開くターミナルから有効になるという説明を受けた。
tmuxで別のClaude Codeを開き、指示を送り、返答を読み取るところまで試してもらった。 さらに二つ目を開き、同じリポジトリで別々の作業を進める構成にした。 長引いていたアプリの一覧並べ替えは、この会話ではいったん中止するよう伝えた。
本人音声のデモを八つに分割
研修資料の冒頭を自分の声で読み上げてもらった。 長尺版を聞いたあと、構成要素ごとに作り直して個別再生できるよう頼んだ。 八つのパーツと四拍子の背景ビートを備えたHTMLになり、読み上げ全文も表示してもらった。
- 背景ビートのオンとオフ、音量を切り替えられる形になった。
- 装飾を外し、再生ボタンと全文を縦に並べてもらった。
- 分割後の雑音が完全に消えたか、本番で使ったかは未確認。
デモサイトを開き、表示と写真を調整
最初はHTMLファイルを開いてもらったが、見たかったのは動いているページだった。 ローカルサーバーで表示してもらい、コピー、ボタンの形、改行、FAQを画面から指定した。 FAQは開閉式から、回答が最初から見える形へ変えてもらった。
トップには導入事例の記事と写真を追加してもらった。 その後、新しく追加した写真が通常の更新日時順では見つからず、フォルダへの追加時刻も確認して差し替えてもらった。 デモ内の導入事例や掲載数は、実績を別途検証したものとは扱わない。
リンク切れの調査と設計レビュー
別の公開サイトについて、リンク切れの調査を頼んだ。 九件の候補を、古いファイル、サイト移転、組織変更などに分け、差し替え先の有無まで調べてもらった。 報告では六件が差し替え候補、二件が削除推奨、一件が問い合わせによる確認待ちになった。 このセッションは調査までで、公開サイトのリンクは変更していない。
デモサイトの設計記録も、動作や公開に関わる問題だけに絞ってレビューしてもらった。 配信先と動的フォームの組み合わせ、テスト用の認証設定を公開時に残すことが指摘された。 このレビューの記録だけでは、修正や公開の完了までは分からない。
静的なデモサイトを別フォルダで公開
Claude Codeでは、資料をもとに静的なデモサイトを作ってもらった。 別セッションも同じリポジトリを触っていたので、作業場所をサブフォルダに分け、資料もメモ用の場所へ移すよう頼んだ。 その後、デモ用の配信先を作って公開するよう依頼し、公開と表示検証の完了報告を受けた。
これは静的デモについての報告であり、別構成のサイトに対する設計レビューの指摘がすべて解消した証拠とは扱わない。
Webとメールの移行を、図で分けて聞いた
DNSやA、CNAMEの意味が分からなかったので、シーケンス図などを使う解説HTMLを頼んだ。 図六枚と表を含むページを作り、Chromeで表示したという報告を受けた。 Webの変更とメールの移行を分けて相談し、まず保守先へ確認しようと伝えた。 この会話だけでは、保守先への連絡やDNS設定の変更を実施したとは言えない。
Macアプリでの小さな操作
Codexでは一覧の表示順を変える作業を頼み、画面操作で並べ替えたという報告を受けた。 Claude Code側の中止依頼とは別のセッションであり、両者を一つの完了報告にはまとめない。 内部APIやデータベースの直接編集ではなく、アプリのアクセシビリティ機能を使ったと説明を受けた。
音楽制作アプリでは、既存プロジェクトのコピーから短い曲を仕上げてもらった。 画面取得が止まる場面を挟んだが、最後に約五十秒の音声を書き出したという報告が返ってきた。 メールファイルの読み書きについても質問したが、メール作成や送信を実行した記録はない。
今日の試行錯誤
| テーマ | 試したこと | 当日の記録で分かる結果 |
|---|---|---|
| 読み上げ音声 | 長尺版から構成別へ変更 | 八パーツの個別再生と全文表示を作ってもらった |
| ページの表示 | ファイルを開く依頼を言い直す | ローカルサーバーでサイトを表示してもらった |
| 写真の選択 | 更新日時に加えて追加時刻を確認 | 後から入れた写真への差し替えを報告してもらった |
| リンク切れ | 自動取得だけで判定せず個別に確認 | 差し替え、削除、要確認に分けた調査結果を受け取った |
今日の学び
- 読み上げ音声は、途中の一項目から再生できると確認する場所を選べる。
- ファイルを開くことと、ページをサーバーで表示することは、依頼の中で分けた方が伝わる。
- 写真の撮影日や更新日時だけでは、今フォルダに入れた一枚を選べないことがある。
関連記事
記録について：Mac側のCodexとClaude Codeのセッション履歴をもとに8月31日に再構成。依頼と完了を区別し、関係先の名称、実在ドメイン、連絡先、ウォッチリストの銘柄は掲載していない。