Web開発

アプリ紹介

FANELABで作ったアプリ・Webアプリ一覧/開発ログ一覧

FANELABでは、Web制作やアプリ開発の中で「こんな機能があったら便利そう」「毎回同じ作業をするのが面倒」と感じたことをきっかけに、さまざまな小さなアプリやWebツールを制作しています。このページでは、これまでに公開したiOSアプリと無...
開発ブログ

URLからモックアップ画像を作る機能|canvasが汚染された状態から画像プロキシを使った方法で解決

私が作ったポートフォリオ用のモックアップを作成するアプリ「Mockup Generator」。開発ブログ↓一番欲しかったのはURLからモックアップを作り、PNG画像で出力する機能だったのですが、CORS(Cross-Origin Resou...
開発ブログ

AIに丸投げしてはいけないと思った理由|便利だからこそ「理解すること」が大切

AIに開発をすべて任せて感じた課題を紹介。丸投げのリスクや、コードを理解しながら活用することの大切さについて、実体験をもとに解説します。
開発ブログ

AIが書いたコードを読むのは意外と大変|便利だけど理解には時間がかかる

AIが生成したコードは便利ですが、読み解くのは意外と難しいこともあります。実際に開発で感じた、AIコードのメリットと苦労した点を紹介します。
開発ブログ

「テキストファイルとして貼り付ける機能」を諦めた話|QuickAiMemo開発の裏側

QuickAiMemoで実装したかった「テキストファイルとして貼り付ける機能」を断念した理由をご紹介。ブラウザの制約と、個人開発で感じた難しさをまとめました。
アプリ紹介

AIプロンプト図鑑|コピペですぐ使える実践プロンプト公開|大変だったNext.js|AIを使いこなしたい

最近はChatGPTをはじめ、ClaudeやGeminiなど、さまざまな生成AIサービスが身近な存在になりました。文章作成やプログラミング、画像生成、アイデア出しなど、AIを活用できる場面は日々増えています。しかし、実際に使ってみると「思っ...
開発ブログ

Fanelabを作った理由|記事が公開されないためやったこと|Claudeでのサイト改修

こんにちは。Fanelabを運営しています。Fanelabは、診断コンテンツやゲーム、日常で使える便利ツールを少しずつ公開していく個人プロジェクトです。作り始めたきっかけもともと私は、インターネット上にある「ちょっと面白いサイト」や「すぐ使...