【3日で速習】Google Flutterによるモバイルアプリ開発入門

JavaScriptライクなDart言語を学んで、iOS/Androidで動くスマホアプリを短期間に開発できるようになろう!

3.90 (202 reviews)
Udemy
platform
日本語
language
Mobile Apps
category
1,197
students
2.5 hours
content
Feb 2020
last update
$19.99
regular price

What you will learn

Google Flutter SDKを使ったクロスプラットフォームアプリ開発を学びます。

Flutterの基礎的な使い方を学べます。

FlutterのUIライブラリ(ウィジェット)の使い方を学べます。

ネーミングアプリを開発できます。

Description

【コースの概要】

Google製のクロスプラットフォーム開発ツール「Flutter」を使って、1つのソースコードでiOS・Androidの両方で動作するアプリを開発する手法を学びます。

Flutterは2017年にGoogleから発表され、1つのソースコードから複数のOSで動作するアプリケーションを開発できます。

さらに2019年5月に開催されたGoogle I/Oイベントでは、ウェブや組込み系、デスクトップアプリ開発への対応も発表されました。

【受講対象者】

  1. 短時間にiOS, Android両方で動作するモバイルアプリを開発してみたい方

  2. SwiftやJava, Kotlinで本格的な開発をする前に、高速にモバイルアプリのプロトタイプ開発を行いたい方

  3. SwiftやJava, Kotlinに挑戦したけれども挫折してしまった方

  4. JavaScriptの経験があって、これからスマホアプリ開発にチャレンジしようと思っている方

【受講に不向きな方】

  1. スマホアプリを開発するなら、Swift, Java, Kotlinでないと嫌だと考える方

  2. ビデオレクチャーで勉強するのが苦痛な方

  3. JavaScriptライクな開発言語(Dart)が好みでない方

【コースを修了するとできるようになること】

Flutterを習得すると、

  • Dart言語というJavaScriptライクなシンプルな開発言語を使って、1つのソースコードでモバイルアプリを開発できます。

  • PhoneGap/Cordovaなどハイブリッドアプリより高速に動作するネイティブアプリとしてビルドできます。

  • Java・Kotlin・Swiftなどの各言語をそれぞれ習得しなくても短期間にクロスプラットフォームで動作するアプリ開発や、プロトタイピングができます。


【コースのカリキュラム構成】

第1日: Flutterの概要と環境構築

(1)Flutter SDKをインストールしよう

(2)Android Studio 3とFlutter/Dartプラグインのインストール

(3)Visual Studio Codeとエクステンションのインストール

(4)はじめてのビルド

第2日: Flutter開発の基礎

(1)ネーミングアプリを作ってみよう

(2)StatelessWidgetで静的なページを表示しよう

(3)StatefulWidgetで動的にコンテンツを更新しよう

第3日: インタラクティブ機能の追加と画面遷移

(1)ネーミングアプリにお気に入り機能を追加しよう

(2)動的にスクロールするリストビューにネーム一覧を表示しよう

(3)お気に入り一覧表示機能を追加しよう

Content

はじめに

コースの概要
環境構築のレクチャーの注意

第1日:環境構築(Windows 10)とAndroidでの動作

Flutter SDKのインストール(Windows 10)
Android Studio 3のインストール(Windows 10)
VS CodeのインストールとFlutter拡張のインストール
環境チェックをしておこう
練習課題: 環境チェックを実行しよう
はじめてのアプリを実機で動作させよう!
Androidエミュレータで実行してみよう

第1日:環境構築(macOS)とiPhone/Androidで動作

Flutter SDKのインストール (macOS)
Xcodeのインストール
iOSシミュレーターで動作を確認してみよう
Homebrewのインストール
iPhoneで動作を確認してみよう
Android Studio 3のインストール(macOS)
Android Studioでmy_appを実行してみよう
VS Codeをインストールしよう

第1日:環境構築(Mac, WIndows共通)

コードの構成を確認しよう
ホットリロードを試してみよう
VS Codeでプロジェクトを追加・実行してみよう!

第2日:ネーミングアプリを作ってみよう!

ファイル構成を確認しよう
スタートアップネーミングアプリを作ろう
WordPairパッケージを追加して名前を生成しよう
練習課題: StatelessWidgetでアプリを作ってみよう
ソースコード(Stateless)
StatefulWidgetを使ってみよう
練習課題: StatefulWidgetでアプリを作ってみよう
ソースコード(StatefulWidgetを使ってみよう)
リストビューで複数ワードを表示しよう
リストビュー表示に変更してみよう
ソースコード(ListView)
セクションのレビューと次の予定

第3日:ネーミングアプリを拡張しよう!

お気に入りアイコンを追加しよう
練習課題: アイコンを追加しよう
アイコンをタップしたら反転させよう
練習課題: タップしたら反転させよう
お気に入りリストを表示しよう
練習課題: お気に入りリストを表示しよう
UIテーマを変更してみよう! & まとめ
練習課題: テーマを変更してみましょう。
ソースコード

ボーナストラック

Android Studio におけるFlutter SDKの設定手順(Windows)

Screenshots

【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Screenshot_01【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Screenshot_02【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Screenshot_03【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Screenshot_04

Reviews

