Posts

お久しぶりの投稿です。最近の興味について。

お久しぶりです。しばらくブログの更新が滞ってました。本日は雑談回でございます。ゆる～りと続けていきたいと思いますのでよろしくお願いします。新しいPCを購入しました 7月に新しいPCを購入しました！今まで最低限のスペックのノートPCを使って開発をしていたのですが、経年劣化により本体が発熱してきたことと、よりスペック高くして重めのアプリも複数立ち上げられるようにしたいなと思い、新たにデスクトップPCを購入しました！ GALLERIA XA7R-R57-W AMD Ryzen 7 7700搭載モデル、価格は25万円ほど。コスパは結構良い方だと思いますが、個人的にはだいぶ奮発しました(＊ˊ艸ˋ) Unityの練習を始めましたせっかく奮発してゲーミングPCを買ったので、Unityを使ったゲーム制作などに興味がわいてきました。今まで何冊かの書籍で勉強したことがある程度で、1から自分で作ったことはありません。練習のために、初心者におすすめといわれている定番のミニゲームを何個か作りました。 9月中、1週間に1個のミニゲームを作るのを目標にして取り組んでいました。ある程度満足のいく出来のものもあれば、最後まで作り切らなかったものもありました。初めて作った4つのミニゲームを、順番にご紹介したいと思います。 1. ブロック崩し Unity初心者が一番初めに作ることをお勧めされる、定番ブロック崩しゲームです。色合いがアレなのは横に置いておいて…。以下のような要素を学習することができました。コライダー、物理演算 UIでスコアを表示 Prefabでブロックを量産シーン制御（Title画面、Game画面）単純な物理演算のみだと、ボールが同じところを行ったり来たりしてしまい手が出せなくなってしまったので、若干ボールの軌道を修正するようなスクリプトを仕込むなどしました。 2. 横スクロールジャンプアクションゲームいわゆる、マリオ風の横スクロールゲームです。素材は適当にネットから拾ってきたものを使用しました。新しい要素としては以下などです。入力制御、ジャンプカメラ追従（Cinemachine）タイルマップ、ステージ作成アニメーションカメラ追従のためにCinemachine、マップ作成のためにタイルマップと、初めての要素が多く、一週間では全然作り切ることができませんでした。。パッと見た感じはそれっぽくできてますが、プレイヤーはダミーのまま。敵も行ったり来たりしてほしいところが、途中で止まってしまってます。とりあえず要素は理解したので、深追いせずに次のゲームに着手します。 3. シューティングゲームシューティングゲームもUnityの練習としては定番ですね。以下の要素を学びました。玉発射（instanticate）敵出現（Wave制御）ライフ管理爆発エフェクトザコ敵1ウェーブ、ザコ敵2ウェーブ→ボス敵ウェーブ、とウェーブ遷移になっています。ザコ敵のジグザグ動きや、ボス敵の放射状攻撃などのスクリプトは、生成AIを活用して実装しています。それらしくできたかなと思います。 4. 落ちものパズルゲーム落ちものパズル系だと、定番はテトリスやぷよぷよですが、開発時間の関係でもう少し簡単そうなConnect4を作りました。ユーザー2名が交互に赤色と黄色のコインを落としていき、先に4つの色を縦・横・ナナメにそろえた方が勝ち、というゲームです。以下の要素を学びました。グリッド管理配列、座標変換チェック判定効果音コネクト4として二人で遊べるようにできたので、最低限の要素は実装できたかなと思います。娘と二人で遊んでみましたが結構面白かったですｗ ...

ExpoアプリのターゲットAPIレベルをアップグレードした話

