開発ブログ サイバー風Webデザインの作り方｜FANELABで取り入れたデザインの工夫を紹介
FANELABで採用しているサイバー風デザインの作り方を紹介します。ネオンカラーやDotGothic16フォントなど、ゲーム風・近未来風デザインを制作するポイントを実例付きで解説します。
開発ブログ
開発ブログ 
運営者プロフィール 【はじめまして】看護師からweb転職した運営者プロフィール
看護師からWeb業界へ転職し、現在はAIを活用したWebアプリ開発やWeb制作、広告運用に携わっています。運営者である私の経歴や現在取り組んでいることをご紹介します。
アプリ紹介 推し系統占いを公開しました！今日の気分にぴったりな推しを診断
推し系統占いは、今日の気分にぴったりな「推しの系統」を診断できる無料Webアプリです。開運ワード付きカードやSNS共有、おすすめメンズコンカフェ紹介にも対応しています。
アプリ紹介 覚醒年齢診断を作りました！ロングスリーパーは人生でどれくらい損をしている？
ロングスリーパーの「人生でどれくらい睡眠時間を使っているのか」が気になり制作した「覚醒年齢診断」を紹介します。HTML・CSS・JavaScriptの学習を兼ねて開発した無料Webアプリです。
アプリ紹介 モックアップ作成アプリを作成｜URLからモックアップを作る方法に手こずった
こんにちは。Webサイトやアプリのスクリーンショットを、見栄えの良いモックアップ画像として作成できるモックアップ作成アプリ「Mockup Generator」を公開しました。ポートフォリオに使えるアプリだと思います！モックアップ作成アプリと...
開発ブログ ブックマークレットとは？仕組みと安全性をわかりやすく解説
Webサイトで「ブックマークレットをブックマークバーへドラッグしてください」と書かれているのを見たことはありませんか？初めて見る方の中には、「普通のブックマークと何が違うの？」「JavaScriptって書いてあるけど危険じゃないの？」「ウイ...
アプリ紹介 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制作やデザインをしていると、こんな場面は意外と多いですよね。そん...
アプリ紹介 お出かけ準備チェッカーを作成｜天気・気温・シーンから持ち物と服装をチェックできるアプリを作りたかった
「今日、何を着ればいいんだろう？」朝の忙しい時間、毎日のように悩むことがあります。天気予報アプリで気温を見ても、20℃って半袖？羽織りは必要？雨なら靴は何を履く？など、結局自分で考えなければいけないことが多いですよね。そこで、天気・季節・お...
アプリ紹介 初めてのVue.jsに挑戦｜タイピングゲームを勉強しながら作ってみた｜Vue2とVue3の違いでつまずく
はじめてのVue.jsで制作したタイピングゲームFanelabで公開しているタイピングゲームは、「誰でも気軽に遊べること」をコンセプトに制作したブラウザゲームです。パソコンがあればすぐに遊べるシンプルな内容ですが、このゲームには個人的にとて...
開発ブログ 個人開発初心者がAIを活用してWebアプリを作る｜まず公開して少しずつ育てる開発方法｜エラーとの戦いも経験
こんにちは！このブログでは、個人でWebサービスやアプリを制作する過程で経験したことや、開発中につまずいたこと、実際に解決した方法などを記録しています。私はもともと、Web開発について高度な知識を持っていたわけではありません。HTML、CS...
開発ブログ Fanelabを作った理由｜記事が公開されないためやったこと｜Claudeでのサイト改修
こんにちは。Fanelabを運営しています。Fanelabは、診断コンテンツやゲーム、日常で使える便利ツールを少しずつ公開していく個人プロジェクトです。作り始めたきっかけもともと私は、インターネット上にある「ちょっと面白いサイト」や「すぐ使...