あけましておめでとうございます。 新年一発目のブログです。 毎年言ってるけど今年こそアウトプット頑張る。 最近年のせいか、インプットもできなくなってきましたね。。。 言い訳になっちゃうけど、子供ができてからこっちのインプットがなかなかできなく…
こんにちは。 今日は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を導入する手順がここ…
こんにちは。 最近、マルチプラットフォームフレームワークのLynxが気になっております。 Lynxにはどんな特徴があるのかGrokに聞いてみました！ 主な特徴 ウェブ技術の活用: HTMLとCSSに近いAPIを提供し、ウェブ開発者がモバイルアプリ開発に簡単に移行でき…
今回は、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>…
Edgeとはドット絵を作成する為の便利なソフトの事です。 takabosoft.com ここからEdgeをダウンロードし解凍しておきます。 Wineというソフトを使うとwin用のexeファイルが起動できるようになるらしいということで、インストール！ edge.exeをどこか適当なデ…
やったこと 外付け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…
こんにちは。 本日はFlutter Flameで作るゲーム開発について書きたいと思います。 FlameとはFlutterで使えるゲームエンジンです。 pub.dev これをいつも通りpubspec.ymlに追加するだけでゲームエンジンが使えてしまいます。 簡単ですね。 普段Flutterを使っ…
こんにちは。 前回、前々回と縦並び、横並びについて書いてきました。 qkuronekop.hatenablog.jp ↑Column()について。 qkuronekop.hatenablog.jp ↑Row()について。 本日はスクロールについて書いていきたいと思います。 はみだし 上の画像のように横に沢山要…
こんにちは。 Flutter普及記事続きを書いていきたいと思います。 前回はこちら qkuronekop.hatenablog.jp 本日は要素を横に並べていく方法について書きたいと思います。 基本的にはColumn()と一緒です。 横に並べるにはRow()を使います。 Row( children: [ C…
こんにちは。 最近、Flutter流行ってきてるなぁと思う今日この頃です。 私自身はそろそろFlutterのお仕事を始めて3年くらいになります。 最近はブログなんかのドキュメントも充実し始めているかと思いますが、日本語のFlutter記事の普及に貢献したいと思いま…
こんにちは。 久々の更新です。 更新がなさすぎて広告が出ちゃったので最近作ったアプリについて書きたいと思います。 成果物 play.google.com 植物の観察日記をつけるアプリ「PlantPal」。 まだ全然DLされていないのでよかったら使ってください。 Supabase…
あけましておめでとうございます（遅） 今年もゆるーくブログを書いていこうかと思っています。 2022年の年末にまとめとかを書かなかったので、ここで書いておこうかと思います。 2022年個人開発事情 実は2つアプリを公開しています。 アプリのリンクはこち…
掲題の通りなのですが、Vue3とTypescriptの練習がてらお天気予報アプリを作ってみました。 Versionとか $ node --version v19.2.0 $ npm -v 8.19.3 プロジェクト作成 qiita.com こちらのQiitaの記事を参考にさせていただきました。 Open Weather openweather…
こんにちは。 本日はgo routerを使った時にブラウザに表示される#を消す方法について書きたいと思います。 go routerについてはこちらを参考にしてみてください。 zenn.dev ここにリンクされているページを一通り読むとgo routerについて理解できるかと思い…
こんにちは。 Webアプリが作りたい今日この頃なんですが、フロントエンドにはVue3を使いたいと思い、自分のローカルに開発環境を作った話をしようと思います。 参考 qiita.com こちらのqiitaの記事を参考にさせていただきました。 実行環境 MacOS Moterey 12…
こんにちは。 本日はdartのコードを自動生成できるプラグインmasonを使ってみたいと思います。 早速インストールしてみましょう。 私の実行環境はこちら。 flutter: 3.3.5 dart: 2.18.2 (stable) インストール $ dart pub global activate mason_cli + archi…
現在python勉強中です。 最終目標は機械学習がやりたい訳なのですが、機械学習系のスクリプトってpythonが使われる事が圧倒的に多いですよね。 なので、この機会にpython書けるようになりたいなと思い、簡単なプログラムを書いてみる活動を始めました。 使わ…
城Navi公開 play.google.com アプリの概要は日本のお城を検索できるアプリです。 選定技術 Flutter まずアプリを作成するのにはFlutterを使いました。 これは最近、私がFlutterばかり使っていてすぐに作れると思ったからです。 iOSやWebにもできますし、いい…
はじめに 遅くなりましたが、あけましておめでとうございます。 昨年はあまりブログも書けなかった気がしています。 今年はもっとアウトプット頑張っていきたいと思います。 個人開発のアプリを作った話 昨年、11月頃から個人開発のアプリを作成しておりまし…
ChromeBookを手に入れたので、AndroidStduioのインストールをしてみようと思います。 ChromeBook： Asus Chrombook Flip CM5 Ryzen5 メモリ8G まず、ここからChromeBook用のAndroidStudioをダウンロードしてきます。 developer.android.com インストーラーを…