はじめに Expoで開発したAndroidアプリのターゲットAPIレベルをアップグレードしました。今回は、Google Play Consoleから送られてきた通知への対応として、初めて経験した手順を記録として残しておきます。ことの経緯今年5月に初めてGoogle Play Storeに公開したアプリに関して、Googleから以下のようなメールが届きました。内容を要約すると、現在のAndroid SDKのバージョンが古いため、8月末までに修正するようにというものでした。このような内容のメールを受け取ったのは初めてだったので、対応方法を調べながら実際に作業した内容を共有したいと思います。対応した内容最初は生成AIに相談しながら試行錯誤していたのですが、実は公式ドキュメントに完璧に手順が載っていました(・ω・;)　やはり最初から公式ドキュメントを確認すべきでしたね。参考にしたのは以下の公式ドキュメントです。 Expo SDK のアップグレード実際の作業手順大まかな流れは、Expo SDKを最新版にアップグレードした上で、再度ビルドし直してGoogle Play Storeに再提出すれば良いということでした。以下のコマンドで作業を進めました。 # Expoを最新版にアップグレード npx expo install expo@latest # 周辺ツールの整合性を保つため、依存関係をアップグレード npx expo install --fix # プロダクション用のAndroidビルドを実行 eas build --platform android --profile production ビルド後の作業ビルドが完了すると、新しいAABファイル（Android App Bundle）が生成されます。このファイルをGoogle Play Consoleにアップロードして、再提出の審査を申請します。今回は１時間も経たずに承認されました。最後に初めての経験だったので最初は面倒だなと思い、重い腰を上げて対応したのですが、実際にやってみると難しいことはなく、サクッと完了できました。特にExpoを使っている場合は、公式ドキュメントに従えば比較的簡単に対応できるので、同じような状況に陥った方の参考になればと思います。また、ネットで調べた限り、このような通知は毎年この時期に来るようなので、Google Play Storeの恒例行事の一つかもしれません。今後は事前に対応できるよう、定期的なアップデートを心がけたいと思います。来年また慌てないように、この記事を残しておきます。では、また次回の記事でお会いしましょう。

Cloudflare WorkersにNext.jsアプリ(Supabase使用)をデプロイする

はじめに先日、新しく作ったWebアプリをCloudflare Workers上にデプロイしました。今回はその際にハマったポイントや設定方法について記録しておきます。 Cloudflare Workersは従来、単純な関数実行基盤という印象でしたが、最近ではNext.jsアプリの本格的なデプロイも可能になっており、非常に魅力的な選択肢となっています。まだまだ日本語の情報が少ないため、今回の経験を共有したいと思います。 Cloudflare PagesからCloudflare Workersへ今回、新しいアプリを作成してCloudflareにデプロイしようとしました。今まではCloudflare Pagesを使用していたのですが、新しくプロジェクトを作成しようとしたところ、Cloudflare Workersを使用するように、とのメッセージが表示されました。 Cloudflare Workersは、従来の関数実行基盤の枠を超えて、最近ではNext.jsアプリの本格的なデプロイも可能になっており、Cloudflare Pagesとほぼ同等の基盤になってきています。Cloudflareとしても、今後はWorkersの開発に注力していくことを宣言しています。そこで今回は、Cloudflare Workers上にデプロイを試みました。以下、ハマったポイントなどを詳しく紹介します。デプロイ手順プロジェクトにWorkers用の設定を追加 Cloudflareの公式マニュアルを参考に設定を行いました。 https://developers.cloudflare.com/workers/framework-guides/web-apps/nextjs/ 今回のアプリではSupabaseを組み込んでおり、実行時の環境変数を設定する必要があったため、wrangler.tomlファイルで[vars]セクションを使用して定義しました。 main = ".open-next/worker.js" name = "my-app" # ここにアプリ名を入力 compatibility_date = "2025-03-25" compatibility_flags = ["nodejs_compat"] [assets] directory = ".open-next/assets" binding = "ASSETS" [vars] # 実行時の環境変数を定義 NEXT_PUBLIC_SUPABASE_URL = "https://XXX.supabase.co" NEXT_PUBLIC_SUPABASE_ANON_KEY = "XXXXXXXXXX" Cloudflare Workersの設定 GitHubとCloudflare Workersを連携し、ソースコードに変更があった際に自動でデプロイが実行されるようにCI/CDを設定します。まず、Cloudflare Workersの開始ページから「リポジトリをインポートする」から開始します。リポジトリを選択すると、プロジェクトの構成画面に遷移します。どのブランチの変更を検知するかを選択し、「非本番ブランチのビルド」はチェックを外しました。ここで重要なポイントが2つあります。 1. ビルドおよびデプロイのコマンドを変更ビルドコマンドにはnpx opennextjs-cloudflare buildを、デプロイコマンドにはnpx opennextjs-cloudflare deployを設定します。デフォルトのコマンドのままでビルドを実行すると、以下のエラーが発生しました。 ✘ [ERROR] The entry-point file at ".open-next/worker.js" was not found. このエラーは、Next.jsアプリをWorkers用にビルドする際に、専用のビルドコマンドが必要なために発生します。opennextjs-cloudflareパッケージが、Next.jsアプリをWorkers環境で動作するように変換してくれます。 ...

