先日、freezedでハマって小一時間を無駄に過ごしてしまったのでここに書いて供養したいと思います。 今やってるお仕事ではriverpodを使っていて、screenに対してview_modelを作成し、state管理を行っています。 view_modelの持っているstateをfreezedで作っ…

こんにちは。 Geminiを使った簡単なアプリを作ってみたので、ここにコードを残したいと思います。 環境 Flutter: 3.19.1 Dart: 3.3.0 pub.dev こちらのライブラリを使いました。 Api Kyeはここで作成します。 aistudio.google.com 実装 pubspec.yml name: ge…

こんにちは。 前回、前々回と縦並び、横並びについて書いてきました。 qkuronekop.hatenablog.jp ↑Column()について。 qkuronekop.hatenablog.jp ↑Row()について。 本日はスクロールについて書いていきたいと思います。 はみだし 上の画像のように横に沢山要…

こんにちは。 Flutter普及記事続きを書いていきたいと思います。 前回はこちら qkuronekop.hatenablog.jp 本日は要素を横に並べていく方法について書きたいと思います。 基本的にはColumn()と一緒です。 横に並べるにはRow()を使います。 Row( children: [ C…

こんにちは。 最近、Flutter流行ってきてるなぁと思う今日この頃です。 私自身はそろそろFlutterのお仕事を始めて3年くらいになります。 最近はブログなんかのドキュメントも充実し始めているかと思いますが、日本語のFlutter記事の普及に貢献したいと思いま…

こんにちは。 本日はgo routerを使った時にブラウザに表示される#を消す方法について書きたいと思います。 go routerについてはこちらを参考にしてみてください。 zenn.dev ここにリンクされているページを一通り読むとgo routerについて理解できるかと思い…

こんにちは。 本日はdartのコードを自動生成できるプラグインmasonを使ってみたいと思います。 早速インストールしてみましょう。 私の実行環境はこちら。 flutter: 3.3.5 dart: 2.18.2 (stable) インストール $ dart pub global activate mason_cli + archi…

城Navi公開 play.google.com アプリの概要は日本のお城を検索できるアプリです。 選定技術 Flutter まずアプリを作成するのにはFlutterを使いました。 これは最近、私がFlutterばかり使っていてすぐに作れると思ったからです。 iOSやWebにもできますし、いい…

はじめに 遅くなりましたが、あけましておめでとうございます。 昨年はあまりブログも書けなかった気がしています。 今年はもっとアウトプット頑張っていきたいと思います。 個人開発のアプリを作った話 昨年、11月頃から個人開発のアプリを作成しておりまし…

普段通りにAndroidStudioでプロジェクト作っちゃった後にやっぱりwebも欲しいってなった時の対処方法です。 flutter config --enable-web webを有効にするコマンドです。 プロジェクトのルートで打ちます。 flutter create . ってするとwebに必要なファイル…

こんにちは。 久々の投稿です。 １年ぶりにお仕事を再開しまして、とあるFlutetr案件に携わっています。 そのプロジェクトはしっかり環境分けがしてあって、ビルドに難航したのでせっかくなのでブログに残そうと思います。 環境 IDE：AndroidStudio OS ：mac…

flutterhub.io こんにちは。 クラウド上でFlutterアプリが開発できると聞いてさっそく使ってみました。 まずはアカウントの作成をします。 アカウントはGoogleやGithubアカウントでも作れるみたいです。 便利ですね。 アカウントを作るとこんな画面になりま…

qkuronekop.hatenablog.jp 以前、AndroidStudioでの開発環境の作り方を書いたのですが、VSCodeでも作ってみようと思います。 まずはここからFlutterSDKをダウンロードします。 DLしたらzipを展開して適当な場所に置きます。 flutter.dev flutter/binにパスを…

こんにちは。 以前お仕事で下記のようなデザインをAndroidで作ったのですが、それをFlutterでどう実現できるかやってみました。 ランキングを色と番号で表現しています。 Androidで作った時もどう実現しようか悩んで最初は、Canvasに描くという方法をとりま…

こんにちは。 Google IO 2019にて発表されたFlutetr for webが発表されましたね。 どんなもんかと思ってさっそく使ってみました。 github.com 私が試した方法です。 上のリポジトリをCloneします。 hello_woldをディレクトリをコピーしてディレクトリ名を変…

こんにちは。 前回、写真を撮る機能をアプリに追加したのですが。 qkuronekop.hatenablog.jp この撮った写真をFirebase Storageに保存したいと思います。 pubspec.yml dependencies: flutter: sdk: flutter firebase_storage: 1.0.4 AndroidX関係でエラーに…

Flutterで写真を撮るアプリを作りたいと思ったのでカメラ機能を入れてみました。 使ったプラグインはこちら。 pub.dartlang.org まだAndroidでしか試してないけどもiOS/Androidで使えます。 Androidの場合minSdkVersion 21です。 使い方 pubspec.yml depende…

ここ最近はFlutetrで何かアプリを作ってGooglePlayへリリースするところまでやってみたいなと思い、アプリを作り始めています。 ただ、サーバーを用意するのが手間なので、ネイティブ以外の作業は全てFirebaseで賄おうと思っています。 とりあえずはFirebase…

アプリ開発を始める為に必要なこと。 それは、開発環境を整える必要があるということです。 私のおすすめはAndroidStudioを使う方法です。 しかし、これは単に私がAndroidStudioを使い慣れているだけだからかもしれませんけどね。 この記事では、AndroidStud…

２月の頭から週３常駐でFlutterのお仕事をさせていただいていました。 新規で作るアプリで、実装だけでなくコーディング規約やアーキテクチャなども決めさせていただいてました。 私としては、少なくともリリースできる状態になるまで続ける気でいたのですが…