Case 01 / 個人プロジェクトPersonal project

Babos

「この案件がいま頭をどれだけ占めているか」を泡で見せる、作業記録アプリA work log app that shows, with bubbles, how much of your head each project is taking up

PDFをダウンロードDownload PDF
期間When2026年8月〜10月Aug - Oct 2026
対応環境PlatformsmacOS、Windows、iPhonemacOS, Windows, iPhone
言語Languages日本語・中国語・英語Japanese, Chinese, English

01背景と目標Background and goal

背景Background

フリーランスの案件には、はっきりした日付の区切りがないことが多い。私はメモだけで案件を管理していて、仕事で使った管理ツールは技術寄りで、直感的ではなかった。Freelance projects often lack clear date milestones. I only kept notes, and the tools I had used at work were technical and unintuitive.

課題感Problem

こうしたツールは「日付」で区切る。実際に一番時間がかかるのは、クライアントとやり取りして修正を重ねる中盤だ。大きな方向が決まれば残りは派生して進むので、終盤はむしろ一番楽になる。Those tools split work by date. The costliest part is the middle, going back and forth with the client. Once the direction is agreed, the rest follows and the end is the lightest.

目標Goal

直感的で、相対的で、気軽。持ち歩くメモのような進捗記録表。Intuitive, relative and relaxed: a progress log that feels like a pocket notebook.

02開発の流れProcess

  1. 1
    ルールを定義Define the rules
    8月Aug
    大きさと濃さの意味What size and shade mean
    Claude Design
  2. 2
    HTML試作版HTML prototype
    8/21 v0.3.121 Aug, v0.3.1
    Mac, Windows
    TauriGitHub Actions
  3. 3
    ネイティブMac版Native Mac app
    v0.2.4
    同じ機能を書き直しSame features, rewritten
    SwiftUIClaude Code
  4. 4
    iPhone版iPhone app
    9/11からFrom 11 Sep
    同じコードを共有Shared codebase
    UIテスト23件23 UI tests
  5. 5
    審査提出Submission
    9/2828 Sep
    動画を撮り足し、審査に返信Answered review
    App Store Connect
  6. 6
    承認Approved
    10/22 Oct
    iPhone 1.0
    Netlify公式サイトNetlify site

03デザインルールDesign rule

1つの形に、2つの意味One shape, two meanings

取捨選択Trade-offs試して、削ったものTried, then cut

✕進捗リングProgress ring
✕透明度を下げていくFading opacity
✕重要度で大きさを決めるImportance sets size
✓大きさ＝頭の占有度
濃さ＝どこまで進んだかSize = mental load
Shade = progress so far

04課題と対応Problems and fixes

4つの重要な修正Four key corrections

課題PROBLEM
私の対応WHAT I DID
持ち帰った原則PRINCIPLE
保存に失敗しても、画面に何も出なかったSaving failed and the screen showed nothing
→
設定画面に保存状態を表示し、エラーを握りつぶさないようにしたShow the save status in Settings so errors are no longer swallowed
→
エラーを握りつぶすなら、画面に逃げ道を残すIf you must catch an error, leave a way out on screen
起動時に、古いデータが本体を上書きしたOn launch, old data overwrote the original file
→
「ファイルを読み終えるまで書き込まない」ゲートを追加Added a gate: no writing until the file has been read
→
まず順序を確認し、機能の話はそのあとCheck the order first, features second
読み込みに失敗したあと、保存すると空のファイルになったAfter a failed read, saving wrote an empty file
→
保存をブロックして警告し、毎日の自動バックアップを7件残すBlock saving and warn; automatic daily backup, keep 7
→
まず、データを失わないことData must never be lost
審査で追加資料を求められ、状態が「拒否」と表示されたReview asked for more information and showed "Rejected"
→
操作動画を自分で撮り、項目ごとに返信したRecorded a walkthrough video and answered each item
→
審査のルールを先に確認してから提出するSpell out the review rules before submitting

05役割分担Working split

決定と受け入れは私、実装とチェックはAII decide, AI builds

私の役割MY ROLEプロダクト定義Product definitionビジュアルと操作の設計Visual, interaction受け入れAcceptanceリリースRelease
01
私Me要件を定義Define needs
02
AI実装Build
03
AIコードを説明Explain code
04
私Me受け入れ・取捨Accept, weigh
05
AI3方向チェック3-way check
06
私Me何を直すか決めるChoose fixes
07
私Me審査への返信Answer review

06成果Results

3
言語
日・中・英Languages
JA, ZH, EN
3
対応環境
Mac、Windows、iPhonePlatforms
Mac, Windows, iPhone
23+11
自動テスト
UI・ユニットAutomated tests
UI, unit
4
データ消失リスク
リリース前に発見して修正Data-loss risks
fixed before release
1.0
iPhoneが審査を通過
Mac版は審査中iPhone approved
Mac version in review

07Claudeの講評Claude's view

共同作業者の見方で、筆者が書いたものではありません。The collaborator's opinion, not written by the author.

Claudeの講評Claude's view共同作業者の見方Collaborator's opinion

良かった点Worked well

  • 1つの形に2つの意味を持たせていて、しかも仕事の実際の観察から来ている。飾りではない。One shape, two meanings, from a real observation.
  • 却下した案と数式の理由が残っていて、あとの変更に根拠がある。Rejected options and formula rationale recorded.

改善できる点Could be better

  • 今のところ検証したのは筆者本人だけで、他の人も同じ課題を感じているかの根拠はまだない。Validated only by the author so far.
  • データ消失のリスクは審査提出後に見つかった。保存機能ができた時点でテストを足すべきだった。Data-loss risks found only after submission.
筆者AUTHOR誤りに気づき、証拠も見るCatches errors, takes evidence自分の弱点を飾らないAdmits weaknesses形容詞ではなく、プロセスを見たいWants process, not talkAIに任せるが、理解は求めるDelegates, but understands