Practice Log n Share

操作と練習時間を、同じカードにまとめる

カテゴリをタップすると計測が始まり、別のカードで切り替わり、同じカードでもう一度タップすると止まる。カードには今日の時間を大きく置き、計測中だけ明るくして白い輪郭を付けた。操作する場所と、何を記録しているかを確かめる場所を揃えている。

練習の内訳を、横スクロールせず見渡せる

共有前の編集をなくすため、前回のレッスン日からの記録を自動で集計する。日別の表は、文字を小さくしてでも全カテゴリが同時に見える配置を優先した。先生に画面を見せながら、練習の配分を話せる形を目指している。

積み上げた練習を、続けるきっかけにする

今日の達成と、月・年単位の積み重ねを見える形にした。練習した努力を先生に見てもらえることも、続ける動機につながると期待している。

1日｜1時間を目安に、バーを満たす

今日の練習を表すバーは、最初に1時間を上限として表示する。その目安を満たそうと練習に取り組むきっかけになることを期待し、カテゴリごとの時間を色で積み上げた。

長期｜緑のマスで、日々の積み重ねを見せる

1日を1マスにし、その日の練習時間を緑の濃淡で表した。月・年単位で積み重なるマスを見渡せるようにし、日々の記録が増えていく様子を、練習を続けるきっかけにしたいと考えた。

調査と対話で、記録と共有の役割を定める

ChatGPTを使って既存アプリを調べ、課題とアプローチを整理した。当時の調査範囲では時間管理のアプリは見つかったが、先生とのコミュニケーションに適した共有の仕組みは見つけられなかった。対話で具体化したコンセプトを仕様書にまとめ、Codexに読み込ませて初版を実装した。

初版を触り、操作する範囲を画面に収める

生成された初期版を自分で触り、UIとUXの改善要望を伝え、改良版へと調整した。初期版で別枠だった計測中の情報と終了操作をカードにまとめ、今日の時間を大きく表示した。操作するパネルが画面に収まる配置も探った。

初期版

改良版

練習中に開き続ける画面として黒を基調にしつつ、カテゴリの色で明るい気分になることを目指した。

操作感を、自分で触り比べて選べるようにする

「すっと動いて、ストンと止まる」感触は、言葉や画像で頼むだけでは詰められなかった。そこで、方式や値を自分で変えて試せる補助ツールをAIとつくった。操作パネルが画面に収まる位置で止まることを基準に実機で比較し、ブラウザ標準のスナップを選んでアプリに反映した。

独立したレビューを使い、採否は自分で判断する

Claude Codeが挙げた問題や改善案を自分で確認し、Codexが検証して必要な修正を反映する工程を、独立した二つのAIセッションで繰り返した。提案が目指すUIやUXから離れることもあるため、アプリの目的と実際の手触りに照らして採否を決めた。
＊この工程を約15回繰り返し、AIのレビューで大きな欠陥が挙がらなくなったことを、改善を区切る一つの目安とした。