はてなブックマーク

すでにある程度のエンジニア経験やFlutter経験がある方向けにFlutter大学の有効な使い方を紹介していきたいと思います。 初心者の方は以下の記事から始めるのがおすすめです。 それでは紹介していきます！ 以下、紹介する内容は基本的にコミュニティプランで享受することができます。 共同勉強会を見る 水曜21時から行なっている共同勉強会では、Flutterのトピックだけでなく、他にもいろんな発表があります！過去動画はFlutter大学に入会すると以下のリンクから見ることができるのでチェックしてみてください！ 個人開発発表会を目標に置いて頑張る 月1回個人開発発表会を行なっています。 こちらは、個人でアプリを開発している人が、進捗を共有する目的で開催しています。 まだ開発途中であっても、発表日を決めてしまうことで、それまでに進捗を出さないと！頑張ることができると思います！ご活用ください！ 共同

せっかくFlutter大学に入学するまたは教材を利用するのであれば、思いっきり使い倒して欲しいと思っています。 ということで今記事では、「Flutter大学を使い倒して、未経験からFlutterエンジニアになるためのロードマップ」を紹介したいと思います。このロードマップは私の勝手な妄想ではなく、2015年8月にモバイルエンジニアを始めた私が、2020年4月からFlutter大学を運営し、KADOKAWAドワンゴ情報工科学院のFlutter講師も半年経験した上で、実際に効果的だった方法 をベースにしています。 以前以下のような記事も書いたので、重複する所もあるとは思いますが、今記事では選択肢を複数与えず、これとこれをやれ！と断定していきたいと思います。その方が迷いなく進めると思いますし、正直内容には自信があります。問題はやるか、やらないかです。 ① Flutterに慣れろ まずはFlutte

LocalDBに入門してみる FlutterでLocalDBといえば、sqflite、Hiveが良く使用されているみたいですが、ObjectBoxなるものが人気が出ているようで、気になって使ってみました。 数日前から、チュートリアルをやったりしましたが、Riverpodに書き換えたら、Runボタンを押してアプリを再起動しないと画面にデータが映らないのに、悩まされました😱 多分これは、アプリのライフサイクルというものでしょうね... 公式のサンプルを見てみたのですが、Streamを型に使っていて、画面に描画するときは、Streambuiderを使っていました! Hiveでもやっていたような? こんなアプリ作りました 完成したソースコード こちらが今回参考にした公式のサンプル こちらが公式の環境構築の方法が紹介されたページ アプリ作成で躓いたところ あまり情報がない どうやって対応した? 公

Flutter大学にはスマホアプリ、Webアプリ、管理画面、FlutterWorkと４つのプロジェクトがあり、全て同じFirebaseを参照しています。そのため、Domain層やRepository層と言われる部分のコードがほとんど同じです（UserクラスやUserRepositoryなど)。そして全部Flutterで作られています。 スマホアプリ web 管理画面 FlutterWork つまり、同じようなFlutterのコードが全てのリポジトリにあり、こっちを更新したらあっちを更新しなければいけないという状態でした。 なので共通化しました。 共通部分のFlutterのコードを切り出して１つのpackageとし、git submoduleで連携することで、同じコードを使いまわせるようにした方法をこの記事に記したいと思います。 結論 先にどういう状態になったのか紹介します。 下図のファイル

「Flutterを勉強する気はあるけど何をやればいいか分からない！」という声をよく聞きます。 今記事では、そんな方々のためにFlutter大学を2年半運営してきた経験をもとに、Flutter学習ロードマップを提案したいと思います。 基本的な学習方針 これは、プログラミングが初めてな人でも大丈夫なように想定した学習方針です。 ①まずアプリ開発におけるFlutterの使い方をざっくり学び、②そのあと自分で実践、③実践した結果プログラミングの文法が分からなくてハマるのでその時に初めてDartの文法を学ぶ。 って感じの３ステップで学びます。必要になった時に学ぶというのが一番身につくと思いますので、いきなり基礎の基礎のDart言語の文法から学ぶのではなく、ゴール（アプリを作れるようになる）から逆算して、まずはアプリ開発の全体像を掴むというところからスタートしていきます。 以下に、①②③のステップにお

こんにちは、ダイゴと申します。 先日、初めての個人開発アプリ 『にゃんバズ』 をリリースしました。 発案〜リリースを全て一人で行ったのは初めての経験で、iOS のリジェクト対応など苦労した点もありましたが、なんとかリリース出来ました。 本記事では、にゃんバズ を作った背景や、使用している技術などについてまとめていきます。 なにを作ったか にゃんバズは バズっている猫ツイートだけが流れてくる「ねこ補給アプリ」 です。 タイムライン（500 いいね以上の猫ツイートを表示） いいね数による絞り込み Twitter ランドの可愛いネコチャンたちを、思う存分補給することが出来ます。 Flutter で作ったので、iOS / Android どちらでもダウンロード出来ます。 ▼ iOS ▼ Android なぜ作ったか ① 自分が猫不足だったから 私は昨年 10 月まで、大阪の実家（猫が 2 匹）で暮

Flutter2.0出ましたね。テンション上がりますよね。 日本語で分かり易かった記事↓ stableで大丈夫そ？ 結論から言うと、まだダメです。 理由を書いていきます。 2020年2月からあったFlutter Webの不具合 3月1日にリリースしたCodeBoyはFlutterのbeta channelで開発してきました。 基本的にはbetaの最新でやってきましたが、2020年2月のアプデあたりからFlutter Webでの表示がおかしくなりました。（後述） そのため、CodeBoyでは、Github Actionsで自動デプロイする際にbetaの'1.25.0-8.3.pre'にバージョンを固定しています。 比較 わかりやすい例を出して比較してみましょう。フォントがおかしくなって、絵文字が表示できなくなってしまいました。「講師を探す」というフォントに注目すると分かりやすいかも。 bet