- ホーム
- 初心者向け
初心者向け
-
1つのHTMLを3つのファイルに分ける｜入門のタスクボードで「どこに何を置くか」を先に決める【次の一…
入門6で育てた164行のタスクボードを、index.html・style.css・app.js の3つに分けて file:// のまま動かす。設計書を書くより先…
-
作ったアプリを公開する｜ローカルから人に使ってもらうまでの最短ルート【入門7】
自分のパソコンの中で動くアプリを、URL1本で世界に出す。無料の公開サービスで置く最短ルートから、レンタルサーバー＋独自ドメインでの本格運用、公開前の安全チェッ…
-
壊れないようにアプリを育てる｜機能追加・役割分け・動作確認の習慣【入門6】
機能を足すたび別の場所が壊れる“もぐら叩き地獄”を抜ける3つの習慣。1つずつ足して動かす・動いた版を残す・役割で分ける。未経験者が完成の一歩手前で力尽きないため…
-
エラーが出たらどうする？AIへの聞き方とデバッグの基本【入門5】
赤いエラー、真っ白な画面、反応しないボタン。ここで多くの人が止まる。エラー文をそのままAIに貼る・F12のコンソールを見る・動く最小まで戻す——詰まりを自分でほ…
-
はじめての“動くアプリ”を1本作る｜メモ帳をステップバイステップで【入門4】
コードを1行も書かず、AIに頼んで出てきたHTMLを保存・ダブルクリックするだけ。ブラウザで動く小さなメモ帳を、未経験から10分で完成させる手順を1ステップずつ…
-
AIに「作りたい」を正しく伝える3つのコツ｜プロンプト入門【入門3】
同じAIでも頼み方で結果が激変する。バイブコーディングで一番効くのはコードの知識ではなく“伝え方”。まず相談する・最小の1機能だけ頼む・ふつうの言葉で具体的に—…
-
バイブコーディングの始め方｜AIツールの選び方と最初のセットアップ【入門2】
最初に必要な道具はたった1つ。ブラウザのAIチャット（Claude/ChatGPT）だけで作り始められる。5つのAIツールの初心者向け比較と、5分でできる最初の…
-
バイブコーディングとは？プログラミング未経験が最初に知っておきたい全体像【入門1】
コードを1行も書けなくても、日本語でAIに頼むだけで“動くアプリ”が作れる時代。バイブコーディングとは何か、未経験でも本当に作れるのか、ノーコードとの違いを初心…
-
バイブコーディングのやり方 — AIで「動くアプリ」を最後まで完成させる5つの進め方を、実例つきで全…
入門で「AIで動くアプリを1本公開する」を一周した人へ。機能を足すと壊れる、配布版だけ起動しない、AIがエラーも出さず間違える。基礎だけでは越えられない壁を、実…
PR
独自ドメイン：お名前.com（本サイトで使用・PR）
