このプロダクトは、株式会社mofmofの「水曜日の個人開発」にサポートされています。
好きな画像を画面いっぱいに表示し、時間を確認することのできるカスタム時計アプリ 「Custom Wall Clock」 を作りました。
できること (MVP)
- 好きな画像を選択し画面いっぱいに表示できます。
- 好きなキャラクターの絵を表示したりするとなかなかエモいので試してほしい！
- 時計の文字を好きな色に変更できます。
- 画像の色合いによって文字が見えない問題が発生したので急遽取り入れました。
今後追加したい機能 (時間がなかった)
- フォルダ選択によるランダムな画像表示機能
- 見るときによって画像が変わっててたらテンション上がりそう！
- 文字配置変更機能
- 文字が見づらい問題があるので表示位置変えられるようにしたい！
- 文字サイズ変更機能
- 画像によって合う文字の大きさが変わるなと実際使ってみて思った！
- 文字フォント変更機能
- 上と同じ理由！
作ろうと思った理由
- 部屋に時計がない（買えばいい）
- 毎回ipadの画面をタップして表示するかmacのヘッダーを表示するかで使いずらい
- 開発等の作業中に画面真っ暗なのが寂しい
- 寂しい
- アプリ開発をしてみたい
- ずっと興味はあったけどなかなか手をつけられなかったのでちょうどいいタイミングだった！
使用技術
- flutter
社内でたまに話題が出ることがあり、自分としても興味があったのでflutterに挑戦してみました！
MVP開発を意識し、最小限のアプリ開発を行おうという意味合いもあり、まずはflutterのみでの開発にしました。
「flutterでスマホアプリが作れるぞ」くらいの認識で開発始めたのでなかなか開発進みませんでした笑
開発期間・工程
2023/01/18 ~ 2/22 の約2ヶ月間の水曜日 +α?
- アイデア出し
- flutter tutorial
- 画像表示
- データ保存
- UIの作成・調整
- simulaterでのテスト
- バグ修正
- テキスト見えない問題修正
- apple developer program 登録
- testflightでのテスト
- 色を変えると起こるバグの修正
- 表示がうまくされないバグの修正
- app store connect でアプリリリースの準備
- app review 提出
- 許可メッセージの日本語化修正
- リリース
最初はandroid studioで開発してたけど、途中からvscodeでの開発でも問題ないことに気づいてそこからペース上がりました。
最後に
なんとか実際にリリースをするまで持っていくことができたのでよかったです。
apple developer program にとうとう加入したので今後アプリ作り放題だ！笑
開発の詳細は後日zennでまとめます！