Terraform で Firebase プロジェクトを構築してみる
こんにちは、SRE ディビジョンの小堀内です。 今回も 前回に引き続き Google I/O 2023 で発表された Firebase の新機能 の中から紹介していきます。 本記事のテーマ Terraform integration to automate provisioning and configuration workflows （Terraform の統合によるプロビジョニングと構成のワークフローの自動化） 対象読者 Terraform に興味はあるが触ったことがない方 Terraform を通して IaC を学んでみたい方 コンソール操作によって Firebase プロジェクトを構築している方 Terraform とは Terraform とは、HashiCorp 社が開発した IaC（Infrastructure as Code）ツールの一種です。 異なるクラウドプロバイダー
【Flutter】NFC(FeliCa)で学生証内のプリペイド残高を読み取ってみる
<?xml ...?> <!DOCTYPE ...> <plist ...> <dict> ... // ここから <key>NFCReaderUsageDescription</key> <string>任意のテキスト</string> // ここまで </dict> </plist> 取得までの流れ NFC(FeliCa)では、以下の流れで目的のデータを取得することができます。 カードを認識する Pollingにより、カードを特定する Request Serviceにより、欲しい情報が存在するか確認する Read Without Encryptionにより、データを取得する 上記のPolling, RequestServiceなどはコマンドと呼ばれており、他にも様々なコマンドが存在しますが、本記事では紹介しません。 もっと詳しく知りたい方は、直接調べてみてください。 実装 いよいよ実際
FlutterでNFC機能を使用して学生証のプリペイド残高を取得してみた - Qiita
はじめに この記事では、Flutterで学生証のプリペイド残高を読み込んだときの手順を書いていくぜ！ FlutterでNFC通信をして実際に欲しいデータを取得するような記事がまじで見つからない。あっても大体はID取得して終了みたいな感じだったので、Javaで実装しているこちらのサイトをパクっ参考にしてバッコリ書いていくぜ！ やってみる とりあえず、みんなが早くやれとせかしてくるから、書いていきます。だから落ち着いてくれ！ 使用するライブラリ FlutterにもNFC通信をするためのライブラリはたくさんありますが、今回は「nfc_mangaer」を使用していきます。 ライブラリ読み込み後は忘れないうちに以下のパーミッションも設定しておきましょう <uses-permission android:name="android.permission.NFC" /> <uses-feature an
Flutterアプリをヌルヌルにする方法
カクカクなFlutter ３年以上、Flutterエンジニアをしています。 Flutterの代名詞といえば、やっぱり「カクツク」こと。 Flutterはコスパ面からスタートアップ系のアプリに採用されますが、SNS広告で出てくるアプリは、だいたい完成度が低くてカクカクしていますよね。絶対Flutter製だと先入観持っています。どんなに斬新なアプリでもカクツクと萎える。 それが理由でFlutter採用を敬遠するエンジニアも多い印象です。 そんな私のアプリも以前はカクカクでした。 今ではiOSエンジニアから「ヌルヌルじゃん」と評してもらえるようになって嬉しい。 カクツク原因は？ 色んな理由があると思います。特にリスト周りが原因なことが多い印象。 よくあるパターンが「Column」に「Widget」を詰め込み過ぎている場合。 理由として「ListView.builder」だとエラーが出て使えないか
Flutterで始めるアプリ開発
このページのゴール Flutterの特徴・仕組みを知る Flutter Flutterとは Flutterは優れたUIのiOS/Android/Webアプリを作るための Googleが提供しているツールです。 Flutterを使うと、 1つのソースコードでiOS/Android/Webアプリが同時に開発できるのです。 さらに、UIを作るために必要なパーツも整っていて、 簡単に凝ったUIが作れちゃいます。 Flutterの特徴 ⚡️ 高速に開発できる エディタ周りのサポートも厚く、簡単かつ高速に開発できる環境が整っている ✨ いい感じのUIが簡単に作れる Android/iOSスタイルのデザインパーツを使って、誰でも整ったUIが簡単に作れる 🚀 さくさく動く パフォーマンス面も問題なし 公式サイト https://flutter.dev/ サンプルアプリ Flutterを使ったアプリのサン
Flutter(dart)でimmutableなクラスを生成するfreezedについてまとめてみた | DevelopersIO
こんにちは、ゲームソリューション部のsoraです。 今回は、Flutterでimmutableなクラスを生成するfreezedについて書いていきます。 書き方を忘れることが多いため、これを機に自分なりにまとめようと思います。 immutableなクラスとは immutableなクラスから作成したオブジェクトの値を変更できないクラス 値が変更されないため、同時にアクセスされた場合にも値のずれが起こらない・意図せず値が変更されないなどのメリットがあります。 値を変える必要のある場合以外は、基本的にはimmutableで良さそうかなと思いました。 利用する主要なパッケージ freezed Flutter(Dart)でimmutableなクラスを自動生成するパッケージ json形式の変換も簡単に実装可能 freezed_annotation freezedのアノテーションを使うためのパッケージ @
ジャンプTOON Flutter × GraphQL ~宣言的なアプリ開発の工夫~ | CyberAgent Developers Blog
ジャンプTOON アプリチームの吉田航己(@koki8442)です。 5 月にサービスを開始した 「ジャンプTOON」 では、モバイルアプリを Flutter で開発し、通信には GraphQL を用いています。 本記事では GraphQL の解説、Flutter アプリで GraphQL を活用する際の工夫点や開発の知見を紹介していきます。 目次 GraphQL の概要 ジャンプTOON アプリでの GraphQL の使用 Flutter で GraphQL を使うメリット Flutter × GraphQL 開発の工夫 おわりに 参考文献 GraphQL の概要 GraphQL は Meta 社が REST の問題点を解決するために開発した API クエリ言語およびランタイムです。その概念は特定の言語やデータベースなどに依存するものではなく、ビジネスドメインのデータを Node と E
ジャンプTOON Flutter アプリの全体像 | CyberAgent Developers Blog
ジャンプTOON アプリチームの國師です。 5 月にサービスを開始した 「ジャンプTOON」 は、Flutter を採用し Android, iOS, iPadOS 向けのアプリを提供しています。 本記事では、ジャンプTOON モバイルアプリの開発で採用している技術スタックやプロジェクト構成、開発手法を紹介します。 目次 SDK・ツール管理 プロジェクト管理・タスクランナー CI・CD ディレクトリ構成 テーマ管理 ルーティング アセット管理 状態管理 サーバ通信 Lint テスト UI カタログ Web Preview PDR SDK・ツール管理 Flutter の SDK バージョン管理には、Flutter 以外の SDK やツールもまとめて管理できる asdf を採用しています。 Flutter の開発者界隈では FVM も人気ですが、次の点から、アプリチームに限らず開発チーム全体で
Flutter と低レイヤ処理を用いたアプリ設計 | BLOG - DeNA Engineering
こんにちは、ぎもちんです。 音声ライブ配信アプリ Voice Pococha の Flutter アプリ開発をしています。 Voice Pococha では昨年、 C 言語による低レイヤな音声処理を行うための音声基盤を導入・リリースしました。 この記事では、そのような音声基盤をアプリに導入した背景や、技術選定、実装手法についてお話しします。 音声基盤とは 音声基盤とは Voice Pococha アプリで音声処理を行うためのフレームワークを指します。 Voice Graph と呼ばれており、カラオケ機能追加に伴って実装・導入されました。 以下の3点を主軸に、 C 言語で開発されています Kotlin/Swift との相互運用 低いメンテナンスコスト 高い拡張性とパフォーマンス カラオケ機能要件 音声基盤の説明をする前に、まずは音声基盤を導入する理由となった、カラオケ機能の要件について説明し
Flutterプロジェクトの場合、関連ツール(CLIアプリなど)はDartで組むと捗る🎯
Photo by Brigitta Schneiter on Unsplash大抵のアプリの場合、リリースまでのフローで何かしら定型処理が発生するはずです。 手動以外で済ませる場合、とりあえずシェルスクリプトで済ませがちなことも多いだろうと思っています。 ただ、Flutterプロジェクトの場合、その開発メンバー全員がDartに慣れ親しんでいることは自明であり、Dartで書いた方が得策なことも多いように思っています。 (シェルスクリプトで組むより必ずしも優れているというわけではなく状況次第でありますが、少なくともDartで書くのとどちらが良いか検討するのは有意義だと思っています) とはいえ、Flutterアプリを普通に組む手段としてDartコードを書いてただけだと、実際にDartをこれまでシェルスクリプトで書いてきたような処理の代わりに使おうとすると、各種処理をどう書けば良いのか迷ったり躓く
Flutterで単体テストの実行時間を86%削減した話をしようか | 技術は熱いうちに打て！
概要 どうも、@daiki1003です！みなさん、テストしていますか？ プロジェクトがある程度の規模感になると、単体テストはほぼ必須になってくるかなと思います。 そして単体テストに力を入れていれば、CIにも組み入れていることでしょう。 でも、Flutterのテストって地味に時間かかりませんか？ そこで本記事ではFlutterのテストを高速化できる方法を解説していきたいと思います。 それでは行ってみましょー！ どんな黒魔術を使うの？これからさぞすごいことが行われるのだろう？と胸を躍らせているかもしれないのですが至ってシンプル。 very_good_cli | Dart packageを導入するだけです。 very_good_cliを導入してみようパッケージとして存在していますが、特に依存パッケージとして追加する必要はありません。 $ dart pub global activate very
【Flutter x freezed】*.g.dartが生成されないときに確かめる | 技術は熱いうちに打て！
概要 どうも、@daiki1003です！freezedパッケージを使って build_runnerを実行してるのにg.dartが生成されない…！ 本記事はそんな時のために確かめるべきところを書いてみましたので ぜひこれと照らし合わせてみてください！ また、最後にスニペットも公開しているのでぜひ使ってみてくださいね🙌 もし、解決したら心の中でさんきゅって思ってくれたら嬉しいです笑 成功するサンプルコード (sample_model.dart ) json_serializableたぶん、一番多いのがこれじゃないかな〜なんて思ったりもします。 pubspec.yamlにjson_serializableの 追加をし忘れていないでしょうか？ 僕が最近、生成されないな〜って思った時はこれが原因でした。 pubspec.yamlのdependenciesに以下を追加しましょう。 json_seri
freezedみたいなコード生成を伴うパッケージはどうやって作るの？という話｜Showcase Gig Product Team Blog
Dartでのコード生成こんにちは。 Showcase Gig でエンジニアをしている、鈴木です。 Flutter(Dart)のパッケージの中にはfreezedやauto_routeのようにbuild_runnerを使ってコードを生成するものがあります。 今回はこのようにbuild_runnerを通してコード生成するパッケージはどのように作るのかについて紹介します。 サンプルではbuild_runnerと、buildのAPIをラップしてコード生成しやすくするパッケージであるsource_genを使って簡単なコードを生成してみます。 作成するサンプル@Greeter() class TestClass {} というようにクラスにアノテーションを付加してbuild_runnerを実行すると以下のようなファイルを生成するジェネレータを作ってみます。 extension TestClassExt o
Flutter 研修課題のレビュー観点表
具体的に適切かという点はそれぞれの実装によってことなるため、リード・テックリードがサポートする必要がある場合があるかと思います。 しかし評価観点に記してあることに注意することでそれらを学ぶことができれば十分であると考えています。 プログラミングには、問題の解答集のように答えが定まっているわけではありません。 そのため、プログラムのレビューにおいては、曖昧な箇所が出てしまうことがあります。 ある程度レビュー観点をリストアップすることで、より良いプログラムを作成するためのヒントを得ることができます。 レビューにおいて曖昧な箇所があった場合は、リードやテックリードに相談することで、より適切な対応を行うことができます。 研修評価項目Session 毎のレビュー項目
【Flutter】Pentagonで利用しているPaginationListについてのまとめ | Pentagon Blog
こんにちは、株式会社Pentagonでアプリ開発をしている石渡港です。 https://pentagon.tokyo 今回はPentagonで利用しているFlutterのPaginationListについてまとめました。 その結果、PaginationListについての整理ができて、より深く理解できるようになりました。 【この記事を読むメリット】 Pentagonで利用しているFlutterのPaginationListが使えるようになります 【こんな方に参考にしていただきたい】 シンプルなPaginationListを求めている人 環境 Flutter 2.2.3 利用しているPackage visibility_detector 弊社で利用しているPaginationListの解説 ItemBuilder リストで表示する内容を定義するためのエイリアスです。 PaginationLis
How to Store API Keys in Flutter: --dart-define vs .env files
If your Flutter app talks to a 3rd party API that requires an API key, where should you store it? According to various sources, for production apps that need maximum security: the API key should be stored on your own secure server (and never on the client)it should never be transmitted back to the client (to prevent man-in-the-middle attacks)the client should only communicate with your server, whi
初めての Flutter アプリ | Google Codelabs
1. はじめに Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。 このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。 学習内容 Flutter の動作に関する基礎知識 Flutter でレイアウトを作成する方法 ユーザー操作（ボタンを押すなど）をアプリ動作に接続する方法 Flutter コードを整理された状態に保つ方法 アプリをレス
[Flutter]RetrofitでポケモンAPIを叩く
ポケモン、わからないよ... Type=タイプってことだけは分かりましたので、Typeを指定して返ってくるポケモンたちの名前を表示させてみたいと思います。 httpを使っても良いですが、せっかくなのでretrofitパッケージを使ってみます。 これまた公式ドキュメント。 loggerは使いませんでしたので削除。しかし初知りでしたがすごいですねこれ... そろそろprintを使ったデバッグから卒業したいところ。AndroidStudioのデバッグもうまく使えていませんしね、 この通りに追加しまして dependencies: retrofit: dio: logger: //僕は削除しました。 dev_dependencies: retrofit_generator: build_runner: json_serializable:Define and Generate your APIの部
![[Flutter]RetrofitでポケモンAPIを叩く](https://cdn-ak-scissors.b.st-hatena.com/image/square/a16f4909131cdb0788c125278dd49473f67360cc/height=288;version=1;width=512/http%3A%2F%2Fblog.shinonome.io%2Fcontent%2Fimages%2F2022%2F12%2Fpokeapi_256.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Retrofit使ってFlutterのAPI通信を実装する
Flutter研修【MIXI 23新卒技術研修】
