Flutter初級編【質問対応有り版】

こんな方にはおすすめできません（必ずご一読願います）

◆ プログラミングサポーター（講師）のキャラと言動が生理的に合わない方

講義は関西弁で展開されます。聞く方によってはややクセが感じられるかと思いますので、無料で公開しているレクチャー動画（以下のカリキュラムのコーナーで「プレビュー」と書かれたレクチャー）をご覧になった上で、受講のご判断をして頂きますようお願い致します。

◆ 詳しい解説はいいからとにかく手数を増やしたい方

「みんプロ式」では、受講生の方に表面的ではないしっかりとしたスキル・知識を身につけて頂きたいとの想いから、解説パートを充実させています。従って「詳しい解説はいいからとにかく手数を増やしたい」という方のニーズには合致しない可能性が高いので、カリキュラム内容をご覧になった上で、受講のご判断をして頂きますようお願い致します。

◆ 自分で手を動かしてコードを書くのが嫌な方

プログラミングは動画テキストを眺めているだけでは上達しません。実際に手を動かしてコードを書いて「からだでおぼえる」ことをやらないと、どんな講座でも絶対に出来るようになりません。ですので、自分で手を動かすことを良しとしない方には、この講座はおすすめできません。逆に言うと、このカリキュラムに沿って実際に手を動かして頂ければ、必ず約３ヶ月でFlutterを使ったスマホアプリ開発（iOS・Android）に最低限必要なスキルを身につけることができます。

（注1）AndroidアプリをGoogle Playからリリースするためには、開発者登録料・25米ドル（１回のみ）が必要になります。
（注2）iOSアプリをApp Storeからリリースするためには、Macパソコンと開発者登録料・99米ドル（年間）が必要になります（WindowsパソコンではiOSアプリをリリースすることはできません）。

これ一本でiOS・Androidアプリが”いっぺんに”作れる
今最も注目のアプリ開発ツール「Flutter（フラッター）」

「Flutter（フラッター）」とは、

Googleが2018年末に正式版を発表した出来たてホヤホヤの「マルチプラットフォーム」アプリ開発ツール

です。

スマホと言えば「iOS（iPhone）」と「Android」が世界シェアのほぼ全てを牛耳る２大巨頭体制。

ところが、そのシェアは国によってバラバラ。

世界全体で見たらAndroidですが、日本では真逆なんです。

しかも、お互いそれなりのシェアを持ってますから、どちらかだけ対応するというわけにはいきません。

しかし、実は同じスマホアプリでもiOSアプリとAndroidアプリとは全くの別物。

iOSアプリは

・XCodeという道具と

・iOS SDKという開発キットを使って

・Swiftというプログラミング言語で作るのに対し、

Androidアプリは

・Android Studioという道具と

・Android SDkという開発キットを使って

・Kotlin（あるいはJava）というプログラミング言語で作る。

つまり、iOSアプリとAndroidアプリとでは作る工程が全く違うんです！

それは、iOSとAndroidではプラットフォーム（≒ OS：オペレーティングシステム）が違うからなんですね。

だから、同じ見た目のスマホアプリでも、またゼロから作る必要がある。

使う方はいいけれど、作る方は時間もコストもかかって超大変！

そんな困った状況を解消してくれるスグレモノの開発ツールが「Flutter（フラッター）」なんです。

「Flutter」を使えば、これ一本でiOSアプリもAndroidアプリも全く同じ工程”いっぺんに”作れちゃうんです。

しかも、「Flutter」はこれ一本で、

・スマホアプリのみならず、

・デスクトップアプリや

・Webアプリなど

色んなプラットフォーム（≒ OS)に対応するアプリが”いっぺんに”作れちゃうんです。

これが「マルチプラットフォーム」の意味であり、「Flutter」の凄いところなんです。

だから、「Flutter」は正式版が登場して１年も経っていないにも関わらず、今最も注目を集めるアプリ開発ツールになったんですね。

【参考】GoogleのFlutterはmacOSやWindowsも含む真のマルチプラットフォーム対応へ（TechCrunch日本語版 2019/5/9）
https://jp.techcrunch.com/2019/05/09/2019-05-07-googles-flutter-framework-spreads-its-wings-and-goes-multi-platform/

