頑張って作成したアプリです。
何か不具合がありましたら、ご連絡ください！
作ったアプリ一覧
それぞれのWebアプリの開発ログ👇
Photo Timeline（ビフォーアフター画像などコラージュ画像編集アプリ）
Photo Timeline — 写真でつくる、わたしの記録。
写真のビフォーアフター比較や、時系列での経過記録ができる無料Webアプリ。美容・ダイエット・筋トレ・ペットの成長など、あなたの変化を1枚のコラージュに。
Photo Timeline
MedTimer（次に飲む薬の時間がわかるお薬タイマー）
MedTimer おくすりタイマー
次に薬を服用できる時間を一目で確認できる、シンプルなおくすりタイマー
MedTimer おくすりタイマー
Image Crop Studio（簡単にトリミングができるアプリ）
Image Crop Studio — 画像を、最短で目的のサイズへ。
SNS・ブログ投稿用の画像を数秒でトリミングできる無料Webアプリ。note / WordPress / YouTube / X / Instagram などのサイズプリセット対応。画像はブラウザ内のみで処理されます。
Image Crop Studio
お出かけ準備チェッカー（シーンや気温気候など条件を入れると服装や持ち物がわかるアプリ）
お出かけ準備チェッカー
天気・季節・シーンから、服装と持ち物のポイントをまとめて診断します。
style.fanelab.com
Font & Color Checker（画像からカラーコード、サイトからフォントがわかるアプリ）
書体と色を、そのまま — Font & Color Checker
画像から色をスポイトで抜き出し、任意のサイトから書体と色を読み取る。ブラウザだけで完結する書体・配色チェッカー。
font-color-checker.fanelab.com
AIプロンプト図鑑（AIに送るプロンプトを簡単に作れるアプリ）
AIプロンプト図鑑 | コピーしてすぐ使えるAIプロンプト集
ブログ・Web制作・SNS・動画・画像生成・仕事効率化の実践AIプロンプト集。出力例・カスタマイズのヒント・コピーボタン付きで、初心者でもすぐに使えます。ChatGPT / Claude / Gemini 対応。
AIプロンプト図鑑
QuickAiMemo（AIに送る前に整理するメモアプリ）
QuickAiMemo – AIに送る前のメモ帳
AIに送る前のコード・プロンプト・Markdownを素早く整理できる軽量メモ帳。
quick-ai-memo.fanelab.com
Mockup Generator（モックアップが作れるアプリ）
Mockup Generator
mockup-make.vercel.app
開発ログ
それぞれのWebアプリの開発ログ👇
Photo Timeline（ビフォーアフター画像などコラージュ画像編集アプリ）
ビフォーアフター画像を残したくて、写真コラージュツールを自作した話【Photo Timeline】
美容ケアの変化を残したくて、写真を並べるだけでビフォーアフター画像がつくれる無料ツール「Photo Timeline」をつくりました。開発のきっかけと、写真を外に出さない設計にした理由をまとめています。
FANELAB
MedTimer（次に飲む薬の時間がわかるお薬タイマー）
元看護師がつくった、次に飲める時間だけがわかるお薬タイマー【開発ログ】
「あと何時間で薬が飲めるか」だけを確認できる無料タイマー「MedTimer」をつくりました。元看護師の視点で項目を絞った理由と、初めて実装したログイン機能についてまとめています。
FANELAB
Image Crop Studio（簡単にトリミングができるアプリ）
切り抜くだけを速く終えたくて、無料のトリミングツールをつくりました【Image Crop Studio】
切り抜くだけを速く終えたくて、トリミング特化の無料ツール「Image Crop Studio」をつくりました。登録不要で、画像はブラウザ内だけで処理されます。サムネイルのプリセット付きです。
FANELAB
お出かけ準備チェッカー（シーンや気温気候など条件を入れると服装や持ち物がわかるアプリ）
お出かけ準備チェッカーを作りました｜天気・気温・シーンから持ち物と服装を診断
「今日、何を着ればいいんだろう？」朝の忙しい時間、毎日のように悩むことがあります。天気予報アプリで気温を見ても、20℃って半袖？羽織りは必要？雨なら靴は何を履く？など、結局自分で考えなければいけないことが多いですよね。そこで、天気・季節・お…
FANELAB
Font & Color Checker（画像からカラーコード、サイトからフォントがわかるアプリ）
Font& Color-Checker｜画像やWebサイトの色・フォントを簡単に調べられる無料ツール
「このサイトの文字って何のフォント？」「画像に使われている色を知りたい」Web制作やデザインをしていると、こんな場面は意外と多いですよね。そんな時に便利なのがFont& Color-Checkerです。画像からカラーコードを取得したり、We…
FANELAB
AIプロンプト図鑑（AIに送るプロンプトを簡単に作れるアプリ）
AIプロンプト図鑑｜コピペですぐ使える実践プロンプト30選を公開しました
最近はChatGPTやClaude、GeminiなどのAIを使う機会が増えてきました。しかし、「何を入力すればいいかわからない」という方も多いと思います。そこで、実際に使っているプロンプトだけをまとめた『AIプロンプト図鑑』を公開しました。…
FANELAB
QuickAiMemo（AIに送る前に整理するメモアプリ）
QuickAiMemoを作ったきっかけ｜AIとのやり取りをもっと快適にしたかった
QuickAiMemoを開発したきっかけをご紹介。AIへの指示を書いているときに感じた小さなストレスを解消するために作った軽量メモアプリです。
FANELAB
Mockup Generator（モックアップが作れるアプリ）
モックアップ作成アプリを公開しました！
こんにちは。Webサイトやアプリのスクリーンショットを、見栄えの良いモックアップ画像として作成できるモックアップ作成アプリ「Mockup Generator」を公開しました。ポートフォリオに使えるアプリだと思います！モックアップ作成アプリと…
FANELAB