PROGATE LESSONS
学習内容
コースのレッスン・演習の一覧です。
フロントエンド
HTML・CSS・JavaScriptでのページ作りから、TypeScriptやReactでのWebアプリの画面作りまで学ぶ
HTML・CSS基礎編
レイアウト・デザイン編
実践マークアップ編
基礎編
応用編
実践編
基礎編
応用編
腕試し編
- Hello World - まずはウォーミングアップ
- Readonly型を定義してみよう
- 配列の長さを返すLength<T>を作ろう
- 配列からオブジェクトを生成する型を作ろう
- 配列に要素を追加するPush型を実装する
- Unshift - 配列の先頭に要素を追加する型を作ろう
- Pick - オブジェクト型の一部を選択する型を作ろう
- If - 条件に当てはまる場合とそうでない場合で切り替える型を作ろう
- Awaited - Promise型の中身を取り出す型を作ろう
- Concat - 配列同士を結合する型を作ろう
- First - 配列の最初の要素を返す型を作ろう
- Includes - 配列に要素が含まれればtrueを返す型を作ろう
- 関数の引数の型を取得するMyParametersを作ろう
- LookUp - 特定のフィールドが一致するオブジェクトを取り出す
- Pop - 配列から最後の要素を削除する型を実装しよう
- DeepReadonly - オブジェクト型のすべてのプロパティを読み取り専用にする型
- 関数の戻り値を返す型、ReturnTypeを自分で実装する
- Last型を実装して配列の最後の要素の型を取得しよう
- 第2引数で指定したキーを除外した型を返す型を実装しよう
- Merge型を作って二つのオブジェクト型をマージしよう
- Diff - 二つのオブジェクトの差分を返す型を作ろう
- 文字列をUnion型に変換するStringToUnion<T>を実装しよう
- TupleToUnion - Tuple型からUnion型に変換する型を作ろう
- 文字列から両端の空白を削除した文字列を返すTrim<T>を実装しよう
- Flatten - ネストされた配列をフラットにする型を作ろう
- Replace型を作って型で文字を置換しよう
- 文字列を置換するReplaceAll型を定義しよう
- Capitalize - 文字列型の最初の文字を大文字にする型を作ろう
- ChainableOptions - チェイナブルなオブジェクトに型をつけよう
- AppendArgument - 関数の引数を追加する型を作ろう
- AppendToObject - オブジェクトにキーとバリューを追加する型を作ろう
- Permutation - Union 型からその組み合わせの配列を生成する型を実装する
- 関数PromiseAllに型をつけよう
- KebabCase<T>を実装してみよう
- Absolute - 数値型を絶対値に変換する型を作ろう
- LengthOfString型を実装して文字列の長さを型として取得しよう
- AllCombinations型を実装して、与えられた文字列のすべての組み合わせを返そう
- （オリジナル）オブジェクトのプロパティがreadonlyかを判定しよう
- （オリジナル）DeepPick型を作ってオブジェクトから必要なプロパティだけを取得する
- IsAnyを実装してany型を判別しよう
- ToNumberを定義して文字列型から数字の型を取り出す
- Union型をIntersection型に変換する型を作ろう
- Get - オブジェクトにドットでアクセスする型を作ろう
- オブジェクトからオプショナルなキーだけ取り出すOptionalKeysを実装しよう
- RequiredKeys - オブジェクト型から必須のキーを取り出す
- GetOptional - オブジェクトからオプショナルなプロパティだけを残す型を作ろう
- GetRequired - オブジェクトから必須の項目だけ残す型を作ろう
- 配列から指定された型を除外する型を作ろう
- Tuple型からEnumのような型を返す
- CamelCase - 文字列をキャメルケースに変換する型を作ろう
- Currying - カリー化に便利な型を実装しよう
- DeepObjectToUniq - オブジェクト型の要素を全てユニークにしよう
- 受け取った二つの型を加算するSum型を実装しよう
基礎編
- Emotionを使って要素にスタイルを適用する
- Emotionでオブジェクトスタイルを使う
- Emotionで擬似クラスに対応する
- Emotionで擬似要素に対応する
- Emotionで実現するレスポンシブデザイン
- Emotionで動的に要素のスタイルを変更する
- TailwindCSSでコンポーネントにスタイルを当てる
- TailwindCSSで実現するレスポンシブデザイン
- TailwindCSSで状態に応じたスタイルを適用する
- TailwindCSSでダークモード対応する
- TailwindCSSでダークモードを切り替えられるようにする
- TailwindCSSで親要素の状態に応じてスタイルを変更する
- TailwindCSSで兄弟要素の状態に応じてスタイルを変更する
- CSS Modulesを使って要素にスタイルを適用する
応用編
| セクション | ページ |
|---|---|
| Sassの基礎を学ぼう | |
| 目標物を作ってみよう |
| セクション | ページ |
|---|---|
| HTMLに触れてみよう！ | |
| CSSに触れてみよう！ | |
| レイアウトを作ろう！ | |
| ヘッダーを作ろう！ | |
| フッターを作ろう！ | |
| コンテンツを作ろう！ | |
| お問い合わせフォームを作ろう！ |
| セクション | ページ |
|---|---|
| レイアウトを作ろう | |
| トップ部分を作ろう | |
| ヘッダーを作ろう | |
| レッスン一覧部分を作ろう | |
| メッセージ部分を作ろう | |
| フッターを作ろう | |
| ヘッダーを固定しよう |
| セクション | ページ |
|---|---|
| 初級編を復習しよう |
| セクション | ページ |
|---|---|
| 中級編を復習しよう |
| セクション | ページ |
|---|---|
| レスポンシブデザインとは | |
| メディアクエリ | |
| レスポンシブデザインの実装 |
| セクション | ページ |
|---|---|
| 上級編を復習しよう |
| セクション | ページ |
|---|---|
| Flexboxとは | |
| Flexboxの実装 | |
| レスポンシブデザインの実装 |
| セクション | ページ |
|---|---|
| 文字列と数値 | |
| 変数・定数 | |
| 条件分岐 |
| セクション | ページ |
|---|---|
| 繰り返し処理 | |
| 配列 | |
| オブジェクト | |
| undefined | |
| 総合演習 |
| セクション | ページ |
|---|---|
| 関数を学ぼう |
| セクション | ページ |
|---|---|
| クラスの基本 | |
| クラスの継承 |
| セクション | ページ |
|---|---|
| ファイルを分割しよう | |
| パッケージを使おう |
| セクション | ページ |
|---|---|
| 配列を操作するメソッドを学ぼう |
| セクション | ページ |
|---|---|
| コールバック関数を学ぼう |
| セクション | ページ |
|---|---|
| jQueryの基礎 | |
| イベントを使おう | |
| 要素の取得 |
| セクション | ページ |
|---|---|
| WEBページを作ろう(1) | |
| WEBページを作ろう(2) | |
| WEBページを作ろう(3) |
| セクション | ページ |
|---|---|
| WEBページをつくろう |
| セクション | ページ |
|---|---|
| スライドを作ろう | |
| フォームを操作しよう | |
| ページ内を移動しよう |
Webアプリ・バックエンド
サーバー側の仕組みを作り、アプリとして動かす
実践編（Progate Path・mosya）
次のステップ
| セクション | ページ |
|---|---|
| Node.jsを始めよう | |
| Expressの準備をしよう | |
| ページを表示しよう | |
| EJSを使おう | |
| ページをリンクしよう |
| セクション | ページ |
|---|---|
| データベースを使おう | |
| データベースを準備しよう | |
| データベースの値を表示しよう | |
| 作成機能を作ろう |
| セクション | ページ |
|---|---|
| 削除・編集機能を作ろう | |
| メモを削除しよう | |
| メモを更新しよう |
| セクション | ページ |
|---|---|
| デバッグを体験しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| ログイン機能を作ろう | |
| ユーザー名を表示しよう | |
| ログアウト機能を作ろう | |
| 記事の閲覧を制限しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| ユーザー登録機能を作ろう | |
| ユーザーの入力をチェックする機能を作ろう | |
| パスワードを安全に取り扱う機能を作ろう |
実務レベルまで
実務レベルまで
実務レベルまで
実務レベルまで
基礎をしっかり
実務レベルまで
基礎編
応用編
実践編
データ活用・データベース
データを取り出し、加工して、活用する
実務レベルまで
SQLの基礎
実践データ分析
データベースの構築と設計
基礎
データ活用
データ分析
機械学習
- はじめての機械学習
- 学習に不要な項目を削除しよう
- 欠損値の数を調べて処理しよう
- カテゴリ変数を変換しよう
- はじめての scikit-learn
- 学習に必要なデータを分割しよう
- 購買データから学習に必要なデータを用意しよう
- 線形回帰を使ってモデルに学習させよう
- モデルの性能を評価しよう
- 決定係数によるモデルの評価をしよう
- MSE によるモデルの評価をしよう
- 散布図を使ってモデルを評価しよう
- 購買データから購入価格を予測するモデルを作ろう
- ロジスティック回帰を使ってモデルに学習させよう
- 精度によるモデルの評価をしよう
- 混同行列によるモデルの評価をしよう
- 適合率・再現率・F 値によるモデルの評価をしよう
- 顧客管理データから成約を予測するモデルを作ろう
- 会員データから解約を予測するモデルを作ろう
生成AI・AIエージェント
AIを使いこなし、AIと一緒に開発する
実務レベルまで
実務レベルまで
モバイルアプリ開発
スマートフォンで動くアプリを作る
実務レベルまで
ゲーム・ソフトウェア開発
ゲームやデスクトップアプリの土台になる言語を学ぶ
実務レベルまで
実務レベルまで
IT基礎スキル
どの分野でも最初に身につけておきたい開発の道具
実務レベルまで
| セクション | ページ |
|---|---|
| ファイルを共有してみよう！ | |
| 変更履歴を把握しよう！ |
発展的な開発スキル
チーム開発や品質を支える一段上の技術を学ぶ
資格・試験対策
基本情報技術者試験などの資格取得や学校の試験に向けて学ぶ
旧バージョンのコース
リニューアル前のコース。学習中の方はこちらから続きを学べます
| セクション | ページ |
|---|---|
| Javaの基本 | |
| 変数を使ってみよう | |
| 型変換 | |
| 総合課題 |
| セクション | ページ |
|---|---|
| 真偽値と条件式 | |
| 条件分岐 | |
| 繰り返し処理 | |
| 配列 | |
| 課題に挑戦しよう |
| セクション | ページ |
|---|---|
| メソッド（１） | |
| メソッド（２） | |
| クラスの基本 |
| セクション | ページ |
|---|---|
| Javaの基礎をマスターしよう |
| セクション | ページ |
|---|---|
| オブジェクト指向とは？ | |
| オブジェクト指向の基本 | |
| 自己紹介プログラムを作ろう | |
| カプセル化を学ぼう | |
| 総合課題 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 自転車を作ろう | |
| 車を作ろう |
| セクション | ページ |
|---|---|
| プログラムを確認しよう | |
| 継承の基本を学ぼう | |
| 高度な継承を学ぼう | |
| VehicleとPersonを紐付けよう |
| セクション | ページ |
|---|---|
| データを取得しよう | |
| 特定のデータを取得しよう | |
| 取得結果を加工しよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| 検索結果を加工しよう | |
| 集計関数を使おう | |
| データをグループ化しよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| サブクエリを使ってみよう | |
| 複数テーブルを活用してみよう | |
| 総合演習 |
| セクション | ページ |
|---|---|
| ファッションサイトのデータベースの分析 |
| セクション | ページ |
|---|---|
| データを追加、更新、削除しよう | |
| 構文を身につけよう |
| セクション | ページ |
|---|---|
| Rubyを動かしてみよう | |
| 変数を使ってみよう | |
| 条件分岐をしてみよう | |
| 課題にチャレンジしよう |
| セクション | ページ |
|---|---|
| 配列と繰り返し | |
| ハッシュとシンボル | |
| nilと様々な配列 | |
| 課題にチャレンジしよう |
| セクション | ページ |
|---|---|
| メソッドを学ぼう | |
| 引数 | |
| 戻り値 | |
| キーワード引数 |
| セクション | ページ |
|---|---|
| クラスとインスタンス | |
| インスタンスメソッド | |
| 「料理注文システム」を作ろう |
| セクション | ページ |
|---|---|
| 継承 | |
| Dateクラスとクラスメソッド |
| セクション | ページ |
|---|---|
| Pythonに触れてみよう | |
| Pythonの基礎を学ぼう | |
| 変数を使ってみよう | |
| 真偽値と条件分岐 | |
| お買い物代金を計算しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 複数のデータを扱おう | |
| いろいろな処理をしてみよう | |
| お買い物プログラムを作ろう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 関数 | |
| じゃんけんゲームを作ろう | |
| じゃんけんゲームを完成させよう |
| セクション | ページ |
|---|---|
| 処理を自分で書けるようになろう |
| セクション | ページ |
|---|---|
| データを扱う処理を書こう | |
| 条件分岐または繰り返し処理を使おう | |
| 条件分岐と繰り返し処理を組み合わせよう | |
| 条件分岐と繰り返し処理の両方使おう |
| セクション | ページ |
|---|---|
| クラスとインスタンス | |
| インスタンスメソッド | |
| 目標物の作成 |
| セクション | ページ |
|---|---|
| クラスの継承 |
| セクション | ページ |
|---|---|
| PHPとは？ | |
| PHPの基礎を学ぼう | |
| 条件分岐 | |
| 配列を使ってみよう | |
| 繰り返し処理 | |
| 関数を使ってみよう | |
| お問い合わせフォームを作ろう |
| セクション | ページ |
|---|---|
| PHPの基礎をマスターしよう | |
| 配列の操作をマスターしよう | |
| 連想配列の操作をマスターしよう |
| セクション | ページ |
|---|---|
| オブジェクト指向の基礎を学ぼう | |
| 完成物に近づけよう | |
| カプセル化 | |
| 注文サービスを完成させよう |
| セクション | ページ |
|---|---|
| オブジェクト指向を学ぼう | |
| 継承について学ぼう |
| セクション | ページ |
|---|---|
| 詳細ページを作ろう | |
| ユーザーを追加しよう |
| セクション | ページ |
|---|---|
| Goに触れてみよう | |
| Goの基礎を学ぼう | |
| 変数を使ってみよう | |
| 真偽値と条件分岐 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 標準パッケージを使ってみよう | |
| 繰り返し処理 | |
| おみくじアプリを改良しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 文字列の入力 | |
| 関数を使ってみよう | |
| 引数と戻り値 | |
| スコープを学ぼう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| アドレスを理解しよう | |
| ポインタを理解しよう | |
| 他の関数でポインタを使ってみよう | |
| 値渡しを理解しよう | |
| タイピングゲームを作ろう |
| セクション | ページ |
|---|---|
| Ruby on Railsを始めよう | |
| Railsの基礎を学ぼう | |
| 目標物を完成させよう |
| セクション | ページ |
|---|---|
| 投稿一覧ページを作成しよう | |
| データベースを使ってみよう | |
| 共通のレイアウト |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 投稿詳細ページを作成しよう | |
| 新規投稿ページを作成しよう |
| セクション | ページ |
|---|---|
| トップページ・サービス紹介ページを作ろう | |
| 投稿機能を作ろう（一覧・詳細ページ） |
| セクション | ページ |
|---|---|
| 投稿の編集・削除をしよう | |
| 編集機能を完成させよう | |
| 削除機能を完成させよう |
| セクション | ページ |
|---|---|
| 投稿を制限しよう | |
| 投稿機能とバリデーション | |
| バリデーションを仕上げよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| バリデーションを設定しよう | |
| 新規投稿機能を作ろう | |
| 投稿の編集・削除機能を作ろう |
| セクション | ページ |
|---|---|
| ユーザー機能の準備 | |
| ユーザー情報の表示 | |
| ユーザーの新規登録 | |
| ユーザー情報の編集 |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 画像名をデータベースに保存しよう | |
| 画像をアップロードしよう |
| セクション | ページ |
|---|---|
| ログイン機能の準備をしよう | |
| ログイン機能を作成しよう | |
| ログイン機能を仕上げよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 画像アップロード機能を作ろう | |
| ログイン・ログアウト機能を作ろう | |
| ログイン機能を仕上げよう |
| セクション | ページ |
|---|---|
| 投稿とユーザーを紐付けよう | |
| 投稿の編集・削除を制限しよう |
| セクション | ページ |
|---|---|
| いいね機能を作ろう | |
| いいねボタンを改良しよう | |
| いいねした投稿を表示しよう |
| セクション | ページ |
|---|---|
| パスワードをハッシュ化しよう |
| セクション | ページ |
|---|---|
| 目標物を確認しよう | |
| 投稿とユーザーを紐付けよう | |
| 「いいね！」機能を作ろう | |
| パスワードをハッシュ化しよう |
| セクション | ページ |
|---|---|
| コマンドラインに触れよう | |
| ファイル構造 | |
| ファイル・ディレクトリを操作しよう |