FREE COURSE

CodeQuest

物語で学ぶプログラミング 無料研修

架空のスタートアップ「ShimaLink」を立ち上げる物語を通じて、Web開発・セキュリティ・インフラを実践的に学ぶ全25章のカリキュラム。SAIMONが提供する無料のプログラミング研修です。

全25章・約20時間 完全無料 初心者〜中級者向け
Ch.01 🚀 創業編
45分

ひらめきの瞬間

スタートアップの第一歩を踏み出す

Terminal · intro HTML/CSS · intro Git · intro +1
Ch.02 🚀 創業編
50分

最初のクライアント

Mikaのカフェ「海風テラス」のサイトを構築する

HTML構造 · intermediate CSS基礎 · intro レスポンシブデザイン · intro
Ch.03 🚀 創業編
50分

デザインの力

FlexboxとGridでプロのレイアウトを実現する

CSSレイアウト · intermediate Flexbox · intro デザイン原則 · intro
Ch.04 🚀 創業編
55分

動き出すページ

JavaScriptでインタラクティブな体験を作る

JavaScript基礎 · intro DOM操作 · intro イベント処理 · intro
Ch.05 🚀 創業編
50分

世界に公開

海風テラスのサイトをインターネットに公開する

デプロイ · intro DNS · intro HTTPS · intro +1
Ch.06 📈 成長編
55分

JavaScriptの真髄

動的なWebアプリを構築する

JavaScript · intermediate ES6+ · intro Async Programming · intro
Ch.07 📈 成長編
50分

型という盾

TypeScriptで安全なコードを書く

TypeScript · intro Type Safety · intro Interfaces · intro
Ch.08 📈 成長編
55分

APIという架け橋

フロントエンドとバックエンドをつなぐ

REST API · intro JSON · intro HTTP Methods · intro +1
Ch.09 📈 成長編
55分

データの住処

データベースでデータを永続化する

Database Concepts · intro SQL · intro Data Modeling · intro
Ch.10 📈 成長編
55分

誰がアクセスしているか

認証とセキュリティの基礎を学ぶ

Authentication · intro JWT · intro Security Basics · intro
Ch.11 🔒 危機編
50分

侵入者の影

ShimaLinkが攻撃された。セキュリティの世界へ踏み出す

Security Fundamentals · intro Threat Modeling · intro Attack Vectors · intro
Ch.12 🔒 危機編
55分

見えない罠

XSSの仕組みを理解し、見えないスクリプトから身を守る

XSS Prevention · intro Input Sanitization · intro Content Security Policy · intro
Ch.13 🔒 危機編
55分

データベースへの侵入

SQLインジェクションの仕組みと、パラメータ化クエリによる防御

SQL Injection Prevention · intro Parameterized Queries · intro ORM Safety · intro
Ch.14 🔒 危機編
55分

暗号という鎧

暗号化・ハッシュ・HTTPSでデータを守る

Encryption Basics · intro Hashing · intro HTTPS/TLS · intro +1
Ch.15 🔒 危機編
55分

セキュリティ監査

OWASP Top 10と体系的なセキュリティ検証で、ShimaLinkを鉄壁にする

Security Audit · intro OWASP Top 10 · intro Penetration Testing · intro +1
Ch.16 ☁️ 拡大編
55分

コンテナの世界

環境の違いに振り回されない開発を手に入れる

Docker · intro コンテナ化 · intro Docker Compose · intro
Ch.17 ☁️ 拡大編
55分

自動化の流れ

コードをプッシュしたら、あとはパイプラインに任せる

CI/CD · intro GitHub Actions · intro 自動テスト · intro
Ch.18 ☁️ 拡大編
55分

クラウドへの旅

自前サーバーの限界を超え、スケーラブルなインフラへ

クラウドコンピューティング · intro AWS/GCP · intro サーバーレス · intro
Ch.19 ☁️ 拡大編
55分

インフラをコードで

手作業のインフラ構築から、再現可能なコード管理へ

Infrastructure as Code · intro Terraform · intro 環境管理 · intro
Ch.20 ☁️ 拡大編
55分

見守る目

サービスの健康状態をリアルタイムで把握する

モニタリング · intro ロギング · intro アラート · intro
Ch.21 ✨ 飛躍編
55分

Pythonで自動化

繰り返し作業をスクリプトで一掃する

Python · intro Scripting · intro Automation · intro
Ch.22 ✨ 飛躍編
55分

テストの極意

壊れないコードを書く技術

Testing · intermediate Unit Testing · intro TDD · intro
Ch.23 ✨ 飛躍編
55分

速さの追求

パフォーマンス最適化でユーザー体験を磨く

Performance · intro Optimization · intro Caching · intro
Ch.24 ✨ 飛躍編
55分

AIとの共創

大規模言語モデルでShimaLinkを進化させる

AI Concepts · intro LLM Integration · intro Prompt Engineering · intro
Ch.25 ✨ 飛躍編
55分

未来への一歩

旅の終わりは、新しい始まり

Software Architecture · intro Open Source · intro Career Development · intro +1