フルスタックで全体を理解する

デザインから実装、サーバー処理、WordPressまで、Web制作に必要な工程を一貫して学びます。

HTML/CSSの基礎から、JavaScriptによる動きの実装、PHPでのデータ処理やログイン機能、そして最終的にWordPressとしてテーマ化するまで、Webサイト制作の“全体の流れ”を実践しながら身につけるカリキュラムです。

「仕組みがどう動いているか」を理解しながら学べるため、デザインだけ・コーディングだけに留まらず、自分でサイトを構築できる総合力 を養います。

コース一覧

STEP

ワイヤーフレーム・UI設計・画面の構造づくりにも使えるツールです。設計の基礎を練習

あわせて読みたい
Figma基礎 Figmaを使い始めるための、デスクトップでのログイン・ダウンロード・インストール・初期設定 をまとめています。 Figmaはブラウザ版でも利用できますが、操作が安定し...
STEP
HTML & CSS復習

Webページの構造とデザインを再確認し、HTMLとCSSの基本を総復習します。

あわせて読みたい
HTML HTMLとは? Webページの「土台」をつくる言語 HTML(エイチ・ティー・エム・エル)とは、Webページの構造や中身を作るための言語です。たとえば次のようなものがHTMLで...
あわせて読みたい
CSS CSSのカリキュラム一覧 CSSとは? CSS(Cascading Style Sheets)は、HTMLで作った「ページの構造」に対して「見た目」を指定するための言語です。たとえば、 文字の大...
STEP
JavaScriptで動きをつける

ユーザー操作に応じて動く仕組みを作るために、JavaScriptとDOM操作を実践的に学びます。

あわせて読みたい
JavaScript基礎 このJavaScript基礎講座では、Webページに動きを加えたり、条件によって処理を変えたりするための基本的なプログラミングの考え方を学びます。 まずは画面に「表示して...
あわせて読みたい
JavaScriptとDOM このJavaScriptとDOM講座では、Webページ上の要素を自由に操作し、動きのあるインタラクティブな表現を作るための実践的な内容を学びます。 まずは、JavaScriptでDOM(D...
あわせて読みたい
JavaScript応用 この「JavaScript応用」では、基礎やDOM操作で学んだ知識をもとに、より実践的でデザイン性の高い動きを実装していきます。まずは、クリックで開閉する ハンバーガーメ...
STEP
PHP基礎とフォーム処理

PHPでサーバーと通信し、データを処理する仕組みを学びます。フォーム送信を例に基礎を理解します。

あわせて読みたい
PHP基礎 PHP基礎とは?初心者・独学でも学べるPHP入門講座 このページでは、PHPを初めて学ぶ方や、独学でWebアプリケーション制作を始めたい人向けに、PHPの基礎をわかりやすく...
あわせて読みたい
PHPで作るお問い合わせフォーム ここでは、入力フォームから、確認画面、送信完了までをPHPで作成するお問い合わせフォームをPHPで作成します。 1.最初の画面 入力欄に全ての項目を入力します。「*」...
STEP
データベース連携

PHPからMySQLに接続し、データの保存・更新・削除を行う基本操作をトレーニングします。

あわせて読みたい
PHPとデータベース(MySql) Webアプリケーションを作るうえで欠かせないのが「データの保存」と「管理」です。PHPはサーバーサイド言語としてデータベースと連携しやすく、ユーザー情報・記事・商...
STEP
ログイン・認証機能

セッションやCookieを使ってユーザー管理を実装し、実践的なWebアプリの基盤を作ります。

あわせて読みたい
PHPの実践と応用 PHPの基本的な構文や考え方を学んだら、次はいよいよ実践編です。ここでは、PHPを使って実際に動くWebアプリケーションを作りながら、より実用的なスキルを身につけてい...
STEP
WordPress フルサイト・オリジナルテーマ

フロントとバックを統合し、HTML/CSSで作成したデザインをWordPressテーマとして組み込みます。

あわせて読みたい
WordPressのテーマ使っての作成 WordPress Fullsite Editing(フルサイト編集)とは? WordPressはこれまで、「テーマファイル(PHP)を編集してサイト全体の構造を作る」方式が主流でした。しかし、Wo...
あわせて読みたい
WordPressオリジナルテーマ作成 WordPress Original Theme(オリジナルテーマ作成)とは? WordPressでは、テーマファイル(PHPやCSS)を使って自由にデザインや構造をカスタマイズできます。この講座...
吹き出し
WebTraining AI
WebTraining AI へようこそ!
HTML / CSS / JavaScript / Wordpress/ PHP など、 コードやプログラミングについて何でも質問できます。