虎視眈々と

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

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…

Oppo Find X がほしい

Oppo Find X がほしい 画面占有率93パーセントを超えて、カメラが後ろから浮き出てくるすごい端末「Oppo Find X」がほしい www.oppo.com 過去にいち早く触れるイベントに参加して、触ってきました。 www.shogogeek.com とにかく欲しい。とにかくほしい。 (ad…

HUBLOTのスマートウォッチがほしい

HUBLOTのスマートウォッチがほしい 欲しいガジェットをひたすらほしい書いていくコーナー第2弾 今回は 「HUBLOT スマートウォッチ」 です!! BIG BANG REFEREE 2018 FIFA WORLD CUP RUSSIA™ ウブロ初のスマートウォッチ、限定2018本でリリース|HUBLOT htt…

Kotlin PazzlersからいくつかPickup!

Kotlin PazzlersからいくつかPickup! 第1問 printで出力されるのはどれでしょう。 a) true, true b) false, false c) null, null d) Will not compile 第2問 printで出力されるのはどれでしょう。 a) K b) NullPointerException c) IllegalStateException…

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でTextFormFieldを改行する

FlutterでTextFormFieldを改行する Flutterで改行する方法がどうもうまくいかなかったので、微調整しましたw こんな感じ。めちゃくちゃ無理やりやった。 pic.twitter.com/8fg93ozsAF— shogo.yamada@Flutterマン (@yshogo87) 2018年11月28日 Flexible( child:…

Pixel3が欲しい

Pixel3が欲しい このブログで自分の欲しいものをただただほしいというシリーズをやってみようと思います。 第一回目は 「Pixel3」 です store.google.com カメラがすごい note.mu 上の記事を見てわかる通り、カメラがすごいです。 最近のスマホのカメラは、 …

仕事しながら、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 を設定する必要…