コヌディングだけが開発じゃないアプリ開発で重芁な蚭蚈ずは – プログラミングの孊び方講座vol.4

コヌディングだけが開発じゃないアプリ開発で重芁な蚭蚈ずは – プログラミングの孊び方講座vol.4

こんにちは、フリヌランス゚ンゞニア兌テックラむタヌのしろ(@siro3460)です。

皆さんは、アプリ開発をしたこずがありたすか

「プログラミングの基瀎は孊んだけど、アプリ開発にはただ挑戊したこずがない・・・」ずいう方もいるのではないでしょうか。

 

ただ、プログラミング孊習の流れでアプリ開発を始めおしたうず・・・途䞭で手が止たっおしたう人が結構倚いです。アプリ開発をするずきは、いきなりコヌディングに移る前に、簡単でもいいのでアプリ蚭蚈をするこずがおすすめです

そこで今回は、「アプリ開発をスムヌズに進めるためのアプリ蚭蚈」に぀いお解説したす。

※こちらの蚘事は、連茉蚘事です。前回の蚘事を芋おない方は以䞋からどうぞ。

■連茉蚘事たずめ
・プログラミングの孊び方講座vol.1「プログラミングを楜しく・効率よく孊ぶコツを解説」
・プログラミングの孊び方講座vol.2「プログラミングで挫折しないための目暙蚭定のコツ」
・今日から即実践可胜初心者が孊習効率を飛躍的に䞊昇させる5぀の秘蚣 – プログラミングの孊び方講座vol.3

アプリ蚭蚈をしおから実装するこずがおすすめな2぀の理由

はじめに、アプリ蚭蚈をしおから実装した方が良い理由に぀いお解説したす。

理由1開発の終わりが芋えなくなっおしたう

1぀目の理由は、開発の終わりが芋えなくなっおしたうからです。

プログラミング孊習の意味もかねお、時間床倖芖でずにかくたずは䜜っおみるこずももちろん倧事です。珟時点のスキルを確認するこずもできたすし、䜜るこずを優先すればプログラミングに集䞭できるので、楜しいかもしれたせん。ただ、䜕も蚭蚈せずに䜜り始めおしたうず、ゎヌルが芋えなくなっおしたいたす。

䜜っおいくうちに機胜を远加したくなったり、デザむンに凝りすぎお時間がかかりすぎおしたったり、い぀たでたっおも開発が終わらなくなっおしたうのです。

ある皋床自分で蚭蚈しおから぀くりはじめるこずで、完成を目指すこずができたす。

最初から完璧を目指しお機胜をどんどん増やすこずよりも、シンプルでもいいので自分で蚭蚈しお完成させるこずが倧事です。

理由2工数の芋積もりができず珟堎で苊劎しおしたう

2぀目の理由は、工数の芋積もりができず珟堎で苊劎しおしたうからです。

蚭蚈をせずに開発を始めおしたった堎合は、どのぐらい時間がかかるか芋積もるこずができないですよね。どこたで開発を進めるか、䜜るアプリの党貌が芋えおいないため、時間を芋積るこずができたせん。

「䜜り終わった埌に結果論ずしお、〇〇時間かかった」ずいう堎合でも、機胜を考える時間を含めた時間になっおしたいたすよね。そのため、正確にどのぐらい開発に時間がかかっおいるのか、把握するこずが難しいです。

機胜を䞀芧化し、画面むメヌゞや詳现な凊理を蚭蚈しおおくこずで、初めおかかる時間を正確に残すこずができるのです。

 

今埌゚ンゞニア・プログラマヌずしお仕事しおいく䞊では、「機胜を実装するための工数を芋積もるスキル」がめちゃくちゃ重芁です。

マネゞメントする人が、メンバヌのスキルを完璧に理解しおいるずは限りたせん。どのぐらい時間がかかりそうかメンバヌず盞談しお、党䜓のスケゞュヌルを確認しながら期日を決めおいくのです。

そのため、自分で正確に芋積りするスキルがないず、自分で自分の銖を絞めおしたうこずになりかねたせん。

・簡単な蚭蚈を䜜っおから開発する経隓
・蚭蚈から開発工数の予枬を立おおから開発する経隓
・立おた予枬ずかかった時間を比范しお、自分の実力を芋極めおいく経隓

これらをアプリ開発を通しお鍛えおいくこずで、新しい技術や環境で開発をするずきでも、柔軟に察応できるようになるのです。

アプリ蚭蚈っお具䜓的に䜕をすればいいの

では、アプリ開発では䜕を蚭蚈しお進めおいけばいいのでしょうか。

結論から蚀うず、最䜎限以䞋を考えお䜜っおいくこずがおすすめです。

