PROGATE LESSONS
学習内容
コースのレッスン・演習の一覧です。
フロントエンド
HTML・CSS・JavaScriptでのページ作りから、TypeScriptやReactでのWebアプリの画面作りまで学ぶ
HTML・CSS基礎編
学習
HTMLの基礎を学ぼう
プロ
目安時間 1h40m
- HTMLに触れてみよう
- コードを読みやすくしよう
- 見出しと段落
- リンク
- 画像
- リスト
- テーブルをマスターしよう
- ページ内リンクを作ろう
学習
CSSを使ったスタイリングの基礎を学ぼう
プロ
目安時間 6h
- セレクタ
- タグに名前をつける
- 値と単位
- 文字の色
- 文字の大きさと種類
- テキストのレイアウト
- 高さと幅と背景の色
- 背景
- カスケードと継承
- ボックスモデル
- 要素コンテナ
- 要素の表示
- 要素に角丸や影をつけてみよう
- 要素に枠をつけるborderとoutlineをおさえよう
- 背景にグラデーションを適用してみよう
- ポジションを使った要素の配置をマスターする
- 擬似クラスを使ってスタイリングをしよう
- 擬似要素を利用してスタイリングをしよう
- n番目の要素に対してCSSを適用する
- 要素特有のCSSを抑えよう
- z-indexを使って要素の重なり順を指定しよう
- 【腕試し】おしゃれなカードを作ろう
学習
Webページの基本的な構造を学ぼう
プロ
目安時間 2h30m
- HTMLの全体構造
- HTMLの全体構造（2）
- セクショニング要素
- 全体のレイアウト
- ヘッダーの構造
- ヘッダーのレイアウト
- ヘッダーの余白
- フッターの構造
- フッターのレイアウト
- メインのレイアウト
- コンテンツの構造
- ボーダー
- paddingとmargin
- お問い合わせフォームのレイアウト
- お問い合わせフォームのレイアウト（2）
レイアウト・デザイン編
学習
ランディングページを作成しよう
プラス
目安時間 2h50m
- 全体のレイアウトを作ろう
- トップ部分のレイアウトを作ろう
- 透明度、文字の間隔を調整しよう
- ボタンを作ろう
- レイアウトを整えよう
- アイコンを使おう
- ヘッダーのレイアウトを作ろう
- ログインリンクを作ろう
- ログインリンクを完成させよう
- レッスン一覧のレイアウトを作ろう
- レッスンを並べよう
- レイアウトを整えよう
- メッセージ部分のレイアウトを作ろう
- 立体的なボタンを作ろう
- クリック時に変化をつけよう
- フッターを作ろう
- ヘッダーを固定しよう
学習
レスポンシブデザインを適用しよう
プロ
目安時間 2h30m
- ビューポートの概念を理解しよう
- メディアクエリを設定しよう
- メディアクエリによるレイアウト
- box-sizing
- レスポンシブデザインの型を準備しよう
- タブレット向けのレイアウトを作ってみよう
- レイアウトの崩れを修正しよう
- スマートフォン向けのレイアウト（１）
- スマートフォン向けのレイアウト（２）
- フォントをレスポンシブ化しよう
- max-width
- ヘッダーメニューを切り替えよう
- モバイルファーストな実装を身につけよう
学習
Flexboxの使い方を学ぼう
プロ
目安時間 1h50m
- display: flex
- flex: auto
- flex-wrap: wrap
- メディアクエリ
- flex-direction
- flexのshrinkやgrowの概念を理解しよう
- flexの縦方向に対する整列の方法により詳しくなろう！
- flexで個別に配置を上書きしよう
学習
Gridの使い方を学ぼう
プロ
目安時間 2h
- CSS Grid Layoutの概念を抑えよう
- グリッドアイテムにspanを指定する
- グリッドの好きな位置にアイテムを並べよう
- グリッドの便利な関数を学ぼう
- Grid Template Areasを使ってサイトのレイアウトを作ろう
- Gridで中央配置を簡単に実現する
学習
CSSアニメーションを学ぼう
プロ
目安時間 1h20m
- トランシジョンをマスターしよう
- トランシジョンとトランスフォーム
- CSSアニメーションを学ぼう
- アニメーションのタイミングをずらす
学習
CSS変数を学ぼう
プロ
目安時間 1h
- CSS変数を利用して共通の値を管理しよう
- CSS変数でレスポンシブ対応をより簡単に
- CSS変数を使ってダークモード対応してみよう
学習
実践的なCSSのテクニックを学ぼう
プロ
目安時間 2h
- 要素をスクロールに追随させよう
- 画像などの表示比率を指定しよう
- calcを使った四則演算をマスターしよう
- :hasを使って特定の要素を含む要素にスタイルを適用しよう
- 親の幅の大きさでCSSを切り替えるコンテナクエリ
- :is と :where を使って、CSSを簡単に書こう！
学習
ライブラリーを活用しよう
プロ
目安時間 1h
- ライブラリを活用しよう！
- FontAwesomeを使ってアイコンを表示しよう
- Googleフォントを使ってサイトの雰囲気を変えよう
実践マークアップ編
学習
フォームの作り方を学ぼう
プロ
目安時間 1h10m
- フォーム
- フォームの選択項目
- フォームのカスタマイズ
- フォームに必須項目を作ろう
- フォームにいろいろなルールを設けよう
学習
実践的なHTMLのテクニックを学ぼう
プロ
目安時間 1h50m
- 画像の解像度に応じて表示してみよう
- pictureタグでデバイスに応じて画像を切り替えよう
- ダイアログ要素を使ってみよう
学習
アクセシビリティとSEOを意識したマークアップを学ぼう
プロ
目安時間 6h10m
- 検索結果の表示に影響する要素
- OGP
- URLパラメータ
- role属性を理解しよう
- aria-label, aria-hiddenを活用しよう
- 画像でのalt属性の使い方
- パンくずリストとアクセシビリティ
- タブUIとアクセシビリティ
- Core Web Vitalsを学びユーザー体験を向上させよう
- 画像を遅延ロードしよう
- deferを使ってscriptを遅延実行しよう
- WebPを使って画像の表示速度を向上させよう
- 構造化データを活用する
- 重複コンテンツの正規化
- サイトの検索に関わるマークアップ
学習
UIコンポーネントを実装しよう
プロ
目安時間 3h20m
- 吹き出しデザインを実装しよう
- レスポンシブなヘッダーを実装しよう
- details, summary要素を利用してアコーディオンを実装しよう
- メインビジュアルを作ろう
- 背景動画付きのヒーローエリア
- レスポンシブなカードデザイン
- ドロワーを実装しよう
- ModalVideo.jsをつかってYouTube動画を再生しよう
- Micromodal.jsを使ってモーダルウィンドウを実装しよう
- Splideを使ってスライダーを作ってみよう
学習
Webサイトの模写に挑戦しよう
プロ
目安時間 1h40m
- ポートフォリオサイトのトップページ模写
- サービスのLPページを模写しよう
- カフェサイトのトップページ模写
- ブログサイトのトップページを模写しよう
- 会社のトップページ模写
学習
開発者ツールでデバッグしてみよう
プロ
目安時間 5h10m
- Webページを開発する環境を用意しよう！
- Progate CLI のインストール
- Node.jsのインストール
- ヘッダータイトル画像が表示されないバグの修正
- ヘッダータイトルのCSSが適用されていないバグの修正
- 【はじめての Web アプリケーション】GitHub Pages を使って Web サイトを公開しよう
基礎編
学習
JavaScriptの基本を学ぼう
プロ
目安時間 1h30m
- はじめてのJavaScript
- 変数と定数
- 四則演算をマスターしよう
- テンプレートリテラルで文字を扱おう
- はじめての関数
- 引数
- 無名関数とアロー関数
学習
条件分岐と繰り返しを学ぼう
プロ
目安時間 40m
- 条件分岐をマスターしよう
- for文をマスターしよう
学習
配列・オブジェクト・クラスを使いこなそう
プロ
目安時間 1h
- 配列
- 配列の便利メソッドをおさえよう
- オブジェクト
- クラスの概念を覚えよう
学習
モジュールを使いこなそう
プラス
目安時間 1h10m
- ファイルの分割（1）
- ファイルの分割（2）
- 値のエクスポート
- 名前付きエクスポート
- 相対パス
- パッケージ（1）
- パッケージ（2）
学習
ロジックの腕試しに挑戦しよう
プロ
目安時間 1h40m
- 【腕試し】FizzBuzz問題を解いてみよう
- 【腕試し】階乗を計算する関数を作ろう
- 【腕試し】フィボナッチ数列に挑戦しよう
- 【腕試し】ピラミッドを作る関数
- 【腕試し】逆ピラミッドを作る関数
応用編
学習
DOMを操作してみよう
プロ
目安時間 1h20m
- HTMLでJavaScriptを実行しよう
- DOMの概念を覚えよう
- 属性を使った要素の取得
- DOMを操作しよう
- 親要素を取得してみよう
学習
イベントとクラス操作で動きをつけよう
プロ
目安時間 50m
- addEventListenerメソッド
- インラインイベントハンドラー
- クラス属性の操作
- 要素の追加・削除を実装しよう
学習
非同期処理とAPI通信を学ぼう
プロ
目安時間 2h10m
- コールバック関数とは
- コールバック関数を直接定義する
- コールバック関数の引数
- fetchで情報を取得しよう
- Promiseで処理をスッキリさせよう
- async/awaitで非同期処理を簡単に
- fetchでデータを送信しよう
- try/catchでエラーを処理しよう
学習
ブラウザの機能を活用しよう
プロ
目安時間 40m
- localStorageにデータを保存しよう
- スクロールに応じて要素を表示しよう
学習
データ処理の腕試しに挑戦しよう
プロ
目安時間 1h
- 【腕試し】配列から重複を取り除こう
- 【腕試し】最も出現する文字を見つけよう
- 【腕試し】配列を回転させよう
実践編
学習
ローカル開発環境を準備しよう
プロ
目安時間 2h
- Progate CLI のインストール
- Node.jsのインストール
学習
ローカル環境でJavaScriptを実践しよう
プロ
目安時間 2h
- JavaScriptをブラウザで実行してみよう
- TODOアプリを開発しよう
基礎編
学習
TypeScriptとは何かを学習しよう
目安時間 10m
- TypeScript と型について学ぼう！
学習
基本的な型定義を理解しよう
プロ
目安時間 1h
- TypeScriptの基本を覚えよう
- 関数に型を適用する
- オブジェクトの型を定義する
応用編
学習
発展的な型定義の手法について理解しよう
プロ
目安時間 2h20m
- ユニオン型とインターセクション型を理解しよう
- anyより安全なunknown型を使ってみよう
- タイプガードを使ってみよう
- 配列型を使ってみよう
- オブジェクトの任意プロパティについて
- readonlyについて
- TypeScriptのジェネリクスをマスターしよう
学習
知って差をつける一歩進んだ型を使いこなそう
プロ
目安時間 2h20m
- 条件型を使ってみよう
- インデックス型を理解しよう
- async関数やPromiseの型を理解する
- never型を使ってみよう
- 型情報だけを提供するd.tsファイルを学ぼう
- as constで値を型として固定しよう
- satisfiesで型情報を保ちながら型チェックしよう
腕試し編
学習
Type Challengesに挑戦しよう（初級編）
プロ
目安時間 4h20m
- Hello World - まずはウォーミングアップ
- Readonly型を定義してみよう
- 配列の長さを返すLength<T>を作ろう
- 配列からオブジェクトを生成する型を作ろう
- 配列に要素を追加するPush型を実装する
- Unshift - 配列の先頭に要素を追加する型を作ろう
- Pick - オブジェクト型の一部を選択する型を作ろう
- If - 条件に当てはまる場合とそうでない場合で切り替える型を作ろう
- Awaited - Promise型の中身を取り出す型を作ろう
- Concat - 配列同士を結合する型を作ろう
- First - 配列の最初の要素を返す型を作ろう
- Includes - 配列に要素が含まれればtrueを返す型を作ろう
- 関数の引数の型を取得するMyParametersを作ろう
学習
Type Challengesに挑戦しよう（中級編）
プロ
目安時間 8h40m
- 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型を作ってオブジェクトから必要なプロパティだけを取得する
学習
Type Challengesに挑戦しよう（上級編）
プロ
目安時間 4h40m
- IsAnyを実装してany型を判別しよう
- ToNumberを定義して文字列型から数字の型を取り出す
- Union型をIntersection型に変換する型を作ろう
- Get - オブジェクトにドットでアクセスする型を作ろう
- オブジェクトからオプショナルなキーだけ取り出すOptionalKeysを実装しよう
- RequiredKeys - オブジェクト型から必須のキーを取り出す
- GetOptional - オブジェクトからオプショナルなプロパティだけを残す型を作ろう
- GetRequired - オブジェクトから必須の項目だけ残す型を作ろう
- 配列から指定された型を除外する型を作ろう
- Tuple型からEnumのような型を返す
- CamelCase - 文字列をキャメルケースに変換する型を作ろう
- Currying - カリー化に便利な型を実装しよう
- DeepObjectToUniq - オブジェクト型の要素を全てユニークにしよう
- 受け取った二つの型を加算するSum型を実装しよう
基礎編
学習
Reactのコンポーネントの作り方を学ぼう
目安時間 3h20m
- Reactに触れてみよう
- ReactDOMを使ってHTMLにコンポーネントを表示する
- JSXをマスターしよう
- JSXに変数を埋め込もう
- コンポーネントをimportしてみよう
- さまざまなimportをマスターしよう
- JavaScriptから直接CSSを読み込む方法
- ReactのPropsを理解する
- コンポーネント同士を入れ子にする
- 要素にスタイル属性を指定する
学習
Reactで表示を出し分ける方法を学ぼう
プロ
目安時間 2h20m
- 条件に応じてコンポーネントの表示、非表示を切り替える
- 三項演算子を使ってコンポーネントの表示を切り替える
- 条件に応じてコンポーネントのクラス名を変更する
- Reactで配列をリストとして表示する
- Reactで安全に要素を表示する
- データがない場合にかわりの内容を表示する
- ReactのFragmentを使ってみよう
学習
Reactでコンポーネントに動きをつけよう
プロ
目安時間 2h10m
- Reactでクリックイベントを扱う
- クリックイベントの高度な使い方
- Reactのコンポーネントで状態を保持しよう
- Reactで入力イベントを扱う
- カスタムコンポーネントでイベントを扱う
学習
Reactでコンポーネントをスタイリングしよう
プロ
目安時間 4h40m
- Emotionを使って要素にスタイルを適用する
- Emotionでオブジェクトスタイルを使う
- Emotionで擬似クラスや擬似要素に対応する
- Emotionで実現するレスポンシブデザイン
- Emotionで動的に要素のスタイルを変更する
- TailwindCSSでコンポーネントにスタイルを当てる
- TailwindCSSで実現するレスポンシブデザイン
- TailwindCSSで状態に応じたスタイルを適用する
- TailwindCSSでダークモード対応する
- TailwindCSSで別要素の状態に応じてスタイルを変更する
- CSS Modulesを使って要素にスタイルを適用する
学習
さまざまなReact Hooksを体験しよう
プロ
目安時間 1h40m
- useEffectで副作用を扱う
- useRefを使って描画に影響しない値を保持する
- useRefを使ってDOMを操作する
- useEffectで値の変更に応じて処理を実行する
- Reactでカスタムフックを作ってみよう
学習
Reactでリストの更新をマスターしよう
プロ
目安時間 1h40m
- Reactでリストに項目を追加する
- Reactでリストの項目を削除する
- Reactでリストの項目を更新する
- Immerを使ってオブジェクトや配列のステートを更新する
- useReducerを使って複雑な状態管理をしよう
応用編
学習
TypeScript入門
プロ
目安時間 3h20m
- TypeScriptの基本を覚えよう
- 関数に型を適用する
- オブジェクトの型を定義する
- ユニオン型とインターセクション型を理解しよう
- anyより安全なunknown型を使ってみよう
- タイプガードを使ってみよう
- 配列型を使ってみよう
- オブジェクトの任意プロパティについて
- readonlyについて
- TypeScriptのジェネリクスをマスターしよう
学習
React + TypeScript入門
プロ
目安時間 1h40m
- Reactのコンポーネントに型をつけよう
- Reactのイベントに型を定義する
- Reactのstateに対して型をつける
- useRefと型定義
- useReducerと型定義
学習
ReactでAPIに接続しよう
プロ
目安時間 2h
- Reactでfetchを使ってAPIからデータを取得する
- SWRを使ってデータを便利に扱おう
- Suspenseを使ってデータ取得時に表示を切り替える
- ErrorBoundaryを使ってアプリケーションのエラーを最小限にする
- Reactでfetchを使ってAPIにデータを送信する
- SWRのmutateでデータを再取得しよう
学習
Reactのアニメーション入門
プロ
目安時間 1h
- Framer Motionを使ってアニメーションを作る
- Framer Motionを使って動作に応じたアニメーションを実装する
- Framer Motionを使った並び替えアニメーション
学習
Reactでフォームを作ろう
プロ
目安時間 1h40m
- Reactでフォームを作ろう
- React Hook Formを使ってフォームを作ろう
- React Hook Formでバリデーションを適用しよう
- Zodを使ったフォームのバリデーション
- React Hook Formで配列を扱おう
学習
パフォーマンスを意識したフックの活用法
プロ
目安時間 1h
- useCallbackを使って再レンダリングを防ぐ
- useMemoを使って計算結果を保持する
- コンポーネントを動的にロードする
学習
React Router入門
プロ
目安時間 1h20m
- React Routerを使って画面遷移を実装する
- React Routerで404ページを用意する
- React Routerで動的なルーティングを実現する
- React RouterのOutletを活用する
学習
知って差をつけるTypeScript
プロ
目安時間 2h20m
- 条件型を使ってみよう
- インデックス型を理解しよう
- async関数やPromiseの型を理解する
- never型を使ってみよう
- 型情報だけを提供するd.tsファイルを学ぼう
- as constキーワードで特定の値で型を固定する
- satisfiesキーワードで型情報を変更せずに型チェックする
学習
Reactコンポーネント間で共通の状態を管理しよう
プロ
目安時間 1h20m
- ReactのContextを使った状態管理
- Jotaiで実装するシンプルな状態管理
- Jotaiで既存のアトムから新しい値を取得する
- Jotaiで少し複雑な状態管理を実現する
学習
リントできれいなコードを書こう
プロ
目安時間 1h40m
- リントの基本を学ぶ1
- リントの基本を学ぶ2
- リントの基本を学ぶ3
- リントの基本を学ぶ4
- リントの基本を学ぶ5
実践編
学習
Reactでコンポーネントを作ってみよう
プロ
目安時間 2h
- クーポンページコンポーネントを作ろう
- フォトギャラリーコンポーネントを作ろう
- ミュージックプレイヤーコンポーネントを作ろう
- フルーツ検索コンポーネントを作ろう
- ログインフォームコンポーネントを作ろう
- 英単語クイズコンポーネントを作ろう
学習
Reactでアプリを一から作ろう
プロ
目安時間 1h
- Reactでお天気アプリを作ってみよう
- Reactでメモアプリを作ってみよう
- ReactでECサイトを作ってみよう
学習
Sass I
プラス
目安時間 1h30m
| セクション | ページ |
|---|---|
| Sassの基礎を学ぼう |
入れ子構造
&記号 (1)
&記号 (2)
変数
mixin (1)
mixin (2)
関数
|
| 目標物を作ってみよう |
目標物を確認しよう
プロフィールを作ってみよう
学習言語一覧を作ってみよう
言語ごとの色を指定してみよう
関数を活用してみよう
変数をまとめてみよう
総合課題
|
学習
HTML & CSS 初級編
プラス
目安時間 3h50m
| セクション | ページ |
|---|---|
| HTMLに触れてみよう！ |
HTMLに触れてみよう！
見出しと段落
リンク
画像
リスト
|
| CSSに触れてみよう！ |
文字の色
文字の大きさと種類
高さと幅と背景の色
タグに名前をつける
|
| レイアウトを作ろう！ |
HTMLの全体構造
HTMLの全体構造（2）
全体のレイアウト
|
| ヘッダーを作ろう！ |
ヘッダーの構造
ヘッダーのレイアウト
ヘッダーの余白
|
| フッターを作ろう！ |
フッターの構造
フッターのレイアウト
|
| コンテンツを作ろう！ |
メインのレイアウト
コンテンツの構造
ボーダー
paddingとmargin
|
| お問い合わせフォームを作ろう！ |
お問い合わせフォームのレイアウト
お問い合わせフォームのレイアウト（2）
|
学習
HTML & CSS 中級編
プラス
目安時間 4h30m
| セクション | ページ |
|---|---|
| レイアウトを作ろう |
目標物を確認しよう
全体のレイアウトを作ろう
|
| トップ部分を作ろう |
トップ部分のレイアウトを作ろう
透明度、文字の間隔を調整しよう
ボタンを作ろう
レイアウトを整えよう
アイコンを使おう
|
| ヘッダーを作ろう |
ヘッダーのレイアウトを作ろう
ログインリンクを作ろう
ログインリンクを完成させよう
|
| レッスン一覧部分を作ろう |
レッスン一覧のレイアウトを作ろう
レッスンを並べよう
レイアウトを整えよう
|
| メッセージ部分を作ろう |
メッセージ部分のレイアウトを作ろう
立体的なボタンを作ろう
クリック時に変化をつけよう
|
| フッターを作ろう |
フッターを作ろう
|
| ヘッダーを固定しよう |
ヘッダーを固定しよう
|
道場
HTML & CSS 初級編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 初級編を復習しよう |
ヘッダーを作ろう
トップ部分を作ろう
コンテンツ部分を作ろう
お問い合わせフォームを作ろう
フッター部分を作ろう
|
道場
HTML & CSS 中級編
プラス
目安時間 3h20m
| セクション | ページ |
|---|---|
| 中級編を復習しよう |
トップ部分を作ろう
ヘッダーを作ろう
レッスン一覧部分を作ろう
メッセージ部分を作ろう
フッターを作ろう
|
学習
HTML & CSS 上級編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| レスポンシブデザインとは |
目標物を確認しよう
|
| メディアクエリ |
メディアクエリを設定しよう
メディアクエリによるレイアウト
box-sizing
|
| レスポンシブデザインの実装 |
レスポンシブデザインの型を準備しよう
タブレット向けのレイアウトを作ってみよう
レイアウトの崩れを修正しよう
スマートフォン向けのレイアウト（１）
スマートフォン向けのレイアウト（２）
フォントをレスポンシブ化しよう
max-width
ヘッダーメニューを切り替えよう
|
道場
HTML & CSS 上級編
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| 上級編を復習しよう |
ヘッダーをレスポンシブ対応させよう！
トップ部分をレスポンシブ対応させよう！
レッスン一覧部分をレスポンシブ対応させよう！
フッターをレスポンシブ対応させよう！
|
学習
HTML & CSS Flexbox編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| Flexboxとは |
目標物を確認しよう
|
| Flexboxの実装 |
display: flex
flex: auto
|
| レスポンシブデザインの実装 |
flex-wrap: wrap
メディアクエリ
flex-direction
|
学習
JavaScript 基礎文法編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 文字列と数値 |
JavaScript（ES6）を学ぼう
console.log()
計算してみよう
計算してみよう(2)
文字列の連結
|
| 変数・定数 |
変数とは
変数の役割
変数の値の更新（1）
変数の値の更新（2）
定数とは
テンプレートリテラル
|
| 条件分岐 |
if文
真偽値と比較演算子（1）
真偽値と比較演算子（2）
else
else if
複数の条件式
switch文（1）
switch文（2）
|
学習
JavaScript 繰り返し処理編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 繰り返し処理 |
変数の復習
while文
for文
繰り返し処理のまとめ
|
| 配列 |
配列とは
配列の要素の取得
配列の要素の更新
配列と繰り返し（1）
配列と繰り返し（2）
|
| オブジェクト |
オブジェクトとは
オブジェクトの値の取得・更新
オブジェクトを要素に持つ配列（1）
オブジェクトを要素に持つ配列（2）
|
| undefined |
undefinedとは
undefinedの対応
|
| 総合演習 |
総合演習(1)
総合演習(2)
|
学習
JavaScript 関数編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 関数を学ぼう |
関数とは（1）
関数とは（2）
アロー関数
引数とは
複数の引数を受け取る関数
戻り値とは
戻り値の活用
スコープ
総合演習
|
学習
JavaScript クラス基礎編
プラス
目安時間 3h
| セクション | ページ |
|---|---|
| クラスの基本 |
オブジェクトの復習
クラスとは
インスタンスの生成
コンストラクタ（1）
コンストラクタ（2）
コンストラクタ（3）
メソッド（1）
メソッド（2）
メソッド内でのメソッド呼び出し
|
| クラスの継承 |
継承とは
継承したクラスを使う
メソッドの追加
オーバーライド（1）
オーバーライド（2）
|
学習
JavaScript npmパッケージ編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| ファイルを分割しよう |
ファイルの分割（1）
ファイルの分割（2）
値のエクスポート
名前付きエクスポート
相対パス
|
| パッケージを使おう |
パッケージ（1）
パッケージ（2）
|
学習
JavaScript 配列メソッド編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| 配列を操作するメソッドを学ぼう |
pushメソッド
forEachメソッド
findメソッド
filterメソッド
mapメソッド
|
学習
JavaScript コールバック関数編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| コールバック関数を学ぼう |
コールバック関数を学ぼう
コールバック関数とは
コールバック関数を直接定義する
コールバック関数の引数
|
学習
jQuery 初級編
プラス
目安時間 2h25m
| セクション | ページ |
|---|---|
| jQueryの基礎 |
jQueryに触れてみよう
メソッドを使ってみよう
アニメーションを使おう
classとid
要素を表示しよう
|
| イベントを使おう |
clickイベント
cssメソッド
textメソッドとhtmlメソッド
this
変数とメソッドチェーン
|
| 要素の取得 |
find・children
hoverイベント
|
学習
jQuery 中級編
プラス
目安時間 2h15m
| セクション | ページ |
|---|---|
| WEBページを作ろう(1) |
jQueryの準備
モーダルを表示しよう(1)
モーダルを表示しよう(2)
モーダルを隠そう
|
| WEBページを作ろう(2) |
hover機能の準備
addClass・removeClass
|
| WEBページを作ろう(3) |
アコーディオンの準備(1)
アコーディオンの準備(2)
アコーディオンを完成しよう
|
道場
jQuery 中級編
プラス
目安時間 1h30m
| セクション | ページ |
|---|---|
| WEBページをつくろう |
新規登録モーダルをつくろう
レッスン一覧をつくろう
アコーディオンをつくろう
|
学習
jQuery 上級編
プラス
目安時間 4h30m
| セクション | ページ |
|---|---|
| スライドを作ろう |
eqメソッド
表示するスライドを切り替えよう
indexメソッド
prevとnext
ボタンの表示/非表示
関数を使おう
length
|
| フォームを操作しよう |
要素の値を取得しよう（１）
要素の値を取得しよう（２）
入力欄の値を取得しよう
選択ボックスの値を取得しよう
フォームの入力チェックをしよう
入力欄への自動入力
選択ボックスの自動選択
|
| ページ内を移動しよう |
アニメーションをつけよう
ページ内リンクをつくろう
スクロールにアニメーションをつけよう
ナビゲーションをつくろう
|
Webアプリ・バックエンド
サーバー側の仕組みを作り、アプリとして動かす
学習
Web開発の世界に飛び込もう！
目安時間 50m
- Web開発の世界へようこそ
- HTMLを学ぼう
- 見出しと段落
- リンク
- ここから広がるWeb開発の世界
学習
Webページをつくろう
プラス
目安時間 1h
- 画像
- リスト
- 文字の色
- 文字の大きさと種類
- 高さと幅と背景の色
- タグに名前をつける
学習
Webページの構造を学ぼう
プラス
目安時間 2h
- HTMLの全体構造
- HTMLの全体構造（2）
- 全体のレイアウト
- ヘッダーの構造
- ヘッダーのレイアウト
- ヘッダーの余白
- フッターの構造
- フッターのレイアウト
- メインのレイアウト
- コンテンツの構造
- ボーダー
- paddingとmargin
学習
レイアウトの幅を広げよう
プラス
目安時間 2h30m
- セマンティック要素
- ボーダーの方向指定
- ボーダーの修飾
- テキストのレイアウト
- 文字の修飾（1）
- 文字の修飾（2）
- ポジション
- ポジション（z-index）
- Flexbox（1）
- Flexbox（2）
- Flexbox（3）
- グリッドレイアウト
- ボックスの大きさ（1）
- ボックスの大きさ（2）
- 要素サイズの制限
学習
JavaScriptを始めよう
プラス
目安時間 2h10m
- JavaScript（ES6）を学ぼう
- console.log()
- 計算してみよう
- 計算してみよう（2）
- 文字列の連結
- 変数とは
- 変数の役割
- 変数の値の更新（1）
- 変数の値の更新（2）
- 定数とは
- テンプレートリテラル
- 【コラム】プログラミング学習を始める人が知るべきマインドセット
- 【コラム】プログラムを作るときの考え方
学習
JavaScriptの基本を学ぼう
プラス
目安時間 1h40m
- if文
- 真偽値と比較演算子（1）
- 真偽値と比較演算子（2）
- else
- else if
- 複数の条件式
- while文
- for文
- ChatGPTを使ってコードの意味を理解しよう
- ChatGPTから問題を解くための“ヒント“を引き出そう
学習
配列を学ぼう
プラス
目安時間 50m
- 配列とは
- 配列の要素の取得
- 配列の要素の更新
- 配列と繰り返し（1）
- 配列と繰り返し（2）
学習
オブジェクトを学ぼう
プラス
目安時間 1h20m
- オブジェクトとは
- オブジェクトの値の取得・更新
- オブジェクトを要素に持つ配列（1）
- オブジェクトを要素に持つ配列（2）
- undefinedとは
- undefinedの対応
- 総合演習（1）
- 総合演習（2）
学習
関数を学ぼう
プラス
目安時間 1h30m
- 関数とは（1）
- 関数とは（2）
- アロー関数
- 引数とは
- 複数の引数を受け取る関数
- 戻り値とは
- 戻り値の活用
- スコープ
- 総合演習
学習
配列を操作しよう
プラス
目安時間 50m
- pushメソッド
- forEachメソッド
- findメソッド
- filterメソッド
- mapメソッド
学習
コマンドラインを学ぼう
プラス
目安時間 1h
- ファイルの作成
- ディレクトリの移動
- カレントディレクトリの確認
- ディレクトリの中身を表示する
- 1つ親のディレクトリ
- ホームディレクトリ
学習
自分のPCで開発する準備をしよう
目安時間 30m
- Webページを開発する環境を用意しよう！
- VS Codeでターミナルを使おう
- 【コラム】検証ツール（デベロッパーモード）の使い方
学習
自分のコードを動かしてWebページを公開しよう
目安時間 30m
- ローカル環境で総合問題にチャレンジ！
- 自分で作ったWebページをインターネット上に公開しよう
- 公開したWebページを更新しよう
学習
クラスとモジュールを学ぼう
プラス
目安時間 3h30m
- オブジェクトの復習
- クラスとは
- インスタンスの生成
- コンストラクタ（1）
- コンストラクタ（2）
- コンストラクタ（3）
- メソッド（1）
- メソッド（2）
- メソッド内でのメソッド呼び出し
- 継承とは
- 継承したクラスを使う
- メソッドの追加
- オーバーライド（1）
- オーバーライド（2）
- ファイルの分割（1）
- ファイルの分割（2）
- 値のエクスポート
- 名前付きエクスポート
- 相対パス
- パッケージ（1）
- パッケージ（2）
学習
Webページを動かそう
目安時間 30m
- DOMとは
- getElementByIdを使ってページの要素を取得しよう
- querySelectorを使ってページの要素を取得しよう
学習
Webアプリケーションを作ってみよう
プラス
目安時間 2h
- Webについて知ろう
- Webアプリケーションについて知ろう
- 目標物の確認
- Expressの導入
- サーバーの起動
- ページの表示の仕組み
- CSSの適用と画像の表示
- 一覧画面の作成
- EJSを使った値の表示
- forEachを使ったHTMLの表示
- ページ間リンク
- ChatGPTでコードや環境のエラーを解消しよう
学習
Webアプリケーションでデータを扱おう
プラス
目安時間 2h
- データベースとは
- クエリとは
- 複数のカラムを選択する
- 目標物の確認
- データベースの導入
- データベースの利用
- 取得した値の表示
- 作成画面の作成
- フォームを使ったリクエスト
- フォームの値の受け取り
- データベースへの追加
- リダイレクトの活用
学習
Webアプリケーションでデータの更新と削除をしよう
プラス
目安時間 1h50m
- データを追加しよう
- データを更新しよう
- データを削除しよう
- 目標物の確認
- 削除ボタンの準備
- 削除するidの受け渡し
- DELETEクエリの実行
- メモ更新の準備
- 選択されたメモの表示
- 更新のルーティング
- 選択されたメモの更新
実践編（Progate Path・mosya）
学習
JavaScriptの実践問題に挑戦しよう
プロ
目安時間 1h20m
- ローカル環境でFizzBuzz問題を解いてみよう
- 配列とオブジェクトを使った問題を解いてみよう
学習
開発環境を整えてWebページを公開しよう
プロ
目安時間 6h
- Progate CLIをインストールしよう
- Node.jsをインストールしよう
- VS Codeに慣れよう
- 【はじめてのWebアプリケーション】Webページをインターネット上に公開しよう
- Puppeteerをインストールしよう
- 【はじめての Web アプリケーション】トップページを作成しよう
学習
Webアプリに便利な機能を追加しよう
プロ
目安時間 2h
- 【はじめての Web アプリケーション】単位変換機能を実装しよう
- 【はじめての Web アプリケーション】暗記カード機能のカード表示処理を実装しよう
学習
暗記カードを追加するAPIを実装しよう
プロ
目安時間 1h
- 【はじめての Web アプリケーション】暗記カード機能のカード追加処理を実装しよう
次のステップ
学習
作りたいWebアプリを考えよう
目安時間 10m
- 【はじめての Web アプリケーション】ChatGPTで“作りたいもの”を形にしよう
学習
Node.js Express入門編
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| Node.jsを始めよう |
目標物の確認
|
| Expressの準備をしよう |
Expressの導入
サーバーの起動
|
| ページを表示しよう |
ページの表示の仕組み
CSSの適用と画像の表示
一覧画面の作成
|
| EJSを使おう |
EJSを使った値の表示
forEachを使ったHTMLの表示
|
| ページをリンクしよう |
ページ間リンク
|
学習
Node.js データベース操作基礎編
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| データベースを使おう |
目標物の確認
|
| データベースを準備しよう |
データベースの導入
|
| データベースの値を表示しよう |
データベースの利用
取得した値の表示
|
| 作成機能を作ろう |
作成画面の作成
フォームを使ったリクエスト
フォームの値の受け取り
データベースへの追加
リダイレクトの活用
|
学習
Node.js データベース操作応用編
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| 削除・編集機能を作ろう |
目標物の確認
|
| メモを削除しよう |
削除ボタンの準備
削除するidの受け渡し
DELETEクエリの実行
|
| メモを更新しよう |
メモ更新の準備
選択されたメモの表示
更新のルーティング
選択されたメモの更新
|
学習
Node.js デバッグ編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| デバッグを体験しよう |
デバッグの手順を知ろう
デバッグを練習しよう
エラーを可視化しよう
値を可視化しよう
|
学習
Node.js ログイン機能編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
ブログサイトを作ろう
ブログサイトの現状を確認しよう
|
| ログイン機能を作ろう |
ログイン機能を作ろう
ユーザー認証の処理を作ろう（１）
ユーザー認証の処理を作ろう（２）
セッションを管理しよう
セッションを使ってみよう
常にログイン状態を確認しよう
|
| ユーザー名を表示しよう |
ユーザー名をヘッダーに表示しよう
ヘッダーを共通化しよう
|
| ログアウト機能を作ろう |
ログアウト機能を作成しよう
ログイン状態で表示を切り替えよう
|
| 記事の閲覧を制限しよう |
一般記事と限定記事に分けよう
限定記事の閲覧を制限しよう
|
学習
Node.js ユーザー登録機能編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
ユーザー登録機能を作ろう
|
| ユーザー登録機能を作ろう |
ユーザー登録機能を作成する手順
ユーザー登録処理を作成しよう
ユーザー登録と同時にログインしよう
|
| ユーザーの入力をチェックする機能を作ろう |
入力値の空チェック機能を作成しよう
ユーザー登録フォームの未入力を防ごう
エラーメッセージを表示しよう
もう１つミドルウェア関数を追加しよう
メールアドレスの重複を防ごう
|
| パスワードを安全に取り扱う機能を作ろう |
パスワードの安全な取り扱い方を学ぼう
パスワードのハッシュ化を導入しよう
ハッシュ化されたパスワードでログインしよう
|
学習
Ruby 基礎文法編
プラス
目安時間 1h30m
| セクション | ページ |
|---|---|
| Rubyを動かしてみよう |
Rubyを実行してみよう
Rubyの基本と文字列
数値と足し算・引き算
様々な計算
文字列の連結
|
| 変数を使ってみよう |
変数の基本
変数を使ってみよう
変数の役割と注意点
変数の更新（１）
変数の更新（２）
変数展開
|
| 条件分岐をしてみよう |
if文
真偽値・比較演算子（１）
比較演算子（２）
else
elsif
条件を組み合わせよう
|
| 課題にチャレンジしよう |
総合課題
|
学習
Ruby 繰り返し処理編
プラス
目安時間 1h45m
| セクション | ページ |
|---|---|
| 配列と繰り返し |
配列とは
配列を使ってみよう
each文
変数の使える範囲
|
| ハッシュとシンボル |
ハッシュとは
ハッシュを使ってみよう
シンボルとは
ハッシュのキーの書き方
|
| nilと様々な配列 |
nilとは
if nil
要素がハッシュである配列（１）
要素がハッシュである配列（２）
要素がハッシュである配列（３）
|
| 課題にチャレンジしよう |
総合課題（１）
総合課題（２）
|
学習
Ruby メソッド編
プラス
目安時間 1h10m
| セクション | ページ |
|---|---|
| メソッドを学ぼう |
メソッドとは
メソッドを自作しよう
|
| 引数 |
引数とは
引数を使いこなそう
メソッド定義のスコープ
複数の引数
|
| 戻り値 |
戻り値とは
様々な戻り値
複数の戻り値
|
| キーワード引数 |
キーワード引数
|
学習
Ruby クラス基礎編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| クラスとインスタンス |
目標物を確認しよう
クラスの定義
インスタンス変数
インスタンスの生成
インスタンス変数を用いる
複数のインスタンス
|
| インスタンスメソッド |
メソッドを用いる
インスタンスメソッド
メソッドとインスタンス変数
クラスとインスタンスの復習
initializeメソッド（１）
initializeメソッド（２）
|
| 「料理注文システム」を作ろう |
ファイルを分割する
メニューの一覧表示機能（１）
メニューの一覧表示機能（２）
入力を受け取る
メニューの選択機能
|
学習
Ruby クラス応用編
プラス
目安時間 1h30m
| セクション | ページ |
|---|---|
| 継承 |
目標物を確認しよう
継承とは
継承のしくみ
インスタンス変数の追加
インスタンスメソッドの追加
「料理注文システム」の復習
オーバーライド（１）
オーバーライド（２）
super
オーバーライドの復習
|
| Dateクラスとクラスメソッド |
Dateクラスの使い方（１）
Dateクラスの使い方（２）
クラスメソッドの定義
クラスメソッドの処理
クラスメソッドの呼び出し
|
学習
Ruby on Rails5 入門編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| Ruby on Railsを始めよう |
Ruby on Railsを始めよう
|
| Railsの基礎を学ぼう |
Railsアプリケーションの開発を始めよう
トップページを作ってみよう
ビューを理解しよう
コントローラを理解しよう
ルーティングを理解しよう
ルーティングを変えてみよう
サービス紹介ページを追加しよう
|
| 目標物を完成させよう |
レイアウトを整えよう
画像を表示してみよう
トップページのURLを変更しよう
リンクを作ろう
|
学習
Ruby on Rails5 データベース操作基礎編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 投稿一覧ページを作成しよう |
目標物を確認しよう
投稿一覧ページを作成しよう
変数を使って表示しよう
each文で表示しよう
アクションで変数を定義しよう
|
| データベースを使ってみよう |
データベースを用意しよう
テーブルを用意しよう
モデルを確認しよう
rails consoleを使ってみよう
テーブルにデータを作成しよう
テーブルから投稿データを取り出そう（1）
テーブルから投稿データを取り出そう（2）
テーブルの投稿データを表示しよう
|
| 共通のレイアウト |
共通のレイアウトをまとめよう
link_toメソッド
|
学習
Ruby on Rails5 ルーティングとフォーム編
プラス
目安時間 2h10m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 投稿詳細ページを作成しよう |
自動生成されるカラム
find_byメソッドで投稿を取得しよう
投稿詳細ページを作成しよう
URLからidを取得しよう
詳細画面に投稿を表示しよう
詳細画面へのリンクを作成しよう
|
| 新規投稿ページを作成しよう |
新規投稿ページを作成しよう
入力フォームを作成しよう
投稿内容を受け取るアクションを用意しよう
投稿一覧ページに転送しよう
投稿内容を保存しよう
投稿を並び替えよう
|
道場
Ruby on Rails5 I
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| トップページ・サービス紹介ページを作ろう |
目標物を確認しよう
アプリケーションを用意しよう
トップページを作ろう
URLを変更しよう
サービス紹介ページを作ろう
ヘッダーを作ろう
|
| 投稿機能を作ろう（一覧・詳細ページ） |
モデルとテーブルを作ろう
投稿一覧ページを作ろう
投稿詳細ページを作ろう
|
学習
Ruby on Rails5 データ編集と削除編
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| 投稿の編集・削除をしよう |
目標物を確認しよう
投稿の編集をしよう
投稿の削除をしよう
|
| 編集機能を完成させよう |
投稿編集ページを用意しよう
フォームを用意しよう
フォームの入力内容を受け取ろう
updateアクションの中身をつくろう
|
| 削除機能を完成させよう |
削除機能をつくろう
destroyアクションへのリンクをつくろう
削除機能を完成させよう
|
学習
Ruby on Rails5 バリデーション編
プラス
目安時間 1h50m
| セクション | ページ |
|---|---|
| 投稿を制限しよう |
目標物を確認しよう
空の投稿を防ごう
投稿を140文字以内に制限しよう
|
| 投稿機能とバリデーション |
バリデーションとsaveメソッド
投稿失敗時の表示画面
直前の投稿を表示しよう
エラーメッセージを表示しよう
サクセスメッセージを表示しよう
|
| バリデーションを仕上げよう |
新規投稿ページとバリデーション（1）
新規投稿ページとバリデーション（2）
新規投稿、削除機能のサクセスメッセージ
|
道場
Ruby on Rails5 II
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| バリデーションを設定しよう |
バリデーションを設定しよう
|
| 新規投稿機能を作ろう |
新規投稿ページを作ろう
投稿を保存しよう
サクセス・エラーメッセージ
|
| 投稿の編集・削除機能を作ろう |
投稿の編集ページを作ろう
編集機能を完成させよう
削除機能を作ろう
|
学習
Ruby on Rails5 ユーザー管理機能編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| ユーザー機能の準備 |
目標物を確認しよう
テーブルとモデルを作成しよう
ユーザーのデータを作ろう
バリデーションを追加しよう
|
| ユーザー情報の表示 |
ユーザー一覧を作ろう
ユーザーの詳細ページを作ろう
|
| ユーザーの新規登録 |
ユーザー登録ページを作ろう
ユーザーの保存をしよう
新規登録機能を完成させよう
|
| ユーザー情報の編集 |
編集ページを作ろう
ユーザーの編集機能を完成させよう
|
学習
Ruby on Rails5 画像管理編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 画像名をデータベースに保存しよう |
テーブルにカラムを追加しよう
マイグレーションファイルを編集しよう
初期画像を設定しよう
ユーザー画像を表示しよう
|
| 画像をアップロードしよう |
画像の送信
ファイルを作成しよう
画像を保存しよう
|
学習
Ruby on Rails5 ログイン機能編
プラス
目安時間 3h
| セクション | ページ |
|---|---|
| ログイン機能の準備をしよう |
目標物を確認しよう
ログインページを作ろう
パスワードカラムを追加しよう
フォームの値を送信できるようにしよう
|
| ログイン機能を作成しよう |
ユーザーを特定しよう
ユーザーが存在しない場合の処理
ログイン処理を書いていこう
ログアウト機能を作ろう
ユーザー登録時のログイン
|
| ログイン機能を仕上げよう |
ユーザー名を表示しよう
アクション側で共通の変数を定義しよう
ログインしていない場合のアクセス制限
ログインユーザーがアクセスできないページ
ユーザーの編集を制限しよう(ビュー)
ユーザーの編集を制限しよう（アクション）
|
道場
Ruby on Rails5 III
プラス
目安時間 3h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 画像アップロード機能を作ろう |
image_nameカラムを追加しよう
初期画像を設定しよう
画像編集機能を作ろう
|
| ログイン・ログアウト機能を作ろう |
パスワードカラムを追加しよう
ログインフォームを作成しよう
ログイン処理を追加しよう
ユーザーが存在しない場合の処理
ユーザー登録時にログイン状態にしよう
ログアウト機能を作ろう
|
| ログイン機能を仕上げよう |
ヘッダーにユーザー名を表示しよう
ログインしていない場合のアクセス制限
ログインしている場合のアクセス制限
自分の情報のみ編集できるようにしよう
|
学習
Ruby on Rails5 アソシエーション編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 投稿とユーザーを紐付けよう |
目標物を確認しよう
postsテーブルにuser_idカラムを追加しよう
新規投稿をログインユーザーに紐付けよう
投稿にユーザー名を表示しよう
インスタンスメソッドを定義しよう
インスタンスメソッドを用いて書き換えよう
投稿一覧にもユーザー名を表示しよう
whereメソッド
ユーザーに紐付く投稿を取得しよう
ユーザー詳細に投稿を表示しよう
|
| 投稿の編集・削除を制限しよう |
投稿者だけが編集できるようにしよう（１）
投稿者だけが編集できるようにしよう（２）
|
学習
Ruby on Rails5 リアクション機能編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| いいね機能を作ろう |
目標物を確認しよう
Likeモデルを用意しよう
likesテーブルにデータを用意しよう
投稿にいいねしたか表示しよう
いいねボタンの準備
いいねボタンを作ろう
いいね取り消しボタンを作ろう
|
| いいねボタンを改良しよう |
いいねボタンをアイコンにしよう（１）
いいねボタンをアイコンにしよう（２）
いいねの数を表示しよう
|
| いいねした投稿を表示しよう |
いいねした投稿を表示しよう（１）
いいねした投稿を表示しよう（２）
|
学習
Ruby on Rails5 パスワード管理編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| パスワードをハッシュ化しよう |
目標物を確認しよう
Gemfileを編集しよう
has_secure_password
password_digestカラムを追加しよう
passwordカラム
ハッシュ化されたパスワードを用いたログイン
|
道場
Ruby on Rails5 IV
プラス
目安時間 3h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 投稿とユーザーを紐付けよう |
投稿とユーザーを 紐付ける準備をしよう
新規投稿をログイン中の ユーザーと紐付ける
投稿一覧ページにユーザー情報を表示しよう
ユーザー詳細ページに投稿を表示しよう
投稿の編集と削除を制限しよう
|
| 「いいね！」機能を作ろう |
いいね機能を作る準備
「いいね！」ボタンの準備
「いいね！」ボタンを作ろう
いいね数を表示しよう
「いいね！」した投稿を表示しよう
|
| パスワードをハッシュ化しよう |
パスワードのハッシュ化の準備
パスワードのハッシュ化と保存
ハッシュ化されたパスワードでログインする
|
学習
PHP Web開発基礎編
プラス
目安時間 4h
| セクション | ページ |
|---|---|
| PHPとは？ |
echo
|
| PHPの基礎を学ぼう |
データの種類
変数
変数の値を更新する
文字列の連結
|
| 条件分岐 |
if文
else, elseif文
&&, ||
switch文
|
| 配列を使ってみよう |
配列
連想配列
|
| 繰り返し処理 |
for文
while文
break文
continue文
foreach文
|
| 関数を使ってみよう |
関数
関数を自作する
戻り値
|
| お問い合わせフォームを作ろう |
formタグ
テキストボックス
$_POST
セレクトボックス
フォームを完成させよう
|
道場
PHP I
プラス
目安時間 1h50m
| セクション | ページ |
|---|---|
| PHPの基礎をマスターしよう |
文字列を表示しよう
文字列の連結
数値計算
条件分岐
FizzBuzz
|
| 配列の操作をマスターしよう |
合計金額を求めよう
最高価格を求めよう
|
| 連想配列の操作をマスターしよう |
価格を表示しよう
全ての価格を表示しよう
合計金額を求めよう
最高価格のものを求めよう
|
学習
PHP オブジェクト指向初級編
プラス
目安時間 3h40m
| セクション | ページ |
|---|---|
| オブジェクト指向の基礎を学ぼう |
目標物を確認しよう
クラスとインスタンス
プロパティ
メソッド
$this
コンストラクタ
コンストラクタとプロパティ
|
| 完成物に近づけよう |
HTMLとPHP
HTMLとPHP（2）
ファイルを分けよう
画像と価格を表示しよう
税込価格を表示しよう
|
| カプセル化 |
カプセル化を学ぼう
注文個数を管理しよう
|
| 注文サービスを完成させよう |
フォームを作ろう
フォームの値を受け取ろう
注文の小計を出そう
注文の合計金額を出そう
|
学習
PHP オブジェクト指向中級編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| オブジェクト指向を学ぼう |
目標物を確認しよう
クラスプロパティ
クラスメソッド
|
| 継承について学ぼう |
継承
独自メソッド、プロパティ
instanceof
protected
parent
継承について復習しよう
Foodの表示を仕上げよう
|
学習
PHP オブジェクト指向上級編
プラス
目安時間 3h30m
| セクション | ページ |
|---|---|
| 詳細ページを作ろう |
目標物を確認しよう
リンクを作ろう
クエリ情報
詳細ページの中身を作ろう
Reviewクラスを作ろう
Reviewのデータを作ろう
レビューを表示しよう
関連するレビューを表示しよう
|
| ユーザーを追加しよう |
Userクラスを作ろう
Userのデータを作ろう
ReviewとUserをひも付けよう
ユーザーの情報を表示しよう
id
idでReviewとUserを紐付けよう
|
学習
Go 基礎文法編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| Goに触れてみよう |
Goに触れてみよう
|
| Goの基礎を学ぼう |
GoのFormat
Goの基本
数値
数値の計算
文字列の連結
|
| 変数を使ってみよう |
変数の基本
変数の更新
色々な変数の作り方
変数とエラー
変数と自己代入
|
| 真偽値と条件分岐 |
if文を使ってみよう
真偽値
else
else if
条件式を組み合わせよう
switch
|
学習
Go 標準パッケージ・繰り返し処理編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 標準パッケージを使ってみよう |
fmtパッケージ
書式付き出力
書式付き出力（整数）
改行文字
|
| 繰り返し処理 |
for
|
| おみくじアプリを改良しよう |
randパッケージ
完全な乱数を生成しよう
おみくじアプリを改良しよう
|
学習
Go 関数編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 文字列の入力 |
fmt.Scan
|
| 関数を使ってみよう |
関数とは
関数の基本
|
| 引数と戻り値 |
引数
問題番号を出す
戻り値とは
計算をしよう
引数と戻り値
|
| スコープを学ぼう |
関数に値を渡すときの注意点（１）
関数に値を渡すときの注意点（２）
|
学習
Go ポインタ編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| アドレスを理解しよう |
アドレスを理解しよう
|
| ポインタを理解しよう |
ポインタを理解しよう
ポインタを使ってみよう
|
| 他の関数でポインタを使ってみよう |
別の関数でポインタを利用する
|
| 値渡しを理解しよう |
引数の仕組みを知ろう
引数のまとめ
|
| タイピングゲームを作ろう |
ポインタを使ってスコア計算をしよう
|
基礎をしっかり
学習
Javaをはじめよう
目安時間 1h20m
- Javaに触れてみよう
- プログラムの骨格
- Javaの基本・文字列
- 数値
- 数値の計算
- 文字列の連結
- コンパイルと実行
- 「Javaをはじめよう」の振り返り
学習
変数とデータ型
プラス
目安時間 1h30m
- 変数の定義
- 変数を使ってみよう
- 変数の更新
- 自己代入
- 自己代入の省略
- 変数の役割と注意点
- いろいろなデータ型
- 変わらない値にはfinal
- 「変数とデータ型」の振り返り
学習
式と演算子・型変換
プラス
目安時間 1h20m
- 小数を扱おう
- 整数どうしの割り算
- 小数のわずかな誤差
- 1ずつ増やす
- 自動型変換
- 強制型変換
- 課題に挑戦しよう
- 「式と演算子・型変換」の振り返り
学習
文字列を扱おう
プラス
目安時間 1h30m
- 文字列は変わらない
- 文字数と1文字の取り出し
- 文字列の一部を取り出す
- ==とequals
- 文字列を加工する
- StringBuilderで組み立てる
- 書式を整えて出力する
- テキストブロック
- 「文字列を扱おう」の振り返り
学習
条件分岐
プラス
目安時間 1h30m
- 真偽値・比較演算子
- 比較演算子（２）
- 論理演算子
- if文
- else, else if
- 三項演算子
- switch文
- switch文（２）
- 「条件分岐」の振り返り
学習
繰り返し
プラス
目安時間 1h10m
- while文
- do-while文
- for文
- break, continue
- 多重ループ
- FizzBuzz
- 「繰り返し」の振り返り
学習
配列
プラス
目安時間 1h30m
- 配列を使ってみよう
- 配列の要素の上書き
- 配列と繰り返し
- 配列用のfor文
- 2次元配列
- Arrays クラス
- 配列の範囲外
- 総合課題
- 「配列」の振り返り
学習
メソッド
プラス
目安時間 2h
- メソッドを使ってみよう
- メソッドの定義
- 引数を使おう
- 複数の引数
- メソッドの戻り値
- メソッドのオーバーロード
- メソッドを組み合わせよう
- 真偽値の戻り値
- 可変長引数
- 引数の渡され方
- 再帰
- 「メソッド」の振り返り
学習
クラスに分ける・ライブラリ・入力
プラス
目安時間 1h10m
- クラスを使ってみよう
- クラスの定義
- ライブラリを使ってみよう
- 乱数を使ってみよう
- 入力を受け取ろう（１）
- 入力を受け取ろう（２）
- 「クラスに分ける・ライブラリ・入力」の振り返り
学習
オブジェクト指向をはじめよう
プラス
目安時間 50m
- オブジェクト指向とは？
- オブジェクト指向が必要な理由
- クラスとインスタンス
- クラスの責務
- 「オブジェクト指向をはじめよう」の振り返り
学習
クラスとインスタンス
プラス
目安時間 1h30m
- クラス定義とインスタンスの生成
- インスタンスフィールド
- インスタンスメソッド
- this
- 目標物を確認しよう
- フィールドとコンストラクタ
- fullNameメソッドとbmiメソッド
- printDataメソッド
- 「クラスとインスタンス」の振り返り
学習
コンストラクタ
プラス
目安時間 1h
- コンストラクタ
- コンストラクタに引数を渡す
- コンストラクタのオーバーロード
- this()でコンストラクタを呼び出す
- fullNameメソッドを書き換えよう
- 「コンストラクタ」の振り返り
学習
カプセル化
プラス
目安時間 1h20m
- アクセス修飾子
- カプセル化
- ゲッター
- セッター
- セッターで値を確かめよう
- 不変オブジェクト
- 「仕事」を追加しよう
- 「カプセル化」の振り返り
学習
staticとクラスの仲間
プラス
目安時間 1h10m
- クラスフィールド
- クラスメソッド
- クラス定数
- enum
- enumのフィールドとメソッド
- record
- 「staticとクラスの仲間」の振り返り
道場
道場1 オブジェクト指向基礎編
プラス
目安時間 1h50m
- 目標物を確認しよう
- Bicycleクラスの作成
- 色をつけよう
- 走行距離を測ろう
- 自転車を走らせよう
- 走る距離を受け取ろう
- Carクラスの作成
- ガソリンの残量を表示しよう
- 車を走らせよう
- 給油しよう
- 「道場1 オブジェクト指向基礎編」の振り返り
実務レベルまで
学習
継承
プロ
目安時間 1h30m
- プログラムを確認しよう
- 継承してみよう
- スーパークラスのメソッド
- サブクラスをカスタマイズしよう
- メソッドのオーバーライド
- super
- コンストラクタとsuper()
- protected
- 「継承」の振り返り
学習
抽象クラスとインタフェース
プロ
目安時間 1h
- 抽象メソッドと抽象クラス
- インタフェース
- 複数のインタフェース
- defaultメソッドとstaticメソッド
- 抽象クラスとインタフェースの使い分け
- 「抽象クラスとインタフェース」の振り返り
学習
多態性
プロ
目安時間 1h10m
- クラス型のフィールド
- buyメソッド
- 多態性
- 乗り物をまとめて扱おう
- instanceofで型を確かめよう
- 持つという関係
- 「多態性」の振り返り
学習
Objectクラスと契約
プロ
目安時間 1h
- Objectクラス
- toString
- equals
- hashCode
- Comparable
- 「Objectクラスと契約」の振り返り
学習
コレクション
プロ
目安時間 1h30m
- ArrayList
- ジェネリクス
- リストをたどる
- HashMap
- Mapをたどる
- HashSet
- Comparatorで並べ替える
- 持ち物リストを作ろう
- 「コレクション」の振り返り
学習
例外
プロ
目安時間 1h30m
- 例外とは
- try/catchで受け止める
- finally
- 検査例外と非検査例外
- throwsで投げ返す
- 独自例外を作る
- 例外の伝わり方
- try-with-resources
- 「例外」の振り返り
学習
モダンなJavaの書き方
プロ
目安時間 1h
- varで型を書かずに済ませる
- switch式
- ラムダ式
- 関数型インタフェース
- Stream
- 「モダンなJavaの書き方」の振り返り
学習
日付・ファイル、そしてこの先へ
プロ
目安時間 50m
- 日付を扱う
- ファイルに読み書きする
- Optional
- 持ち物リストを完成させよう
- 「日付・ファイル、そしてこの先へ」の振り返り
学習
JUnitでテストを書こう
プロ
目安時間 1h
- テストを動かしてみよう
- テストを書いてみよう
- テストがバグを見つける
- テストを緑に戻そう
- 例外と条件をテストしよう
- 「JUnitでテストを書こう」の振り返り
道場
道場2 オブジェクト指向発展編
プロ
目安時間 16h
- EC注文・配送システムを作ろう
基礎編
学習
Expressの基本を学ぼう
プラス
目安時間 1h30m
- 目標物の確認
- Expressの導入
- サーバーの起動
- ページの表示の仕組み
- CSSの適用と画像の表示
- 一覧画面の作成
- EJSを使った値の表示
- forEachを使ったHTMLの表示
- ページ間リンク
学習
データベースと連携しよう
プラス
目安時間 1h30m
- 目標物の確認
- データベースの導入
- データベースの利用
- 取得した値の表示
- 作成画面の作成
- フォームを使ったリクエスト
- フォームの値の受け取り
- データベースへの追加
- リダイレクトの活用
学習
データの更新と削除を実装しよう
プラス
目安時間 1h20m
- 目標物の確認
- 削除ボタンの準備
- 削除するidの受け渡し
- DELETEクエリの実行
- メモ更新の準備
- 選択されたメモの表示
- 更新のルーティング
- 選択されたメモの更新
学習
デバッグの基本を学ぼう
プラス
目安時間 40m
- デバッグの手順を知ろう
- デバッグを練習しよう
- エラーを可視化しよう
- 値を可視化しよう
応用編
学習
ログイン機能を学ぼう
プラス
目安時間 2h20m
- ブログサイトを作ろう
- ブログサイトの現状を確認しよう
- ログイン機能を作ろう
- ユーザー認証の処理を作ろう（１）
- ユーザー認証の処理を作ろう（２）
- セッションを管理しよう
- セッションを使ってみよう
- 常にログイン状態を確認しよう
- ユーザー名をヘッダーに表示しよう
- ヘッダーを共通化しよう
- ログアウト機能を作成しよう
- ログイン状態で表示を切り替えよう
- 一般記事と限定記事に分けよう
- 限定記事の閲覧を制限しよう
学習
ユーザー登録機能を学ぼう
プラス
目安時間 2h
- ユーザー登録機能を作ろう
- ユーザー登録機能を作成する手順
- ユーザー登録処理を作成しよう
- ユーザー登録と同時にログインしよう
- 入力値の空チェック機能を作成しよう
- ユーザー登録フォームの未入力を防ごう
- エラーメッセージを表示しよう
- もう１つミドルウェア関数を追加しよう
- メールアドレスの重複を防ごう
- パスワードの安全な取り扱い方を学ぼう
- パスワードのハッシュ化を導入しよう
- ハッシュ化されたパスワードでログインしよう
実践編
学習
ローカル開発環境を準備しよう
プロ
目安時間 5h
- Progate CLI のインストール
- Node.jsのインストール
- データベース（MySQL）をインストールしよう
- npm scripts を使ってみよう
- リンターとフォーマッターを使ってみよう
学習
Expressアプリの開発に挑戦しよう
プロ
目安時間 4h
- ルーティング追加とビュー表示におけるバグ修正
- 支払い合計総額を計算する機能の作成
- 人数の入力をバリデーションするミドルウェアの実装
- ピッタリ賞の画像が出力されないバグの修正
学習
Prisma で ORM を学ぼう
プロ
目安時間 5h
- Prisma を使ってみよう
- Prisma Schema を使ってテーブルを定義しよう
- Prisma Schema を使って関連するテーブルを定義しよう
- Prisma Clientを使った基本的なCRUD操作を実行しよう
- Prisma Client を使って高度なクエリを実行してみよう
学習
JSON API とバリデーションを実装しよう
プロ
目安時間 5h
- Expressを使ってJSONを返すAPIを作ってみよう
- express-validator を使ってバリデーションを実装してみよう
- express-validator を使って実践的なバリデーションを実装しよう
- express-validator を使って複雑な構造を持つデータをバリデーションしてみよう
- express-validator を使って独自のバリデーターを作成してみよう
学習
既存アプリのデバッグと改修に挑戦しよう
プロ
目安時間 3h
- ログインページのテキスト修正
- いいね一覧画面のエラー修正
- いいねアイコンが表示されないバグの修正
学習
REST に従って機能を開発しよう
プロ
目安時間 7h
- 投稿日時表示機能の実装
- REST の原則に従った投稿機能のルーティング修正
- REST の原則に従ったコメント機能の実装
- 投稿画像アップロード機能の実装
- プロフィール画像アップロード機能の実装
- プロフィール画像が表示されないバグの修正
- リツイート機能を実装しよう
学習
Webセキュリティを実践しよう
プロ
目安時間 3h
- ログイン時の SQL インジェクションを防ごう
- 投稿詳細ページの XSS を防ごう
- 本人以外はアカウント編集できないようにしよう
学習
総仕上げ: アプリをゼロから実装しよう
プロ
目安時間 2h
- Express で TODO アプリを実装しよう
- EC アプリの API を実装しよう
データ活用・データベース
データを取り出し、加工して、活用する
学習
Python 基礎文法編
プラス
目安時間 1h45m
| セクション | ページ |
|---|---|
| Pythonに触れてみよう |
目標物を確認しよう
|
| Pythonの基礎を学ぼう |
文字列
数値
計算してみよう
|
| 変数を使ってみよう |
変数
変数を使ってみよう
変数の値を更新してみよう
文字列の連結
データ型
|
| 真偽値と条件分岐 |
if文
真偽値
else
elif
条件式を組み合わせよう
|
| お買い物代金を計算しよう |
代金を計算しよう
入力を受け取ろう
条件分岐をしよう
|
学習
Python 繰り返し処理編
プラス
目安時間 1h55m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 複数のデータを扱おう |
リスト
リストの要素の更新・追加
for文
辞書
辞書の要素の更新・追加
for文（2）
|
| いろいろな処理をしてみよう |
while文
break
continue
|
| お買い物プログラムを作ろう |
商品を用意しよう
商品を購入しよう
条件分岐をしよう
残金を計算しよう
|
学習
Python 関数編
プラス
目安時間 1h45m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 関数 |
関数
引数
複数の引数
引数の初期値
|
| じゃんけんゲームを作ろう |
名前を受け取ろう
出す手を選べるようにしよう
戻り値
returnの性質
|
| じゃんけんゲームを完成させよう |
じゃんけんをしよう
勝ち負けを判定しよう
モジュールを使おう
ライブラリを使おう
|
学習
Python I~III問題集
プラス
目安時間 30m
| セクション | ページ |
|---|---|
| 処理を自分で書けるようになろう |
条件分岐を使ってメッセージを変えよう
条件分岐を使ったポイント計算の処理を書こう
繰り返し処理を使って税込合計金額を計算しよう
条件分岐と繰り返し処理を組み合わせよう
商品と色の組み合わせを表示しよう
金額計算の処理を書こう
|
道場
Python I~III問題集
プラス
目安時間 1h40m
| セクション | ページ |
|---|---|
| データを扱う処理を書こう |
ウェルカムメッセージを返す処理を作ろう
新規レビューを追加しよう
|
| 条件分岐または繰り返し処理を使おう |
会員割引の計算をしよう
購入数に応じた割引計算をしよう
全商品の在庫を更新しよう
|
| 条件分岐と繰り返し処理を組み合わせよう |
購入金額と会員情報による送料の有無を判定しよう
クーポンコードの割引を適用しよう
対象商品の在庫数を更新しよう
|
| 条件分岐と繰り返し処理の両方使おう |
注文した商品の注文ステータスをキャンセルに更新しよう
すでに購入済み商品かどうかを 判定しよう
|
学習
Python クラス基礎編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| クラスとインスタンス |
目標物の確認
クラスの定義
インスタンスの生成
インスタンス変数
複数のインスタンス
|
| インスタンスメソッド |
クラスとメソッド
インスタンスメソッド（self）
インスタンスメソッド（戻り値）
インスタンスメソッド（引数）
__init__メソッド（1）
__init__メソッド（2）
__init__メソッド（3）
|
| 目標物の作成 |
ファイルの分割
メニュー一覧の作成（1）
メニュー一覧の作成（2）
入力を受け取る
合計金額の計算
|
学習
Python クラス応用編
プラス
目安時間 1h30m
| セクション | ページ |
|---|---|
| クラスの継承 |
目標物の確認
継承とは
継承のしくみ
インスタンスメソッドの追加
infoメソッドの改良（1）
infoメソッドの改良（2）
__init__メソッドのオーバーライド
super()
オーバーライドの復習
総合演習
|
学習
SQL 基礎文法編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| データを取得しよう |
データベースとは
クエリとは
複数のカラムを選択する
|
| 特定のデータを取得しよう |
WHERE
WHERE(2)
比較演算子
LIKE演算子
LIKE演算子(2)
NOT演算子
IS NULL・IS NOT NULL
AND・OR演算子
|
| 取得結果を加工しよう |
ORDER BY
LIMIT
|
| 総合演習 |
総合演習
|
学習
SQL 集計関数編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| 検索結果を加工しよう |
DISTINCT
四則演算
|
| 集計関数を使おう |
SUM
AVG
COUNT
MAX・MIN
|
| データをグループ化しよう |
GROUP BY
GROUP BY (複数)
GROUP BY (WHERE)
HAVING
|
| 総合演習 |
総合演習
|
学習
SQL JOIN・サブクエリ編
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| サブクエリを使ってみよう |
playersテーブル
サブクエリ
AS
|
| 複数テーブルを活用してみよう |
countriesテーブル
テーブルを紐づける
JOIN(1)
JOIN(2)
teamsテーブル
LEFT JOIN
3つのテーブル結合
|
| 総合演習 |
総合演習
|
道場
SQL Ⅰ
プラス
目安時間 2h
| セクション | ページ |
|---|---|
| ファッションサイトのデータベースの分析 |
SQLで分析しよう
ユーザーの分析
商品の分析（1）
商品の分析（2）
商品の分析（3）
販売履歴の分析
売上・利益の分析
日ごとのデータ分析
複雑なユーザーデータの分析
複雑な商品データの分析
|
学習
SQL 追加・更新・削除編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| データを追加、更新、削除しよう |
データを追加しよう
データを更新しよう
データを削除しよう
|
| 構文を身につけよう |
もっと構文を使おう
|
基礎
学習
データの読み込みと可視化を学ぼう
プロ
目安時間 1h
- 文字列に変数を埋め込んで出力しよう
- はじめての Pandas
- pandas のデータ構造を学ぼう
- データの全体像をつかもう
- はじめての Matplotlib
- グラフを並べてみよう
データ活用
学習
ファイル操作で業務を自動化しよう
プロ
目安時間 1h50m
- ディレクトリを作成しよう
- ファイルシステムを操作しよう
- 資料整理用のディレクトリを作成しよう
- pathlib モジュールを使用してパスを操作しよう
- ファイルを移動しよう
- ファイルをディレクトリ移動させよう
- with
- はじめての ZIP ファイル操作
- ディレクトリおよびファイルのリストを取得しよう
- ディレクトリを圧縮しよう
- 月次報告資料をまとめて圧縮しよう
学習
スクレイピングでデータを収集しよう
プロ
目安時間 1h10m
- はじめてのスクレイピング
- はじめての requests
- Web ページの HTML データを取得しよう
- はじめての Beautiful Soup
- 特定の要素からテキストを抽出しよう
- 複雑な HTML 構造からテキストを抽出しよう
- 売れ筋ランキングページから商品情報を収集しよう
データ分析
学習
折れ線グラフで推移を可視化しよう
プロ
目安時間 1h
- ３年間の売上データを取り込もう
- 折れ線グラフを描いてみよう
- グラフを重ねて描いてみよう
- グラフの目盛りを設定しよう
- ３年間の売上データを売上比較グラフにしよう
- ジューススタンドの売り上げを商品ごとにグラフ化しよう
学習
条件抽出とヒストグラムでデータを分析しよう
プロ
目安時間 1h50m
- 条件に合うデータを抽出しよう
- データを性別に分けよう
- ヒストグラムを描いてみよう
- タイトルと軸ラベルを付けよう
- 性別に分けたグラフを並べよう
- はじめての NumPy
- 数値を整えよう
- データを年代ごとにまとめよう
- Figure を使ってみよう
- 年代別のグラフを並べよう
- 学習時間ごとの得点分布を確認しよう
学習
データを結合して散布図で相関を調べよう
プロ
目安時間 1h
- カラムを追加しよう
- 勝敗データを勝率データに加工しよう
- データフレーム結合の基本
- 散布図を描いてみよう
- 散布図で相関性を表そう
- 天気と傘の売上本数の相関を読みとろう
学習
データを集計して棒グラフで表そう
プロ
目安時間 1h10m
- 日付データを加工しよう
- データフレームをグループに分けよう
- グループ毎に個数や合計を計算してみよう
- データの型を確認しよう
- 棒グラフを描いてみよう
- 月毎に集計したデータを棒グラフで表示しよう
- EC サイトの売上を日ごとに集計してグラフ化しよう
学習
欠損値や重複を処理してデータを整えよう
プロ
目安時間 1h10m
- 重複しないデータを抽出しよう
- 欠損値を処理しよう
- 値をまとめて置換しよう
- 売上データを確認しよう
- 売上データの集計と分割をしよう
- 売上データをグラフにしよう
- お問い合わせ数を日ごとに集計してグラフ化しよう
学習
統計でデータの特徴と関係性を捉えよう
プロ
目安時間 2h40m
- データの中心的な値を求めよう
- ヒストグラムで分布を可視化しよう
- 分布のばらつきを表す値を求めよう
- 箱ひげ図で分布を可視化しよう
- 記述統計量をまとめて調べよう
- 購買金額データの特徴を説明しよう
- 2つの変数の相関関係を調べよう
- 2つの変数の相関係数を求めよう
- クロス集計表を作ろう
- 多重クロス集計表を作ろう
- 顧客満足度調査のデータを分析しよう
- データをグループ分けして比較しよう
- 複数の要素でグループ分けして各要素を比較しよう
- 実際の数値を割合に変えて比較しよう
- 製品の品質検査データを分析しよう
- コールセンターの応対品質データを分析しよう
機械学習
学習
機械学習の基礎を学ぼう
プロ
目安時間 3h10m
- はじめての機械学習
- 学習に不要な項目を削除しよう
- 欠損値の数を調べて処理しよう
- カテゴリ変数を変換しよう
- はじめての scikit-learn
- 学習に必要なデータを分割しよう
- 購買データから学習に必要なデータを用意しよう
- 線形回帰を使ってモデルに学習させよう
- モデルの性能を評価しよう
- 決定係数によるモデルの評価をしよう
- MSE によるモデルの評価をしよう
- 散布図を使ってモデルを評価しよう
- 購買データから購入価格を予測するモデルを作ろう
- ロジスティック回帰を使ってモデルに学習させよう
- 精度によるモデルの評価をしよう
- 混同行列によるモデルの評価をしよう
- 適合率・再現率・F 値によるモデルの評価をしよう
- 顧客管理データから成約を予測するモデルを作ろう
- 会員データから解約を予測するモデルを作ろう
SQLの基礎
学習
SQLによるデータ集計入門
プラス
目安時間 2h20m
- データベースとは
- クエリとは
- 複数のカラムを選択する
- WHERE
- WHERE(2)
- 比較演算子
- LIKE演算子
- LIKE演算子(2)
- NOT演算子
- IS NULL・IS NOT NULL
- AND・OR演算子
- ORDER BY
- LIMIT
- 総合演習
学習
データの加工と集計
プラス
目安時間 1h50m
- DISTINCT
- 四則演算
- SUM
- AVG
- COUNT
- MAX・MIN
- GROUP BY
- GROUP BY (複数)
- GROUP BY (WHERE)
- HAVING
- 総合演習
学習
複数テーブルの操作
プラス
目安時間 1h50m
- playersテーブル
- サブクエリ
- AS
- countriesテーブル
- テーブルを紐づける
- JOIN(1)
- JOIN(2)
- teamsテーブル
- LEFT JOIN
- 3つのテーブル結合
- 総合演習
実践データ分析
学習
実践的なデータ分析
プラス
目安時間 1h40m
- SQLで分析しよう
- ユーザーの分析
- 商品の分析（1）
- 商品の分析（2）
- 商品の分析（3）
- 販売履歴の分析
- 売上・利益の分析
- 日ごとのデータ分析
- 複雑なユーザーデータの分析
- 複雑な商品データの分析
学習
SQLドリルで腕試し
プロ
目安時間 30m
- 集計編
- 結合編
- 高度な集計編
学習
実践プロジェクト① 売上減少の原因を調べよう
プロ
目安時間 1h
- 月ごとの売上を取得しよう
- プランごとの新規ユーザー数を取得しよう
- プランごとの解約人数を取得しよう
- 目標有無で解約率を取得しよう
- 売上減少に関する原因を調べよう
- 想定外のデータを検知しよう
学習
実践プロジェクト② 機能追加の結果を測ろう
プロ
目安時間 50m
- 月ごとのバッジ獲得数を取得しよう
- 性別ごとのバッジ獲得率を取得しよう
- バッジ機能リリース前後で視聴数を取得しよう
- 月ごとの解約率を取得しよう
- 機能追加の結果を測ろう
学習
実践プロジェクト③ 売上増加施策の効果を検証しよう
プロ
目安時間 40m
- 月ごとの売上を取得しよう
- 月ごとのアップグレード数を取得しよう
- アップグレードの有無で月間の平均視聴本数を取得しよう
- 売上増加に関する施策の効果検証をしよう
学習
実践プロジェクト④ ECサイトのユーザー行動を分析しよう
プロ
目安時間 1h
- 直帰率を調べよう
- 離脱率を調べよう
- サイト内でよく使われている検索キーワードを調べよう
- カートの購入率とカート放棄率の高い商品について調べよう
- ECサイト訪問者全体に占める購入者の割合を調べよう
- ユーザーセグメントごとの行動を分析しよう
学習
総合問題に挑戦しよう
プロ
目安時間 10m
- 総合問題
学習
実務に向けたアドバイス
プロ
目安時間 30m
- NULL で欠けるデータに気をつけよう
- JOIN で消えるデータに注意しよう
- 割り算の切り捨てを防ごう
データベースの構築と設計
学習
データベース設計入門
プロ
目安時間 1h50m
- SQL の方言を知ろう
- テーブルを作成してみよう
- NOT NULL で空のデータを防ごう
- DEFAULT で既定値を入れよう
- UNIQUE で重複を防ごう
- 1対多の関連を設定してみよう
- 多対多の関連を設定してみよう
- 組み合わせの重複を防ごう
- FOREIGN KEY で存在しない相手を防ごう
- 制約と関連をおさらいしよう
- 本の貸し出しシステムを設計しよう
学習
次のステップを確認しよう
目安時間 10m
- さらに学習を進めるために
生成AI・AIエージェント
AIを使いこなし、AIと一緒に開発する
学習
プロンプト編
目安時間 1h44m
- AIにお願いしてみよう
- AIの仕組みを理解しよう
- 背景情報を追加しよう
- AIに役割を与えよう
- 出力形式を指定しよう
- プロンプトを整理しよう
- 理想の雰囲気に仕上げよう
- 「プロンプト編」まとめ
学習
画像生成編
プラス
目安時間 1h5m
- 画像を生成してみよう
- 画風・スタイルを指定しよう
- 背景・場所を指定しよう
- AI画像の「著作権」
- 「画像生成編」まとめ
学習
マルチモーダル編
プラス
目安時間 52m
- 写真を見せて投稿文を書いてもらおう
- 写真の文字を読み取ってもらおう
- 写真を元に新しい画像を作ろう
- 「マルチモーダル編」まとめ
道場
プロンプト道場
プラス
目安時間 20m
- 道場：新キャラクターをデザインしよう
学習
コンテキストと要約編
プラス
目安時間 52m
- 長い資料を要約しよう
- AIに渡してよい情報？
- 対話でSNS用にまとめよう
- 「コンテキストと要約編」まとめ
学習
ハルシネーション対策編
プラス
目安時間 1h18m
- AIに返信を考えてもらおう
- AIは「嘘」をつく？
- ハルシネーションを防ごう
- AIに「質問させる」ルールを追加しよう
- 「ハルシネーション対策編」まとめ
学習
ツール活用（Web検索）編
プラス
目安時間 52m
- Webで調べてもらおう
- 調べ方を工夫しよう
- 新作スイーツの企画をつくろう
- 「ツール活用（Web検索）編」まとめ
学習
推論とベンチマーク編
プラス
目安時間 1h5m
- 同じAIにもっと考えてもらおう
- 推論レベルは常に高い方がいい？
- 推論の限界とモデルの選び方
- 新作スイーツのマーケティング計画を考えよう
- 「推論とベンチマーク編」まとめ
学習
AIエージェント編
プラス
目安時間 52m
- AIに仕事を任せてみよう
- 決められた流れで任せよう
- 人の確認を入れよう
- 「AIエージェント編」まとめ
学習
さいごに
目安時間 13m
- AIを使い始めよう
学習
はじめての AI エージェント
目安時間 10m
- 生成 AI から Claude Code へ
学習
AI エージェントを体験してみよう
目安時間 40m
- メモを読ませてみよう
- メモをまとめてもらおう
- Markdown の記法を知ろう
- ひつじ仙人の4択クイズ
学習
CLAUDE.md を書いてみよう
プラス
目安時間 40m
- 週報をまとめてもらおう
- CLAUDE.md を作ろう
- 週報を再生成しよう
- ひつじ仙人の4択クイズ
学習
HTML で週報を見やすくしよう
プラス
目安時間 40m
- HTML 形式で週報を作ろう
- 週報のデザインを修正しよう
- アクションアイテムを抽出しよう
- ひつじ仙人の4択クイズ
学習
CLAUDE.md を育てよう
プラス
目安時間 40m
- 現在の週報を確認しよう
- グルーピングルールを追加しよう
- 品質ルールを追加しよう
- ひつじ仙人の4択クイズ
学習
スキルで自動化しよう
プラス
目安時間 40m
- /weekly スキルを作ろう
- /weekly スキルを実行しよう
- /actions スキルを作って実行しよう
- ひつじ仙人の4択クイズ
学習
安全に使おう
プラス
目安時間 40m
- メモを書き換えてみよう
- permissions で保護しよう
- 保護を確認しよう
- ひつじ仙人の4択クイズ
学習
本格的に使ってみよう
目安時間 20m
- Claude Code を自分のマシンで動かしてみよう
- もっと使い方を学ぼう
学習
AIとのものづくりを始めよう
目安時間 20m
- AIと一緒に作って学ぼう
- AI時代のものづくりと学び方
学習
AIで作れる世界を広げよう
プロ
目安時間 30m
- ショート動画を作ってみよう
- ゲームを面白くしよう
- オリジナルのSNSを作ろう
学習
AIでWebアプリを作ろう
プロ
目安時間 30m
- AIにWebアプリを作ってもらおう
- Webアプリの仕組みを知ろう
- Webアプリの改良方針を決めよう
学習
さいごに
プロ
目安時間 20m
- 学びを振り返ろう
- ここから先へ進むために
IT基礎スキル
どの分野でも最初に身につけておきたい開発の道具
学習
Command Line 基礎編
プラス
目安時間 1h5m
| セクション | ページ |
|---|---|
| コマンドラインに触れよう |
ファイルの作成
ファイルの中身を表示する
ディレクトリの作成
|
| ファイル構造 |
ディレクトリの移動
カレントディレクトリの確認
ディレクトリの中身を表示する
1つ親のディレクトリ
ホームディレクトリ
|
| ファイル・ディレクトリを操作しよう |
ファイル・ディレクトリを移動させる
ファイル・ディレクトリ名の変更
ファイル・ディレクトリのコピー
ファイル・ディレクトリの削除
総復習
|
学習
Git 基礎編
プラス
目安時間 1h
| セクション | ページ |
|---|---|
| ファイルを共有してみよう！ |
Gitの準備
共有するファイルを選択しよう
選択したファイルを記録しよう
リモートリポジトリの準備
ファイルをアップロードしよう
ファイルをダウンロードしよう
共同開発の流れを復習しよう
|
| 変更履歴を把握しよう！ |
変更したファイルを把握しよう
変更したコードを把握しよう
addされたファイルを確認しよう
コミットメッセージ
コミット履歴を確認しよう
|
発展的な開発スキル
チーム開発や品質を支える一段上の技術を学ぶ
学習
ブランチとコラボレーション
プロ
目安時間 6h
- GitHub Codespaces を利用した開発環境の構築
- Git でブランチを使ってみよう
- Git でプッシュをしてみよう
- GitHub のプルリクエスト機能を使ってみよう
- Git のコンフリクトを解消しよう
- Git でコミットした作業中の変更を取り消そう
学習
次のステップを確認しよう
目安時間 10m
- さらに学習を進めるために
学習
ロジックの腕試しに挑戦しよう（基礎編）
プロ
目安時間 2h
- 【腕試し】買い物リストの合計値を求めよう
- 【腕試し】配列の最大値を出力してみよう
- 【腕試し】条件分岐を使ってアクセス許可の判定問題を解いてみよう
- 【腕試し】FizzBuzz問題を解いてみよう
- 【腕試し】FizzBuzz問題をカスタマイズしてみよう
- 【腕試し】ある数字の階乗を計算する関数を作ろう
学習
ロジックの腕試しに挑戦しよう（応用編）
プロ
目安時間 2h
- 【腕試し】フィボナッチ数列に挑戦してみよう
- 【腕試し】*でピラミッドを作る関数
- 【腕試し】*で逆ピラミッドを作る関数
- 【腕試し】文字列内に最も出現する文字を見つけよう
- 【腕試し】配列から重複を取り除く関数
- 【腕試し】配列を回転させる関数を作ろう
学習
ローカル開発環境を準備しよう
プロ
目安時間 4h
- Progate CLI のインストール
- Node.jsのインストール
- npm scripts を使ってみよう
- リンターとフォーマッターを使ってみよう
学習
アルゴリズムとデータ構造を学ぼう
プロ
目安時間 4h
- いろんな方法でフィボナッチ数を計算しよう
- 二分探索を使って貴重な宝石を探そう
- 深さ優先探索を使ってファイルツリーから特定のファイルを見つけよう
- 幅優先探索を使って友達とのつながりの最短距離を計算しよう
学習
アルゴリズム応用に挑戦しよう
プロ
目安時間 4h
- 最短経路を求めよう
- 逆ポーランド記法で計算できる電卓の実装
- Helpfeel 記法を展開して柔軟な FAQ の検索を実現しよう
学習
データ処理の実践に挑戦しよう
プロ
目安時間 4h
- 正規表現を書いてみよう
- オープンデータを活用してアプリケーション開発してみよう
- 一度に最も多く市区町村が更新された日を抽出しよう
- 最も行数の多いファイルを探そう
学習
ローカル開発環境を準備しよう
プロ
目安時間 2h
- Progate CLI のインストール
- Node.jsのインストール
学習
はじめてのユニットテストを書こう
プロ
目安時間 1h
- fizzbuzz関数のユニットテストの作成
学習
いろいろな関数にテストを書こう
プロ
目安時間 3h
- 年齢から世代を判定する関数へテストを書こう
- ワードの数を計算する関数へテストを書こう
- 日付として正しいか判定する関数へテストを書こう
学習
モックを使ったテストを書こう
プロ
目安時間 2h
- モックを使ったテストを書いてみよう
- ユーザー名を取得する関数へテストを書こう
学習
データベースを使う機能をテストしよう
プロ
目安時間 1h
- DB にユーザーを作成する機能へテストを書こう
学習
コマンドラインを使いこなそう
プロ
目安時間 3h
- いろいろなコマンドを使ってみよう
- シェルスクリプトを書いてみよう
- PATH を通してみよう
学習
クラウドコンピューティングとAWSの概要を学ぼう
目安時間 10m
- AWS 入門
学習
AWSを使うための準備をしよう
目安時間 1h20m
- AWS アカウントのセットアップ手順とロールの付与方法
- AWS CLI のセットアップ
学習
ローカル開発に必要なツールを導入しよう
プロ
目安時間 5h
- Progate CLI のインストール
- Node.jsのインストール
- Puppeteer のセットアップ
- Docker のセットアップ
- MySQL のセットアップ
学習
AWSのサービスに触れてみよう
プロ
目安時間 3h
- AWS Lambda でクラウドを体験しよう
- EC2 に PHP のアプリケーションをデプロイしてみよう
- Amazon Bedrock を使ってテキストと画像を生成してみよう
学習
Dockerを使ってみよう
プロ
目安時間 7h
- Docker を使ってみよう
- Docker の基本を学ぼう
- Dockerfile を使って自作のコンテナを立ち上げよう
- TypeScript で書かれた Web サーバーを Docker で立ち上げよう
- Docker コンテナのデータを永続化しよう
- Docker Compose を使って開発環境を立ち上げよう
- Dockerfile のベストプラクティスを学ぼう
学習
Google Cloudやその他のクラウドに触れてみよう
プロ
目安時間 4h
- Web サーバーを Google Cloud Platform にデプロイしよう
- チャットアプリを Google Cloud Platform にデプロイしてみよう
- GitHub Pages にテックブログを公開しよう
- Supabase を使ってみよう
学習
運用・監視を学ぼう
プロ
目安時間 3h
- New Relic を使ってアプリケーションを改善しよう
- New Relic でインフラを監視してみよう
- New Relic を使って外形監視をしてみよう
学習
CI/CDを学ぼう
プロ
目安時間 1h
- GitHub Actions を体験してみよう
資格・試験対策
基本情報技術者試験などの資格取得や学校の試験に向けて学ぶ
学習
Javaの基礎とデータ型
プラス
目安時間 2h30m
- Javaに触れてみよう
- Javaの基本・文字列
- 数値
- 数値の計算
- 文字列の連結
- 変数の定義
- 変数を使ってみよう
- 変数の更新
- 自己代入
- 自己代入の省略
- 変数の役割と注意点
- 小数を扱おう
- 自動型変換
- 強制型変換
- 課題に挑戦しよう
学習
条件分岐と繰り返し処理
プラス
目安時間 2h50m
- 真偽値・比較演算子
- 比較演算子（２）
- 論理演算子
- 二進数とビット演算
- シフト演算
- if文
- else, else if
- switch文
- switch文（２）
- while文
- for文
- break, continue
- 配列を使ってみよう
- 配列の要素の上書き
- 配列と繰り返し
- 配列用のfor文
- 総合課題
学習
次のステップを確認しよう
目安時間 10m
- さらに学習を進めるために
学習
C言語の基礎を学ぼう
目安時間 40m
- Cに触れてみよう
- Cの基本
- 数値
- 数値の計算
学習
変数を使ってデータを管理しよう
プラス
目安時間 30m
- 変数の基本
- 変数の更新
- 変数と自己代入
学習
条件分岐でプログラムを制御しよう
プラス
目安時間 1h
- if文を使ってみよう
- 真偽値
- else文
- else if文
- 論理演算子
- switch文
学習
繰り返し処理でプログラムを制御しよう
プラス
目安時間 50m
- for文
- while文
- break
- continue
- 複数回おみくじをふれるようにしよう
学習
配列を使ってみよう
プラス
目安時間 20m
- 配列の基本
- 多次元配列
学習
文字について学ぼう
プラス
目安時間 40m
- 文字
- 文字列
- 文字列を配列にしよう
- おみくじの結果を配列にしよう
学習
関数について学ぼう
プラス
目安時間 1h40m
- スコアに応じたランクを決めよう
- 関数とは
- 関数の基本
- 引数とは
- 戻り値とは
- 関数を定義する順番
- 関数に値を渡すときの注意点（１）
- 関数に値を渡すときの注意点（２）
- 数値の合計を再帰で計算しよう
- 再帰でフィボナッチ数列を求めよう
学習
標準ライブラリを使ってみよう
プラス
目安時間 40m
- stdio.hライブラリ
- string.h ライブラリ
- stdlib.hライブラリ
- ライブラリを使っておみくじの結果がランダムになるようにしよう
学習
ポインタについて学ぼう
プラス
目安時間 1h50m
- アドレスを理解しよう
- ポインタを理解しよう
- ポインタを使ってみよう
- 別の関数でポインタを利用する
- 引数の仕組みを知ろう
- 引数のまとめ
- 配列のアドレスを理解しよう
- 配列のポインタを移動してみよう
- 引数に渡す配列の扱い
- 文字列をポインタで扱おう
- const修飾子を使ってみよう
学習
基本型について学ぼう
プラス
目安時間 30m
- 整数型について学ぼう
- 整数型を出力しよう
- 浮動小数点型について学ぼう
学習
型変換について学ぼう
プラス
目安時間 20m
- 暗黙的な型変換
- 明示的な型変換（キャスト）
学習
構造体について学ぼう
プラス
目安時間 1h10m
- 構造体について学ぼう
- 構造体を初期化してみよう
- typedef宣言について学ぼう
- 構造体を返す関数を作ろう
- 構造体の配列を作ろう
- 構造体の入れ子を作ってみよう
- 構造体へのポインタについて学ぼう
学習
ビット演算の基本を学ぼう
プラス
目安時間 40m
- ビットと2進数について学ぼう
- AND と OR について学ぼう
- XOR と NOT について学ぼう
- シフト演算について学ぼう
学習
ビットフラグでゲームの状態を管理しよう
プラス
目安時間 40m
- #define で定数を定義しよう
- フラグを立ててみよう
- フラグの状態を確認してみよう
- フラグを消してみよう
学習
キーボードからの入力を受け取ろう
プラス
目安時間 30m
- キーボードから数値を入力しよう
- いろいろな型の値を入力しよう
- 文字列を入力しよう
学習
じゃんけんゲームを作ろう
プラス
目安時間 50m
- コンピュータの手を決めよう
- プレイヤーの手を入力しよう
- 勝敗を判定しよう
- 何度も遊べるようにしよう
- 連勝を記録しよう
学習
C言語の開発環境を構築しよう
目安時間 20m
- C言語の開発環境を用意しよう（mac）
- C言語の開発環境を用意しよう（Windows用）
旧バージョンのコース
リニューアル前のコース。学習中の方はこちらから続きを学べます
学習
Java 基礎文法編
プラス
目安時間 1h45m
| セクション | ページ |
|---|---|
| Javaの基本 |
Javaに触れてみよう
Javaの基本・文字列
数値
数値の計算
文字列の連結
|
| 変数を使ってみよう |
変数の定義
変数を使ってみよう
変数の更新
自己代入
自己代入の省略
変数の役割と注意点
小数を扱おう
|
| 型変換 |
自動型変換
強制型変換
|
| 総合課題 |
課題に挑戦しよう
|
学習
Java 制御構文編
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 真偽値と条件式 |
真偽値・比較演算子
比較演算子（２）
論理演算子
|
| 条件分岐 |
if文
else, else if
switch文
switch文（２）
|
| 繰り返し処理 |
while文
for文
break, continue
|
| 配列 |
配列を使ってみよう
配列の要素の上書き
配列と繰り返し
配列用のfor文
|
| 課題に挑戦しよう |
総合課題
|
学習
Java クラス・メソッド編
プラス
目安時間 2h40m
| セクション | ページ |
|---|---|
| メソッド（１） |
メソッドを使ってみよう
メソッドの定義
引数を使おう
複数の引数
|
| メソッド（２） |
メソッドの戻り値
メソッドのオーバーロード
メソッドを組み合わせよう
真偽値の戻り値
|
| クラスの基本 |
クラスを使ってみよう
クラスの定義
ライブラリを使ってみよう
入力を受け取ろう（１）
入力を受け取ろう（２）
|
道場
Java I
プラス
目安時間 2h15m
| セクション | ページ |
|---|---|
| Javaの基礎をマスターしよう |
目標物を確認しよう
文字列を表示しよう
入力を受け取ろう
文字列を連結しよう
条件分岐をしよう
メソッドにまとめよう
BMIを求めよう
論理演算子を使おう
繰り返し処理をしよう
最高年齢を求めよう
平均年齢を求めよう
|
学習
Java オブジェクト指向基礎編
プラス
目安時間 3h30m
| セクション | ページ |
|---|---|
| オブジェクト指向とは？ |
オブジェクト指向とは？
クラスとインスタンス
|
| オブジェクト指向の基本 |
クラス定義とインスタンスの生成
インスタンスメソッド
インスタンスフィールド
this
コンストラクタ（１）
コンストラクタ（２）
|
| 自己紹介プログラムを作ろう |
目標物を確認しよう
フィールドとコンストラクタ
インスタンスメソッド（１）
インスタンスメソッド（２）
クラスフィールド
クラスメソッド
コンストラクタのオーバーロード
コンストラクタを呼び出す
fullNameメソッドを書き換えよう
|
| カプセル化を学ぼう |
カプセル化
ゲッター
セッター
|
| 総合課題 |
「仕事」を追加しよう
|
道場
Java II
プラス
目安時間 2h30m
| セクション | ページ |
|---|---|
| 目標物を確認しよう |
目標物を確認しよう
|
| 自転車を作ろう |
Bicycleクラスの作成
色をつけよう
走行距離を測ろう
自転車を走らせよう
走る距離を受け取ろう
|
| 車を作ろう |
Carクラスの作成
ガソリンの残量を表示しよう
車を走らせよう
給油しよう
|
学習
Java オブジェクト指向応用編
プラス
目安時間 2h25m
| セクション | ページ |
|---|---|
| プログラムを確認しよう |
プログラムを確認しよう
|
| 継承の基本を学ぼう |
継承してみよう
スーパークラスのメソッド
サブクラスをカスタマイズしよう
メソッドのオーバーライド
super
|
| 高度な継承を学ぼう |
コンストラクタとsuper()
protected
抽象メソッドと抽象クラス
|
| VehicleとPersonを紐付けよう |
クラス型のフィールド
buyメソッド
多態性
|