テストユーザー
Lv.1
HTML
HTMLファイルの基本構造を作成
<html>, <head>, <body>タグの使い方と、HTML文書の基本構成を理解する
HTML 基本構造のチュートリアル
テキストと見出しの作成
見出しタグ(<h1>〜<h6>)と段落タグ(<p>)の使い方を学び、文章構成を整える
HTML でのテキスト書式
リンクの挿入
<a>タグで外部リンクやページ内リンクの設定方法を理解する
リンクの設定方法 (aタグ)
画像の挿入
<img>タグで画像の挿入方法を学び、レイアウトに活かす
HTML での画像挿入方法
CSSのディスプレイプロパティを理解する
要素の表示方法を制御するために、display: inline, block, inline-blockの違いを学ぶ
CSS ディスプレイプロパティの概要
リストの作成
<ul>, <ol>, <li>タグを使って箇条書きリストと番号付きリストを作成する
リストの作成方法
テーブルの作成
<table>, <tr>, <th>, <td>タグを使って表組みを作成し、データを整理する
HTML でのテーブル作成
フォームの作成
<form>, <input>, <textarea>, <select>タグを使ってフォームを作成し、ユーザー入力を受け付ける
フォーム要素の基本
catnoseさんのHTMLのフォーム(form)コンプリートガイド
CSS
CSSセレクタの基本を理解
基本的なセレクタの使い方を学び、要素を選択する。
CSSセレクタの基礎
ボックスモデルの理解
ボックスモデルの各部分(マージン、ボーダー、パディング、コンテンツ)の役割を学ぶ。
CSSボックスモデル
Flexboxの導入
Flexboxを使ったレイアウトの作成方法を学ぶ。
CSS Flexboxの使い方
Gridレイアウトの基礎
CSS Gridを使用して複雑なレイアウトを構築する方法を学ぶ。
CSS Gridの導入
レスポンシブデザインの実装
メディアクエリを使用してレスポンシブデザインを作成する方法を学ぶ。
レスポンシブWebデザイン
JavaScript
変数とデータ型の理解
変数の宣言とデータ型の基本を学ぶ。
JavaScriptの変数
関数の作成
関数の定義と呼び出し方を学ぶ。
関数の基礎
DOM操作の基本
JavaScriptを使用してDOMを操作する方法を学ぶ。
DOMの操作
イベント処理の理解
ユーザーのアクションに基づいてイベントを処理する方法を学ぶ。
イベントの基本
非同期処理の理解
Promiseとasync/awaitを使用して非同期処理を扱う方法を学ぶ。
非同期処理
Node.js
Node.jsのインストール
Node.jsのインストール方法を学ぶ。
Node.jsの基本
Node.jsの基本的な概念を理解する。
Node.js入門
npmの使い方
npmを使用してパッケージを管理する方法を学ぶ。
npmの基本
Expressフレームワークの使用
Expressを使用してWebアプリケーションを構築する方法を学ぶ。
Expressの基本
TypeScript
TypeScriptのセットアップ
プロジェクトにTypeScriptを導入する方法を学ぶ。
TypeScriptの公式ガイド
基本的なデータ型の理解
TypeScriptの基本的なデータ型を学ぶ。
TypeScriptのデータ型
関数と型注釈
関数に型注釈を追加する方法を学ぶ。
インターフェースの使用
TypeScriptでインターフェースを定義して使用する方法を学ぶ。
TypeScriptのインターフェース
ジェネリクスの理解
TypeScriptでジェネリクスを使用して汎用的な関数やクラスを作成する方法を学ぶ。
TypeScriptのジェネリクス
React
Reactのセットアップ
Reactプロジェクトを作成する方法を学ぶ。
Create React App
コンポーネントの理解
Reactのコンポーネントの概念を学ぶ。
初めてのコンポーネント
状態管理の基本
コンポーネントの状態を管理する方法を学ぶ。
state の管理
プロパティの使用
コンポーネント間でデータを渡す方法を学ぶ。
コンポーネント間で state を共有する
Hooksの導入
React Hooksを使って関数コンポーネントで状態を管理する方法を学ぶ。
React Hooksの使い方
Next.js
Lv.0
Ruby
Ruby on Rails
PHP
Docker
HTTP
セキュリティ
SQL
AWS
GCP
Kubernetes
CI/CD
CSV形式でエクスポート
CSV形式でインポート
レベルアップ!
Lv. 0
→
Lv. 1