あけましておめでとうございます。 新年一発目のブログです。 毎年言ってるけど今年こそアウトプット頑張る。 最近年のせいか、インプットもできなくなってきましたね。。。 言い訳になっちゃうけど、子供ができてからこっちのインプットがなかなかできなく…

こんにちは。 今日はGemini CLIにアプリを作ってもらった話をしようかと思います。 まずはGemini CLIのインストール。 Gemini CLIについてはこちらの方の記事を参考にインストールしました。 zenn.dev ターミナル上で対話型で使って行きます。 最初に、私のP…

こんにちは。 CupertinoTabScaffoldとGoRouterの組み合わせでちょっとはまったので、書いておこうと思います。 ちなみに、GoRouter Builderも使っています。 最初に動かなかったコード。 import 'package:flutter/cupertino.dart'; import 'package:go_route…

こんにちは。 先日、お仕事でuniversal linkについて調べていた時のことでした。 flutterアプリにuniversal linkを導入しようと試みたのですが、どうにも動かなくて3日はまってしまいました。 docs.flutter.dev flutterにuniversal linkを導入する手順がここ…

今回は、BottomNavigationBarで画面の切り替えをしたいと思います！ まずは３つ画面を用意しておきます。 import 'package:flutter/material.dart'; class Screen01 extends StatelessWidget { const Screen01({super.key}); @override Widget build(BuildCo…

こんにちは。 本日は、BottomNavigationBarというのを作って行こうと思います。 日常的にアプリを使っているとよく目にするViewだと思います。 こんなの。 よく見るアプリの画面 これを今日は作って行きたいと思います。 まずは、基本のコードはこれ。 impor…

こんにちは。 今日は、前回とは別パターンのスクーロールする画面を作って行きます！ ListViewという言葉を聞いた事はありますか？ 前回のSingleChildScrollViewはchildrenに好きなViewをどんどん並べていくスタイルでしたね。 qkuronekop.hatenablog.jp 今…

こんにちは。 flutterの3.27.1が出ましたので、使ってみました。 いろいろ機能が追加されているみたいですね。 すぐ使えそうな便利機能といえばこれ。 Column( spacing: 16, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ const Text( 'You hav</widget>…

やったこと 外付けSSDにLinux Mint22をイ-ンストール Flutterの開発環境を構築 Go langの開発環境を構築 Ebitenginを動かす LinuxMint22インストール やり方は先輩方が色々ネット記事に落としてくださっているのでぐぐると簡単にできるかと思います。 our-ha…

こんにちは. Supabaseに匿名ログインの機能が搭載されたときいて、早速使ってみました。 いつの間にこんな便利な機能が搭載されていたんだ！！？ つい最近、Firebaseの匿名ログインを使って作ったアプリをSupabaseに乗り換えたい。 そんなこんなで早速、アプ…

こんにちは。 久しぶりにflameを使ってゲーム作ってみました。 とはいえ、こちらのチュートリアルのほぼコピーなのですが、一部そのままだとバグっているところがあったので、直しています。 久々でComponentの作り方から忘れていたので、色々思い出せました…

こんにちは。 FlutterのOverlayPortalを使って、画面の上にかぶせるようなUIを作ったのでその話をしたいと思います。 api.flutter.dev OverlayPortalについては上のドキュメントを一度読んでいただけるとどんなものかがわかるかと思います。 今回作ったのは…

先日、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…