AdMobの審査が無事、完了しました

はじめに昨日のポストにも記載しましたが、課題として残っていたAdMobの審査が完了しました。今回は、その承認までの流れをまとめておきます。 AdMob承認までの流れ 1.AdMobにアプリをリンクする AdMobのアプリとGoogle Playストアのアプリを紐づける必要があります。 AdMobの「アプリ」タブから「すべてのアプリを表示」でアプリを一覧表示し、対象のアプリの「ストアを追加」リンクをクリックします。次に、アプリのURLを入力して検索し、アプリを追加します。ここに表示されるまでに、Google Playストアでアプリが公開されてから丸一日程度かかりました。何週間も表示されない場合は、AdMobのフォーラムに投稿して助けを求めたら解決したというブログ記事をいくつも見つけたため、何日も待つことを覚悟していましたが、思いのほかスムーズに進みました。 2.app-ads.txtを設定する組織サイトのルートパスに、app-ads.txtという名前のファイルを配置する必要があります。内容はダッシュボードに記載の内容をコピー＆ペーストするだけです。これはアプリごとではなく、アカウントごとに1回実施すればよいようです。 3.AdMob承認アプリにストアの情報を追加したら、特に操作せずとも自動的に審査に入りました。審査中のステータスになってから2〜3時間後に承認された旨のメールを受け取りました。通常、24時間以内に承認されるとのことです。さいごに AdMobの審査は思いのほかスムーズに進めることができました。これにて、Google Playストアにアプリをリリースする一連の手順を理解することができました。今後は、このアプリを英語化したり海外のストアにも配信してみるのをやってみたいと思います。

初めてのAndroidアプリをGoogle Play ストアに公開しました

はじめにこれまでいくつかの記事で触れてきましたが、ついに初めてのAndroidアプリをGoogle Play ストアで公開することができました！㊗️ 本記事では、Expoで開発したアプリの紹介と、Google Play ストアへの公開手順について詳しく解説します。アプリの概要 🔗 どっちがおトク？単価チェッカーこのアプリは、2つの商品の「価格」と「量」を入力するだけで、どちらの商品がお得かを瞬時に計算して表示します。初めてのアプリということで、シンプルかつ実用的な機能に絞り、私自身が日常的に使いたいと思えるものを作りました。また、収益化の一環として広告も実装しています。類似アプリが多数存在する中での審査通過を心配していましたが、問題なく承認されました。キーボードの挙動や画面レイアウトなど、使いやすさを重視して調整を重ねていますので、ぜひインストールしてご利用ください😊 アプリを公開するまでの手順 1. EASでストア提出用ビルドを作成事前に、AdMobの広告ユニットIDを本番用にしておきます。以下のコマンドでストア提出用のビルドを作成します。 eas build --platform android --profile production ビルド完了後、ExpoのダッシュボードからAABファイルをダウンロードします。このファイルは後ほどGoogle Play Consoleでアップロードします。 2. Google Play Consoleでアプリを作成 Google Play Consoleのホーム画面から「アプリを作成」をクリックします。デフォルトの言語は、（後々は海外マーケットも狙っていきたいとは思いますが、一旦）日本語にしておきます。アプリ/ゲームの区分を選択します。申告事項に同意してアプリを作成します。 3. ストア掲載情報の設定新規作成したアプリのダッシュボードから、「アプリのセットアップ」＞「アプリに関する情報を提供し、ストアの掲載情報を設定します」のセクションに表示されているタスクを順次対応していきます。プライバシーポリシーの設定プライバシーポリシーのURLを設定します。今回はCloudflare Pagesを使用して、HTMLファイルで作成したプライバシーポリシーを直接アップロードする形で公開しました。アプリのアクセス権認証が必要な機能がある場合は、事前に認証情報を連携する必要があります。広告の設定アプリ内での広告表示の有無を申告します。コンテンツのレーティング年齢制限に関わるコンテンツの有無を申告します。画面の指示に従って回答を進めます。ターゲットユーザーアプリの対象ユーザー層を設定します。13歳未満をターゲットとする場合は、より厳格な基準を満たす必要があります。今回のアプリは、一人で買い物をする可能性のある中学生以上を想定しているため、13歳以上を対象としています。データセーフティ収集するデータの種類を申告します。今回は広告表示のみで、ユーザーデータの収集は行わないため、「いいえ」と回答しました。行政アプリ行政から配信されるアプリかどうかを申告します。金融取引機能金融取引機能をもつかどうか、どのような取引か、などを申告します。健康健康関連の機能があるかどうか、どのような機能か、などを申告します。アプリカテゴリと連絡先情報アプリのカテゴリ、タグ、およびストアに表示する連絡先情報を設定します。ストアの掲載情報アプリ名、説明文、アイコン、フィーチャーグラフィック（検索結果一覧などに表示される横長の画像）、スクリーンショット等を設定します。 ...

