デザインから実装、サーバー処理、WordPressまで、Web制作に必要な工程を一貫して学びます。
HTML/CSSの基礎から、JavaScriptによる動きの実装、PHPでのデータ処理やログイン機能、そして最終的にWordPressとしてテーマ化するまで、Webサイト制作の“全体の流れ”を実践しながら身につけるカリキュラムです。
「仕組みがどう動いているか」を理解しながら学べるため、デザインだけ・コーディングだけに留まらず、自分でサイトを構築できる総合力 を養います。
コース一覧
STEP
ワイヤーフレーム・UI設計・画面の構造づくりにも使えるツールです。設計の基礎を練習
あわせて読みたい


Figma基礎
Figmaを使い始めるための、デスクトップでのログイン・ダウンロード・インストール・初期設定 をまとめています。 Figmaはブラウザ版でも利用できますが、操作が安定し...
STEP
STEP
ユーザー操作に応じて動く仕組みを作るために、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)を使って自由にデザインや構造をカスタマイズできます。この講座...



