開発の途中で起きたことを書いているカテゴリです。エラーで止まった話、設計をやり直した話、思っていたより時間がかかった作業の話など、完成したものの紹介からは抜け落ちる部分をまとめています。
うまくいかなかった記録のほうが多いかもしれません。
開発ブログ
Capacitor 【iOSアプリ】シミュレーターで App Store 用のスクリーンショットを作る
App Store にアプリを出すには、ストアに載せるスクリーンショットが必要です。私は今までWebのデベロッパーモードを使ってスクリーンショットを撮っていました。今回は、シミュレーターを使う方法について説明します。シュミレーターを使うと必...
Capacitor 【iOSアプリ】Capacitor で作った iOS アプリを「実機で」動かす方法｜初心者｜Xcode に Apple ID を追加
MedTimer お薬タイマーという次の薬の時間がわかるアプリをCapacitorで作成することにしました。シュミレーターを使って確認しながら作成しました。そのあと、実機で確認したい場面で「シミュレーターでは動くけれど、自分の iPhone...
3秒で今日のきぶん 開発記録 【iOSアプリ公開】気分記録アプリ「3秒で今日のきぶん」をApp Storeで公開しました｜作ったきっかけと使い方
気分記録アプリ「3秒で今日のきぶん」をApp Storeで公開しました。10段階評価とタグ、通知、グラフ、PDF書き出しなど、記録が続かなかった私が作った機能と使い方をまとめています。
iOSアプリ 【iOSアプリ】アプリ審査通ったけど、App Storeの言語が英語のままだった
初めてのiOSアプリが審査を通り、無事に公開されました。喜んでストアページを眺めていたら、 「情報」セクションの言語が「英語」になっていました。中身は全部日本語なのに・・・原因を突き止めて直すまでの記録と、次に作るアプリで同じ失敗をしないた...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道⑦｜Expo Goのあと、iOSアプリを審査に出すまでの全手順
Expo Goで実機に表示できるところまでは、なんとかたどり着きました。でもそこから先、「で、これをどうやってApp Storeに出すの？」がまったく分かりませんでした。調べても、Xcodeでビルドする記事とEASを使う記事が混ざっていて、...
Capacitor 「MedTimer お薬タイマー」をiOSアプリにしてみる話｜React NativeじゃなくてCapacitorを使う｜Xcodeで表示確認
個人開発しているお薬管理アプリ「MedTimer」、ずっとWebアプリとして作ってきたのですが、通知機能をつけたくてアプリにすることにしました！理由はシンプルで、Webブラウザだと画面を閉じた瞬間に通知が届かなくなってしまうから。お薬の飲み...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道⑥｜屋号で登録｜Apple Developer Programの登録で「個人」を選んでしまった｜D-U-N-S番号取得までの流れ
私は気分記録アプリを作成しています。iOSアプリとして公開したいため奮闘しています。アプリ制作初心者の私が、頑張って独学で開発しているのを全てブログ記事にしています。過去の記事は下記記事をご参照ください。【初心者】気分記録アプリ、公開への道...
iOSアプリ 【初心者がiOSアプリ作成③】React NativeにCSSファイルが無い｜スタイルをどこに書くのか、Tailwindは使えるのかを調べました
私は今までCSS、Tailwind CSSを勉強しました。Tailwind CSSの関連記事Tailwind v4の余白がわからない！mb-6の中身「calc(var(–spacing) * 6)」を調べた話Tailwindの色「–colo...
iOSアプリ 【初心者がiOSアプリ作成②】React Nativeのコードが読めない｜HTMLのdivやpが何に変わるのかを対応表で整理しました
前回はReact Nativeの始め方についての記事を書きました。今回は実際にコードを書くところの記事です。React Nativeのコードを開いて、最初に思ったのは「読めない」でした。div も p も span も出てきません。clas...
iOSアプリ 【初心者がiOSアプリ作成①】React Native・Expo Goの準備｜プロジェクト作成からコードを書き始めるまでの流れ
React Nativeでアプリを作ってみようと思いました。ところが、いざ始めようとしたらコードを書き始めるまでに何をすればいいのかが分からず、そこで止まってしまいました。プロジェクトを作るコマンドは調べれば出てきます。でも、そのあと何をn...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道⑤｜スクリーンショット画像作るの大変だった
こんにちは！初学者ながら、iOSアプリを公開しようとしている者です。今回はアプリ公開に欠かせないスクリーンショット画像についての話です。スクリーンショット画像とはスクリーンショット画像とは（正式名称が合っているかわからない）Apple St...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道④｜データベース「日付」の取り扱い｜SQLiteとMySQLの違い
気分記録アプリを作っていて、「日付なんて文字列で入れておけばいいでしょ」と思っていたら、画面を見ても絶対に気づけないバグの入り口だと知りました。その記録です。SQLite とは何か（MySQL を知っている人向け）私は phpMyAdmin...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道③｜Expo Go つまずいた iPhone 表示確認
AIにアプリ作成のプロジェクトの土台を作ってもらいました。ファイルの詳細は👇その後に実機でチェックするにあたってExpo Goが必要とのこと。Expo Goの導入について確認すると、「アプリを登録してQRコードを読み取ります」しか書いてなく...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道②｜Expo で React Native アプリを作り、iPhone 実機に表示するまで
今回はAIに助けてもらって、Expoのファイルの作成から表示までの流れを書いていこうと思います。2026年8月、アプリ開発が初めての状態から Expo でプロジェクトを立ち上げ、自分の iPhone に画面を出すまでの記録です。公式手順どお...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道①｜進め方とExpo Go
要件定義書をChatGPTと作ったが、Claude Codeに確認すると考えられていない点が10点以上あった。iOSのアプリなのか、Androidを考えたアプリなのか、学習コスト、個人情報の扱いなど。データベースは一度Firebaseを使っ...
開発ブログ AIが作ったコードの修正が大変だった話｜個人開発でぶつかった3つのこと
AIにコードを書いてもらってアプリを個人開発する中で感じた、「あとから修正するのが大変」というリアルな話をまとめました。文字サイズ・ファイル名・色の名前でぶつかった点と、私がした工夫を初心者目線で正直に書いています。
アプリ紹介 FANELABで作ったアプリ・Webアプリ一覧／開発ログ一覧
FANELABでは、Web制作やアプリ開発の中で「こんな機能があったら便利そう」「毎回同じ作業をするのが面倒」と感じたことをきっかけに、さまざまな小さなアプリやWebツールを制作しています。このページでは、これまでに公開したiOSアプリと無...
開発ブログ Tailwindの hover: や md: って何？状態プレフィックスのしくみを調べた
Tailwind CSSの「hover:」「focus:」「md:」といった状態プレフィックスのしくみを調べてまとめました。マウスを乗せたとき・画面幅ごとに見た目を変える書き方や、プレフィックスを重ねる順番、効かないときの原因を初心者目線で整理しています。
開発ブログ Tailwind CSS｜–color-〇〇 の「〇〇」がそのままクラス名になる
Tailwind CSSの「bg-accent」のような独自カラーがどこで決まっているのかをまとめました。index.cssの@themeに--color-で色を定義すると、bg-〇〇やtext-〇〇として使えるようになるしくみを、実際のコードで簡単に解説しています。
開発ブログ Tailwindの色「–color-ink-soft」って何色？VScodeの拡張機能「Color Highlight」が便利！
お薬タイマーの開発中、AIが書いた「--color-ink-soft」という色の指定がわからず、カラーコードを探し回りました。Tailwind v4の色変数のしくみと、index.cssやColor Highlightで色を確認する方法を初心者目線でまとめています