Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

AI時代でも生き残れるエンジニアへ！AI×React×クリーンコードでシンプルな設計を武器にする実践入門

高品質なコードと設計パターンをAIを駆使して学ぶ

Created by株式会社SIRAS 社員一同

Last updated 7/2025

Japanese

What you'll learn

保守性と拡張性に優れた、読みやすくクリーンなコードを書けるようになる
コメントや設計において、他の人を意識した記述ができるようになる
AIに適切な指示を出し、設計・コーディング補助に活用できるようになる
AIが出力したコードの良し悪しを判断し、適切に修正・改善できるようになる
STS設計（入力・変換・出力のシンプルな型）を実践し、自然にSOLID原則の一部を体得できる
Vue.jsのようなReact以外の言語にも応用できる「設計の型」を習得できる

Course content

8 sections • 8 lectures • 1h 27m total length

はじめに6:39

Requirements

JavaScriptの基本的な文法（変数、条件分岐、関数など）を理解している
コードを記述・実行できる開発環境（VS Code、StackBlitz等）を用意できる
ChatGPTやGitHub Copilotなど、AI支援ツールを使用できる環境がある
※Reactの基礎文法については扱いませんので、別途学習していることを前提とします。

Description

この講座では、誰もが知る「じゃんけんゲーム」のコードを使い、AI（ChatGPT）を活用しながら“読みやすく、変更に強い”クリーンなコードの考え方を学びます。

中心となる「STS設計（入力・変換（判断）・出力）」は、技術用語を多用せず、直感的にコードの構造を捉えられるシンプルな設計の型です。

以下の現場での悩みを応えます。

「AIへの指示の仕方が分からない」

「AIの出力が正しいのか判断できない」

「Reactのコードが複雑で、手を入れづらい」

実践を通じて、AIを設計・コーディングのパートナーとして活用する方法を学びます。

設計原則を自然に体得し、他の言語にも応用可能な「設計の目」を養うことができます。

Who this course is for:

現場でコードを書いているが、設計力やコード品質に不安を感じている方
現場のコードが複雑すぎて、どう改善していけばよいか分からない方
AI（ChatGPT、GitHub Copilot など）を活用して、設計・レビューをレベルアップさせたい方
AIが出力するコードの良し悪しを判断し、適切に活用できるようになりたい方
「読みやすく保守しやすい、クリーンなコード」を書けるようになりたい方
設計原則（STS設計とSOLIDの一部）を実践的に学びたい方
※中級者向けの内容ですが、初心者にも配慮した構成となっています。
※Reactを使用しますが、本講座ではReactの文法や使い方の詳細解説は行いません。
※設計やコード改善の考え方は、他の言語にも応用できます。