個人事業主がGoogle Play Consoleに組織アカウントとして登録してみた

はじめに先日、こちらの記事で述べたように、Google Playストアに自分が作ったアプリを掲載したいと考えています。事前にディベロッパー登録が必要ですが、個人アカウントだと住所や氏名が世界中に公開されるため、組織アカウントとして登録を行いました。その際の手順をシェアしたいと思います。手順公開用住所の取得 DMMバーチャルオフィス（郵便転送サービス付きで月額660円のミニマムプラン）に申し込みました。本人確認書類を提出し、当日中に審査が完了しました。月割り料金はないため、翌月初まで待って支払いするか、月中でも一カ月分を支払うかの選択肢がありました。 4月下旬だったため、ゴールデンウィークを避けるために月中で支払いを行いました。新規電話番号の取得 POVO2.0を契約しました。本人確認書類を提出し、当日中に本人確認が完了しました。現在使用中のスマホに、eSIMとして2枚目のSIMを追加したため、スマホ本体代はかかっていません。開業届の修正申告開業届は開業時に既に提出済みのため、「事業所の増設」という区分で修正申告を行いました。 e-Taxでの修正申告を試みましたがよくわからなかったため、税務署に紙を直接提出しました。今まで屋号を取っていませんでしたので、今回、屋号を追加しました。「新増設、移転後の住所地」には、新しく取得したバーチャルオフィスの住所とPOVOの電話番号を記入しました。税務署は受領印を押さない運用になったそうで、代わりに当日の日付入りで受領したことが分かる書類を受け取りました。 D-U-N-S Numberの取得自分で取得すれば無料でできるようですが、今回は東京商工リサーチに手数料3,300円を支払い、取得を依頼しました。開業届と受付資料をそれぞれスキャンしてPDF化し、メールで提出しました。 8営業日後にメールが届き、無事取得が完了しました。組織サイトの公開＆メールアドレス取得 Googleのディベロッパー登録を進めたところ、組織サイトのURLを入力する欄がありました。こちらは、連絡先メールアドレスとドメインが一致していないといけないとのことでした。公式な組織サイトはまだ持っていません。また、メールアドレスもアプリ公開用に新しくしたいので、別で新たなドメインを取りました。組織サイトは新たに用意し、CloudflarePagesにデプロイしました。メールアドレスは、CloudflareのEmail Routingというサービスを使い、取得したドメインに届いたメールを開発者アカウントのGメールに転送するよう設定しました。（無料で、転送のみ行えるサービスです。送信はできません）組織アカウントの登録 Google Play Consoleにて、組織アカウントとしてディベロッパー登録を行いました。登録料として、初回のみ$25がかかります。ディベロッパー名には屋号を設定し、住所と電話番号も公開用に取得したものを登録しました。組織を証明するための書類として、開業届と受付資料、本人確認資料としてパスポートを使用しました。「組織を証明するための書類」と「本人（個人）を証明するための書類」はそれぞれ1ファイルしか提出できません。2つ以上ある場合は1ファイルにまとめてアップロードする必要があります。さいごに無事にディベロッパー登録が完了し、これで自作アプリをGoogle Playストアに掲載する準備が整いました。これからは、先日開発したツールアプリを早速公開する準備を進めていきたいと思います。今回の経験を活かし、今後も新しい挑戦を続けていきますので、応援よろしくお願いします！

