だれでも読める、プログラミングの教材
てくてくプログラミングで実際に使っている教材の一部を、ログインなしで公開しています。上から順に読めば、まったくの未経験からでも「AI と一緒に作れる」ところまで進めます。わからないところは、無料のセッションで一緒に解決できます。
はじめに
Web のきほん
- HTML のきほん：最初の Web ページを作るHTML とは何か、最小のページの作り方、よく使うタグ、リンクと画像、正しく書くためのルール。手を動かしながら最初のページを完成させます。
- CSS のきほん：色・余白・レイアウトを整えるCSS の書き方、セレクタ、色と文字、余白のしくみ（ボックスモデル）、Flexbox での横並び、スマホ対応まで。HTML で作ったページを「ちゃんとしたサイト」に仕上げます。
- JavaScript のきほん：ページに動きをつける変数・関数・条件分岐・繰り返しといったプログラミングの土台と、ボタンを押したら画面が変わる「DOM 操作」を、動くサンプルつきで学びます。
AI を使った開発
- Claude Code をはじめる：登録から VS Code への導入までAI に「作って」と頼むとファイルまで作ってくれる Claude Code。アカウントの作り方、料金プラン、インストール、ログイン、VS Code 拡張機能の導入、最初の一言まで、順番に進めます。
- AI にコードを頼むときの伝え方：思いどおりに作ってもらうコツ「いい感じに作って」では思いどおりになりません。目的・条件・完成の形を伝える書き方、段階的に頼む方法、頼み方の失敗例と直し方を、実例で解説します。
- AI が書いたコードの読み方・確かめ方AI は自信たっぷりに間違えます。書かれたコードを「上から順に」読む方法、動作を確かめる手順、よくある AI のミス、直し方を身につけて、任せきりから卒業します。
開発環境
サーバー側
- PHP のきほん：サーバー側で動くプログラムブラウザではなく「サーバー」で動く PHP。環境の準備、基本の文法、フォームから送られたデータの受け取り方、そして絶対に守るべきセキュリティの基本を学びます。
- Laravel とは何か：フレームワークの全体像と最初の一歩「素の PHP」と「Laravel」は何が違うのか。ルーティング・コントローラ・ビュー・データベースというしくみを、実際のコードで追いながら理解し、最初のページを表示するところまで進みます。