技術記事

はじめに

micomia株式会社のエンジニア 宮城です。

私はこれまで、単に高機能なシステムを作るのではなく、使う人の手の動きや視線の動きを想像しながら開発に取り組んできました。その最新の成果として、観葉植物の育成をサポートするアプリ「でぃぐりーん」をリリースしました。

今回の記事では、この「でぃぐりーん」というアプリの開発を通じて私たちがどのような課題に向き合い、解決してきたのかをご紹介します。単なる技術的な解説ではなく、一つのアプリが形になるまでの過程と、開発者としての考えをお伝えします。

1.開発前にしたこと

自分たちが「植物初心者のユーザー」になってみることから始めました。 実際に街へ植物を買いに行き、土を触り、育ててみる。すると、机の上で考えていた時には気づかなかった「これがあったらいいな」が見えてきました。

例えば、「その場で育て方がわかる機能」や「気になる植物の名前で検索できる機能」です。

2.実装

設計が決まったら、実装です。今回のプロジェクトでは、スピード感と高いデザイン自由度を両立させるため、開発ツールとして「FlutterFlow」を選定しました。

このツールの強みは、AIによる植物名の判定やマップ連携といった高度な機能を、安定した品質で迅速に形にできることです。 AIが植物を判定する仕組みや、お店が見つかるマップ機能を一つずつ実装を行います。 ここで大切にしているのは、難しそうな機能をただ詰め込むのではなく、「誰でも迷わず、優しく使えるか」という体験を目指して、丁寧に作り込みました。

3.テスト

実装ができあがったら、次はテストでアプリの使い心地の確認を行います。
ここで私たちは、あえて自分たちに厳しく、徹底的なテストを行います。
「動けばいい」ではなく「誰が触っても、どんな場面でも正しく動くか」という品質の保証に、一番時間をかけております。

機能の動作チェックはもちろん、「画面全体の統一感」を厳しく確認しました。

• 見つかった不具合の例： ボタンの配置や文字の大きさが、ページごとにズレていたり、色のトーンが微妙に違っていたりする箇所が見つかりました。一見、小さなことに思えるかもしれませんが、これが積み重なると、使う人は無意識に「なんだか使いにくいな」と感じてしまうものです。

• 私たちの解決策： すべての画面を並べて見直し、ボタンの押しやすさや情報の配置をミリ単位で整えました。どの画面を開いても「いつもの使い心地」が変わらないように統一することで、初めての方でも迷わず、スムーズに操作できる品質まで引き上げました。

こうした地道な微調整を何回も繰り返します。 「ここまでチェックしたから大丈夫」と胸を張れるまで磨き上げる。この厳しさが、使う人の「使いやすい」という安心感に繋がると信じています。

4.リリース

すべてを整え、ようやくアプリをお客様へお渡しする日がやってきました。お渡しの際、お客様からは「想像以上の仕上がりに感動しました！」という、作り手にとって一番の励みになる言葉をいただきました。