虎視眈々と

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

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…

FlutterからWEBページを開く

FlutterからWEBページを開く この説明ではWebViewを開くのではなく、外部ブラウザを開く方法になります。 今回導入するプラグインはこれです。 pub.dartlang.org 導入 pubspec.ymlを編集 dependencies: flutter: sdk: flutter url_launcher: ^4.0.1 これを書…

FlutterでSharedPreferencesを使う

FlutterでSharedPreferencesを使う AndroidもiOSも両方1コードで使えるのでおすすめです。 MAPで保存したいときはおすすめです 導入 今回導入するのはこちら pub.dartlang.org pubspec.ymlを編集 dependencies: flutter: sdk: flutter shared_preferences: …

アイデアに価値はない。形にして始めて価値がつく

アイデアに価値はない。形にして始めて価値がつく アイデアは無限に湧いてくるけどそれを実際に形にして運用するのはめちゃくちゃ大変だよなーっていう話を今日した。「アイデアに価値はない。形にして始めて価値がつく」っていうのはすべてのビジネスマンに…

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

プログレスダイアログについて書きましたー!!Flutterでプログレスダイアログ - 虎視眈々とhttps://t.co/k7V6unnipr— shogo.yamada@Flutterマン (@yshogo87) 2018年11月7日 Flutterから画像を保存する方法について書きました!!!FlutterからFirebase Stor…

Androidが折りたたみ式端末を正式サポート!?

Androidが折りたたみ式端末を正式サポート!? We just announced support for foldables at #AndroidDevSummit, a new form factor coming next year from Android partners.Android apps run seamlessly as the device folds, achieving this form factor'…

FlutterでKotlin、Swiftのコードを呼ぶ

以前に書いた発表資料に詳しく書きました。 speakerdeck.com (adsbygoogle = window.adsbygoogle || []).push({});

Flutterで下タブを使う

Flutterで下タブを使う 下タブもFlutterは簡単に実装できます。 val _tabLayout = [ ChatRoom(), GroupDetail() ]; int currentIndex = 0; @override Widget build(BuildContext context) { return Scaffold( appBar: _appbar(), body: _tabLayout[currentIn…

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

Flutter関連記事まとめ 2018/11/7 FirebasAuthは相変わらず便利FlutterとFirebaseAuthを使ったログインフォーム - 虎視眈々とhttps://t.co/wySLPINVrP— shogo.yamada@Flutterマン (@yshogo87) 2018年11月6日 Flutterスプラッシュ!!Flutterでスプラッシュア…

GroupAlbumで今やっていること

GroupAlbumで今やっていること FlutterとFirebaseを使ってPush通知を打つ方法について悩み中。 FirebaseからPushを打った時に届かないんだけどこれってどうやってデバッグしたらいいの、、、エラーメッセージ何も出ない、コンソール上からも何も出ない。ちな…

Flutterで画像のダウンロード

Flutterで画像のダウンロード Flutterから画像をダウンロードする方法について書きます。 画像をダウンロードしたらそこからの保存処理はiOS、Android両方別々で実装する必要があります。 (adsbygoogle = window.adsbygoogle || []).push({}); 実装 Future<void> d</void>…

FlutterからFirebase Storageを使って画像を保存する

FlutterからFirebase Storageを使って画像を保存する よく使うFirebase Storageについて書く 前提 FlutterとFirebaseが接続されいること (adsbygoogle = window.adsbygoogle || []).push({}); コード Future<void> _uploadImage( File selectImage, String documen</void>…

Flutterでプログレスダイアログ

Flutterでプログレスダイアログ Flutterではプログレスダイアログを出す方法がないのでカスタマイズするしかないです。 個人的にはあまりこんなダイアログを出さない方がいいですが、ログインや、サインアップ中は止むを得ないかと思います。 (adsbygoogle =…

Flutterでスプラッシュアニメーションを作る

(adsbygoogle = window.adsbygoogle || []).push({}); Flutterでスプラッシュアニメーションを作る 自分の作ったGroupAlbumではスプラッシュアニメーションを実装しています。 v2.3.2をリリースしました!・トップ画面のリニューアル・写真一覧画面のリニュ…

FlutterとFirebaseAuthを使ったログインフォーム

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterとFirebaseAuthを使ったログインフォーム 前提としてFlutterとFirebaseがちゃんと接続されていること pubspecに追加 dependencies: flutter: sdk: flutter firebase_auth: ^0.5.20 コードを書く …