PROGATE LESSONS
学習内容
コースのレッスン・演習の一覧です。
フロントエンド
HTML・CSS・JavaScriptでのページ作りから、TypeScriptやReactでのWebアプリの画面作りまで学ぶ
HTML・CSS基礎編
レイアウト・デザイン編
実践マークアップ編
基礎編
応用編
実践編
基礎編
応用編
Type Challenges編
- TupleToUnion - Tuple型からUnion型に変換する型を作ろう
- 文字列から両端の空白を削除した文字列を返すTrim<T>を実装しよう
- Flatten - ネストされた配列をフラットにする型を作ろう
- Replace型を作って型で文字を置換しよう
- 文字列を置換するReplaceAll型を定義しよう
- Capitalize - 文字列型の最初の文字を大文字にする型を作ろう
- ChainableOptions - チェイナブルなオブジェクトに型をつけよう
- AppendArgument - 関数の引数を追加する型を作ろう
- AppendToObject - オブジェクトにキーとバリューを追加する型を作ろう
基礎編
- Emotionを使って要素にスタイルを適用する
- Emotionでオブジェクトスタイルを使う
- Emotionで擬似クラスに対応する
- Emotionで擬似要素に対応する
- Emotionで実現するレスポンシブデザイン
- Emotionで動的に要素のスタイルを変更する
- TailwindCSSでコンポーネントにスタイルを当てる
- TailwindCSSで実現するレスポンシブデザイン
- TailwindCSSで状態に応じたスタイルを適用する
- TailwindCSSでダークモード対応する
- TailwindCSSでダークモードを切り替えられるようにする
- TailwindCSSで親要素の状態に応じてスタイルを変更する
- TailwindCSSで兄弟要素の状態に応じてスタイルを変更する
- CSS Modulesを使って要素にスタイルを適用する
応用編
| セクション | ページ |
|---|---|
| HTMLに触れてみよう! | |
| CSSに触れてみよう! | |
| レイアウトを作ろう! | |
| ヘッダーを作ろう! | |
| フッターを作ろう! | |
| コンテンツを作ろう! | |
| お問い合わせフォームを作ろう! |
| セクション | ページ |
|---|---|
| レイアウトを作ろう | |
| トップ部分を作ろう | |
| ヘッダーを作ろう | |
| レッスン一覧部分を作ろう | |
| メッセージ部分を作ろう | |
| フッターを作ろう | |
| ヘッダーを固定しよう |
| セクション | ページ |
|---|---|
| 初級編を復習しよう |
| セクション | ページ |
|---|---|
| 中級編を復習しよう |
| セクション | ページ |
|---|---|
| レスポンシブデザインとは | |
| メディアクエリ | |
| レスポンシブデザインの実装 |
| セクション | ページ |
|---|---|
| 上級編を復習しよう |
| セクション | ページ |
|---|---|
| Flexboxとは | |
| Flexboxの実装 | |
| レスポンシブデザインの実装 |
| セクション | ページ |
|---|---|
| 文字列と数値 | |
| 変数・定数 | |
| 条件分岐 |
| セクション | ページ |
|---|---|
| 繰り返し処理 | |
| 配列 | |
| オブジェクト | |
| undefined | |
| 総合演習 |
| セクション | ページ |
|---|---|
| 関数を学ぼう |
| セクション | ページ |
|---|---|
| クラスの基本 | |
| クラスの継承 |
| セクション | ページ |
|---|---|
| ファイルを分割しよう | |
| パッケージを使おう |
| セクション | ページ |
|---|---|
| 配列を操作するメソッドを学ぼう |
| セクション | ページ |
|---|---|
| コールバック関数を学ぼう |
| セクション | ページ |
|---|---|
| jQueryの基礎 | |
| イベントを使おう | |
| 要素の取得 |
| セクション | ページ |
|---|---|
| WEBページを作ろう(1) | |
| WEBページを作ろう(2) | |
| WEBページを作ろう(3) |
| セクション | ページ |
|---|---|
| WEBページをつくろう |
| セクション | ページ |
|---|---|
| スライドを作ろう | |
| フォームを操作しよう | |
| ページ内を移動しよう |
Webアプリ・バックエンド
サーバー側の仕組みを作り、アプリとして動かす
実践編(Progate Path・mosya)
次のステップ
| セクション | ページ |
|---|---|
| Node.jsを始めよう | |
| Expressの準備をしよう | |
| ページを表示しよう | |
| EJSを使おう | |
| ページをリンクしよう |
| セクション | ページ |
|---|---|
| データベースを使おう | |
| データベースを準備しよう | |
| データベースの値を表示しよう | |
| 作成機能を作ろう |
| セクション | ページ |
|---|---|
| 削除・編集機能を作ろう | |
| メモを削除しよう | |
| メモを更新しよう |
| セクション | ページ |
|---|---|
| デバッグを体験しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| ログイン機能を作ろう | |
| ユーザー名を表示しよう | |
| ログアウト機能を作ろう | |
| 記事の閲覧を制限しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| ユーザー登録機能を作ろう | |
| ユーザーの入力をチェックする機能を作ろう | |
| パスワードを安全に取り扱う機能を作ろう |
実務レベルまで
実務レベルまで
実務レベルまで
実務レベルまで
基礎をしっかり
実務レベルまで
基礎編
応用編
実践編
データ活用・データベース
データを取り出し、加工して、活用する
実務レベルまで
SQLの基礎
実践データ分析
データベースの構築と設計
基礎
データ活用
データ分析
機械学習
生成AI・AIエージェント
AIを使いこなし、AIと一緒に開発する
実務レベルまで
実務レベルまで
モバイルアプリ開発
スマートフォンで動くアプリを作る
実務レベルまで
ゲーム・ソフトウェア開発
ゲームやデスクトップアプリの土台になる言語を学ぶ
実務レベルまで
実務レベルまで
実務レベルまで
IT基礎スキル
どの分野でも最初に身につけておきたい開発の道具
実務レベルまで
| セクション | ページ |
|---|---|
| ファイルを共有してみよう! | |
| 変更履歴を把握しよう! |
発展的な開発スキル
チーム開発や品質を支える一段上の技術を学ぶ
資格・試験対策
基本情報技術者試験などの資格取得や学校の試験に向けて学ぶ
第1章 AIの基礎と歴史
第2章 生成AI
第3章 AIエージェント
第4章 生成AIのリスク予防・AI倫理・ガバナンス
第5章 生成AIの実践と活用事例
総合問題
旧バージョンのコース
リニューアル前のコース。学習中の方はこちらから続きを学べます
| セクション | ページ |
|---|---|
| Javaの基本 | |
| 変数を使ってみよう | |
| 型変換 | |
| 総合課題 |
| セクション | ページ |
|---|---|
| 真偽値と条件式 | |
| 条件分岐 | |
| 繰り返し処理 | |
| 配列 | |
| 課題に挑戦しよう |
| セクション | ページ |
|---|---|
| メソッド(1) | |
| メソッド(2) | |
| クラスの基本 |
| セクション | ページ |
|---|---|
| Javaの基礎をマスターしよう |
| セクション | ページ |
|---|---|
| オブジェクト指向とは? | |
| オブジェクト指向の基本 | |
| 自己紹介プログラムを作ろう | |
| カプセル化を学ぼう | |
| 総合課題 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 自転車を作ろう | |
| 車を作ろう |
| セクション | ページ |
|---|---|
| プログラムを確認しよう | |
| 継承の基本を学ぼう | |
| 高度な継承を学ぼう | |
| VehicleとPersonを紐付けよう |
| セクション | ページ |
|---|---|
| データを取得しよう | |
| 特定のデータを取得しよう | |
| 取得結果を加工しよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| 検索結果を加工しよう | |
| 集計関数を使おう | |
| データをグループ化しよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| サブクエリを使ってみよう | |
| 複数テーブルを活用してみよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| ファッションサイトのデータベースの分析 |
| セクション | ページ |
|---|---|
| データを追加、更新、削除しよう | |
| 構文を身につけよう |
| セクション | ページ |
|---|---|
| Rubyを動かしてみよう | |
| 変数を使ってみよう | |
| 条件分岐をしてみよう | |
| 課題にチャレンジしよう |
| セクション | ページ |
|---|---|
| 配列と繰り返し | |
| ハッシュとシンボル | |
| nilと様々な配列 | |
| 課題にチャレンジしよう |
| セクション | ページ |
|---|---|
| メソッドを学ぼう | |
| 引数 | |
| 戻り値 | |
| キーワード引数 |
| セクション | ページ |
|---|---|
| クラスとインスタンス | |
| インスタンスメソッド | |
| 「料理注文システム」を作ろう |
| セクション | ページ |
|---|---|
| 継承 | |
| Dateクラスとクラスメソッド |
| セクション | ページ |
|---|---|
| Pythonに触れてみよう | |
| Pythonの基礎を学ぼう | |
| 変数を使ってみよう | |
| 真偽値と条件分岐 | |
| お買い物代金を計算しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 複数のデータを扱おう | |
| いろいろな処理をしてみよう | |
| お買い物プログラムを作ろう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 関数 | |
| じゃんけんゲームを作ろう | |
| じゃんけんゲームを完成させよう |
| セクション | ページ |
|---|---|
| 処理を自分で書けるようになろう |
| セクション | ページ |
|---|---|
| データを扱う処理を書こう | |
| 条件分岐または繰り返し処理を使おう | |
| 条件分岐と繰り返し処理を組み合わせよう | |
| 条件分岐と繰り返し処理の両方使おう |
| セクション | ページ |
|---|---|
| クラスとインスタンス | |
| インスタンスメソッド | |
| 目標物の作成 |
| セクション | ページ |
|---|---|
| クラスの継承 |
| セクション | ページ |
|---|---|
| PHPとは? | |
| PHPの基礎を学ぼう | |
| 条件分岐 | |
| 配列を使ってみよう | |
| 繰り返し処理 | |
| 関数を使ってみよう | |
| お問い合わせフォームを作ろう |
| セクション | ページ |
|---|---|
| PHPの基礎をマスターしよう | |
| 配列の操作をマスターしよう | |
| 連想配列の操作をマスターしよう |
| セクション | ページ |
|---|---|
| オブジェクト指向の基礎を学ぼう | |
| 完成物に近づけよう | |
| カプセル化 | |
| 注文サービスを完成させよう |
| セクション | ページ |
|---|---|
| オブジェクト指向を学ぼう | |
| 継承について学ぼう |
| セクション | ページ |
|---|---|
| 詳細ページを作ろう | |
| ユーザーを追加しよう |
| セクション | ページ |
|---|---|
| Goに触れてみよう | |
| Goの基礎を学ぼう | |
| 変数を使ってみよう | |
| 真偽値と条件分岐 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 標準パッケージを使ってみよう | |
| 繰り返し処理 | |
| おみくじアプリを改良しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 文字列の入力 | |
| 関数を使ってみよう | |
| 引数と戻り値 | |
| スコープを学ぼう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| アドレスを理解しよう | |
| ポインタを理解しよう | |
| 他の関数でポインタを使ってみよう | |
| 値渡しを理解しよう | |
| タイピングゲームを作ろう |
| セクション | ページ |
|---|---|
| Ruby on Railsを始めよう | |
| Railsの基礎を学ぼう | |
| 目標物を完成させよう |
| セクション | ページ |
|---|---|
| 投稿一覧ページを作成しよう | |
| データベースを使ってみよう | |
| 共通のレイアウト |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 投稿詳細ページを作成しよう | |
| 新規投稿ページを作成しよう |
| セクション | ページ |
|---|---|
| トップページ・サービス紹介ページを作ろう | |
| 投稿機能を作ろう(一覧・詳細ページ) |
| セクション | ページ |
|---|---|
| 投稿の編集・削除をしよう | |
| 編集機能を完成させよう | |
| 削除機能を完成させよう |
| セクション | ページ |
|---|---|
| 投稿を制限しよう | |
| 投稿機能とバリデーション | |
| バリデーションを仕上げよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| バリデーションを設定しよう | |
| 新規投稿機能を作ろう | |
| 投稿の編集・削除機能を作ろう |
| セクション | ページ |
|---|---|
| ユーザー機能の準備 | |
| ユーザー情報の表示 | |
| ユーザーの新規登録 | |
| ユーザー情報の編集 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 画像名をデータベースに保存しよう | |
| 画像をアップロードしよう |
| セクション | ページ |
|---|---|
| ログイン機能の準備をしよう | |
| ログイン機能を作成しよう | |
| ログイン機能を仕上げよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 画像アップロード機能を作ろう | |
| ログイン・ログアウト機能を作ろう | |
| ログイン機能を仕上げよう |
| セクション | ページ |
|---|---|
| 投稿とユーザーを紐付けよう | |
| 投稿の編集・削除を制限しよう |
| セクション | ページ |
|---|---|
| いいね機能を作ろう | |
| いいねボタンを改良しよう | |
| いいねした投稿を表示しよう |
| セクション | ページ |
|---|---|
| パスワードをハッシュ化しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 投稿とユーザーを紐付けよう | |
| 「いいね!」機能を作ろう | |
| パスワードをハッシュ化しよう |
| セクション | ページ |
|---|---|
| コマンドラインに触れよう | |
| ファイル構造 | |
| ファイル・ディレクトリを操作しよう |