虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

Flutter関連

FlutterのBLoCアーキテクチャを実装する

FlutterのBLoCアーキテクチャを実装する Flutterで有名なBLoCアーキテクチャの実装方法について紹介します。 BLoCとは BLoCとはGoogleが推奨しているアーキテクチャになります。 詳しくは下記をご覧ください www.shogogeek.com こちらもすごく参考になるきじ…

FlutterでFacebookや、YouTubeみたいなかっこいいプログレスを出す

FlutterでFacebookや、YouTubeみたいなかっこいいプログレスを出す この記事はFlutter #2 Advent Calendar 2018 6日目の記事になります。 どうなプログレスかというとこんなやつです。 Flutterでデータの読み込み中レイアウトを作ってぞーFacebookや、YouTub…

Flutter Liveで発表されたことまとめ

Flutter Liveで発表されたことまとめ 自分が寝ている間にFlutter Liveが終わり、今ささっと、情報収拾したのでまとめます。 Flutter Live発表されたことは5点で概要は下記のツイートをご覧ください。 Flutter Liveで発表されたこと・Flutter 1.0の発表・Squ…

Flutterの好きなところを語る

Flutterの好きなところを語る この記事はFlutter Advent Calendar 2018 5日目のものになります。 自分はFlutterで開発を初めて半年経ちFlutterの虜になってしまっています。 そんな自分がFlutterの好きなところを語ってみたいと思います。 Flutterは開発スピ…

Flutter製アプリ「GroupAlbum」で使ってるプラグイン全部晒します!!!!

Flutter製アプリ「GroupAlbum」で使ってるプラグイン全部晒します!!!! この記事はFlutter Advent Calendar 2018 4日目 になります。 年末だし、せっかくなので今現在作ってるFlutter製アプリ「GroupAlbum」で使ってるプラグインを全部書きます。 使って…

Flutterで画像を複数選択する

Flutterで画像を複数選択する この記事はFlutter #2 Advent Calendar 2018 4日目のものになります。 Flutterで画像を複数選択できるプラグインがあったので使ってみた!これでSwiftとKotlinコードを削除して、全部Dartでいけるぞ!!実装方法については明日…

Flutterができるようになるためにやったことまとめ

Flutterができるようになるためにやったことまとめ これはFlutter Advent Calendar 2018 2日目の記事になります。 Flutterを初めて半年ほどたち、自分でFlutterのアプリをリリースしたのである程度できるようになったと言えると思います。 www.shogogeek.com…

FlutterからSwift Kotlinコードを呼ぶ

