半永久サポートであなたの夢を叶えます
Web制作コース
Web制作コースの内容
Web制作コース
3つのPOINT
分からないことは 即質問 毎週開催のリアルタイム授業
リアルタイム授業の様子
毎週開催のリアルタイム授業
毎週講師がテーマに沿ったオンライン授業を行います。テーマは現役の講師が決定するので、常に最新の情報や必要な情報をキャッチアップできます。
リアルタイム授業には質疑応答の時間があり、その場で講師に直接質問相談ができます。 参加できなかった回はアーカイブでいつでもチェックできます。
リアルタイム授業の様子
現役エンジニアのレビューが 制限なし 課題以外もなんでもレビュー
レビューの例
課題以外もなんでもレビュー
課題はもちろん、実際の開発案件や自主制作まで、現役エンジニアが「なんでもレビュー」。
授業外での新たな実装やチャレンジをサポートします。講師による実践的でプロフェッショナルなコードレビューを通じて、コードの品質向上やパフォーマンス最適化、設計上の悩み・バグの解消ができます。
レビューの例
発注スキル を実践で磨く 案件獲得ギルド
実際の制作の例
案件獲得ギルド
コース完走を達成した受講生だけが参加できる特別コミュニティ「案件獲得ギルド」では、デザインコースやWebマーケティングコースの受講生から実際の案件を受注できます。
Web制作者として現場で必須となる「クライアントの要求を読み取る力」や「曖昧な要求を制作物に落とし込むスキル」を実践で身につけることができます。
単なる学習の場を超えて、実際の現場で求められるスキルを身につけましょう。
実際の制作の例
授業内容
HTML/CSSの基本
まずはじめに、HTMLとCSSの基礎的な部分から学習をスタートします。
世の中に存在するWebサイトがどのような種類があり、どのような意図で作られているのかを紐解いた上で、実際にWebサイトを構築するためのHTMLやCSSの学習を行います。
それと並行して実際に現場で必要となる効果的な検索の仕方や、他者とのチャットでのコミュニケーション手法、適切な質問の仕方など、実務で欠かせないスキルについても学習を通じて習得していきます。
実際の授業資料
CSS設計・アニメーション
ページの見た目を決定するCSSをより効率的に記述できる手段として、SASSをScss記法で学習を進めます。 また、これから学習していくプログラミングの基礎部分をJavaScriptを通して学習し、簡単なアニメーションやスライダー、メニューといったインタラクティブな要素についても学んでいきます。
現在のWeb業界では、ただ作るだけでなく、どのような意図で開発を行うのか、なぜその表現を選ぶのかををしっかりと考えられなければ、Web制作者として生き残っていくことが困難な業界となっています。
さらに、個人のスキルに加えて、チームとして開発するためのスキルセットも重要になります。CSS設計の手法やGit・GitHubを使ったコードの品質管理についても学習し、実際の現場で求められる総合的な開発力を身につけていきます。
実際の授業資料と課題
JavaScriptによる表現
近年のWebサイト制作では、WordPressも含めて様々なインタラクティブな表現が求められています。これらの表現をJavaScriptと専門的なライブラリを使用して実現する手法を学習します。
Three.jsを使った3Dグラフィックス、Lottieアニメーション、Canvas描画や、パララックス効果、慣性スクロールといったアニメーション技術を習得することで、シンプルなWebサイトだけではなく、動きのあるアニメーション表現豊かなWebサイトを制作できるようになります。
これらの技術はWebサイトの華とも言える要素であり、学習することで表現の幅が大きく広がります。スキルとして身につけることはもちろん、Webサイト制作の楽しさを実感してもらう学習項目でもあります。
実際の授業資料
WordPressテーマ開発
今まで学んだ技術を活かし、WordPressの見た目となるテーマの開発を行います。
静的にコーディングしたデータをPHPとWordPressのテンプレートタグやテンプレートファイルを使ってサイトを構築し、納品後にお客様が管理画面から自分でコンテンツをあ更新できるものを制作していきます。
また、アクセシビリティやコードの品質チェックなど、高品質な成果物を納品するための知識習得に加え、開発環境から本番環境へのデータ移行やサーバー関連の学習も行います。これらを通じて、現場で実際に必要となるスキルをしっかりと身につけていきます。
実際の授業資料
Reactの基本とAstro
WordPressでの構築を一通り学んだ後は、最後により高度なReact、Astroといったフレームワークやライブラリについても学びます。
ReactはWordPressのブロックエディタなどにも使用されていますが、主にWebアプリケーション開発の分野で活用されています。より機能性や動きのあるWebサイトを制作する場合、プログラミング要素は必要不可欠となるためJavaScriptからTypeScript、Reactといった発展的な技術の理解が求められます。
Astroも同様に、様々なコンテンツを扱うWebサイトを効率的かつ機能性を保ったまま構築するためのフレームワークです。これらの知識と技術を習得することで、提案能力が高く、多様なサイト制作に対応できる人材へと成長することができます。
実際の授業資料
受講生の実績
習得できるスキル一覧
-
基本的な開発知識
Linuxサーバーの基礎、コマンド、Webサーバー (Apache)、Local by Flywheel、PHP基礎(簡単なプログラムを動かすまで)、バージョン管理システム(Git)
-
Webサイトの構成
Webデザイン、タブレットファースト、PCやスマートフォンによる表示違い
-
コーディング
HTML Living Standard、SASS、JavaScript(jQuery)
-
WordPressの概要
WordPressを使ったWebサイトの構築、LocalbyFlywheel、管理画面(投稿 / メディア / 固定ページ / 外観 / プラグイン / ユーザー / ツール / 設定)
-
WordPressテーマ開発
index.php、style.css、functions.php、screenshot.png
-
WordPressテンプレート
トップページ、詳細ページ、アーカイブページ、カテゴリページ、タグページ、固定ページ、404ページ、検索結果ページ、ヘッダー、コンテンツサイドバー、フッター、ウィジェット、検索ボックス
-
React・Astroの知識
React基礎、Astro基礎、コンポーネントの基本、Astroを使ったWebサイトの構築
-
React・Astroの知識
React基礎、Astro基礎、コンポーネントの基本、Astroを使ったWebサイトの構築
講師紹介
@yat8823jp
実績
- Rish inc.代表
- Web制作全般を一貫して担当
- WordPress開発15年のキャリア
- WordPressテーマ・プラグインの開発・カスタマイズ経験
- 各種イベントでの登壇・講演経験
-
自己紹介
Webサイト制作に必要なデザイン・コーディング・エンジニアリング・撮影・ディレクションなど一貫して仕事をしています。最近は DX ツールの kintone を用いたアプリケーション開発・JavaScriptによるカスタマイズなどが主な仕事です。本カリキュラムで登場する内容の多くは、自分の仕事でも実際に利用してきたものが殆どで、特に WordPress は15年ほどのキャリアとなります。
テーマやプラグインを開発・カスタマイズはもちろん、オリジナルプラグインを公式サイトでも配布しているので、自分が持っている多くの知識やスキルを皆さんに教授できればうれしいです。 -
性格
面倒見がよく、他の人にアドバイスしたり物事を教えることが好きで、その人が理解して成長がみえるととても嬉しいです。Webのサイト制作者向けのブログを10年運用していて、文字で何かを伝えたり、登壇して言葉で何かを伝えることが好き。自分の考えをとにかくアウトプットして伝えるのが日課です。






























