Slackコミュニティに

無料で参加する

Flutterラボの

プレミアム会員になる

アプリ開発無料講座概要 ーはじめにー

2020.06.07

Flutterとは

Googleによって開発されたフレームワークで、iOS用とAndroid用のアプリケーションが同時に開発できる。

開発題材

Password Post パスワードポスト

パスワードポストは、ユーザーがパスワードを忘れないようにアプリ上に保存を可能にしたアプリです。カリキュラムではUIやデータベースなど基本的な要素が含まれております。

画像1

‎Password Post -パスワードポスト-‎管理したいIDやパスワードをディレクトリ構造で登録することができる、パスワード管理アプリです。 ディレクトリ構造でパスワapps.apple.com
Password Post -パスワードポスト- - Apps on Google Play管理したいIDやパスワードをディレクトリ構造で登録することができる、パスワード管理アプリです。 ディレクトリ構造でパスワーplay.google.com

履歴書作成アプリ Resumaker - レジュメイカー

レジュメイカーは全ての履歴書の作成、送受信、管理を担うためのアプリです。上記の機能が全てアプリ上で行うことができるので、履歴書を紙媒体で持ち運ぶ必要が無くなります。カリキュラムでは公式レジュメイカーの簡易バージョンを作成していきます。

画像2

‎履歴書作成アプリ Resumaker - レジュメイカー -‎履歴書を作るのって面倒ではないですか? Resumakerを使えばスマホで簡単に履歴書が作成できます! 面接する方もこapps.apple.com
Resumaker -Resume App- - Apps on Google PlayAre you spending an enormous amount of time creating a resumeplay.google.com

ListApp -タスク管理アプリ-

TODOリストアプリです。シンプルで簡単なUIにローカルデータベースを使用してデバイス上に保存しておきます。

画像3

‎ListApp -タスク管理アプリ-‎タスク管理をより簡単に!ヒートマップカレンダーを使ったタスク管理画面によって管理がより楽しくなります!!apps.apple.com
ListApp -Check list, manage your tasks in list- - Apps on Google PlayThis app will take your tasks to do and visualize it in manyplay.google.com

講座について

◆講座内容

スターター(無料):開発基礎(環境構築 & Dartの初歩的な記述を理解)
スタンダードコース:開発題材の簡易版完成レベル
ビギナー:アプリの構造を理解 & Dartの記述を理解
アドバンス:発想力・思考力を養う & 実装できるスキルを身に着ける
プロコース:独自アプリリリース

◆講座の進め方

・自分のペースで進めるスタイルをとっています。
・分からないことがあればChatworkにて質問してください。

◆作業目安

1日:スターター修了
1ヶ月:スタンダードコース(ビギナー)修了
2ヶ月:スタンダードコース(アドバンス)修了

※進捗には環境などによる個人差があります。
上記はあくまで目安です。あらかじめご了承下さい。

◆開発環境構築

フレームワーク:Flutter
開発言語   :Dart
開発環境   :Android Studio

◆開発始め

〇Windowsでの環境構築

〇Macでの環境構築


〇WEBでの環境構築(初心者/パソコンが推奨スペックの基準に満たない方にお勧め!!)

〇公式のURL

InstallHow to set up your code editor.flutter.dev

→以上の作業が完了したら、以下URL先から作業を進めてください。

書籍紹介

Dart入門

Dart入門 - Dartの要点をつかむためのクイックツアーwww.amazon.co.jp 540 円 (2020年06月07日 16:22時点 詳しくはこちら) Amazon.co.jpで購入する

ウィジェット紹介

Flutter Doc JP

Flutter Guide JP | Flutter Doc JP日本におけるFlutterでのアプリ開発が広く利用され、アプリ開発の効率が向上することを願って、日本によるFlutterのflutter.ctrnost.com

※公式の内容を日本語でわかりやすく書いてあります。

スマホアプリ

‎Flutter Catalog‎App Source code: https://github.com/X-Wei/flutter_catalog Capps.apple.com
Flutter Catalog with source code side-by-side - Apps on Google PlayAn opensource app showcasing Flutter components, with side-byplay.google.com



Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/