はてなブックマーク

2025年6月25日、GoogleからオープンソースのAIエージェント「Gemini CLI」が発表・公開されたばかりですが、2025年6月26日 Geminiエージェントモードが追加されたプレビュー版「Anndroid Studio」がリリースされました。 現時点ではベースになっているのはGemini CLIと同じくGemini 2.5 Proとなっており、Googleアカウントがあれば無料で使うことができます。 具体的にはCanary版「Android Studio Narwhal Feature Drop」に「Gemini」のエージェントモード（Agent Mode）が追加されました。 「Android Studio Narwhal Feature Drop」のダウンロードはこちらから可能です。 「Gemini in Android Studio」のエージェントモードは、AIとのチャ

2025年5月にClaude Codeが一般提供開始、6月にはGoogleからオープンソースのAIエージェント「Gemini CLI」が公開され、AIによるコード生成が大きく進化しました。本記事では、Android StudioでのFlutter開発において、両ツールの生成コードとプロセスを徹底比較しています。 検証環境はMac（macOS Sequoia）、Android Studio（Meerkat 2024.3.2）で、Riverpod+Hooks+Freezedを使用した開発中のFlutterプロジェクトで実施。共通のプロンプトとして、テキスト入力・リッチテキスト表示・スタイルランダム変更・コピー機能・トースト表示を含むtext_edit_page.dartの作成を指示しました。 Gemini CLIは実行前にタスクを整理し、既存コードの構成を分析。fluttertoastの代わり

Flutter開発の効率を劇的に向上させるAIツール「Gemini CLI」をAndroid Studioで活用する方法を実践的に解説。MacでのGemini CLIのインストールから、実際にFlutterアプリのコード自動生成までの全工程を詳しく紹介します。 今回のデモでは「入力したテキストをリッチテキストで表示」をAIが実装。わずか一つのプロンプトで、Gemini CLIはRiverpod + Hooks + Freezedを適切に組み合わせた本格的なコードを生成。状態管理からアニメーション制御まで、プロダクションレベルの品質で実装されています。 環境構築はHomebrewとNode.jsのインストールから始まり、npm経由でGemini CLIを導入。Android Studioとの連携も簡単で、Googleの認証するだけで利用開始できます。 生成されたコードは4つのDartファイル

WWDC25でAppleが発表したモバイルアプリ開発の大幅アップデート Apple は WWDC25 で、iOS 26 と macOS Tahoe 26 に搭載される革新的な「Liquid Glass」デザインシステムを発表。ガラスの光学特性と流動性を組み合わせた新しい UI は、SwiftUI の .glassEffect() モディファイアで簡単に実装可能。 Xcode 26 には ChatGPT を含む大規模言語モデル（LLM）が統合され、AI によるコード生成、デバッグ、ドキュメント作成支援が実現。Swift 6.2 では @MainActor がデフォルト化され、並行処理の実装が大幅に簡素化。 SwiftUI の新機能として WebView、ToolbarSpacer、検索バーの自動配置、AttributedString 対応の TextEditor を追加。パフォーマンス最適化

Flutter開発において、Claude Codeを使ってAIにコード生成を任せることで、開発効率を大幅に向上させたいと思いました。 今回は一からプロジェクトを作成するのではなく、開発中のプロジェクトのひとつの画面を依頼してみようと思います。 その上で、まずは通常Flutterの開発に使用しているIDEの Android Studio 上で Claude Code を使えるようにしたいと思います。 とはいえ、Claude Code はコンソールベースのため、あまりIDEにUIが追加されたりして使いやすくなるというものではないのですが、「今 Android Studio で開いているプロジェクトにおいて、Claude Code を使用するよ」という連携されてる感があると思うので、Android Studio に Claude Code プラグインをインストールする手順から、実際にコード生成し

良いコード/悪いコードで学ぶ設計入門 保守しやすい成長し続けるコードの書き方。 ITエンジニア本大賞2023で大賞を受賞し絶賛されている改訂新版。 AIが生成したコードやそれらをつなぎ合わせたプログラムなどが増加するこれから本格的に規模の大きいプログラムを書くことになる中級者を目指す人向けの理解しておくべきことが紹介されています。 悪しきコードがもたらす弊害。 読み解くのに時間がかかり、バグを埋め込みやすく、さらに悪い構造を誘発するものです。技術駆動命名や連番命名といった意味不明な命名。名前重要。 条件分岐の入れ子構造によるネストの嵐、重複コード、修正漏れ、可読性低下、未初期化、不正値の混入などバグを生み出し、開発生産性を低下させる悪魔退治をすべし。 深いネストと文の重複の解消する方法に早期return、ガード節。 switch文の重複を防ぐため、interfaceの活用。switch-c