React Native(Expo) でAdMobを設定する

はじめに先日、初めてReact Nativeを触ってみたというポストをしました。まずはAndroidアプリを公開したいと考えており、組織アカウントとして登録するためにDUNS Numberの取得申請中でございます。（東京商工リサーチで申請し、7営業日程たちますが、まだ音沙汰なしです。。）スマホアプリで収益を得たいと考えていますが、まずは一番ハードルが低そうな広告収入を目指していきます。今回は、Expoで作ったAndroidアプリに、react-native-google-mobile-adsライブラリを使ってAdMobを設置する手順をご紹介します。 1. AdMobの設定手順 Google AdMobのアカウント作成とアプリ登録 AdMob（https://admob.google.com/ ）にアクセスし、ユーザー登録します。その後、アプリを追加します。プラットフォームは「Android」を選択、まだストアにアプリを公開していないので、「いいえ」を選択。アプリの名前を入力し、「アプリを追加」をクリック。アプリの作成が完了しました。「完了」をクリック。広告ユニットの作成次は、広告ユニットを作成します。「広告ユニットを追加」をクリック。広告のフォーマットがいくつかあります。起動時に全面表示するものだったり、全部見たら報酬を得られる系のものだったり。今回は、単純に画面の一部に広告が表示されればよいため、「バナー」を選択。広告ユニット名には、自分で識別できるように適当に名前を付けて、「広告ユニットの作成」をクリック。広告ユニットの作成が完了したら、アプリIDと広告ユニットIDが表示されるので、コピーしておきます。（こちらの画像の広告ユニットIDは、すでに無効となっています） 2. Expoアプリへの実装ライブラリのインストール react-native-google-mobile-adsをインストールします。最新バージョン（v15）をインストールしたところ後続手順でビルドエラーが発生したため、v14でインストールするようにしました。 npx expo install [email protected] app.jsonの設定 react-native-google-mobile-adsをインストールすると、app.jsonに"react-native-google-mobile-ads"の記載が追加されていると思います。その部分を、以下のように修正します。 [ "react-native-google-mobile-ads", { "android_app_id": "ca-app-pub-6970209880901801~7980726474" // アプリIDを設定します } ] 開発ビルドの作成広告を使用するには、Expo Goのみでは対応できないので、開発ビルドを行う必要があります。 npx eas-cli build --profile development ビルドが完了したら、表示されているQRコードをスマホで読み取ってリンクに飛び、Installボタンを押してダウンロードおよびインストールを行います。その後、npx expo startで開発サーバーを起動した上で、アプリを起動しておきます。広告コンポーネントの実装実際に、アプリに広告を配置してみます。アプリの初回起動時に、SDKの初期化を行う必要があるようです。とりあえずホーム画面においてuseEffectで初回時のみ初期化するようにしてみました。もしかしたらもっといいやり方があるかもしれません。参考までに。 ...

スマホアプリ開発に挑戦：React NativeとExpoで始める個人開発

