Capacitor 【iOSアプリ】シミュレーターで App Store 用のスクリーンショットを作る
App Store にアプリを出すには、ストアに載せるスクリーンショットが必要です。私は今までWebのデベロッパーモードを使ってスクリーンショットを撮っていました。今回は、シミュレーターを使う方法について説明します。シュミレーターを使うと必...
ClaudeCode
Capacitor 
Capacitor 【iOSアプリ】Capacitor で作った iOS アプリを「実機で」動かす方法｜初心者｜Xcode に Apple ID を追加
MedTimer お薬タイマーという次の薬の時間がわかるアプリをCapacitorで作成することにしました。シュミレーターを使って確認しながら作成しました。そのあと、実機で確認したい場面で「シミュレーターでは動くけれど、自分の iPhone...
Capacitor 「MedTimer お薬タイマー」をiOSアプリにしてみる話｜React NativeじゃなくてCapacitorを使う｜Xcodeで表示確認
個人開発しているお薬管理アプリ「MedTimer」、ずっとWebアプリとして作ってきたのですが、通知機能をつけたくてアプリにすることにしました！理由はシンプルで、Webブラウザだと画面を閉じた瞬間に通知が届かなくなってしまうから。お薬の飲み...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道⑤｜スクリーンショット画像作るの大変だった
こんにちは！初学者ながら、iOSアプリを公開しようとしている者です。今回はアプリ公開に欠かせないスクリーンショット画像についての話です。スクリーンショット画像とはスクリーンショット画像とは（正式名称が合っているかわからない）Apple St...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道④｜データベース「日付」の取り扱い｜SQLiteとMySQLの違い
気分記録アプリを作っていて、「日付なんて文字列で入れておけばいいでしょ」と思っていたら、画面を見ても絶対に気づけないバグの入り口だと知りました。その記録です。SQLite とは何か（MySQL を知っている人向け）私は phpMyAdmin...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道③｜Expo Go つまずいた iPhone 表示確認
AIにアプリ作成のプロジェクトの土台を作ってもらいました。ファイルの詳細は👇その後に実機でチェックするにあたってExpo Goが必要とのこと。Expo Goの導入について確認すると、「アプリを登録してQRコードを読み取ります」しか書いてなく...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道②｜Expo で React Native アプリを作り、iPhone 実機に表示するまで
今回はAIに助けてもらって、Expoのファイルの作成から表示までの流れを書いていこうと思います。2026年8月、アプリ開発が初めての状態から Expo でプロジェクトを立ち上げ、自分の iPhone に画面を出すまでの記録です。公式手順どお...
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デザインの作り方｜FANELABで取り入れたデザインの工夫を紹介
FANELABで採用しているサイバー風デザインの作り方を紹介します。ネオンカラーやDotGothic16フォントなど、ゲーム風・近未来風デザインを制作するポイントを実例付きで解説します。
運営者プロフィール 【はじめまして】看護師からweb転職した運営者プロフィール
看護師からWeb業界へ転職し、現在はAIを活用したWebアプリ開発やWeb制作、広告運用に携わっています。運営者である私の経歴や現在取り組んでいることをご紹介します。
アプリ紹介 推し系統占いを公開しました！今日の気分にぴったりな推しを診断
推し系統占いは、今日の気分にぴったりな「推しの系統」を診断できる無料Webアプリです。開運ワード付きカードやSNS共有、おすすめメンズコンカフェ紹介にも対応しています。
アプリ紹介 覚醒年齢診断を作りました！ロングスリーパーは人生でどれくらい損をしている？
ロングスリーパーの「人生でどれくらい睡眠時間を使っているのか」が気になり制作した「覚醒年齢診断」を紹介します。HTML・CSS・JavaScriptの学習を兼ねて開発した無料Webアプリです。
アプリ紹介 Font & Color Checkerの使い方｜画像から色・サイトから書体を簡単に調べるサイトを作った｜使い方
「このサイトの文字って何のフォント？」「画像に使われている色を知りたい」Web制作やデザインをしていると、こんな場面は意外と多いですよね。そんな時に便利なのがFont& Color-Checkerです。Font & Color Checke...
アプリ紹介 AIプロンプト図鑑｜コピペですぐ使える実践プロンプト公開｜大変だったNext.js｜AIを使いこなしたい
最近はChatGPTをはじめ、ClaudeやGeminiなど、さまざまな生成AIサービスが身近な存在になりました。文章作成やプログラミング、画像生成、アイデア出しなど、AIを活用できる場面は日々増えています。しかし、実際に使ってみると「思っ...
開発ブログ Fanelabを作った理由｜記事が公開されないためやったこと｜Claudeでのサイト改修
こんにちは。Fanelabを運営しています。Fanelabは、診断コンテンツやゲーム、日常で使える便利ツールを少しずつ公開していく個人プロジェクトです。作り始めたきっかけもともと私は、インターネット上にある「ちょっと面白いサイト」や「すぐ使...