JAJAAAN代表です。このサイトの制作者です。趣味は、最近始めたアウトドア、最近始めた釣り、最近始めた格闘技です。尊敬する人はさかなくん。人生で学んだことは「女は怖い」ご連絡はメールかTwitterでDMください。 メール Twitter SEE MORE 今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。 見出しなどで使えるデザイン例についてどこよりも詳しく（おそらく..）紹介・解説しています。すべてCSSのみで実現しているものになりまります。 コピペしてそのまま使用していただいて構いません。デザイン例によって作成時のポイントや注意点も書いています。 CSSのみで作る見出しについて見出しについて、マークアップで使用されるHTMLタグはh1〜h6になるかと思います。サンプルのHTMLではh2を例にしていますが、hタグである必要はありません。ご自由なHTMLタ

はじめに この記事は、Aizu Advent Calendar 2023 23日の記事です。22日は@acomagu, 24日は@kasukashu02です。 こんにちは、マヤミトです。皆さんは技術同人誌書いてますか？自分は技術書典やコミケに度々サークル参加して技術同人誌を出しています。 同人誌を出す上で、表紙データを必ず作る必要があると思います。表紙データを作るのにエンジニアだと使い慣れたFigmaを使いたいという人も多いのではないかと思います。 この記事では、Figmaの基本的な使い方はわかるという人向けに、Figmaで同人誌の表紙データを作る際に注意しなければいけない点やそれに対応するためのテクニックを紹介したいと思います。 前提: Figmaの画像エクスポートは72dpiが基準 Figmaには、デザインを画像としてエクスポートする機能があります。Figmaでデザインした表紙データを

2023.11.29にFriends of Figma Shonanで発表した内容を紹介します。当日使用したスライドは以下から確認いただけます。 はじめに今回のテーマは「実務のためのマイクロインタラクション」です。 オライリーから出版されている『マイクロインタラクション』では以下のように説明されています。 最小単位のインタラクション 「愛される製品」と「許容範囲の製品」の違いを生む トリガー、ルール、フィードバック、ループとモードの構造を持つ マイクロインタラクション、特にアニメーションやモーションをともなった社内での事例を元に実務に取り入れる方法について説明していきます。 制作事例Filmarksは映画・ドラマ・アニメのレビューサービスです。(株)つみきで自社サービスとして運営しています。作品一覧から画像をダブルタップすると、見たい映画に登録できます。マイページのタブに格納されるモーショ

セブンイレブンのネットプリントで両面印刷するときの設定と、紙の折りかたのまとめです。ここのところ、両面印刷して折って中綴じにする本をいくつか登録しているのですが、機械の設定にややトラップぎみなところがあるので。 A4サイズに両面印刷で、名刺サイズの16ページの本がつくれます。両面印刷してもあまりずれないので、家のプリンターでやるよりもきれいにつくれると思います。ネットプリントはこんなのやってました。 ネットプリントの機械の設定両面印刷にするには、［長辺とじ］と［短辺とじ］のどちらかを選ぶのですが、この場合横長で頭を揃えるので［短辺とじ］を選びます。［2枚を1枚］はデフォルトの［しない］のまま、触りません。これ、両面印刷するという意味ではなく、片面に2ページずつ印刷するという意味なので。ページ数の多いPDFを、半分の料金で印刷したいときは便利だと思います。 ［2枚を1枚］と［両面］が同じ箱に

