Capacitor 【iOSアプリ】シミュレーターで App Store 用のスクリーンショットを作る
App Store にアプリを出すには、ストアに載せるスクリーンショットが必要です。私は今までWebのデベロッパーモードを使ってスクリーンショットを撮っていました。今回は、シミュレーターを使う方法について説明します。シュミレーターを使うと必...
Claude
Capacitor 
Capacitor 【iOSアプリ】Capacitor で作った iOS アプリを「実機で」動かす方法｜初心者｜Xcode に Apple ID を追加
MedTimer お薬タイマーという次の薬の時間がわかるアプリをCapacitorで作成することにしました。シュミレーターを使って確認しながら作成しました。そのあと、実機で確認したい場面で「シミュレーターでは動くけれど、自分の iPhone...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道④｜データベース「日付」の取り扱い｜SQLiteとMySQLの違い
気分記録アプリを作っていて、「日付なんて文字列で入れておけばいいでしょ」と思っていたら、画面を見ても絶対に気づけないバグの入り口だと知りました。その記録です。SQLite とは何か（MySQL を知っている人向け）私は phpMyAdmin...
3秒で今日のきぶん 開発記録 【初心者】気分記録アプリ、公開への道②｜Expo で React Native アプリを作り、iPhone 実機に表示するまで
今回はAIに助けてもらって、Expoのファイルの作成から表示までの流れを書いていこうと思います。2026年8月、アプリ開発が初めての状態から Expo でプロジェクトを立ち上げ、自分の iPhone に画面を出すまでの記録です。公式手順どお...
アプリ紹介 FANELABで作ったアプリ・Webアプリ一覧／開発ログ一覧
FANELABでは、Web制作やアプリ開発の中で「こんな機能があったら便利そう」「毎回同じ作業をするのが面倒」と感じたことをきっかけに、さまざまな小さなアプリやWebツールを制作しています。このページでは、これまでに公開したiOSアプリと無...
開発ブログ URLからモックアップ画像を作る機能｜canvasが汚染された状態から画像プロキシを使った方法で解決
私が作ったポートフォリオ用のモックアップを作成するアプリ「Mockup Generator」。開発ブログ↓一番欲しかったのはURLからモックアップを作り、PNG画像で出力する機能だったのですが、CORS（Cross-Origin Resou...
開発ブログ AIに丸投げしてはいけないと思った理由｜便利だからこそ「理解すること」が大切
AIに開発をすべて任せて感じた課題を紹介。丸投げのリスクや、コードを理解しながら活用することの大切さについて、実体験をもとに解説します。
開発ブログ AIが書いたコードを読むのは意外と大変｜便利だけど理解には時間がかかる
AIが生成したコードは便利ですが、読み解くのは意外と難しいこともあります。実際に開発で感じた、AIコードのメリットと苦労した点を紹介します。
アプリ紹介 モックアップ作成アプリを作成｜URLからモックアップを作る方法に手こずった
こんにちは。Webサイトやアプリのスクリーンショットを、見栄えの良いモックアップ画像として作成できるモックアップ作成アプリ「Mockup Generator」を公開しました。ポートフォリオに使えるアプリだと思います！モックアップ作成アプリと...
開発ブログ ブックマークレットとは？仕組みと安全性をわかりやすく解説
Webサイトで「ブックマークレットをブックマークバーへドラッグしてください」と書かれているのを見たことはありませんか？初めて見る方の中には、「普通のブックマークと何が違うの？」「JavaScriptって書いてあるけど危険じゃないの？」「ウイ...
アプリ紹介 Font & Color Checkerの使い方｜画像から色・サイトから書体を簡単に調べるサイトを作った｜使い方
「このサイトの文字って何のフォント？」「画像に使われている色を知りたい」Web制作やデザインをしていると、こんな場面は意外と多いですよね。そんな時に便利なのがFont& Color-Checkerです。Font & Color Checke...