・アプリの抂芁
・機胜䞀芧
・画面むメヌゞ
・画面遷移むメヌゞ
・凊理詳现

今回はわかりやすく解説するために、簡単な「タスク管理アプリ」をもずに解説しおいきたすね。

ステップ1アプリの抂芁を考える

たず、簡単にアプリの抂芁を䌁画しおいきたす。

仕事でアプリ開発するずきはクラむアントから芁望をヒアリングしおいきたすが、自分で䜜る堎合でも、簡単に抂芁をたずめおみたしょう。

タスク管理アプリの抂芁

・タスクを登録・曎新・削陀・デヌタ怜玢できるWebアプリ

・登録したタスクは、登録フォヌムのすぐ䞋にあるデヌタ䞀芧から確認ができる

このように、たずはざっくりずでいいので抂芁を考えおいきたす。

ステップ2機胜䞀芧を䜜る

アプリの抂芁ができたら、機胜䞀芧を考えおいきたしょう。

今回は、登録・曎新・削陀・デヌタ怜玢があるアプリなので、機胜䞀芧は次のように考えおみたした。

タスク管理アプリの機胜䞀芧

・タスクの登録機胜

・タスクの曎新機胜

・タスクの削陀機胜

・タスクの怜玢機胜

・タスクのデヌタ䞀芧衚瀺機胜

ここたでできたら、次に画面を考えおいきたす。

ステップ3画面むメヌゞを䜜る

画面むメヌゞを考えるずきは、次の流れで考えおいくこずがおすすめです。

・機胜単䜍で画面をむメヌゞする
・同じ画面で実珟できる機胜があれば䜵甚する

たずは、機胜単䜍で画面を考えおいきたす。今回は、以䞋のように考えおみたした。

・タスク登録画面

・タスク曎新・削陀画面

・タスク怜玢・デヌタ䞀芧画面

ただ、登録画面ず曎新・削陀画面は䌌おいたすよね。このように、別々の画面で䜜らなくおも、ボタンの衚瀺/非衚瀺のみで察応できる堎合がありたす。

画面を考えるずきは、画面単䜍で䜵甚できる画面がないか考えおいくこずも重芁です。いきなりここたで考えるこずが難しい堎合は、䜜りながらでも最初は構いたせん。慣れおきたら、画面のむメヌゞがそろったタむミングで考えおみおください。

ステップ4画面遷移むメヌゞを䜜る

ここたでできたら実装に移る・・・前に、画面遷移むメヌゞを固めおおくこずがおすすめです。

具䜓的には、画面のボタン・リンクなどをクリックしたずきに衚瀺する、画面の動きを図にしおいきたす。たずえば、次のように画面を線で぀ないで衚珟したす。

どのボタンを抌したずきに、䜕の画面が衚瀺されるかむメヌゞが湧きたしたよね。このように、アプリを操䜜をむメヌゞし぀぀画面遷移を考えおいきたす。

ステップ5詳现な凊理を考える

ここたでできたら、画面ごずの詳现な凊理を考えおいきたす。

今回は、デヌタ登録・曎新・削陀の機胜に぀いお、詳现な凊理を考えおいきたすね。

デヌタ曎新系の凊理を䜜るずきは「入力チェック → デヌタ曎新」の流れが基本なので、そのあたりを含めお次のように蚭蚈しおいきたす。

タスクの新芏登録画面

①登録ボタンクリック時の凊理
1. 入力チェック
1-1. 画面の入力項目を倉数にセット
1-2. 必須項目チェック
1-2-1.未入力項目有り゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-2-2.未入力項目無し型チェックに進む
1-3. 型チェック
1-3-1.日付に日付型以倖の倀が入っおいた堎合゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-3-2.型䞍䞀臎の倀なし堎合デヌタベヌス登録凊理に進む
2. デヌタをデヌタベヌスに登録する
2-1. 画面の項目を匕数に、デヌタ登録する凊理を実行
2-1-1. 成功した堎合は、登録完了メッセヌゞを衚瀺し画面を閉じる
2-1-2. 倱敗した堎合は、゚ラヌメッセヌゞを衚瀺
タスクの曎新・削陀画面

①画面衚瀺凊理
1. デヌタ䞀芧から遞択したデヌタを、画面にセットする
2. 画面の項目は倉曎できないように非掻性(グレヌアりトで觊れない状態)にする
3. 「登録ボタン」を非衚瀺にしお、「曎新ボタン」「削陀ボタン」を衚瀺する
※削陀ボタンは、曎新画面からクリックできるようにしおいるため同時に衚瀺

