サンプルを見る
📚 この連載のレッスンのゴール：〇×ゲーム
📖 この連載のレッスン終了後の自由課題の例：ライフゲーム
📖 この記事のゴール
情報
| What is | This is |
|---|---|
| この連載の目的 | ゲーム対局サーバーを立てる |
| この記事の目標 | その目次 |
使うもの:
| This is | Price |
|---|---|
| Visual Studio Code | 無料 |
| Python | 無料 |
| Django | 無料 |
| Docker | 無料 |
| Web Socket | 無料 |
ここは目次
学習コストが低くなるように並べている。
数字の小さな Lesson から 上から下へ１つずつ、飛ばさず全部 読み進めてほしい
Lesson [O1o0] Table of Contents
- 📖
[O1o1o0] ゲーム対局サーバーを作ろう！(この記事)
Lesson [O2o0] Install
Lesson [O3o0] Web page
- 📖 [O3o1o0] Webページを追加しよう！
- 📖 [o3o2o_1o0] URL設定を自動化しよう！
- 📖 [O3o2o0] HTMLのボイラープレートを減らすテンプレートを使おう！
- 📖 [O3o3o0] HTMLのボイラープレートを減らすテンプレートを作るのも減らそう！
Lesson [O4o0] Super-user
Lesson [O5o0] Launcher
Lesson [O6o0] Auth, Sign up
- 📖 [O6o1o0] ユーザー認証を付けよう！
- もっと勉強したい人向けの関連記事
Lesson [O7o0] Reset database
Lesson [O8o0] Auth, Log in/out
※サインインとログイン、サインアウトとログアウトは、実装としては同じもの
- 📖 [O8o1o0] ログイン（ユーザー認証）のページを作ろう！
- 📖 [O8o2o0] ログインしていないと見れないページ，およびログアウト機能を付けよう！
- 📖 [O8o3o0] ログインしていない人には見えず、ログインしている人には見えるボタンを作ろう！
Lesson [O9o0] User, Extends User, and Active User
Lesson [OA10o0]. Model
Lesson [OA11o0] CRUD
- 📖 [OA11o1o0] モデルのインスタンスの一覧表示をしよう！
- 📖 [OA11o2o0] モデルのインスタンスの読取ページを作成しよう！
- 📖 [OA11o3o0] モデルのインスタンスの削除ページを作成しよう！
- 📖 [OA11o4o0] モデルのインスタンスの作成／更新ページを作成しよう！
Lesson [OA12o0] Vuetify
- 📖 [OA12o1o0] フロントエンドにVuetifyを使おう！
- 📖 [OA12o2o0] VuetifyのData tableを使おう！
- 📖 [OA12o3o0] Vuetifyのテキストフィールドのバリデーションの練習をしよう！
Lesson [OA13o0] JSON
- 📖 [OA13o1o0] Django のビューの Python スクリプトで JSON ファイルを読み込んで HTML に埋め込んでいる JavaScript にデータを渡そう！
- 📖 [OA13o2o0] WebページへJSON形式のテキストを渡そう！
- 📖 [OA13o3o0] サーバーからデータをJSON形式のテキストで受信しよう！
- 📖 [OA13o4o0] データをサーバーへJSON形式で渡して、記憶させよう！
Lesson [OA14o0] Socket
Lesson [OA15o0] Web socket
Lesson [OA16o0] Tic tac toe
- 📖 [OA16o1o0] Webブラウザ越しに２人対戦できる〇×ゲームを作ろう！
- 📖 [OA16o2o0] Tic-Tac-Toeの思考エンジンを作ろう！
- 📖 [OA16o3o_1o0] Tic-Tac-Toeのクライアントからサーバーへ送る通信メッセージを取り決めしよう！
- 📖 [OA16o3o_2o0] Tic-Tac-Toeのサーバーからクライアントへ送る通信メッセージを取り決めしよう！
- 📖 [OA16o3o0] Webブラウザ越しに２人対戦できる〇×ゲームを作ろう！ Vuetify編
Lesson [OA17o0] Open server
- 📖 [OA17o1o0] さくらのVPS さくらのVPS のサーバー利用スペースを購入する
- 📖 [OA17o2o0] さくらのVPS gitでソースをクローンしよう！
- 📖 [OA17o3o0] さくらのVPS 備忘録
Lesson [OA18o0] Make room
- 📖 [OA18o1o0] ゲーム対局部屋のモデルを定義しよう！
- 📖 [OA18o2o0] ゲーム対局部屋を一覧しよう！
- 📖 [OA18o3o0] ゲーム対局部屋を読取しよう！
- 📖 [OA18o4o0] ゲーム対局部屋を削除しよう！
- 📖 [OA18o5o0] ゲーム対局部屋を作成または更新しよう！
Lesson [OA19o0] User home
Lesson [OA20o0] Lobby
Lesson [OA21o0] Web page reload and redirect automatically
Lesson [OA22o0] Reduce client-side functionality
Lesson [OA23o0] Check-in
Lesson [OA24o0] Monitor
Lesson [OA25o0] Watching game
以下は自由課題
ライフゲーム
- 📖 DjangoとDocker自由課題[OAAA1001o1o0] ライフゲームを作ろう！
- 📖 DjangoとDocker自由課題[OAAA1001o1o0ga12o_1o0] ライフゲームの思考エンジンを作ろう！
- 📖 DjangoとDocker自由課題[OAAA1001o1o0ga13o__10o0] ライフゲームのGUIを作ろう！