Githubへのプッシュ実績のあるプロジェクトにおいて、突然プッシュができなくなってしまった。直前の変更が関係ある？ 開発しはじめたばかりのプロジェクトにおいて、githubにソースをpushすると、突然「HTTP 400」エラーが発生しました。 手元でのコミットは問題ありませんでしたので、プッシュ時に問題があるようです。 使用しているgithubのレポジトリへのプッシュは初回というわけではなく、何度か実績があったので、今回特別な問題があると推測されます。 エラーログは以下のとおりです。 git --no-optional-locks -c color.branch=false -c color.diff=false -c color.status=false -c diff.mnemonicprefix=false -c core.quotepath=false -c credentia

「複数行になる長文テキストを入れたUILabelやUITextViewを、適当な時間をかけて上から下方向へ自動的にスクロールするようにしたい」 スクロール方向は、映画のエンディングのスタッフロールのようなイメージです。 完成イメージは以下のとおりです。 画面上部には固定されたヘッダー部分がある前提で、その下から画面最下部までテキストがスクロールする領域となっています。 まず、UIScrollViewとUILabel/UITextViewの配置関係性だけであれば、StoryboardのConstraintsの設定だけでも可能ですが、自動スクロール自体や、スクロールスピードを考えると、ある程度プログラムを書く必要は出てきます。 Storyboardでの構造は以下のようなイメージです。 上記のようなStoryboardの例において、下3分の2くらいの領域にUIScrollViewを置いています。

iOS11で登場したばかりの新機能ARKitを使って、新たなサービスや現行のサービスの付加価値となるようなビジネスアイデアが出てきそうで楽しみだ。 2017年に発売されたiPhoneXと、同タイミングで公開されたiOS11のARKitにより、AR技術がより進化し、より身近なものとなりました。 ここでは具体的なアイデアとして、美術館や博物館などの施設で活用できそうな音声ガイダンスアプリを作ってみました。 サイト閲覧や画像、動画、音声の視聴はもちろん、位置情報やテキスト読み上げ（テキストtoスピーチ）、ARのためのカメラといったスマホが持つ機能を最大限に活用することを考えたモックアプリです。 美術館、博物館以外にも展示物に関する解説をするなど決まったテキストや音声を扱うようなサービスにはうまく当てはまるのではないでしょうか。 具体的には、箱根にある「箱根ガラスの森美術館」のサイトを例に、音声ガ

Flutter開発においてAndroidのビルド時の「Your project’s Gradle version is incompatible with the Java version that Flutter is using for Gradle」エラーの解決方法 iOSは問題ないがAndroidだけビルドエラー。実績のあるプロジェクトにおいて、AndroidStudioのバージョン「Koala」から最新の「Ladybug」にアップデートしたことで発生。 Flutterが使用しているGradleのバージョンとJavaバージョンの互換性が取れてないのが問題。 FAILURE: Build failed with an exception. * What went wrong: Could not open cp_settings generic class cache for set

毎回忘れがちなiOSとAndroidのストアURLを知る方法まとめ SNSやLP（ランディングページ）、関連WebサイトなどでアプリのリリースをPRのため、AppStoreとGooglePlayストアそれぞれのダウンロードページへのリンクを貼ることがある。Flutter開発でiOS/Android同時リリースの機会では同時に調べる必要がある。 iOSは、AppStoreConnectのアプリ情報の「Apple ID」 Androidは、プロジェクト作成時に設定した「Bundle ID」が対応。android/app/main/AndroidManifest.xml のandroid:nameプロパティか、android/app/build.gradle のapplicationIdに記載されている。 https://itunes.apple.com/jp/app/id[アプリのAppleI