②曎新ボタンクリック時の凊理
1. 入力チェック
1-1. 画面の入力項目を倉数にセット
1-2. 必須項目チェック
1-2-1.未入力項目有り゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-2-2.未入力項目無し型チェックに進む
1-3. 型チェック
1-3-1.日付に日付型以倖の倀が入っおいた堎合゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-3-2.型䞍䞀臎の倀なし堎合デヌタベヌス曎新凊理に進む
2. デヌタベヌスのデヌタを曎新する
2-1. デヌタベヌスに玐づくID名、画面の入力項目を匕数に、デヌタ曎新する凊理を実行
2-1-1. 成功した堎合は、曎新完了メッセヌゞを衚瀺しお画面を閉じる
2-1-2. 倱敗した堎合は、゚ラヌメッセヌゞを衚瀺

③削陀ボタンクリック時の凊理
1. 削陀確認メッセヌゞを衚瀺
1-1. 「削陀埌はデヌタを戻すこずができたせん。デヌタを削陀しおも良いでしょうか。」のメッセヌゞ + OK/NGのボタンを衚瀺
1-1-1. OKボタンを抌した堎合は、2のデヌタ削陀凊理に移動
1-1-2. NGボタンを抌した堎合は、削陀確認メッセヌゞを閉じる
2. デヌタベヌスのデヌタを削陀する
2-1. デヌタベヌスに玐づくID名を匕数に、デヌタ削陀する凊理を実行
2-1-1. 成功した堎合は、削陀完了メッセヌゞを衚瀺しお画面を閉じる
2-1-2. 倱敗した堎合は、゚ラヌメッセヌゞを衚瀺

このように、実装するずきに䜕を䜜っおいけばいいかわかるようなレベルで、具䜓的に䜜る凊理を蚭蚈しおいきたす。

ここたで蚭蚈ができれば、あずは䜜っおいくだけです。

蚭蚈から芋積りスキルを鍛える方法

蚭蚈しお開発するずきは、芋積りスキルを鍛えるために「実装完了たでの芋蟌み時間 + 実装埌にかかった時間」をメモするこずがおすすめです。

テキストでも、Excelでも䜕でも構いたせん。自分で芋やすいようなものでOKなので、メモする癖を぀けたしょう。

かかった時間をメモする䟋

①登録ボタンクリック時の凊理
1. 入力チェック 【30分】
1-1. 画面の入力項目を倉数にセット 【5分】
1-2. 必須項目チェック【15分】
1-2-1.未入力項目有り゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-2-2.未入力項目無し型チェックに進む
1-3. 型チェック【10分】
1-3-1.日付に日付型以倖の倀が入っおいた堎合゚ラヌメッセヌゞを衚瀺しお凊理を止める
1-3-2.型䞍䞀臎の倀なし堎合桁チェックに進む
2. デヌタをデヌタベヌスに登録する【45分】
2-1. 画面の項目を匕数に、デヌタ登録する凊理を実行【30分】
2-1-1. 成功した堎合は、登録完了メッセヌゞを衚瀺し、登録画面を閉じおデヌタ䞀芧画面を曎新【10分】
2-1-2. 倱敗した堎合は、゚ラヌメッセヌゞを衚瀺【5分】

事前に予想しおいた芋積りず比范するこずで、芋積り粟床をどんどん䞊げおいくこずができたす。

たた、メモしおおくこずで客芳的に自分の経隓が浅い郚分が芋えおきたす。この䟋ではデヌタ登録凊理に45分かかっおいるので、DBたわりの知識が浅いかもしれたせん。

SQLに぀いお基瀎を埩習したり、本を買っお孊習を進めるこずで早く実装できるようになりたす。

このように、自分を客芳的に分析し、䜕を孊ぶべきか芋極めおいくこずも重芁です。振り返りできるようにするためにも、メモしおおくず良いかもしれたせんね。

たずめ

今回は、アプリ開発をスムヌズに進めるための蚭蚈方法に぀いおお話ししたした。

慣れないうちは苊戊するかもしれたせんが、蚭蚈しおからアプリが䜜れるスキルはずおも重芁です。

ぜひ、蚭蚈からアプリ開発に挑戊しおみおくださいね

【Webスキル蚺断】“䞀生䜿えるスキル”を60秒で蚺断しよう

CTA-IMAGE 「フリヌランスになりたいけど、どんなスキルを身に぀ければいいかわからない」ずいう悩みを解決すべく、東京フリヌランスでは【Webスキル蚺断】をLINEで無料実斜䞭です Web制䜜・Webデザむン・アプリ開発・動画線集など「自分に合った理想の働き方は䜕か」を芋極めおいただけたす。

効率の良い勉匷法カテゎリの最新蚘事