アプリ紹介 わたしが作成したアプリ一覧／開発ログ一覧
頑張って作成したアプリです。何か不具合がありましたら、ご連絡ください！作ったアプリ一覧それぞれのWebアプリの開発ログ👇Photo Timeline（ビフォーアフター画像などコラージュ画像編集アプリ）MedTimer（次に飲む薬の時間がわか...
AI
アプリ紹介 
開発ブログ 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...
開発ブログ AIに丸投げしてはいけないと思った理由｜便利だからこそ「理解すること」が大切
AIに開発をすべて任せて感じた課題を紹介。丸投げのリスクや、コードを理解しながら活用することの大切さについて、実体験をもとに解説します。
開発ブログ ChatGPTとClaude Codeを使い分けている話｜それぞれの得意分野を活かした開発スタイル
ChatGPTとClaude Codeを用途に応じて使い分けている実例を紹介。アイデア出しからデザイン、設計、コーディングまで、それぞれの得意分野を活かした開発スタイルを解説します。
開発ブログ AIが書いたコードを読むのは意外と大変｜便利だけど理解には時間がかかる
AIが生成したコードは便利ですが、読み解くのは意外と難しいこともあります。実際に開発で感じた、AIコードのメリットと苦労した点を紹介します。
アプリ紹介 ビフォーアフター画像を残したくて、写真コラージュツールを自作した話【Photo Timeline】
美容ケアの変化を残したくて、写真を並べるだけでビフォーアフター画像がつくれる無料ツール「Photo Timeline」をつくりました。開発のきっかけと、写真を外に出さない設計にした理由をまとめています。
開発ブログ 【コピペOK】CSSだけでネオン文字を作る方法｜ゲーム風・サイバー風デザインを作ろう！
CSSだけでネオン文字を作る方法を解説します。text-shadowを使った基本の光る文字から、ゲーム風・サイバー風デザインまで、コピペで使えるサンプルコード付きで紹介します。
開発ブログ サイバー風Webデザインの作り方｜FANELABで取り入れたデザインの工夫を紹介
FANELABで採用しているサイバー風デザインの作り方を紹介します。ネオンカラーやDotGothic16フォントなど、ゲーム風・近未来風デザインを制作するポイントを実例付きで解説します。