最初に違和感を感じたのが、以下のスクリーンショットにある「級」という字です。 初級、中級、上級という単語で使用していますが、よく見ると「級」の糸へんの下の縦棒部分が、点になっていることがわかります。 習字で行書体を書くときのような形です。 iOSではこのような表示にはならず、問題なく縦棒になっています。 現在、Androidのシステムフォントは、Googleによって開発された「Roboto」か「Noto Sans CJK」です。 Flutterに限らず、Androidアプリの開発においてフォントファミリーを指定しなかった場合は、Androidの端末によってどちらかのフォントがデフォルトフォントとして適用されます。 なお、手元にあるAndroid端末は「Google Pixel 6a」です。 どうやらデフォルトフォントは「Noto Sans CJK」になっているようです。 さて、ではどうして

Cloud Storage for Firebaseの無料プランを利用しているユーザーは2025年10月以降使えなくなってしまう。既存アプリにおいて、無料で使っているFirebase Cloud Storageが、Blazeへのプランアップグレードを忘れると使えなくなってしまう。 「2025年10月1日より、デフォルト バケットと他のすべての Cloud Storage リソースへのアクセスを維持するには、Firebase プロジェクトが従量課金制の Blaze の料金プランに登録されている必要があります。*.appspot.com のデフォルト バケットは、Blaze の料金プランでも、現在の無料使用量を維持します。」 アップグレードしなかった場合、PROJECT_ID.appspot.com デフォルトバケットへの読み取り/書き込みアクセス権が失われるだけでなく、Firebaseコンソ

新規アプリのプロジェクトが立ち上がったので、いつもどおりFirebaseを使ってStorageを使おうと思ったら、Storageの画面で設定できないことに気づきました。 現在は無料のSparkプランです。 上記のような画面になっており、Storageをすぐに使うことができません。 Storageを使用するには、プロジェクトの料金プランをアップグレードしてください というメッセージと「プロジェクトをアップグレード」というボタンが用意されています。 他のStorageを使用しているプロジェクトを見に行くと、従来どおり問題なくStorageが使えています。 新規のプロジェクトにおいてだけ、こうなってしまうことに気付きました。 Firebaseのプロジェクトの設定画面の設定がおかしいのかと思い、従来のプロジェクトと見比べていましたが、特に気になった点はありません。 「Google Cloud」の「

FlutterのTextウィジェットやTextButtonウィジェットなどのテキストを点滅させて表示したい場合があります。 それは単にリッチなUIにしたい場合だけでなく、タップを促したり、見えづらいテキストを気付きやすくさせたり目立たせることができます。 その方法には、単に単一テキストを表示・非表示にさせるだけのものから、２色を徐々にクロスフィード（フェードイン・フェードアウト）のように滑らかなアニメーションで切り替えるものまで様々です。 ここでは、無限ループでアニメーション付きで点滅できる方法４選を紹介します。 モデルとしたUIは、『ポケポケ』（ポケモントレーディングカードゲームポケット：Pokémon Trading Card Game Pocket）アプリのテキストボタンです。 具体的には以下の「タップですすむ」ボタンです。 この「タップですすむ」ボタンのテキストの色が黒からグレーに

Flutterのアプリのトップ画面において、横長の画像を以下のコードで画面いっぱいに表示するようにしています。 //top_page.dart @override Widget build(BuildContext context, WidgetRef ref) { return Scaffold( body: Stack( children: [ SizedBox( height: double.infinity, child: Image.asset( 'images/top_background.jpg', fit: BoxFit.fitHeight, ), ), ... ], ), ), } fitHeightを指定して、アスペクト比を変えずに画面いっぱいに収まるように表示しています。 この形を維持したまま、２つの画像をクロスフェードで自動で交互に表示し続けるようなリッチが表示にし

FlutterのリッチなUIパーツとして、２つの画像を自動的に交互に表示し続けたい場合があります。 それもできれば、フェードイン・フェードアウトのように切替えをリッチにするためにエフェクトを加えたいものです。 最近のアプリでは、初回のアプリ起動時からチュートリアルにかけてアニメーションがかかっているものも見かけます。 また、わざわざバナーをスライドしてもらうようなユーザーの操作を阻害させることなく、自然と背景画像でアピールしたいものを訴求したり印象付けることができます。 そしてなによりアプリとしての質を１ランク向上させてくれます。 「AnimatedCrossFade」を使って対応することができます。 特別なパッケージは不要で、標準のウィジェットとして使うことができます。 https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-c