こんにちは。Fanelabを運営しています。
Fanelabは、診断コンテンツやゲーム、日常で使える便利ツールを少しずつ公開していく個人プロジェクトです。
作り始めたきっかけ
もともと私は、インターネット上にある「ちょっと面白いサイト」や「すぐ使える便利ツール」が好きでした。
最初はJavaScriptで勉強しながら動きのあるWebアプリを作りたかったところから始まりました。
皆さんが思うアプリというのはApple Storeからダウンロードするようなものを想像されるかと思いますが（これを見ている方は有識者が多いかもしれないので、こう想像することは少ないかもしれません）
ここに掲載しているアプリのほとんどは、アプリをインストールしなくても、ブラウザを開くだけで使えるWebアプリになります。
（2026/8/16追記）WebアプリではなくiOSアプリを公開することができました！
URLをひらけば簡単に操作することができる。
友達にURLを送るだけで、一緒に楽しめる。
そんな気軽さがWebサービスの魅力だと思っています。
現在は、推し系統占い、覚醒年齢診断、タイピングゲーム、写真コラージュツールなどを公開していますが、ジャンルを限定するつもりはありません。
だれかのちょっと困っているところの助けになるアプリを作ることを目指しています。
作成アプリ一覧
作成したアプリ一覧は下記になります👇
「作ってみたい」「誰かの役に立ちそう」
そう思ったものを、これからも少しずつ形にしていきたいと考えています。
名前の由来
Fanelabという名前には、実験室（Lab）のように、自由な発想でさまざまなサービスを生み出していきたいという思いを込めています。
なのでデザインも実験室やゲームをイメージしてデザインにしました。
デザインについてはこだわったので、それについては別の記事で紹介しているので気になる方はご参照ください。
サイバー風デザインの作り方👇
ガラス風UIの作り方👇
私がこだわったフォント👇
ネオン文字の作り方👇
CSSでサイバーパンク風タイトルを作るテクニック👇
サイバー風デザインにおすすめの配色4選
今後も、便利で、少し楽しく、気軽に使えるWebサービスを増やしていく予定です。
気になるコンテンツがあれば、ぜひ遊んでみてください。
困ったことなどを発信
また、ここのブログでは、開発中に困ったことなど発信していきます。
私は初学者なので、色々躓くことがあるので勉強になることが多いです。
新しい言語に挑戦したけど難しすぎて勉強が追いつかなかったり、作りたかった機能を入れることができなかったり・・・
AIに聞きながら学習していますが、AIも間違っていることがあります。
なので検索しながらその情報があっているか確認して勉強しています。
問題に直面。ブログ記事がインデックスされない
アプリ開発に関して、自分で勉強したことやつまずいたことなど書いていたのですが、あるときサーチコンソールでインデックスされていないことに気づきました。
インデックスされないと、Googleの検索結果に表示されません。
要は頑張って書いている記事たちは自分しか見られない状態なのです。
悲しいですよね。
なので、2026年7月中旬からサイトインデックスに向けて色々と対策を打ちました。
FANELABサイト改修（2026年7月14日）
その中の一つ。FANELABの改修を行いました！
WordPressを使って作成したサイトで、トップページはオリジナルのページを作成していました。
今までは作成したwebアプリリンク集みたいなサイトになっていました。
全体のスクショ👇
リンク集みたいになってたためか、ブログ記事にアクセスするルートがなかったのです。
なので、ブログ記事への導線を改めて見直すことにしました。
サイバー感のあるデザインは維持させたかったので、世界観をたもったまま改修することにしました！
主にAIを使って作成しました。
ClaudeCodeを使用した開発
ClaudeCodeは便利です。
要望を伝えることで数時間で作成することができました。（途中で制限がかかったため詳しい時間はわかりません）
私はProプランで契約しているので、結構早く5時間制限に引っ掛かります。
なのでChatGPTでプロンプトを作って、Claude Codeに渡す形をとっています。
ClaudeDesignを使うやり方もあるのですが、今回はFable5で作成したので（2026/7現在一番有能）Designを使わずとも作成することができました！
AIはどんどん進化していくため、今「すごい！」と思うAIも「これポンコツだな」って思う時期が来るのでしょうね。
改修したポイントについては別の記事にしているのでご参照ください。
また、この改修はDockerを使って行ないました。
気になる方はWordPressの子ページをローカルでドッカーで開発した記事をご参照ください！
それでもインデックスされないためやったこと
色々対策を打ちましたが、インデックスされません。
他にやったことは
- 記事のリライト（E-E-A-Tを意識するといいらしい。実体験、専門的な内容がわかりやすくかいてあるか、自分の経歴誰が発信しているか、情報の正確性）
- スラッグの修正（/post-500 みたいなのはAIが作ったと思われてよくないとのこと）
- noindexの確認（このサイトのWordPress設定を確認したらカテゴリーページにチェックが入っていた）
- canonicalタグが二重になっていないか確認（cocoon＋SEO系プラグインを使っている場合は注意）
- トップページの導線を何度も見直し
- 画像のタイトルがChatGPT・・・になっていないかチェック
・・など
AIや検索して出てきたもの全てチャレンジしてみています。
サイト自体は2025年からあって、2026年7月から記事をしっかり書き始めたので、記事がいきなり増えたからそれが原因じゃないかと言われています。
インデックスされた時は効果があったことをまた記事に書こうと思います！
ちなみにインデックスされるためにやった最初のことは下記になるのでご参照ください！
私が記載するブログの中で、なにか間違っていることがあったらぜひコメントをお願いいたします。
また、アプリに関してもご質問・ご意見があればコメントやメッセージをください🫶
この記事のカテゴリー
開発ブログ の記事をもっと見る →