Capacitor 「MedTimer お薬タイマー」をiOSアプリにしてみる話｜React NativeじゃなくてCapacitorを使う｜Xcodeで表示確認
個人開発しているお薬管理アプリ「MedTimer」、ずっとWebアプリとして作ってきたのですが、通知機能をつけたくてアプリにすることにしました！理由はシンプルで、Webブラウザだと画面を閉じた瞬間に通知が届かなくなってしまうから。お薬の飲み...
webアプリ
Capacitor 
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道①｜進め方とExpo Go
要件定義書をChatGPTと作ったが、Claude Codeに確認すると考えられていない点が10点以上あった。iOSのアプリなのか、Androidを考えたアプリなのか、学習コスト、個人情報の扱いなど。データベースは一度Firebaseを使っ...
アプリ紹介 FANELABで作ったアプリ・Webアプリ一覧／開発ログ一覧
FANELABでは、Web制作やアプリ開発の中で「こんな機能があったら便利そう」「毎回同じ作業をするのが面倒」と感じたことをきっかけに、さまざまな小さなアプリやWebツールを制作しています。このページでは、これまでに公開したiOSアプリと無...
開発ブログ URLからモックアップ画像を作る機能｜canvasが汚染された状態から画像プロキシを使った方法で解決
私が作ったポートフォリオ用のモックアップを作成するアプリ「Mockup Generator」。開発ブログ↓一番欲しかったのはURLからモックアップを作り、PNG画像で出力する機能だったのですが、CORS（Cross-Origin Resou...
開発ブログ 個人開発Webアプリを7つ公開して、かかった費用は月いくら？サーバー代とドメイン代の内訳
個人開発のWebアプリを7つ公開して、実際にかかったサーバー代とドメイン代を公開します。サブドメイン運用にした理由、格安サーバーから乗り換えた経緯、料金比較までまとめました。
開発ブログ ユーザーの声で追加した機能｜「操作方法がわかりにくい」を改善した話
ユーザーの声をきっかけに、お薬タイマーへ操作ガイドを追加した開発エピソードを紹介。実際に使ってもらうことの大切さについて解説します。
開発ブログ WebアプリでLocalStorageを採用した理由｜ログイン不要で手軽に使える仕組みを選んだ話
WebアプリでLocalStorageを採用した理由を開発者目線で解説。ログイン不要のメリットや、データ消失リスクへの対応、注意事項について紹介します。
アプリ紹介 ビフォーアフター画像を残したくて、写真コラージュツールを自作した話【Photo Timeline】
美容ケアの変化を残したくて、写真を並べるだけでビフォーアフター画像がつくれる無料ツール「Photo Timeline」をつくりました。開発のきっかけと、写真を外に出さない設計にした理由をまとめています。
アプリ紹介 自分専用のスケジュール管理アプリを作った話｜毎日続けられる仕組みが欲しかった
自分専用のスケジュール管理アプリを開発した理由をご紹介。三日坊主を防ぐ工夫や、Firebaseを使ったデータベース化など、日常で活躍している個人開発アプリについて書きました。
開発ブログ QuickAiMemoを作ったきっかけ｜AIとのやり取りをもっと快適にしたかった｜各機能について
QuickAiMemoを開発したきっかけをご紹介。AIへの指示を書いているときに感じた小さなストレスを解消するために作った軽量メモアプリです。
開発ブログ サイバー風Webデザインの作り方｜FANELABで取り入れたデザインの工夫を紹介
FANELABで採用しているサイバー風デザインの作り方を紹介します。ネオンカラーやDotGothic16フォントなど、ゲーム風・近未来風デザインを制作するポイントを実例付きで解説します。
運営者プロフィール 【はじめまして】看護師からweb転職した運営者プロフィール
看護師からWeb業界へ転職し、現在はAIを活用したWebアプリ開発やWeb制作、広告運用に携わっています。運営者である私の経歴や現在取り組んでいることをご紹介します。
アプリ紹介 推し系統占いを公開しました！今日の気分にぴったりな推しを診断
推し系統占いは、今日の気分にぴったりな「推しの系統」を診断できる無料Webアプリです。開運ワード付きカードやSNS共有、おすすめメンズコンカフェ紹介にも対応しています。
アプリ紹介 覚醒年齢診断を作りました！ロングスリーパーは人生でどれくらい損をしている？
ロングスリーパーの「人生でどれくらい睡眠時間を使っているのか」が気になり制作した「覚醒年齢診断」を紹介します。HTML・CSS・JavaScriptの学習を兼ねて開発した無料Webアプリです。
アプリ紹介 モックアップ作成アプリを作成｜URLからモックアップを作る方法に手こずった
こんにちは。Webサイトやアプリのスクリーンショットを、見栄えの良いモックアップ画像として作成できるモックアップ作成アプリ「Mockup Generator」を公開しました。ポートフォリオに使えるアプリだと思います！モックアップ作成アプリと...
アプリ紹介 Font & Color Checkerの使い方｜画像から色・サイトから書体を簡単に調べるサイトを作った｜使い方
「このサイトの文字って何のフォント？」「画像に使われている色を知りたい」Web制作やデザインをしていると、こんな場面は意外と多いですよね。そんな時に便利なのがFont& Color-Checkerです。Font & Color Checke...
アプリ紹介 AIプロンプト図鑑｜コピペですぐ使える実践プロンプト公開｜大変だったNext.js｜AIを使いこなしたい
最近はChatGPTをはじめ、ClaudeやGeminiなど、さまざまな生成AIサービスが身近な存在になりました。文章作成やプログラミング、画像生成、アイデア出しなど、AIを活用できる場面は日々増えています。しかし、実際に使ってみると「思っ...
アプリ紹介 ♻️Font& Color-Checker｜画像やWebサイトの色・フォントを簡単に調べられる無料ツール
【管理メモ：リダイレクト済み】リダイレクト先：※301リダイレクト設定済み※本文は統合元として保存「このサイトの文字って何のフォント？」「画像に使われている色を知りたい」Web制作やデザインをしていると、こんな場面は意外と多いですよね。そん...
開発ブログ Fanelabを作った理由｜記事が公開されないためやったこと｜Claudeでのサイト改修
こんにちは。Fanelabを運営しています。Fanelabは、診断コンテンツやゲーム、日常で使える便利ツールを少しずつ公開していく個人プロジェクトです。作り始めたきっかけもともと私は、インターネット上にある「ちょっと面白いサイト」や「すぐ使...