FANELABでは、Web制作やアプリ開発の中で「こんな機能があったら便利そう」「毎回同じ作業をするのが面倒」と感じたことをきっかけに、さまざまな小さなアプリやWebツールを制作しています。
このページでは、これまでに公開したiOSアプリと無料Webアプリをまとめています。
画像編集、デザイン制作、AI活用、日々の記録、生活に役立つツールなど、ジャンルはさまざまですが、できるだけ「シンプルで使いやすいこと」を意識して開発しています。
実際に使えるアプリはもちろん、なぜそのアプリを作ったのか、どのような機能を実装したのか、開発中にどんなことを考えたのかも開発ログとして記録しています。
個人でアプリやWebサービスを作る中では、アイデアを考えるところから、デザイン、コーディング、動作確認、公開までさまざまな作業があります。
実際の制作過程を残しておくことで、これからWebアプリやスマートフォンアプリを作ってみたい人にとっても参考になるような開発記録を目指しています。
作ったiOSアプリ
日常のちょっとした不便を解消したり、記録を続けやすくしたりできるようなスマートフォン向けアプリを制作しています。
3秒で今日のきぶん
「3秒で今日のきぶん」は、その日の気分を10段階から選んで記録できる、シンプルな気分記録アプリです。
毎日日記を書くのは大変でも、「今日はどんな気分だったか」だけなら短時間で記録できます。
通知する時間を設定しておくと、通知が届いたタイミングで今日の気分をタップして記録できます。
記録した気分は後から振り返ることができ、日々の気分の変化を確認できるようになっています。
気分の記録をできるだけ簡単にするため、入力項目を増やしすぎず、短時間で記録を終えられることを重視して制作しました。
10段階の気分評価だけでなく、タグによる記録、通知、グラフ表示、PDFへの書き出しなど、あとから記録を振り返るための機能も搭載しています。
アプリの詳しい機能や、制作したきっかけについては以下の記事で紹介しています。
App Storeからダウンロード👇
作ったWebアプリ一覧
FANELABでは、インストール不要ですぐに利用できるWebアプリも制作しています。
Webブラウザ上で動作するため、パソコンだけでなくスマートフォンから利用できるものもあります。
「専用ソフトをインストールするほどではないけれど、ちょっとした作業を楽にしたい」という場面で使えるような、小さくて便利なツールを中心に制作しています。
Photo Timeline
写真で作る、ビフォーアフター・成長記録用のコラージュ画像作成アプリ
Photo Timelineは、複数の写真を並べて、1枚のコラージュ画像として保存できる無料Webアプリです。
美容やダイエットのビフォーアフター、筋トレの経過、ペットの成長記録、旅行の思い出など、写真を時系列で残したい場面を想定して制作しました。
写真を1枚ずつSNSに投稿するのではなく、「変化そのものを1枚の画像にまとめたい」という用途に向いています。
写真の配置や日付、テキストなどを組み合わせながら、自分だけの記録画像を作成できます。
画像を使った記録をもっと簡単に残せるようにすることを目的として開発したWebアプリです。
開発ブログはこちら👇
Photo Timelineを制作したきっかけや、写真を使った記録を1枚の画像にまとめるというアイデアについて紹介しています。
写真を扱うWebアプリだからこそ、利用者の写真をどのように扱うのかという点も意識して設計しました。
MedTimer お薬タイマー
次に薬を飲める時間を確認するためのお薬タイマー
MedTimerは、薬を飲んだあとに「次はいつ飲めるのか」を確認しやすくするためのシンプルなお薬タイマーです。
薬を飲んだ時間を記録すると、次に設定した時間までの残り時間を確認できます。（Webアプリには通知機能はありません）
複雑な機能を詰め込むのではなく、「次に飲める時間をすぐ確認したい」という目的に絞って制作しています。
他のユーザーの薬管理機能も搭載しているので、家族の薬など複数管理している人に合っているアプリだと思います。
定期薬の管理もできるので使ってみてください。
開発ブログはこちら👇
MedTimerを制作した理由や、機能をできるだけシンプルにした考え方などを紹介しています。
「次にいつ飲めるのかを確認したい」という目的に絞り、必要な情報を分かりやすく表示することを重視しました。
Image Crop Studio
SNSやブログ用の画像を簡単にトリミングできる画像編集アプリ
Image Crop Studioは、画像を指定したサイズへ簡単にトリミングできる無料Webアプリです。
ブログのアイキャッチ画像、SNS投稿、YouTube用画像など、媒体ごとに異なる画像サイズへ変更したいときに使えるように制作しました。
「画像編集ソフトを起動して細かく設定するほどではないけれど、画像を決められたサイズに切り抜きたい」という場面を想定しています。
画像はブラウザ内で処理する設計としており、登録不要で手軽に使えることも特徴です。
開発ブログはこちら👇
Image Crop Studioを制作したきっかけや、登録不要で画像を処理できるようにした理由などを紹介しています。
トリミングを簡単にできるようになり、愛用しています。
お出かけ準備チェッカー
シーンや気温気候など条件を入れると服装や持ち物がわかるアプリ
お出かけ準備チェッカーは、天気や気温、季節、出かけるシーンなどの条件から、その日に必要な服装や持ち物を考えるためのWebアプリです。
「気温は分かったけれど、結局何を着ればいいのか分からない」「雨の日は何を持っていけばいい？」といった日常のちょっとした悩みを減らすことを目的に制作しました。
天気予報を見るだけではなく、実際のお出かけに必要になる服装や持ち物まで考えられるようにした点が特徴です。
毎朝の服装選びや、お出かけ前の準備を少しでも簡単にできるようなツールを目指しています。
開発ブログはこちら👇
天気や気温を見ても、実際の服装や持ち物まで決めるのは意外と難しいというところから制作を始めたWebアプリです。
アプリを考えたきっかけや、どのような条件から服装・持ち物を提案する仕組みにしたのかを開発ログで紹介しています。
Font & Color Checker
画像やWebサイトからフォントとカラーを確認できるデザイン向けツール
Font & Color Checkerは、Web制作やデザインをするときに役立つ、フォントとカラーの確認ツールです。
画像から色をスポイトのように取得したり、Webサイトで使われている書体やカラーを確認したりできます。
Webサイトを見ていて「この色は何色だろう？」「この文字にはどんなフォントが使われているんだろう？」と思ったときに、手軽に確認できることを目的に制作しました。
Web制作、ブログ運営、バナー制作、デザインの参考資料を作るときなど、さまざまな場面で利用できます。
ブラウザ上で必要な情報を確認できるため、専用のデザインソフトを使わずに簡単なチェックをしたい場合にも便利です。
開発ブログはこちら👇
Web制作やデザインをしていると、「この色は何色なのか」「このフォントは何を使っているのか」を確認したくなることがあります。
当初、画像からフォントを探せるようにしようとしたのですが、そこには大きな壁がありました。そのことなどをブログ記事に残しています。
AIプロンプト図鑑
ChatGPT・Claude・Geminiなどで使える実践的なAIプロンプト集
AIプロンプト図鑑は、生成AIに送る文章、いわゆるプロンプトを簡単に探して利用できるWebアプリです。
ChatGPT、Claude、Geminiなどの生成AIを使うとき、「何と指示すればいいのか分からない」という問題を解消することを目的に制作しました。
ブログ記事の作成、動画制作など、用途ごとにプロンプトを探せるようにしています。
プロンプトをそのままコピーして使えるだけでなく、出力例やカスタマイズのヒントも確認できるため、AIを初めて使う人でも試しやすい構成にしています。
AIを使った作業をもっと身近に、そして効率的にするためのツールとして開発しています。
開発ブログはこちら👇
生成AIを使う機会が増える一方で、「どんな指示を出せばいいのか分からない」という思いから作成しました。
新しい言語に挑戦して大変だったことを記事にしています。
QuickAiMemo
AIに送る前のコード・プロンプト・Markdownを整理する軽量メモアプリ
QuickAiMemoは、ChatGPTなどの生成AIに文章やコードを送る前に、内容を整理するための軽量なWebメモアプリです。
AIを使っていると、長いプロンプトを書いたり、コードを整理したり、Markdownを確認したりする機会が増えてきます。
そこで、AIに送る文章を一度整理するための「シンプルな作業場所」として制作しました。
余計な機能を増やしすぎず、すぐに入力して編集できることを重視しています。
AIを使った文章作成やプログラミングなど、日常的なAI活用を少しでも快適にすることを目指したWebアプリです。
開発ブログはこちら👇
AIに送る文章やコードを一度整理してから使いたいという場面に着目して制作した軽量メモアプリです。
実際の開発で感じた小さな不便をきっかけに、必要な機能を絞って制作しました。
画面の一番上に常設できるのが売りです。かなり使えるアプリだと思います！
Mockup Generator
Webサイトやアプリの画像からモックアップを作成するWebアプリ
Mockup Generatorは、Webサイトやスマートフォンアプリなどのスクリーンショットを、見栄えのよいモックアップ画像として作成するためのWebアプリです。
制作したWebサイトやアプリをポートフォリオに掲載するとき、スクリーンショットをそのまま載せるよりも、端末やデバイスに表示した状態の画像にすると完成イメージを伝えやすくなります。
そこで、スクリーンショットを使って簡単にモックアップ画像を作れるツールとして制作しました。
Web制作やアプリ開発の成果物を紹介するときに使いやすいツールを目指しています。
開発ブログはこちら👇
サイトURLから画像を生成することにてこずりました。そんな葛藤記録も書いています。
FANELABでアプリを作っている理由
FANELABでは、大規模なサービスだけではなく、「これがあったら少し便利かも」という小さなアイデアを実際に形にすることを大切にしています。
日常生活の中で感じるちょっとした不便や、Web制作をしているときに感じる作業上のストレスなど、身近なところからアイデアを見つけています。
そのため、制作しているアプリのジャンルも、画像編集、AI、デザイン、生活、記録などさまざまです。
また、実際に公開して使ってもらうことで、開発中には気づかなかった問題や改善点を見つけられることもあります。
今後も、WebアプリだけでなくiOS・Android向けのスマートフォンアプリにも制作の幅を広げながら、実際に使ってもらえる小さなサービスを少しずつ増やしていく予定です。
今後もアプリを追加していきます
現在公開しているアプリだけでなく、今後も新しいWebアプリやスマートフォンアプリを制作していく予定です。
新しいアプリを公開した際には、このページにも追加していきます。
また、単に完成したアプリを紹介するだけではなく、企画、デザイン、開発、テスト、公開までの過程も開発ログとして記録していきます。
「自分でもアプリを作ってみたい」「Webアプリ開発に興味がある」「個人開発の過程を知りたい」という方にも参考になるような制作記録を目指しています。
FANELABの新しいアプリや開発ログを、ぜひチェックしてみてください。
この記事のカテゴリー
開発ブログ の記事をもっと見る →