はじめにこれまでWeb開発を中心に行ってきた私が、新たな挑戦としてスマホアプリ開発に取り組むことにしました。Android StudioやKotlinでの開発経験はあるものの、コード量の多さや学習の難しさから断念した過去があります。しかし、自己啓発と収益化の可能性を考え、まずはAndroidアプリから始めてみることにしました。技術選定：React Native vs Flutter スマホアプリ開発の主要な選択肢として、React NativeとFlutterが挙げられます。X（旧Twitter）で個人開発者の投稿を見ると、Flutterを採用している方が多い印象でした。しかし、Reactの経験がある私にとっては、React Nativeの方が学習コストが低いと判断し、Cursorと共に開発を始めることにしました。 Cursorに最新のReact Nativeドキュメントを読み込ませて、順に一緒にやってもらいました。余談ですが、今後新しい技術がでてきたら、とりあえずドキュメントを読ませてハンズオンを一緒にやってみるのが一番早いのかなと思ってます。最新のドキュメントを読んではいたものの、古いコマンドを提案してきていたようで途中でうまく起動せず、結局ドキュメントで最新のコマンドを探して打つという・・（笑）まああるあるですね。 React Native + Expoでの開発の流れ細かい話は省略しますが、ざっくりと開発の流れを記載します。 1. 初期セットアップ Expoを使用することで、開発のハードルを大幅に下げることができました。VSCodeで開発できる点も大きなメリットです。以前はAndroid Studioが必要でしたが、その重さと待ち時間の長さがネックでした。プロジェクトの作成は以下のコマンドで簡単に行えます。 npx create-expo-app@latest その後、以下のコマンドで開発サーバーを起動します。（tunnelオプションを付けないとExpo Goアプリがブルースクリーンになりました） npx expo start --tunnel 驚くほどReactと開発体験が似てますね。すばらしい。 2. Expo Goでの開発そしてExpo GoアプリをGoogle Play ストアから探してインストールします。（Expoでアカウント登録もしました） npx expo start でターミナルに表示されたQRコードを、Expo Goアプリから起動したスキャナで読み取ると、デフォルトアプリが動き出します。コードを修正すると、ホットリロードでスマホ側に即座に修正が反映されます。以前は、実機で確認するには毎回ビルドして転送コードでファイルを転送して、というのが必要だった記憶があるので、スピーディーにできるようになりましたね。開発自体も、コンポーネントをどんどん配置していくという流れがReactの開発と非常によく似ています。これほどスムーズにWebアプリ開発からスマホアプリ開発に移行できるとは。食わず嫌いせずにもっと早くやってればよかったです。実際の仕様決めやコード実装は、生成AIと協働で進めていきます。まずはシンプルなアプリを作って公開するまでの一連の手順を経験してみたいと思います。 3. 開発ビルドの作成ある程度開発が進んでくると、Expo Goだけでは対応できなくなってくるので、ちゃんとビルドして実機で動かせるようにする必要があります。ドキュメントでは、唐突に「Development Build」を作る的な話になるので、最初は混乱しました。要するに、Expo Goアプリというのは、Expoの開発体験をお試しできるように作られた、プレビュー用のアプリという位置付けのようです。標準的な機能しか対応しておらず、ちょっとコミいったことをしようと思ったら、改めてビルドして実機にインストールして動作させる必要があります。開発ビルドをゲットするには、プロジェクトにexpo-dev-clientライブラリを追加した上で、EASというビルド用のツールを使います。下記コマンドにより、Androidアプリの開発用にビルドを作成できます。 eas build --platform android --profile development ビルドの時間は10～15分程かかりました。ビルドが終了したら、スマホでExpoの開発者ページに飛んでファイルをダウンロードして実行すると、勝手にインストールが開始されます。（ビルドは時間が長いので、途中でターミナルを閉じても問題ないようです。しばらくしてからExpoの開発者ページに飛べば、インストールのボタンが表示されています。）開発ビルドを動作させるには、Expo Goと同様、起動コマンドが必要になります。 ...

タロットアプリを公開しました。