e
October 19, 2023
説明が少し早く感じたので,0.75倍速くらいで聞くとちょうど良いです。また扱っているAndroidStudioが古く,現状の画面やインストールするものが結構異なっていましたので,結局自分で最新版でインストールしている人の説明を検索して,この講義に追いつきました。ツール自体がすぐに新しくなってしまうので,仕方ないとは思いますが,動画の端に追記レベルでも欲しいなあと思いました。
M
October 16, 2021
Flutterの環境設定~アプリ作成の流れや、よく使いそうなアプリの機能の作り方を効率よく学べました。自分はC#はやっていましたが、今回のDart?Java?は初めてで文法の疑問が色々出てきたので、復習しておこうと思いました。
S
January 21, 2021
Flutterチュートリアルの日本語動画版でした。 翻訳するのがめんどくさい方は良いかもしれませんが チュートリアル以上の内容は無いので、英文でも大丈夫な方やGoogle翻訳で対応できる方は、評価が低くなるかと思います。
Tomo
January 11, 2021
基本的に、公式のチュートリアルをなぞるだけで、ソースコードもコピペです。なので、プログラミングをやったことないような初学者にはおすすめできないです。また、プログラミング経験者には公式ドキュメントを読んだ方が早いですし、課金するのももったいないです。
村上裕紀
November 17, 2020
Flutterが提供しているチュートリアルに沿って説明しているだけなので、 既に、https://flutter.dev/docs/get-started/codelabを修了している方は見なくていいかなと思いました。チュートリアルにのっていない部分の補足や、Tipsなども教えて頂きたかったです。
青木
October 4, 2020
公式サイトをベースに説明されているため、情報に安心感があります。 英語の公式サイトを読むことが大変な私にとってはとても有益な説明方法です。 また最新の公式サイトを同時に確認しながら行うことで、 講義の後に更新された公式情報やその差分も確認することができます。
SHIN
June 27, 2020
正直、これまで受講してきたUdemyの講座の中では、評価は最も低いです。 理由としては、説明不足すぎる、この一点です。 基本的には、公式のチュートリアルをなぞるだけの進行です。ほとんどがチュートリアルにこう書いてあるから、このコードをコピペしましょう、というような流れです。 その後何か説明があるはずだと期待するのですが、ほぼ説明はなく、次に進みます。 それでも、最後まで希望を捨てずに受講を進めた結果、そのまま何も分からず、講座は終わりました。 私の理解力が乏しいのは、否めませんが、一応HTML,CSSは触ったことがあり、C言語は基礎は抑えています。 プログラミング全くの未経験の方は大変苦労することになるでしょう。 レビューの星が4近くあるのが謎な講座でした。
no
May 15, 2020
中途半端、初心者向けなのにvirtual deviceのインストール方法を説明せずに、virtual deviceを使用している。また、実機を使用する場合に実機を開発者モードにしてからusb接続するなどの説明がない。
齋藤
April 30, 2020
各動画は、短いのでとても見やすかったです。iphone(実機)での動作確認がうまくいかず、はまりました。はまりそうな箇所は、もう少し詳しくご説明していただけると助かったかもです。(機種やOSのバージョン、Xcodeの設定など)
真先
April 18, 2020
環境構築がビデオを違い、構築するのに時間がかかりました。なんとか無事に最後まで できました。何かの言語をやっている人でなければ、環境構築ができないので、もう少し、丁寧にして欲しかった。 内容的には Hello Worldみたいなうまく環境構築ができたのか確かめる程度の内容です。今度は、アプリ作成の初級編をやっていただきたい。
Yasuhiro
February 12, 2020
バージョンが古すぎる、今のバージョンにして欲しい 開発環境が全くできません。 プログラム未経験者にはしんどいと思います 素人にVSコードはしんどいと思います。 スピードが早すぎる。自分の実力自慢したいのか? 素人に対しての配慮不足
uni
September 20, 2019
GoogleのFlutterチュートリアルの内容に沿って、アプリを作成していく形式になっています。アプリ自体はシンプルなものですが、環境構築の手順を動画で見れるので、導入としてはとても良いと思いました。
Ayano
September 4, 2019
もう少し難易度の高いものも扱ってほしかったです。タブで画面を表示させたり、デザインのテーマをカスタマイズする方法などあれば、より実践に近かった気がします。 でも、導入としてはとても勉強になりました。ありがとうございました。
Ryo
August 30, 2019
公式チュートリアルをなぞるのは良いのですが、wordPairの処理を入れる箇所やenglishWordsライブラリの追加などの処理の紹介が無いまま、突然そういう処理が「すでに先ほど書いておりました」というような感じで出てくるので大変戸惑いました。 チュートリアルをなぞるのであれば、完全になぞってほしいです。 結局公式チュートリアルを一生懸命見る必要があり、本コースの価値を損なっています。 説明自体が分かりやすいだけに、かなり勿体なく残念です。
Shinsuke
August 25, 2019
Windows版のInstallページにSDKがありませんでした。 https://flutter.dev/docs/get-started/install/windows 探した結果、 https://flutter.dev/docs/development/tools/sdk/releases こちらにありました。 その後のインストール作業はとても参考になりました。

Charts

Price

【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Price chart

Rating

【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Ratings chart

Enrollment distribution

【3日で速習】Google Flutterによるモバイルアプリ開発入門 - Distribution chart
2433990
udemy ID
6/28/2019
course created date
10/29/2019
course indexed date
Bot
course submited by