虎視眈々と

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

Flutter関連

FlutterでShimmerエフェクトを出す

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterでShimmerエフェクトを出す Youtubeや、FaceBookで使われている画面読み込み中のレイアウトである「Shimmerエフェクト」をFlutterで実装する方法について書いていきます。 Flutterでデータの読み…

Flutterのボタン大全

(adsbygoogle = window.adsbygoogle || []).push({}); Flutterのボタン大全 最近「〜〜〜大全」という言葉が流行ってるようなのでタイトルに使わせていただきましたw Flutterにはボタンの種類が複数があるのでこの際一覧で書いてしまいたいと思います。 Flat…

Flutterを触り続けて5ヶ月が経った

(adsbygoogle = window.adsbygoogle || []).push({}); Flutterを触り始めて5ヶ月が経過した 個人でFlutterを使って開発しているGroupAlbumのFirst Commitから5ヶ月が経過したのでこの5ヶ月を振り返っての手応えを書いていきたいと思います。 GroupAlbumの…

FlutterでAppBarの影を消す

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterでAppBarの影を消す 最近のよくあるUIとしてAppBarの影を消して、AppBarの下のViewになじませる方法があります。 例をあげるとKyashの送金画面とかはまさしくこれです。 今回はその方法について…

FlutterでGridViewのItemを格子状に表示する

(adsbygoogle = window.adsbygoogle || []).push({}); FlutterでGirdのアイテムを格子状に表示する www.youtube.com こんな形でGridのアイテムを格子状に表示する方法を書いていきます。 プラグインを導入する flutter_staggered_grid_view というプラグイン…

テキストを途中で折り返す

(adsbygoogle = window.adsbygoogle || []).push({}); テキストを途中で折り返す FlutterでテキストがViewからはみ出す時にこんなエラー画面が表示されます。 その場合、解決策としてViewからはみ出した分だけ改行したいとなったときの実装について話します…

Flutterでフォントを設定する

iOS12にしてからFlutterから生成するフォントがダサかったのでTrueTypeでフォントを設定する方法について書いていきます。 (adsbygoogle = window.adsbygoogle || []).push({}); フォントの設定はすごく簡単 すごく簡単です。 pubspec.ymlを編集 画像を読み…

FlutterからAPIを叩いて結果を受け取る

FlutterからAPIを叩いて結果を受け取る (adsbygoogle = window.adsbygoogle || []).push({}); FlutterからAPIを叩いてjsonを受け取るまで処理を書いていきます。 サンプルコードはこちらになりますので合わせてご確認ください。 github.com APIクライアント…

FlutterでCloud Firestoreとやりとりするチートシート

(adsbygoogle = window.adsbygoogle || []).push({}); よく使うので個人的なメモとして残しておきます。 FlutterとFirebaseの連携方法については下記をご覧ください www.shogogeek.com データの保存 add addした場合は新しいDocumentIdが生成されて新しいレ…

Flutterでバナー広告を出す

Flutterでバナー広告を出す (adsbygoogle = window.adsbygoogle || []).push({}); Flutterからバナー広告を出せます。 これも両OS別々で実装する必要もなく、1ソースで出すことができます。 AdMobを出す 今回はAdMobを出します。 実装はとても簡単ですが、…

Flutterでテストを書く

(adsbygoogle = window.adsbygoogle || []).push({}); 今回はFlutterでテストを書く方法について書いていきたいと思います。 テストについては公式サイトにもまとめられています。 flutter.io Flutterではテスト用のライブラリのセットアップをしなくても利…

Flutterで有名なBLoCを使ってカウントアップアプリを作る

(adsbygoogle = window.adsbygoogle || []).push({}); Flutterで有名なBLoCとは 今回はBLoCについて書いていきます。 BLoCとは Dart Conf 2018で発表されたアーキテクチャになります。 www.youtube.com 詳しくは上のYouTube動画でこの解説がなされています。…

FlutterでiOSとAndroid両対応のアプリをリリースしたので知見をまとめる

(adsbygoogle = window.adsbygoogle || []).push({}); リリース Flutter製アプリGroupAlbumをリリースしました! iOS GroupAlbumshogo yamadaPhoto & VideoFree Android play.google.com FlutterでiOSとAndroid両対応のアプリをリリースしたので知見をまとめ…

Flutterで開発してみたら、やっぱり開発スピードは爆速だった

Flutterで開発してみたら、やっぱり開発スピードは爆速だった FlutterアプリはAppStore申請しました。 Flutter製アプリ 再申請 Done!!!! pic.twitter.com/5se2xD0NbU— shogo.yamada@Flutterが好き (@yshogo87) 2018年8月25日 Android版の方も開発しており、A…

Flutterで作ったアプリをApp Store申請してみた

<amp-auto-ads type="adsense"data-ad-client="ca-pub-8867020427836540"> </amp-auto-ads> Flutterで作ったアプリをApp Store申請してみた 先日自分が前から作ってたアプリをApp Store申請しました。 リジェクトされちゃいましたが、Flutterだからリジェクトされたのではなく自分がガイドラインに従ってなかったからでした。 リジェクトされた原因…

Flutterの情報収集方法まとめ

Flutterの情報収集方法まとめ 自分がやっている情報収集方法についてまとめます。 自分のTwitterアカウントでも情報発信をしておりますのでよかったらフォローお願いします。 https://twitter.com/yshogo87 Flutter Weeklyをみる Flutterの情報をキャッチア…

定番のFlutterの学習方法についてまとめる

定番のFlutterの学習方法についてまとめる FlutterはWidgetの組み方などいろいろ癖のあると思っていて最初だけ少しハードルが高いかなと思います。 ですので、今回は定番のFlutterの学習方法についてまとめてみます。 とりあえずcodelab とりあえずはじめる…

Android開発においてのFlutterかKotlinかメリット、デメリットについて考えてみた

Android開発においてのFlutterかKotlinかメリット、デメリットについて考えてみた メリット、デメリットについて考えてみます。 はじめに断っておきますがチーム開発においてベストな選択ってチームメンバーの規模や、技術レベルなどによって変わると思うで…

FlutterとFirebaseの接続について

FlutterとFirebaseの接続方法について解説していきます。 途中、iOSの場合と、Androidの場合で設定方法が異なりますので、章に分けております。 プロジェクトの作成 まずはプロジェクトを作成しましょう。 下記のサイトからプロジェクトを作成します。 Fireb…

Flutterでネストが深くなってしまう問題をどのように対応するか

Flutterでネストが深くなってしまう問題をどのように対応するか こんにちは、Flutter大好きマンの @yshogo87 Flutterが魅力にハマり過去にこんな記事を書いています。 主に初心者向けに書いていますので、よければどうぞ よくあるマテリアルデザインをFlutte…