GoogleのFlutterは、クロスプラットフォーム開発に対応した UIツールキット。登場してからまだ2年しか経っていないが、あっという間に多くのデベロッパーがこぞって採用するフレームワークとなった。ただし、これまでは「クロスプラットフォーム」の意味は、AndroidとiOSにのみ限定されていた。昨年末になってGoogleは、Flutterをモバイル用だけでなくウェブにも拡張すると発表した。そして米国時間5月7日に開催されたGoogle I/Oで、その言葉通り、ウェブ用Flutterのテクニカルプレビュー版を発表した。

さらにGoogleは、Flutterを利用して、macOS、Windows、Linuxをターゲットにした開発がもうすぐ可能になることも明らかにした。すでにGoogle自身も、Flutterを利用してGoogle Home Hub（Nest Hubに改名）のユーザー体験を設計し始めているという。それ以外に、さまざまな組み込みデバイス用に活用することも視野に入れている。

「Flutter（フラッター）」は、まさにこれからスマホアプリ開発、引いてはプログラミングを始めようという方にうってつけのアプリ開発ツール。

これから大いなる将来性が見込まれるこの「Flutter」のスキルを、あなたもいち早く習得してみませんか。

経験ゼロでも挫折せずにスマホアプリ（iOS・Android）が作れるようになる方法
（「みんプロ式」５つの秘訣）

「みんプロ式」は「経験が全くない方あるいは挫折してしまった経験のある方専門のプログラミング講座」です。

それはわかったんだけど、

じゃあ、

◆ 「みんプロ式」は他のスマホアプリ開発講座と何が違うんや？！

◆ なんで経験ゼロの人でも３ヶ月でスマホアプリ（iOS・Android）が作れるようになると言い切れるんや？！

と、ちょっと疑問に思いますよね。

実はこれ、ぼく自身が苦い挫折を経験してきたからなんです。その挫折経験を踏まえて

「みんプロ式」では、初心者の方が陥りやすい挫折パターンを徹底的に回避する仕組みを盛り込んでいるから

なんですね。

秘訣②：プログラミング経験ゼロでも一切門前払いしない完全初心者向けカリキュラム

---

とは言え、いくら「スモールステップ」と言っても、中身が難しかったり、つまらなかったりすると、いくら短くても挫折してしまいますよね。

ぼくは、スマホアプリプログラミングの勉強を１からやってきて、色んな挫折を繰り返してきたわけですが、その中で思ったのは、

世間のスマホアプリ開発を教えるカリキュラムというのは、たいがい「ハーバードへの留学」ですわ

ということだったんです。

ハーバードに行って「勉強」は教えてくれるけど、授業は「英語」ですと。それと同じですね。

スマホ（iOS/Android）の機能に関しては１から教えるけれども、それを書くためのプログラミング言語は、事前にちゃんと身につけてきてちょうだいね

という感じになっているのが、プログラミングを全くやったことのない人にとって、非常に大きな壁になっている。

実際、ぼくもJavaを知らずにAndroidアプリ開発の門を叩いてしまってエライ目にあったので、この巨大な壁の高さを身にしみて実感させられたんです。

だから、「みんプロ式」は、

「『ハーバード』に留学してもらうけど、英語いらんで」というコンセプト。

つまり、「英語も一緒に学べるハーバード大学」みたいな感じで、

「スマホアプリ開発講座やけど、言語はおろかプログラミング経験も一切いらんで」

というカリキュラムなんです。

スマホやプログラミングの基礎知識など、他の講座では省略しがちな、本当に初歩的な段階からスタートしますから、プログラミング経験ゼロの方でも一切門前払いしない、まさに

「スマホアプリを作ってみたいけどプログラミングを全くやったことがない人のための講座」

なんですね。

秘訣③：実践的なスキルを「からだでおぼえられる」ハンズオンスタイル

---

あと、文法を項目立ててちまちま教えられても、なかなかモチベーションが続かない「学習指導要領的」カリキュラムの問題。

これってつまらないんですよね。

だから、ぼくなんかは「文法を順序立ててちまちまやっても仕方ない」から、最終的には

自分の作りたいアプリのイメージをまず持ってきて、それに必要なものをかいつまんで覚えていくという方が絶対ええやろ！

