【iOSアプリ開発】#1 UIを考える

木下です。突然iOSアプリを作ってみたくなったので、開発記録を投稿していきます。いきなり複雑なものを作ろうとすると、途中で行き詰って飽きてしまいがちなので、比較的簡単そうな日記アプリを作っていきたいと思います。実はもう途中まで作ってあるので、最初の方は更新が速いと思います(^^)

🌟制作するアプリの概要

タイトル:『ひとこと日記』

概要:ひとこと日記をつけるアプリ。継続して日記をつけていると、動物達の警戒心が解けて、少しずつ近寄ってきます。構いすぎてしまうと……?

🌟使用予定のツール・フレームワーク

  • React Native (開発フレームワーク)
  • Expo (React Nativeが使いやすくなるやつ)
  • GeminiCLI
  • Perplexity (調べものや記事を書く時など、補助的に活用)
  • ibis Paint (お絵描きアプリ)

本当はXcodeという開発ツールを使ってみたかったのですが、mac専用でWindowsパソコンでは使えないようなので、諦めてReact Nativeを使って開発を進めていくことにしました。React Nativeはクロスプラットフォームのモバイルアプリ開発フレームワークで、JavaScriptのコードを書くだけでiOSとAndroidの両方で動作するアプリを同時に開発できます 。従来はiOS用にSwiftやObjective-C、Android用にJavaやKotlinという異なる言語で別々にアプリを作る必要がありましたが、React Nativeなら一度の開発で両方のプラットフォームに対応可能なようです(すごい)。Facebook、InstagramなどもReact Nativeで作られているようです。JavaScriptであれば他の言語よりも比較的親しみやすいと思い、開発フレームワークに選びました!他におすすめがあったら教えてください:)
Perplexity(Claude sonnet 4.5)に質問しながら、開発を進めていきます。一々コピペしなくちゃいけないのが面倒なので、GeminiCLIへの移行を現在検討中です。

追記:GeminiCLIに完全移行しました。開発が段違いで楽になり、楽しくて毎日Gemini2.5Proの上限まで使い倒しています。コードを書く時はClaudeに拘っていたのですが、無料であるにもかかわらずGeminiもすごく優秀で感動しました。河合先生教えてくれてありがとうございます。

🌟UIを考える

自分のモチベーションが最優先なので、やりたいことから進めていきます。初日はアプリのUIと、動物のイラストを描きました。ibis Paintという無料のお絵描きツールを使って作成しています。

メイン画面

図鑑画面(出会った動物を記録)

日記画面(記録した日記を確認できる)

制作画面

必要な画面は随時作成していきたいと思います。特に図鑑のデザインがお気に入りです。この段階ではどうやってアプリを作るのか全然分かっていませんでしたが、とりあえず可愛い猫が描けて満足しました😎

#2に続く…

1 Comment

コメントを残す