タロット占いアプリ 🔗 アプリへのリンクかねてより興味があったタロット占いのアプリを作ってみました。 1枚でサクッと占ったり、10枚でじっくり占うこともできます。このアプリを作った経緯としましては、最近うちの子供がタロット占いにハマっておりまして、カードの意味を覚えたり、カードを組み合わせてどのように解釈するか、といったところの練習になるといいなと思い開発しました！アドバイスの部分は、生成AIを使って自然な文章で提案してくれるようにしました。技術的なこと以前公開したタイピング練習用のアプリの基本構成と同じ、Next.js＆Cloudflare Pagesを採用しています。ほどんと同じなので、異なる部分のみ記載したいと思います。ちなみにこちらは現時点（2025年3月末時点）のものであり、まだまだ改善点がありますので変わる可能性ありです。 Next.jsのAPIルートタイピング練習用アプリにおいては、フロントエンドのみの構成でした。今回のアプリでは、生成AIのエンドポイントをたたく必要があったため、セキュリティのためにAPIルートを使用しました。 Cloudflare Pagesにデプロイすると、自動的にCloudflare Functionsとして動作させることができました。ただ途中、ビルドがうまく通らなかったので、Next.jsのバージョンを15→14に落としました。 Cursor（AIコードエディタ）月$20の課金をして、Cursorを導入してみました。ものすごい速さで画面を作り上げてくれて、驚愕です。。結構メンタルやられるレベルで速いですねww バージョンは0.47.8を利用。直近アップデートがあり、これまではComposerとChatが分かれていたところのUIが、統合されたようです。チャットでのやり取りの中で、適宜Agent（自動でコーディングしてくれるモード）とAsk（質問モード）を使い分けられるようになっています。コンテキストが分断されることなく使い分けられるのがとてもいいですね。生成AI（Gemini2.0 Flash Lite）初めて自作アプリの中に生成AIを組み込んでみました。今のところは無料枠で全く問題ないです。使ってみた感想としては、ドメイン制限やレートリミット、入力文字のサニタイジングなど、結構考えることが多かったです。普段の業務では、組織内で使うアプリに組み込む程度で、悪意を持ったプロンプトへの対応を想定していないことが多いため、勉強になりました。まとめタロット占いアプリを公開しました。 Cursorを使った開発の速度は爆上がり！！アプリに生成AIを積極的に組み込んでいきたいです。

Cursorエディタを使ってみた感想：AI時代の開発体験

最近、Cursorというエディタを使い始めたので、その感想を少し書いてみます。 Cursorとの出会いこれまでAIツールに課金することにあまり積極的ではなかったのですが、Cursorの2週間無料体験を試してみたところ、思いのほか便利で、そのまま課金してProプランに移行することにしました。すごいのはCursorというよりClaude 3.7 Sonnet 実際のところ、Cursorそのものよりも、裏で動いているClaude 3.7 Sonnetの性能に驚かされます。このレベルのAIを定額で使えるというのは、開発者にとってはありがたい限りですね。文脈理解力についてコードの文脈をよく理解して、適切な提案をしてくれるのが印象的です。要件を伝えるだけで、それなりに使えるコードを出力してくれることも多いです。将来的には要件定義の部分までAIがサポートしてくれるようになるかもしれません。現状は、新規開発はとても良いけど、既存コードがある場合の改修ではまだ人間の出番はありそうです。（複数の情報ソースを照らし合わせて仕様の整合性を保つなど）生産性と疲労のバランス Cursorを使うと確かに開発は早くなります。ただ、実際にガッツリ使ってみると思いのほか脳が疲れます・・・。 AIが次々と情報やコードの提案を出してくれるのですが、それを確認して選別するだけでも結構な労力が必要になります。 1日中Cursorを使って開発していると、翌日はちょっと休みたくなるくらい疲れることがあります。情報が多すぎて頭が追いつかなくなる感覚ですね。働き方の変化この体験から、古代ギリシャの社会構造を思い出しました。昔は奴隷が労働をして、上級階級の人々は思索に時間を使っていたわけですが、AIの発展で私たちも単純作業から解放され、もっと考えることに集中できる時代が来るのかもしれません。ただ、今はまだその過渡期で、AIと一緒に働くことで得られるメリットと、それに伴う新しいタイプの疲労感のバランスをとることが課題です。うまく活用できるよう、少しずつ慣れていきたいと思います。