FlutterからSwift Kotlinコードを呼ぶ 結構簡単に実装できます。 まずはFlutter側の実装 callNativeComponent(String groupId) async { MethodChannel callNativeViewChannel = const MethodChannel("jp.groupsnap/CreateGroupDetail"); try { await callNat…

Flutterアプリが一覧でみれるサイト

Flutterアプリが一覧でみれるサイト Flutterで作られたアプリを一覧で見れるサイトがあります。 サイトはこちら itsallwidgets.com Twitterアカウントはこちら twitter.com いろんなアプリがあって、どれもダウンロードできるのでFlutterでできるレイアウト…

12月4日はFlutter Live !!!

12月4日はFlutter Live !!! 12月4日にFlutter Liveが開催されます。 developers.google.com すでにYouTubeの生放送にも予約されています。 www.youtube.com 何かしら発表はある? 楽しみ12月4日に何かしらの発表があるはず pic.twitter.com/Qqm0t3Ohpy— shog…

現時点でFlutterで広告ビジネスをやるのは向いてないかもしれない

現時点でFlutterで広告ビジネスをやるのは向いてないかもしれない Flutterを使うなら広告ビジネスにはげ時点では全然向いてないっぽい。なぜなら広告を出せるSDKはAdMobしかなくて、しかもAdmobも表示位置がスマホの一番下か上しか出せない。Listに紛れて広…

FlutterでFirebase Storageに画像をアップロードしてダウンロードURLを取得する

FlutterでFirebase Storageに画像をアップロードしてダウンロードURLを取得する FlutterとFirebaseの接続方法についてはこちらをご覧ください。 www.shogogeek.com 準備 pubspec.ymlを編集します。 dependencies: flutter: sdk: flutter firebase_storage: ^…

Flutterでサインイン、サインアップをFirebase Authを使って実装する

Flutterでサインイン、サインアップをFirebase Authを使って実装する Firebase Authを使ったメールアドレスとパスワードを使った認証機能の実装について書きます。 FirebaseとFlutterの接続方法については下記の記事をご覧ください。 www.shogogeek.com 準備…

Flutterでスライドで画像を切り替える

Flutterでスライドで画像を切り替える Flutterで画像の切り替えについて説明します。 特にプラグインなどは使いません。 アプリのチューリアルの画像差し替えました pic.twitter.com/jPy1FXSAxD— shogo.yamada@Flutterマン (@yshogo87) 2018年11月26日 実装 …

Flutterでデスクトップアプリを作れる??

Flutterでデスクトップアプリを作れる?? GoogleのFlutterプロジェクトの一つにデスクトップでFlutterを動かすプロジェクトがあります。 まず、GithubプロジェクトがGoogleのリポジトリの中にあります。 github.com 解説記事は下記になります。 medium.com …

FlutterでローカルDBを使う

FlutterでローカルDBを使う FlutterでローカルDBを使う方法について説明します。 導入 今回導入するプラグインはこちら pub.dartlang.org pubspec.ymlを編集します。 dependencies: flutter: sdk: flutter sqflite: ^0.12.2 書いたら下記のコマンドを実行し…

FlutterでTextFieldにテキストを入力してたらクラッシュする

FlutterでTextFieldにテキストを入力してたらクラッシュする 今日起こったこと。 Flutterのチャット画面で文字入力しまくったらクラッシュする、、、エラーもなにもでないので、どうやって解析したらいいかわからん。— shogo.yamada@Flutterマン (@yshogo87)…

1200MAUを超えるFlutter製アプリがすでに存在する!?

1200MAUを超えるFlutter製アプリがすでに存在する Twitterでいくつかツイートしましたが、1200MAUを超えるアプリがすでに存在します。 アリババの1200万MAUを超えるFlutter製アプリをダウンロードしてみたけど、普通のネイティブアプリと変わらないレベルで…

Flutterのすごいところ

Flutterのすごいところ Twitter上で「Flutterマン」と自分でいっている yshogo87 です。 今回はFlutterのすごいところをまとめてみようと思います。 開発スピードが爆速 www.shogogeek.com 開発スピードは爆速でした。 FlutterとFirebaseの組み合わせが最強…

FlutterからFirebase MessagingのAPIを叩いてPush通知を打つ

FlutterからFirebase MessagingのAPIを叩いてPush通知を打つ Firestoreでデータが変更されたらCloud Functionを起動させてFirestoreからデータ取得してPush通知を打つっていうのやってるけど、Push通知が来るまで時間がかかりすぎる。。みんなこんなもん??…

FlutterでQRコードを表示する

FlutterでQRコードを表示する FlutterでQRコード生成できた!!読み取ってみたらちゃんと目的のデータ入ってたので使えそう pic.twitter.com/KxR5YH1YF8— shogo.yamada@Flutterマン (@yshogo87) 2018年11月17日 FlutterでQRコードを出せたので出し方を説明し…

Flutterでスナックバーを出す

Flutterでスナックバーを出す マテリアルデザインでよくあるスナックバーの出し方について書きます。 スナックバーってなに??って方はこちらをご覧ください。 material.io 実装 ぶっちゃけ、 new SnackBar を呼ぶだけだがこれ以外にも key を設定する必要…

Flutterでクリップボードにテキストをコピーする

Flutterでクリップボードにテキストをコピーする Flutterでテキストをクリップボードにコピーできる機能を追加できたーこの辺の処理は特にプラグインを使わず、メソッドチャンネルでネイティブコード呼ばなくても実装できた!Flutter便利!! pic.twitter.co…

FlutterにDart2.1がはいった

FlutterにDart2.1がはいった Flutterをアップデートすると、Dart2.1が入ってきてるっぽいな。もう小数点をかかなくてもよくなってる。これだけでだいぶ実装するの楽になるな pic.twitter.com/SkkR6emGo1— shogo.yamada@Flutterマン (@yshogo87) 2018年11月17…

Androidアプリ開発にFlutterを選択するということ

Androidアプリ開発にFlutterを選択するということ 既存でiOSがあってそれのAndroid版を作ろうとなった時の選択肢として、Flutterいいんじゃね?って話を勉強会で話してて、それはめっちゃありだと思う。でもAndroidのネイティブアプリ開発の方がアニメーショ…

Flutter関連記事まとめ 2018/11/12

これすげーなマテリアルデザインみたいなアニメーションA Deep Dive Into Hero Widgets in Flutter – Flutter Community – Medium https://t.co/CqlY0nvKZN— shogo.yamada@Flutterマン (@yshogo87) 2018年11月11日 マテリアルアニメーションの実装方法! こ…

Dartも悪くないぜ

Dartも悪くないぜ Flutterをやりたくない理由の一つに言語がDartだからというのが思う。 null安全がなかったり、型をかかないといけなかったり、セミコロンをつけないといけなかったりするところが嫌いになる理由だと予測ししているが、よく考えてほしい、 …

Flutterでアプリアイコンを自動でリサイズする

Flutterでアプリアイコンを自動でリサイズする Flutterでアプリをリリースするってなったときに必ず必要になるのがアプリアイコンです。 アプリアイコンはiOSとAndroidで設定するべき画像サイズが違うので正直めんどくさいと思います。 ですので、pluginを使…

FlutterでFloating Buttonをカスタマイズ

FlutterでFloating Buttonをカスタマイズ いい感じ!!!これは採用!!! pic.twitter.com/x2SalBudOz— shogo.yamada@Flutterマン (@yshogo87) 2018年7月18日 こんなやつを作ります。 導入 今回導入するライブラリはこちら pub.dartlang.org flutter_speed_…

FlutterでImagePickerを使う

FlutterでImagePickerを使う 導入 今回導入するライブラリはこちら pub.dartlang.org pubspec.ymlを編集する dependencies: flutter: sdk: flutter image_picker: ^0.4.10 書いたら下のコマンドを実行する flutter pagekages get (adsbygoogle = window.adsb…