String replacement with operations that are Unicode/grapheme cluster aware. More... [Characters][Characters] are strings viewed as sequences of user-perceived characters, also known as [Unicode (extended) grapheme clusters][Grapheme Clusters]. The [Characters][Characters] class allows access to the individual characters of a string, and a way to navigate back and forth between them using a [Charac

「Widgetらしさ」を考える 2021.8.10 Flutter Meetup Tokyo #16 中條 剛（ちゅうじょう つよし） @chooyan_eng

Flutterアプリの通信をCharlesで見る方法のメモ Network calls don't show in Charles Proxy Debugger #20376 どうやらFlutterのHttpClientにproxyを設定する必要があるらしい

2023.12.25 コメント 頂いた fl_chart の記載を修正 charts_flutter が非公式のパッケージであった旨がわかるように修正 はじめに みなさんは普段のアプリケーション開発でチャートやグラフ表現を活用していますか。 私は3年間ほど株式投資管理のアプリケーションを開発していたのですが、サービス要件に不可欠な資産増減を示す線形グラフ、ポートフォリオ、株価チャートなど、多数のチャート表現に四苦八苦しながら納得する実装を探していました。 これは個人的見解で賛否があると思いますが、JavaScript には Chart.js のような表現力の高いチャートパッケージが 多数存在している 一方で、（プラットフォームが異なるので公平な比較ではないとは思いますが）Flutter では「これを使えば万事解決」といった満足できるパッケージがないように思います。もちろん、後述する fl_

はじめに こんばんは！たつべえです！ 6月のWWDC 2023でPrivacy Manifestsについての発表がありました。 iOSアプリ開発者はアプリがユーザーのプライバシーへ与える影響に対して、使用しているサードパーティSDKも含めた全てのコードについての責任を持つ必要があり、そのデータ収集と使用方法を把握するためにPrivacy Manifestsが導入されるとのことで、2024春以降は義務化されます。 つまり対応しなければリジェクトされます。 そしてつい先日、Appleから対応の詳細が公開されました。 Upcoming third-party SDK requirementsには、公開されているアプリによく使われている、Privacy Manifestsの対応が必須なSDKの一部が記入されています。中にはFlutterのパッケージも明記されており、Flutterで作成したアプリも

SVG画像を扱いたい+α ローカルに格納したSVG画像ファイルを、Flutterの画面で表示したい +α Preload（事前読み込み）な処理を対応したい 複数件まとめて、Preloadしたい 例外対応(画像pathが不正だった場合のケース)を隠蔽 tyr{}catch的な処理をUI層で扱いたくない ※SVG画像: https://icooon-mono.com/15878-バイクアイコン/ 対応概要 SVGLoaderクラスを作成して対応（内部でflutter_svgライブラリを利用） 事前準備 svg画像を、プロジェクト内に格納し、pubspec.yamlにパスを指定。 https://docs.flutter.dev/ui/assets/assets-and-images#specifying-assets // 例）"icon_bike.svg"を、assetsフォルダ直下に配置し

概要 Flutterアプリで、FirebaseAnalyticsを使う際にそのまま使わず、薄くラッパークラスをつくる。 下記のように呼び出して利用するイメージ Event名をEnumで管理したかった。 サンプルコードの内容について 詳細な分析をするというよりは、とりあえず導入しておいて、利用具合を把握、というレベル感の内容です。 個人開発で「特定の機能」の利用具合をみる、ぐらいであれば、Firebaseの管理画面で確認できます。 （より詳細分析するには、「BigQuery」を叩く必要があるし、それようにログ設計をきちんと行う必要があると思います。） 管理画面での見え方 イベント名とその数、はみれます。 ※イベント名に任意のパラメータ付与した場合は、現状は管理画面ではみえない。 （BigQuery使う必要が出てくる、と思います。） 注意点 FirebaseのAnalyticsは、イベント名の

この記事は、Flutter大学アドベントカレンダー 2023 8日目の記事です。 Freezedパッケージを使用してモデルクラスを作成する際の開発効率を向上させる方法を３つ紹介します。 1. VSCodeの拡張機能 1つ目はVSCodeの拡張機能を使った方法です。 Freezedでモデルを作成する際に、毎回build_runnerコマンドを叩くのは面倒ですよね。 そこで、必ず役に立つのがこの拡張機能です。 まずは事前に下記二つの拡張機能をインストールしておきます。 使い方は簡単で、 Macは (command + shift + B) Windowsは (ctrl + shift + B) でbuild_runnnerを走らせることが出来ます。 一度このショートカットを実行すれば、変更を監視している状態の場合、ファイルを保存するたびに自動でbuild_runnerが走ります。 VSCode

ATT(App Tracking Transparency)とは これ Guideline 5.1.2 - Legal - Privacy - Data Use and Sharingを解消する ユーザーの情報を取得しているとATTを入れないと審査でリジェクトされる。 解決方法はシンプルでATTを追加するだけ。 info.plistに下記のコードを追加 <key>NSUserTrackingUsageDescription</key> <string>This app uses tracking data to show you personalized ads.</string>

1.はじめに 以前、上記の記事でAmazon Cogintoを利用したSAMLフェデレーションを試しました。 今回は、Firebase Authenticationを利用したSAML認証を試したいと思います。 IdPはlocalhostのKeycloakを利用します。 こちらで用意したものです。 ソースはGitHubにあります。アプリを動作させた際の動画も貼り付けてあります。 2.Firebase Firebase AuthenticationでSAMLを有効化します。 最初は上記画像の状態のはずです。 SAMLを利用するには、Identity Platformと連携する必要があるため、「アップグレード」を選択します。 「次へ」を選択します。 プランの変更点を確認し、「次へ」を選択します。 使用量の確認も「次へ」を選択します。 「新しいAuthenticationにアップグレードする」を選

1. はじめに Flutterにはアプリケーションの実行状態を示すAppLifecycleStateがあります。 Riverpodを利用しつつ、このAppLifecycleStateを入手したいと考えました。 公式ドキュメントを見ると、以下のような説明があります。 The current application state can be obtained from SchedulerBinding.instance.lifecycleState, and changes to the state can be observed by creating an AppLifecycleListener, or by using a WidgetsBindingObserver by overriding the WidgetsBindingObserver.didChangeAppLifecy

はじめに この記事は「Dart のコード生成について【前編】」として、build_runner を用いた Dart のコード生成について、コード生成を支える仕組みをまとめます。 後日執筆予定の後編では、実際にこの記事で紹介したパッケージを使用しながら、HTTP のレスポンスボディをパースして Dart のインスタンスを作成する fromJson ができるコードを生成するパッケージ（json_serializable パッケージの一部を簡素に再実装するようなサンプル）の作成をする方法を示します。 内容は FlutterKaigi 2023 で発表したものと重なっています。 YouTube で当日の発表アーカイブを公開していただいているので、参考にしてください。 そこで使用したスライドはこちらです。 また、本記事に登場するサンプルコードの多くは、こちら： のリポジトリから見つかります。合わせて

Flutterでデータをセキュアに保存しようとすると、flutter_secure_storageを使うことになります。 flutter_secure_storageは「iOSではKeychain、AndroidではKeyStoreを使ってデータを保存してくれるライブラリ」と説明されることが多いのではないのでしょうか。チラッとライブラリのコードを見てみたところ、読みこなせない量ではなさそうだったので、AndroidとiOS、そしてWebでどのようにデータを保存しているのかを確認してみました。 記事執筆時点でのflutter_secure_storageのバージョンは、9.0.0です。 Android Androidの場合、EncryptedSharedPreferencesを使ってデータを保存する方法と、SharedPreferencesを使ってデータを保存する方法があります。 Encry

こちらのPRで対応した内容と、なぜそうしたのかのメモです。 前提 iOSにおいて、status bar領域(左上の時計など)をタップすると、表示しているリストがposition: 0までスクロールされる機能があります。 この機能をFlutterで実現するために、PrimaryScrollControllerを利用することが多いのではないでしょうか。 PrimaryScrollControllerとCustomScrollViewやListView、SingleChildScrollViewを組み合わせるには、2つの方法があります。 primaryプロパティをtrueにする PrimaryScrollController.of(context)で取得したcontrollerをセットする primaryプロパティの場合、ScrollViewクラスの内部で、PrimaryScrollContro

この記事は2023年7月21日に執筆しています。 参照しているflutter_local_notificationsのバージョンは15.1.0+1、もしくは16.0.0-dev.1です。 ※執筆にあたり慎重にドキュメントの調査などを行いましたが、不正確な情報を記述している恐れがあります ※Android OSやライブラリの更新により、異なる対応が必要になる恐れがあります Android端末に対応したFlutterアプリケーションにおいて、サーバーからのPush通知ではないPush、つまりローカルのPush通知を表示するライブラリにflutter_local_notificationsがあります。 今回はflutter_local_notifications v14からサポートされた、Android 13や14向けの「正確なアラームのスケジュール」について理解を深めます。 これからAndro

Flutterでアプリを開発していた時にハマったので備忘として残しておきます。 ロック画面が出てこない アプリを実装していく中で、Androidで スマホをスリープ→スマホを起動 とすると、ロック画面より先にアプリが表示されていました。 期待していた動作 アプリ表示中→スマホをスリープ→スマホを起動→ロック画面表示→ロック画面解除→直前に起動していたアプリが表示される 自分が実装しているアプリの動作 アプリ表示中→スマホをスリープ→スマホを起動→直前に起動していたアプリが表示される→ホームボタン押下→ロック画面表示→ロック画面解除→ホーム画面表示 原因 showWhenLocked が true に設定されていたことが原因でした。 <manifest xmlns:android="XXX"> <application android:label="sample" android:name=

はじめに こんにちは、株式会社viviON アプリユニットのDiegoです Flutterでアプリの開発担当してます。 皆さんFlutterの開発楽しんでいますでしょうか？ 私は最近のFlutterの進化に驚きつつ楽しく開発してます。 今年、私が思う一番の進化(変更)はRiverpodの2.0へのupgradeです。 (正確には、去年末から変更になっていますが、、、) Riverpodが2.0になったことで以下のような変更が入っています。 riverpod generatorによるコード生成 StateNotifierからNotifierへの変更 ドキュメントの充実(機能とは違うけど重要、とても便利になりました。) 私的には、ドキュメントの充実が特に嬉しかったです。 ですが、今回は2番目のNotifierへの変更を深掘りして、中級者向けの使い方を備忘録的に記載したいと思います。 ※ ドキュ

npm -v "@openapitools/openapi-generator-cli" > 10.2.4 fvm flutter --version Flutter 3.13.8 • channel stable • https://github.com/flutter/flutter.git Framework • revision 6c4930c4ac (3 months ago) • 2023-10-18 10:57:55 -0500 Engine • revision 767d8c75e8 Tools • Dart 3.1.4 • DevTools 2.25.0

Maestroとは？ 以下のような特徴を持つモバイル用のE2Eテストフレームワークです。 2022年9月にリリース yamlベースでテストケースを記述 Flutterに対応 CI/CDへの組み込みもローカルでの実行も可能 2022年9月にリリースされたばかりでまだ未成熟な部分も多いかもしれませんが、Flutterにも対応されており、非常に開発体験が良いので、今後に期待も込めて使い方を整理していきたいと思います。 以下にサンプルコードも用意したので参考になれば幸いです 💫 始め方 1. Maestroをcurlでダウンロード＆インストール

YUMEMI Flutter Advent Calendar 2023 12日目の記事です みんな大好きRefreshIndicator（諸説あります） Refresh Indicator を使ったことのないFlutterエンジニアはあまり居ないと思います。 同様に、なぜか Refresh Indicator が動作しない事象に遭遇した方もいらっしゃるのではないでしょうか？ SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: [ ...List.generate( 25, (index) => Container( padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4), chi

Flutter の画像切り抜きパッケージ crop_your_image を開発・公開しています。 2021年3月に最初のバージョンを公開してからかれこれ約3年、気がついたら LIKES の数も 380 を達成し（2024.02.09現在）、画像切り抜きパッケージとしてもかなり上の方まで上がってこれたようです。使ってくださっている方、ありがとうございます！ この記事では、そんな crop_your_image パッケージを開発する上で気をつけたこと、気をつけていることをまとめてみようと思います。 Flutter の Widget らしい、使いやすい設計にする さっそく1つ目ですが、これが開発をスタートする上で一番気をつけたことです。 Flutter の特徴のひとつに Everything is a Widget というものがありますが、これは単に全ての要素を Widget として扱うとうこ

マルチパッケージ構成をしている場合 以下のような形式で、マルチパッケージ構成が組まれていると想定します。 project ├ apps ├ packages │ ├ package_a │ └ package_b ├ analysis_options.yaml └ pubspec.yaml

YUMEMI Flutter Advent Calendar 2023の23日目の記事です。 Robotパターンはソフトウェアテストの手法の一つで、ユーザーのアクションを一連の手順としてカプセル化し、それを再利用可能なクラスとして定義します。これにより、アプリケーションとのユーザーインタラクションを効率的にシミュレートし、テストすることが可能になります。これはアプリケーションの品質を向上させるのに役立ちます。 この記事では、Robotパターンと私が開発したRobotライブラリーについて紹介します。このライブラリーは、RobotパターンをFlutterで利用するためのもので、各ウィジェットのテストを行うためのRobotクラスを作成することができます。Robotライブラリーを使用することで、テストの再利用性と効率性を向上させ、結果的にアプリケーションの品質を向上させることができます。 Robo

この記事は2023年のFlutter Advent Calendar（カレンダー 2）の16日目の記事です。 ※ ちょっとタイトルと違いますが、「DropdownButtonFormField」でドロップダウン（プルダウン）実装しようとしている方は「DropdownMenu」というWidgetも、使い勝手の良さそうなので、一度調べてみてもいいかもしれません。 はじめに 日頃の業務で何気なく実装しているドロップダウン（プルダウン） よくあるUIであるにも関わらず「あれ？ こういう場合、どうするんだっけ？？」ってありませんか。 私はあります😅 今回は「DropdownButtonFormField」にフォーカスして、 「あれ？ こういう場合、どうするんだっけ？？」の整理や、「DropdownButtonFormFieldの実装方法」について考えたいと思います。 ※ 私なりに「ベストな実装方法

株式会社Awarefy CTO の池内です。 「AIメンタルヘルスアプリ Awarefy」は、Internationalization（以下、i18n）として日本語に加え英語の UI をサポートしています。 i18n を実現するためのパッケージとして、これまで easy_localization を利用していました。 easy_localization は優れたパッケージなのですが、運用していく中で次のような課題が生まれていました。 言語ファイル（翻訳ファイル）のフォーマットが JSON であること 正確には、YAML 対応もあるが、Type-Safe に扱うためのコード生成方式の場合 JSON しかサポートがないこと 生成されるコードの命名規則に問題があったこと（詳細は割愛。構造化した JSON の場合のキー名がアンダースコア連結で出力されるイメージ） JSON ではなく YAML で、

FVM 3がリリースされました🚀 Homebrewでインストール済みの方は brew upgrade fvm でアップデート可能です🍺 この記事はBeta版を使用して書いたものですが、Beta版から3.0.0への変更はなかったようです👀 こんにちは、Flutterでのアプリ開発をメインとしている「Altive株式会社」の村松龍之介（@riscait）です！ 2年前に「FVMでFlutter SDKのバージョンをプロジェクト毎に管理する」という記事を書きました。（もうそんな経ったの…⁉️） それからずっとFVMを使っていますが、v3.0.0-beta (Pre-release)がリリースされているので使ってみました！ FVMとは ご存知の方も多いとは思いますが、FVMは、Flutter SDKのバージョン管理ツールです。 複数のFlutter SDKをインストールし、プロジェクトごとに

本記事は、Flutter Advent Calendar 2023の17日目の記事です。 はじめに こんにちは！Altive株式会社のFlutterアプリ開発者の小林遼太（@naipaka）です🦙 弊社では、受託案件の開発を効率化するためにFlutterFireパッケージのラッパーパッケージを作成し、利用しています。 このパッケージの開発の過程で、特定のコーディングパターンを強制するようなLintルールが必要だと感じることがありました。 特に、StreamControllerインスタンスを宣言した際にcloseメソッドの呼び出しを強制するclose_sinksのようなルールが欲しいと考えていました。 そこで、Dartのcustom_lintを使って独自のLintルールを作成してみることにしたので、この記事ではその作成過程を紹介します。 完成例 Configインスタンスを宣言した際に、di

Sliverを扱うのは、基本的にCustomScrollViewを使う時に限定されます。ゆえに「SliverはCustomScrollViewとセットで使われる」程度で説明されることも多いですが、実際のところListViewやGridView、PageViewも内部を見ればSliverで作られています。 Sliverの仕組みを深く理解することで、直接的なSliverの扱い方だけではなく、これらの汎用的なWidgetの扱い方も正確に把握できるようになると考えています。 今回の記事では、Sliverがどのように使われ、どのようにレイアウトを行なっているかを具体的に掘り下げ、その仕組みについて説明します。 Sliverとは この記事ではsliver protocolに基づいてレイアウトを行う、RenderObject、Element、Widgetの総称をSliverと呼びます。(公式にはハッキリ

DroidKaigi2021 Day01 (2021/10/19 15:20-16:00)に発表したスライドです。

はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts

はじめに GitHub Actionsをあまり書いたことのない人間だったのですが、挑戦する機会があったので内容をまとめたいと思います。 また、題材について、似たようなことをやりたい人の一助になれば幸いです。 ※ 補足 作成当初は気づいていませんでしたが、題材については似た先人の記事もありました！ （改めてzennにまとめる際に参考にさせてもらいました） 対象者 後述の「題材」に近い内容をGitHub Actionsで記述したい人 ※ GitHub Actionsの知識は不問。 バージョン情報 バージョンみたいなものはなさそうなので、日付でしか書けないですが、2024年1月時点・無料アカウントで確認しています。 Github Actionsに関わるChangelog 記事記載時点での最新情報 書いていること・書いていないこと 書いていること サンプル ワークフローの記述 各記述の説明 書いて

flutter_native_splashパッケージを使ういい感じにできるっぽい。 対応しているのは、Android/iOS/Web。 flavorにも対応しているけど、Desktop系は非対応。 Desktop Support · Issue #168 · jonbhanson/flutter_native_splash Flutter公式のドキュメントはこのあたり。 Android: Adding a splash screen to your Android app | Flutter Android12(API 31)以降はSplashScreen API用の設定項目 スプラッシュ画面  |  Android デベロッパー  |  Android Developers iOS: Adding a launch screen to your iOS app | Flutter 使い方

Flutterで大きい文字サイズを指定したときに、 いい感じにサイズダウンしてほしくて、 いろいろ調べてみたときの備忘録(*´ω｀*) FittedBoxを使うといいらしい(*´ω｀*) FittedBox class - widgets library - Dart API AppBar( centerTitle: true, title: FittedBox( fit: BoxFit.fitWidth, child: Text('Hey this is my long text appbar title') ), ), 参考にしたサイトさま 【Flutter】画面サイズに応じて文字サイズを自動で適用する方法 #iOS - Qiita How to dynamically resize text in Flutter? - Stack Overflow

FlutterでWidgetの位置情報(Position)を取得したいと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) 位置情報はRenderBoxから取得できるっぽい。 使い方 自分自身の位置情報はこんな感じ。 RenderBoxはBuildContextから取得できる。 class FooWidget extends HookConsumerWidget { const FooWidget({super.key}); @override Widget build(BuildContext context, WidgetRef ref) { // contextからRenderBoxの取得。RenderObjectなのでcastが必要。 final RenderBox? renderBox = context.findRenderObject() as RenderBox?; //

Flutterでクリップボードにコピーしたいなと思ったときに、 いろいろ調べてみたときの備忘録(*´ω｀*) これでいけるっぽい(*´ω｀*) import 'package:flutter/services.dart'; // copy final data = ClipboardData(text: "foobar"); await Clipboard.setData(data); // get final data = await Clipboard.getData(Clipboard.kTextPlain); 参考にしたサイトさま Clipboard class - services library - Dart API ClipboardData class - services library - Dart API super_clipboard | Flutter Packa

Flutterの状態管理ライブラリのRiverpod。 いつも迷うので、再度入門してみたときの備忘録(*´ω｀*) プロバイダの一覧 プロバイダの種類 生成されるステートの型 具体例 StateNotifierProvider StateNotifierのサブクラス イミュータブルで複雑なステートオブジェクト Provider 任意 サービスクラス / 算出プロパティ（リストのフィルタなど） FutureProvider 任意のFuture API の呼び出し結果 StreamProvider 任意のStream API の呼び出し結果のStream StateProvider 任意 フィルタの条件 / シンプルなステートオブジェクト ChangeNotifierProvider ChangeNotifier のサブクラス ミュータブルで複雑なステートオブジェクト プロバイダの種類 | プ

FirebaseUI for WebのFlutter版があったので、 いろいろ試してみたときの備忘録(*´ω｀*) firebase_ui_auth | Flutter Package ちなみに、FlutterFire UIもあったが、今はdeprecated。 firebase_ui_authへのマイグレーションが書かれている。 flutterfire_ui | Flutter Package Firebase UI Authとは Firebase UI Auth is a set of Flutter widgets and utilities designed to help you build and integrate your user interface with Firebase Authentication. Firebase UI Auth は、ユーザー インターフェー

A flutter utility to easily create flavors in your flutter application More... Flutter Flavorizr # A flutter utility to easily create flavors in your flutter application If you want to support this project, please leave a star, share this project, or consider donating through Github Sponsor. Getting Started # Let's start by setting up our environment in order to run Flutter Flavorizr Prerequisites

ひさびさにFlutterのセットアップをしてたら、 FlutterFire CLIを使った形になってて、かなりハマったので、 いろいろ調べたときの備忘録(*´ω｀*) Flutter アプリに Firebase を追加する invertase/flutterfire_cli: A CLI to help with using FlutterFire in your Flutter applications. CLIのインストール/セットアップ まずはCLIとかのセットアップ。 # firebase CLIのインストール $ brew install firebase-cli # firebase CLIのログイン $ firebase login # FlutterFire CLIのインストール $ fvm dart pub global activate flutterfire_cli

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Widgets that follow the Material Design guidelines display a ripple animation when tapped. Flutter provides the InkWell widget to perform this effect. Create a ripple effect using the following steps: Create a widget that supports tap.Wrap it in an InkWell widget to manage tap callbacks and ripple animations. dart// The InkWell wraps the custom flat button widget. InkWell( // When the user taps th

An overview of the current architecture of the webview_flutter plugin interface and a solution to improve it.

docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. Learn more. OK, got it

移行は単にツールを切り替える作業ではありません。それは、新しい働き方を取り入れることです。このガイドでは、デザイナーアドボケートClara Ujiie氏が移行における各ステージを説明し、Figmaに効率的かつ適切に移行するためのインサイトと実用的なヒントをお伝えします。 Figmaのような新しいデザインツールに移行することは、単なる思い切ったことではありません。ステージを綿密に積み上げる必要があります。このプロセスは、プランニング、コミュニケーション、再構築、オンボーディング、文化基準の作り替えで構成され、入念なコラボレーション（そして、お好みのコーヒーや紅茶などたくさん）を必要とします。 デザイナーアドボケートとして、私は数多くのチームがこのプロセスを経るガイドをしてきました。その中で、Figmaへの移行をシームレスかつ有意義なものにするために大いに役立つインサイトを蓄積してきました。移

リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。

リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。

リクエスト予約希望条件をお店に申し込み、お店からの確定の連絡をもって、予約が成立します。 1 予約の申し込み ご希望の条件を当サイトよりご入力ください。 2 お店からのメール ご予約が承れるか、お店からの返信メールが届きます。 3 お店へ来店 予約が確定した場合、そのままお店へお越しください。