まなびのすけ
ホームこのサイトについて

このサイトについて

まなびのすけとは?

まなびのすけは、 WEBサイトを作るときに知っておきたいことやAIのアウトプットを記録した個人サイトです。自分の学びと備忘録がメインです。

運営者

まなびのすけ
まなびのすけ
サイト運営者

AIバイブコーディングをしてみたくて、このWEBサイトを作りました。フレームワークはAstroで、Github Actionsでビルドしています。AIエージェントはClaude Codeです。

フロントエンド工程は、AIに任せた方が自分でやるより遥かに時短で正確なので、作業を切り分けて、コンテンツそのものや全体設計・ルールに集中できるのはすごく良い体験です。

コンテンツ制作では、AIで出力した初稿を手動で変更しています。AIが生成した文章やデザインはまだどこか違和感があるので、AIっぽさを排除する専用スキルを作ってはみましたが、まだ確認・修正は必要ですね。

WEBサイト制作は実際にやってみることがいちばんの近道なので、AIと一緒にそれができる時代・環境になったことは最高です。このWEBサイトは完全に自分用ですが、誰かの学習の参考になればうれしいです。

お問い合わせ

当サイトへのお問い合わせは、お問い合わせページよりご連絡ください。記事内容の誤りや、情報の更新が必要な箇所を見つけられた場合も、お知らせいただけますと幸いです。

免責事項

掲載内容につきまして、可能な限り正確な情報となるよう努めておりますが、誤情報が紛れ込んだり、情報が古くなっていることもございます。正確性や安全性を保証するものではありません。当サイトの掲載内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。また、当サイトからのリンクやバナー等によって他のサイトに移動された場合、移動先サイトで提供される情報、サービス等について一切の責任を負いません。なお、当サイトの掲載情報は、予告なしに変更・削除されることがあります。

広告について

当サイトでは、広告配信サービスやアフィリエイトプログラムを利用しています。記事内のリンクを経由して商品やサービスをご購入・ご利用いただいた場合、運営者に紹介料が支払われることがあります。Cookieの利用や個人情報の取り扱いについては、プライバシーポリシーをご確認ください。

最新の記事

一覧へ

Metaデザインシステム「Astryx」まとめ

デザイン2026.08.26

GitHub Actionsを使ってみた|node/npmを入れずにCI/CDを回す仕組み

Web開発2026.08.25

OGP画像を自動生成してみた

Web開発2026.08.25

コミット前に秘密情報を自動検知するGitleaksを入れてみた

Web開発2026.08.24

WEBサイトの改善ページを特定する簡易ツールを作ってみた

Web開発2026.08.20

GA4でよく使う基本指標|セッション・エンゲージメント・キーイベント

Web開発2026.08.19