開発ブログ AIが作ったコードの修正が大変だった話｜個人開発でぶつかった3つのこと
AIにコードを書いてもらってアプリを個人開発する中で感じた、「あとから修正するのが大変」というリアルな話をまとめました。文字サイズ・ファイル名・色の名前でぶつかった点と、私がした工夫を初心者目線で正直に書いています。
開発ブログ
開発ブログ 
アプリ紹介 わたしが作成したアプリ一覧／開発ログ一覧
頑張って作成したアプリです。何か不具合がありましたら、ご連絡ください！作ったアプリ一覧それぞれのWebアプリの開発ログ👇Photo Timeline（ビフォーアフター画像などコラージュ画像編集アプリ）MedTimer（次に飲む薬の時間がわか...
開発ブログ 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で色を確認する方法を初心者目線でまとめています
開発ブログ Tailwind v4の余白がわからない！mb-6の中身「calc(var(–spacing) * 6)」を調べた話
お薬タイマーの開発中、Tailwindの余白がなぜかうまく動かず悩みました。mb-6の正体「calc(var(--spacing) * 6)」のしくみと、余白が変わらないときの原因、私が使った調整方法を初心者目線でまとめています。
開発ブログ URLからモックアップ作る機能実装できました！！！【Mockup Generator】
私が作ったポートフォリオ用のモックアップを作成するアプリ「Mockup Generator」。一番欲しかったのはURLからモックアップを作り、PNG画像で出力する機能だったのですが、CORS（Cross-Origin Resource Sh...
開発ブログ 個人開発Webアプリを7つ公開して、かかった費用は月いくら？サーバー代とドメイン代の内訳
個人開発のWebアプリを7つ公開して、実際にかかったサーバー代とドメイン代を公開します。サブドメイン運用にした理由、格安サーバーから乗り換えた経緯、料金比較までまとめました。
開発ブログ ユーザーの声で追加した機能｜「操作方法がわかりにくい」を改善した話
ユーザーの声をきっかけに、お薬タイマーへ操作ガイドを追加した開発エピソードを紹介。実際に使ってもらうことの大切さについて解説します。
開発ブログ AIに丸投げしてはいけないと思った理由｜便利だからこそ「理解すること」が大切
AIに開発をすべて任せて感じた課題を紹介。丸投げのリスクや、コードを理解しながら活用することの大切さについて、実体験をもとに解説します。