未ログイン状態で閲覧中
  • 投稿日:2026/03/28
  • 更新日:2026/03/28
非エンジニアでもできる!Claude CodeでWEBサービスを作って公開するまでの全手順

非エンジニアでもできる!Claude CodeでWEBサービスを作って公開するまでの全手順

会員ID:Tdk73iIK

会員ID:Tdk73iIK

この記事は約15分で読めます
要約
AIで作ったアプリ、パソコンの中で止まっていませんか?この記事では、Claude Codeで作った日程調整サービス「さくっと調整」を例に、GitHub・Vercel・Neonを使ってWebサービスを公開するまでの手順を、非エンジニアでもわかるように解説します。
非エンジニアでもできる! AIでWebサービスを作って公開するまでの全手順

─ 日程調整アプリ「さくっと調整」を実例に、ゼロから公開まで解説します

はじめに

こんなお悩みはありませんか?


・AIで普段の作業を効率化できるのはわかったけど、自分でサービスを生み出す方法がわからない

・AIでパソコン上で動くデモアプリは作れたけど、実際にWEB上で公開する方法がわからない

 

今回は実際に僕が9割AIで作った日程調整サービス「さくっと調整を例に、その作り方をわかりやすく解説します。

対象読者は、ブログを自分で作れるぐらいのITリテラシーのある方です。

プログラミングの経験はほぼ不要です。

この記事ではエンジニアの日常言葉をそのまま使っている部分もあります。

わからない言葉が出てきたら、それすらもAIに聞いてください。わかりやすく教えてくれます。

さらに言えば、その単語の意味がわからなくても「◯◯を実装して」と伝えれば、AIが作ってくれます。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:Tdk73iIK

投稿者情報

会員ID:Tdk73iIK

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(1
  • 会員ID:wL9q5iZP
    会員ID:wL9q5iZP
    2026/03/28

    恥ずかしながらNeonは初めて知りました! サーバーレスみたいですし、最初の小規模サービス立ち上げにすごく良さそうですね! 他の部分も、痒いところに手が届くユーザー目線の記事で、すごいなと思いながら読ませていただきました🙏

    会員ID:Tdk73iIK

    投稿者

    2026/03/28

    実は僕も今回AIに相談してNeon初めて使ってみました笑 DB周りの設定何もしなくても使えてめちゃくちゃ簡単だったので、今回の記事の例で紹介させてもらいました! 素敵なレビューをありがとうございます!

    会員ID:Tdk73iIK

    投稿者