個人プロダクト開発シリーズ第1回

モバイル開発者として最大の願いは、もちろんアプリを書いて、あとは収入を待つことです ( ͡° ͜ʖ ͡°)。

では、一人でアプリを完成させるまでに、どんな問題に出会うのでしょうか。最近、自分のアプリを公開したので、直面した問題とその解決方法を共有します。

1. ニーズを決める

個人アプリを作りたいと思うきっかけは、人によって少しずつ違います。

大きく考えれば、人々が切実に求めていることを見つけ、その解決策で世界を変えられるかもしれません。あとはプログラマーさえいれば、というわけです。

もっと身近な理由なら、単に自分のアプリがApp Storeに並ぶのを見たいのかもしれません。新技術を試す作品の場合もあります。たとえばiOS 8でToday Extensionが登場した後、これを使った個性的なアプリが数多く現れました。あるいは、ファイル操作アプリや細やかな機能を備えた天気アプリのように、生活上の不便を実際に解消する補助アプリかもしれません。

大小を問わずニーズを一つ定めること。それが作り続ける力になります。

私は妻の要望をもとに、「File Manager」というファイル管理アプリを作りました。

File Managerはスマートフォンをサーバーにし、同じWi-Fi上のほかの端末からブラウザでスマートフォン内のファイルを管理できるようにします。フォルダ分け、ファイルのコピーや移動、ダウンロード、アップロードが可能です。

このニーズを決めてから、プロジェクトを公開するまでに前後3か月ほどかかりました。その過程でSwiftも少し学びました。

2. アプリのプロトタイプと画面操作

ニーズと解決策が決まると、ぼんやりとしたプロトタイプやユーザー操作も頭に浮かびます。次は具体的な画面と操作を固めます。

私もいくつかのプロトタイピングツールを試しましたが、結局やめました。

ツールに慣れて画面を設計するのに必要な時間があれば、xibで画面を組み上げられると気づいたからです。その後は手描きのスケッチで、自分のプロトタイプの問題を解決しました。

後に別のプロダクトを作る中で、プロトタイプはやはり必要だとわかりました。これは、ロジックを整理し、全体の整合性を確かめる作業なのです。

3. アプリ内の小さなアイコンはどうする?

プロトタイプが決まり、プロジェクト全体の枠組みもおおよそ見えてきました。しかしコード以外に、個人開発者なら避けて通れない問題が残っています!

プロジェクトで使うさまざまな小さなアイコンをどうするか?

ここでは、私が使ったことのあるアイコンライブラリをいくつか紹介します。

  • Alibabaのアイコンライブラリ → ベクターアイコンがセットで揃い、色や大きさを自由に変えられる良心的な素材です。ただし商用利用には作者の許諾が必要です。
  • icons8 → 56,500個の無料フラットアイコン!さまざまなプラットフォーム向けのアイコンがあり、Mac版アプリまであります。
  • iconfinder → こちらもアイコンがセットで揃い、商用サービスとしての色合いがより明確です。

4. 自己テストとベータテスト

会社では、テスターやプロダクト担当者などの仲間が協力し、アプリを継続的に改善してくれます。では個人開発者は、どうすればできるだけ早く多くの不具合を見つけ、避けられるでしょうか。

4.1 自分でテストする

以前はテスト担当者に渡していた作業も、今度は自分でするしかありません。手動テストのほかに、テストモンキーを飼って、テストを手伝ってもらうこともできます。

4.2 ベータテスターを募集する

個人アプリを作るなら、開発者だけでなく、プロダクト、運営、カスタマーサポートなど、いくつもの役割を担います。宣伝も自分の仕事です。友人、同級生、家族から始め、さまざまなSNSで「個人アプリがもうすぐ完成するので、試すのを手伝ってください」と伝えます。

ベータユーザーの役割はテストだけではありません。新しい要望や提案をもらうことで、アプリをより充実させ、改善できます。

4.3 テストビルドを配布する

ベータユーザーの端末識別子を取得しやすい場合は、Pgyerやfir.imなどのベータ配信プラットフォームを利用できます。ただし端末数には制限があります。

端末識別子を取得しにくい場合は、iOS 8以降に提供されたAppleのTestFlightを利用できます。ベータテスターは最大10,000人です。

5. App Store掲載用スクリーンショット

なぜ公開用スクリーンショットだけを一つの節にするのでしょうか。個人開発者には、それほど多くの宣伝経路がありません。App Storeの商品ページに載るスクリーンショットと説明が、アプリへの入口であり店構えだからです。

商品ページのスクリーンショットが見劣りすれば、アプリを見つけてくれたユーザーを逃すかもしれません。

会社ならUIデザイナーやプロダクト担当者が商品ページ用の画像作りを手伝ってくれます。一人で作る場合、適切なサイズの画像をどう用意すればよいでしょうか。

5.1 シミュレータで撮影する

シミュレータでアプリの画面を直接撮影することもできますが、少し粗く見えることがあります。

5.2 少し見栄えを整える方法

ここでは無料サイトのshotbotを紹介します。素材をアップロードすると、統一された形式の商品画像一式を作れます。

2022-04-11 追記:その後、自分のApp Store公開用スクリーンショットを作るためのMacアプリを自作しました。

6. 私が使ったその他の素材

特定の画面操作やデザインに取り組んでいると、サードパーティーのツールや出来合いのアイコンでは、どうしても思いどおりにならないところが出てきます。

それなら、自分で画像を編集しましょう!

もちろん、多くの開発者はPhotoshopが得意というわけではなく、まったく使えない人もいます。どうすればよいでしょうか。

二つのサイトを紹介します:オンラインPS、Meituのウェブ版

容量の大きなAdobeソフトウェアをダウンロードしなくても、ブラウザで簡単な画像編集ができます。Photoshopがあまり得意でない私たちには朗報です。

画像編集だけでなく、アプリのIconそのものも悩みの種です。もう一つおすすめするのはMakeIconです。1024×1024のロゴをアップロードするだけで、ほかのすべてのサイズのIconを自動生成できます。iOS 10のiMessageにも対応しています。

7. まとめ

私はUIデザイナーの助けを借りず、既存の素材を使って開発を完了しました。デザイナーがいる方は、どうぞこの先を読まずお帰りください  ̄ヘ ̄。

自分でアプリを作りたいと思い始めたのは、昨日今日のことではありません。必要なものを整理できて、ようやく最近、本格的に着手しました。何より重要なのはニーズが明確になったことで、そのついでにSwiftも少し学びました。

開発中、1週間ほとんどコードを書かなかったこともあります。そして個人アプリを作るとき、本当に継続する力になるのはニーズだと気づきました。大小ではなく、問題を解決できることが大切です。

開発が進むにつれ要件も増え、AirDrop共有、iCloud連携、ShareExtension開発などはまだ未完成でした。少しずつ改善を重ねていきましょう!ʘʚʘ(このアプリを作った本当の目的が、PC、スマートフォン、iPad間で自分の「collection.avi」を共有することだったなんて、決して言いません。)

個人アプリへのリンクはこちらです:最もシンプルなファイル管理方法―File Manager

2022-04-11 追記:このアプリは検索しても見つからなくなりました。よい収益化方法がなかったため、外注会社へ売却しました。売却を通じて多くのことを考えるようになり、詳しい振り返りは次の記事にまとめています。

元の記事はJianshuで公開しました。その後Jianshuのアカウントが不正アクセスを受け、ほかの記事もたびたび公開停止になったため、ブログ記事をすべてgithub.ioへ移行します。