と。

こういう方が、学習のモチベーションって上がるんやろうなということに気付いたんです。

そして、結果的にそれがうまくいきまして、あれだけ挫折を繰り返してたのに、アプリ作るところまで行くことができたんですね。

ですから、「みんプロ式」のカリキュラムを組んでいくにあたっては、

最終的な成果物がちゃんとイメージできるようにする

ということに一番気を配ったんです。

そうしないと、初心者の方はモチベーションが続かないというのが、ぼくの挫折経験からわかっていましたので。

つまり、

プログラミング言語の文法やスマホの機能の学習指導要領の教科書的にイチから学んで、それからアプリを作ってみる

のではなくて、

「実際のアプリを作る」ということをカリキュラムの主軸に持ってきて、

このアプリを作りたかったら、こういう機能が必要

このアプリを作りたかったら、こういう文法を覚える必要がある

という

「逆算方式」のカリキュラムにしたんです。

だから「みんプロ式」ではプログラミングサポーター（講師）と一緒にアプリを作りながら進めていきます。

簡単なアプリから徐々に難しいアプリへと、具体的なアプリを段階を踏みながら作っていきますので、実践的なスキルを無理なく「からだでおぼえる」ことができる。

これも、挫折せずに続けてもらうための工夫なんですね。

秘訣④：初心者がつまづきやすい「カベ」を無理なく乗り越えてもらうためのスライド解説方式

---

カリキュラムの問題以外でも、初心者の方がつまづいてしまう地雷はありとあらゆるところに潜んでいます。

「空気どころかカベやで？！」という感じの専門用語とか、

本の通りやってるはずやのに、そのとおりに動かへんとか

「ハイフン（-）」が「アンダースコア（_）」になっているなどの超ケアレスミスで引っかかって抜け出せなかったりとか

後から考えるとすごいしょうもないけれども、実際に遭遇すると地獄に落ちたような感じになっちゃう。

そんな、業界に長いこといる人から見たら「えっ！？なんでそんなところで詰まってんの？」というような「カベ」が初心者の段階では無数に散りばめられているんですね。

だから、そういう「カベ」を１つずつ丁寧に乗り越えさせてあげる必要があるんです。

ぼくは幸か不幸か、これまでさんざん挫折の泥沼をもがいてきました。

その経験を活かして、初心者の方がつまづきやすい「カベ」の乗り越え方を、直感的でわかりやすいスライドを使って丁寧に解説するスタイルをとったんです。

また、ツールを使う手順や実際のコードの書き方などの「プロセス」もわかるように工夫しました。

こういう「プロセス」は、初心者の方が非常につまづきやすいところなのですが、本（文字）のテキストではなかなか伝えることができない部分なんです。

それを「みんプロ式」では、動画テキストであることの特徴をフル活用して、この「プロセス」をしっかりカバー。

まさに隣でぼくと一緒にアプリを作っている感覚で進められるので、テキストと同じペースで「続けられる」というワケなんですね。

秘訣⑤：どんな質問でも丁寧に答えてもらえる安心のサポート体制

---

そうは言っても、プログラミングの学習は試行錯誤の連続。どんなにわかりやすい講座でも、思わぬところでつまづいちゃうんです。

そんなときこそ、プログラミングサポーター（講師）であるぼくの出番なんですね。

「質問をする」というのは、プログラミング講座に限らず結構勇気がいることですよね。ぼくも質問するのはすごく苦手です。

「みんプロ式」では「わからへんけど、これ聞いたらバカにされるんちゃうかな？」というようなことは一切ありませんので、わからないところがあれば遠慮なく質問してもらえればと思います。

（質問に関する注意事項）

1. 「Q&Aサポート無し版」をご利用の方は、ご利用頂けませんのでご注意下さい。
2. 講座内容に関することであれば、どんな質問でもお答えいたしますが、ご自分のオリジナルのプロジェクト・アプリ作成に関するご質問にはお答えできませんのでご注意下さい。
3. ご質問の際は、該当箇所がわかるもの（画面のスクリーンショット・エラーコード・ソースコード）のご連携をお願いします。また質問内容の記載なくプロジェクトだけをご連携いただくのはご遠慮頂いておりますのでご留意願います。