虎視眈々と

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

仕事しながら、100本ブログを書き、個人開発をする方法

仕事しながら、100本ブログを書き、個人開発をする方法 昨日したのブログを書いたら思ったより反響があり、大変嬉しかったです。 www.shogogeek.com 100記事記念に書きました。100記事書いたらアクセス数が1900を超えたので嬉しい2ヶ月で100記…

現時点で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日 実装 …

2ヶ月で100記事書くためにやったこと

2ヶ月で100記事を書くためにやったこと 2ヶ月で100本ブログを書きました。(スクショでは99本になっていますが、今書いているこの記事でちょうど100本になります) 100本というのは自分の中の一つの目標でしたので、無事に達成できたので自分で自分を褒…

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通知が来るまで時間がかかりすぎる。。みんなこんなもん??…

FirestoreとCloud Functionsを使ってPush通知を打つ

FirestoreとCloud Functionsを使ってPush通知を打つ 特に細かく説明しないが、自分は下記のコードをデプロイすることでPush通知が打てた。 細かい実装についてはコメントで解説している。 import * as functions from 'firebase-functions'; import * as adm…

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のネイティブアプリ開発の方がアニメーショ…

「5分でわかるKotlinコルーチン」について登壇した

「5分でわかるKotlinコルーチン」について登壇した potatotips.connpass.com speakerdeck.com 登壇した。 ちょっとした目標で毎月1回は登壇するということにしているので11月分の登壇をした でも11月はあと2回登壇するので計3回になりそうw 自分はAn…

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_…

コード書いててエラー、実装方法に悩んだときにやること

コード書いててエラー、実装方法に悩んだときにやること それはずばり、 「紙に書くこと」 です!!! コード書いてて何かに詰まって「わからん。」ってなったら一度紙に「~~して〜〜なってわからん」みたいなこと書くと何がわかってないかはっきりしてそこ…

英語の記事をいくつか書いてみた話

英語の記事をいくつか書いてみた話 いくつか書いてみました shogogeek.com shogogeek.com dev.toにも書いてみたんですが、めちゃくちゃ使い心地がいい。 dev.to (adsbygoogle = window.adsbygoogle || []).push({}); これからも少しづつ頑張って書いていきた…

FlutterでImagePickerを使う

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

FlutterとCloud Firestoreデータをやり取りする

FlutterとCloud Firestoreデータを取得する FlutterとFirebaseの接続方法については下記をご覧ください。 www.shogogeek.com データを保存する Future<void> newGroup( String title, String description, File selectImage, String uid, bool isSecret, String se</void>…

FlutterのStreamBuilderを使ってCloud Firestoreの変更を監視する

FlutterのStreamBuilderを使ってCloud Firestoreの変更を監視する Firestoreの変更を監視できます。 例えばチャット機能とかで有効です。 導入 まずはFirestoreをFlutterと導入しましょう。 www.shogogeek.com 実装 今回はチャット機能を例にあげて説明して…

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

Flutter関連記事まとめ 2018/11/9 Most applications on mobile contain several screens with different information. https://t.co/YBdM4x6pQp— shogo.yamada@Flutterマン (@yshogo87) 2018年11月9日 React Native VS Google Flutter – Denis Viklov – Med…

Flutterでネットワークイメージのキャッシュ

Flutterでネットワークイメージのキャッシュ ネットワーク画像をキャッシュできます。 キャッシュはUXを向上させるのでぜひ使ってみましょう!! 導入 今回導入する画像はこちら pub.dartlang.org pubspec.ymlを変更 dependencies: flutter: sdk: flutter ca…