16
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Flutter入門サイトを作ってみた件【Flutterで始めるアプリ開発】

Posted at

みなさん、こんにちは
とあるサラダ🥗の会社で開発やってます umatoma です。

Flutter入門用のWebサイトを1つ作ってみたので、
それに関しての記事を投稿してみようかなーと思っています。

目次

  • Flutterで始めるアプリ開発
  • なぜ作ったのか
  • 今後の予定
  • 最後に

Flutterで始めるアプリ開発

Flutter入門サイト

作ってみたFlutter入門用のWebサイトがこちら👇です。

Flutterで始めるアプリ開発
Flutterを使ったiOS/Android/Webアプリ開発への入門に必要な情報を分かりやすく紹介
https://www.flutter-study.dev/
banner.png

想定しているターゲット層

  • アプリを作ってみたいけど、どうやって作るか分からない方
  • iOS/Androidのアプリ開発が難しすぎて挫折してしまった方
  • Flutterを使って簡単にアプリを作れるようになりたい方
  • などなど

現時点では、Flutterをこれから使ってみたい人達をターゲットして考えています。
なので、分かりやすさ・進んでる感 といったものを重視している感じです。

何が得られるのか

  • FlutterとFirebaseを組み合わせたアプリ開発ができる状態になる
  • 作成したアプリを自分のWebアプリとして公開する

公開しているコンテンツを最後までやってもらえれば、
FlutterとFirebaseを組み合わせたアプリ開発とりあえずできる状態
に到達できるようなコンテンツにしています。

さらに、Webアプリとして公開することで達成感みたいなものを満たしつつ、
周囲の人達にもシェアして、承認欲求を満たしてもらえると良いのかなと思っています。

(プログラミングって継続的に学習し続ける必要があると思っていて、
継続できるきっかけを作れれば良いなという思いがあります。)

コンテンツの内容

カテゴリ的には以下の7つを用意していて、
1〜7を順番に進めてもらえるとゴールを達成できる仕組みです。

  1. Flutterとは
  2. Flutterを使ってみる
  3. Widgetを使ってみる
  4. Todoアプリを作ってみる
  5. Firebaseとは
  6. Firebaseを使ったアプリ
  7. Webアプリ公開

※ アプリの規模が大きくなってきても対応できるよう
Providerを使った状態管理も少しだけ触れてたりします
https://www.flutter-study.dev/firebase-app/provider

もう少し大きな括りで言うと以下の2つに別れています

  • Flutterの基礎を学び、Flutterを使ったアプリ作成を目指す
  • Firebaseの基礎を学び、FlutterとFirebaseを使ったアプリ公開を目指す

flutter-study-steps.png

なぜ作ったのか

自分でもよく分からないですが、勢い余って作ってしまった感じです😅

きっかけとしては、最近仕事でFlutterとFirebaseを使うようになり、
自分自身の勉強も兼ねてまとめサイト作ると面白いかなと思ったとこですかね。

あとは、Flutterの今後に期待し、
日本でFlutterが流行るきっかけを作れるといいなと思ったりしています。
(Flutterって、日本語の情報がまだまだ少ないので。。。)

今後の予定

完璧を目指すよりもスピード重視🚀で進めたため、
分かりづらい部分や不足している情報はたくさんあると思います。

なので、
今後も積極的にコンテンツの更新・追加をやっていきたいと思っています💪

追加するコンテンツとしては、
より本格的なアプリを作るために必要な情報があると良いのかな?

Twitterで更新内容を告知してるので、よかったらフォローしてね🙇‍♂️
@flutter_study

最後に

Flutterを使うと、驚くぐらい簡単にUIが構築できてしまいます。

また、Webアプリのサポートも整ってきていて、
iOS/Android/Webすべてを1つのソースコードで実現したプロダクトが出てくるのも
そう遠くないのではないでしょうか?

そんなFlutterに期待して
微力ながらFlutterの普及に貢献できたら良いなと思います😀

16
10
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?