Web制作の基礎から学べる「Webコーディングスクール」をオンラインと渋谷で開催します

こんな悩みはありませんか？

当スクールをご体験ください！

期間限定で、初回体験レッスンの受講を無料としております（オンライン動画と、渋谷の教室の両方）。この機会にぜひご体験ください。

1
古いHTML5ではなく、最新のHTML Living Standardを学べます

当スクールでは、「HTML Living Standard」に基づいた最新のHTMLを教えています。

このスクールでは、単に見た目をそれっぽく作るのではなく、「セマンティックHTML」とよばれる文章の意味や構造を重視したHTMLを学ぶことができます。
それにより、アクセシビリティの向上やSEOがやりやすくなり、運用しやすいWebサイトを作ることができます。

古いCSSではなく、新しいCSS

授業で制作するWebページは、floatとよばれる古いCSSレイアウト手法ではなく、flexboxとよばれるモダンな手法でレイアウトします。

また、世界中で多くの方が使用しているCSS命名規則「BEM」や、最新のCSS拡張言語「Dart Sass」を使用したWebサイト制作実習も行います。

2
AIを活用した効率の良いコーディングやプログラミング

Web制作にご興味のある方であれば、「ChatGPT」、「GitHub Copilot」といったチャットAIやAI支援技術を耳にしたことのある方もいらっしゃるかもしれません。

これらを使用するとHTML・CSS・JavaScriptなどのコーディング速度を劇的に向上させるだけでなく、Web制作の勉強中に分からないことがあったときに手助けをしてもらったり、自分で書いたJavaScriptのコードが動かなかったときにどこに問題があるか教えてもらうこともできます。

ただし、多くのWeb制作者の方は残念ながらAIをあまり使いこなしているとは言いがたく、AIを活用する前提のプログラミングを教えているスクールは日本にはほとんど存在しません。

このスクールでは、他のスクールに先駆けて本格的にAIを活用したコーディング実習も行います。
ChatGPTのような有名なAIだけでなく、スクール独自の「Web制作初心者のために開発したAIアプリ」も使用します。

スクール独自のAIアプリについて

スクール独自のAIアプリは2つあります。1つめの「難しい概念を、理解できるまで分かりやすく解説するAI」は、学習者一人一人の理解度に合わせた、パーソナライズされた指導を提供することが可能です。これは、従来の一方通行の授業や教材では難しいことです。

2つめは「楽にプログラミングするためのAI」です。学習者は実際のコーディング作業をよりスムーズに進めることができるようになります。これは、プログラミング学習の初期段階で直面する壁を低減するのに役立ちます。

このスクールの講師はJavaScriptやPythonを使用したWebアプリ開発もしていますが、実際に使用しているAIアプリとほぼ同じものを受講生の皆様に提供します。
受講中は無料で利用でき、卒業後も月数百円程度で利用できるようにする予定です。

これからWeb制作を始めたい方、スクール卒業後に1人でプログラミングしなければならなくなった方などの強い味方になると確信しています。

WordPressを活用したWebサイト制作

これからWeb制作をはじめる方で、WordPressを活用したWeb制作をされたい方は、以下の順序で学ぶことをお勧めします。

WordPressで仕事をしたい方、WordPressでウェブサイト制作をしたい方は、まずHTMLとCSS、プログラミングの基礎を勉強することをお勧めします。このWebコーディングスクールでは、それらを効率よく学ぶことができます。
その後開催予定の「WordPress講座」でWordPressを使用したWebサイト制作について深く学ぶことができます。
「WordPress講座」はWebコーディングスクールとは別に開催されますが、Webコーディングスクールを受講された方は特別割引料金で受講することができます。

3
東京まで行けないが、オンラインでも学べるスクールはある？

昨年までは渋谷の教室に力を入れていましたが、動画受講を希望される方が多いため、現在はオンライン（動画）の授業に力を入れております。
単に動画を観て終わりではなく、実際にテキストエディターを使用して制作したり、AIを使用して自分が内容を理解できているか確認したりといった授業もあります。
動画は撮って出しではなく、ノイズを減らす処理をして、余計な部分をカットするなど観やすく編集しております。
再生速度も0.75倍〜2倍など自由に変更できるため、「早いペースだとついていけない」「1.5倍速で早く観たい」といった方にもお勧めです。

今なら体験レッスン無料です。

期間限定で、初回体験レッスンの受講を無料としております（オンライン動画と、渋谷の教室の両方）。この機会にぜひご体験ください。

スクールの概要

開催テーマ	Web制作の基礎から学べる「Webコーディングスクール」
対象者（どちらの方もOK）	Web制作完全未経験、初心者の方	過去にWeb制作をしたことがあるが、最近の制作手法を知りたい方	AIを活用したコーディングやプログラミングに興味がある方
スクールの内容	Web制作は初めての方のための、最新のHTML・CSSの基礎知識 スマートフォン・iPadなどのタブレット・パソコンなどさまざまな端末で表示できるWebサイトの制作方法（レスポンシブWebデザイン） コーディング規約「BEM」を使用したWebコーディング CSS拡張言語「Sass」を使用したWebコーディング Web制作に必須のJavaScriptの基礎実習 [今回から]当スクール独自のAIアプリを使用した「分からないことをわかりやすく教えてくれるAI」、「効率の良いコーディングやプログラミングAI」の利用権と使い方の解説
受講方法	ご自宅などで動画で受講
参加枠	動画受講は人数制限なし
参加費用	初回体験レッスン: 税込1,000円 期間限定で無料 （全1回 2.5時間）	本編: 税別 98,000円（税込 107,800円）（全6回 約35時間）
必要なもの	教室受講の場合、ノートPC（WindowsまたはMacBook）をご用意ください。動画受講の場合はデスクトップPCでも構いません。 必要な性能: VSCode、Chrome、YouTubeが動作するもの。現在販売されているほとんどのノートPCでは問題なく動作します。 レンタルノートPCでのご参加もOKです。
注意点	参加をご検討の方は、まず初回体験レッスンにご参加ください。初回体験レッスンのみの受講も可能です。 動画は生放送ではなく録画したものを、授業の翌日以降に視聴できるようにいたします。 教室受講の場合も動画の視聴は可能です。

授業内容

以下の内容を学ぶことができます。

1. 最新のHTML・CSS入門
2. 現在のWeb制作、スマートフォン対応事情
3. レスポンシブWebデザインによるWebページ制作方法
4. ブログ風のWebページコーディング
5. CSSの命名規則による破綻しにくく運用しやすいWebサイトの作り方
6. SassとBEMを使用して効率よくコーディングする方法
7. 旅館風Webページコーディング
8. JavaScriptの基礎
9. [今回から]当スクール独自のAIアプリを使用した「分からないことをわかりやすく教えてくれるAI」、「効率の良いコーディングやプログラミングAI」

ブログ風Webページの制作

授業の前半には「ブログ風Webページ」を制作しながら、マークアップの基礎とHTML・CSSの書き方を学んでいきます。

ブログ風のWebページは、文書構造とマークアップの学習のために制作します。
このWebページは、floatではなくflexboxとよばれるモダンな手法でレイアウトします。

実際にWordPressなどでブログとして動かすには、PHPを使用してWordPressテーマ形式にする必要があります。WordPressテーマの制作方法は、別途WordPressカスタマイズ講座でやります。

その後、旅館風Webサイト制作を行います。
ブログよりもやや難易度が高くなっています。
こちらはDart Sassと呼ばれる最新のCSS拡張言語を使用して制作します。

リード文（「温かみのある建物…」のテキスト部分）は、普通にコーディングすると中途半端な位置で改行されてしまいますが、このサンプルでは読みやすい位置で改行されていることがお分かり頂けると思います。

写真が3つ並び、写真の上のキャプション（写真の説明文）が表示されている箇所はPCとスマートフォンでかなりレイアウトが異なりますが、1つのHTMLで対応しています。

Googleマップも、CSSを使用してレスポンシブに対応させています。

JavaScriptは基礎をしっかり

HTMLとCSSを学んだ後は、プログラミング言語（スクリプト言語ともいいます）のJavaScriptを学ぶことをお勧めします。
このスクールでは、全くプログラミング経験がない方でも理解できるように、JavaScriptの書き方を1から実習します。

開発環境は、Web開発で現在最も多くの方に使用されているVSCode（MicrosoftのVisual Studio Code）という無料のテキストエディターを使用し、Google Chromeの開発者ツールの使い方も初歩からお教えします。

モダンなJavaScriptの文法を学び、CSSのアニメーション機能とJavaScriptを連携したり、ボタンを押すと関数が実行されるといったWebページ制作でよくある処理の書き方を学びます。

その後、「スマートフォンサイトでメニューボタンをタップするとメニューがアニメーションしながら開く」「タブ切り替え」「一定時間ごとに画像が切り替わるスライダー（カルーセル）」をJavaScriptで制作する実習を行います。

制作物について、詳しくは以下の動画をご覧ください。

スクールの詳細

以下の灰色の枠をタップすると、それぞれの項目の詳細を表示します。

初回体験レッスンについて

Web制作の基礎から学べる約2時間半のレッスンを、体験レッスンとしてご参加いただけます。
初回体験レッスンは、録画された動画でオンライン受講できます。

初回体験レッスンの内容と受講特典

初回体験レッスンでは、以下の内容を予定しております。

• スライド: HTML・CSSの基礎
• スライド: 「レスポンシブWebデザイン」とは何か
• 実習: HTML・CSSを書いて、Google Chromeでライブプレビューしてみよう
• 実習: PCだけでなくスマートフォンにも対応した「レスポンシブWebデザイン」のページをコーディングしよう
• 実習: メディアクエリとFluid Images（サイズ可変な画像）の使い方
• スライド: ChatGPTをWeb制作やプログラミングにどう活かすか

受講特典として、授業の動画をご覧いただけるようにいたします。

体験レッスンに必要なもの

• Windows PCまたはMacBook

初回体験レッスンのお申し込み

体験レッスンのお申込は、以下のフォームからお願い致します。
本編に正式お申込みされる方は、必ず初回体験レッスンにもお申込みください。

体験レッスンへのお申し込みではなくご質問のみある場合や、初回体験レッスンにお申し込み頂いたにもかかわらず自動返信メールが届かない場合などは、お問い合せフォーム にて「Webコーディングスクールについて」という旨書いた上でお問い合わせください。

Webコーディングスクール「初回体験レッスン」お申し込み

期間限定で、初回体験レッスンの参加費用を無料としております。この機会にぜひご視聴ください。

ご希望日時と受講方法（動画受講をご希望の方は［動画で受講］を選択動画で受講

お名前

PCのメールアドレス（携帯不可）

※必ずパソコンのメールアドレスをご登録ください。ドコモ・ソフトバンク・auのメールアドレスは不可です。
※Hotmail、Outlook.comなど、Microsoftのメールサービスでは自動返信メールが届かないことがあります。お手数ですが他のメールアドレスでお申し込みください。
※メールアドレスの間違いでメールが届かないことが非常に増えています。メールアドレスを再度ご確認ください。

ご質問等

正式なお申込みはこちら

初回体験レッスンではなく本編に正式お申し込みはこちらからどうぞ。
正式お申込みされる方は、必ず↑のフォームから初回体験レッスンにもお申込みください。

お申し込みではなくご質問のみある場合は、お問い合せフォーム にて「Webコーディングスクールについて」という旨書いた上でお問い合わせください。

Webコーディングスクールお申し込み

お名前

PCのメールアドレス（携帯不可）

※必ずPCのメールアドレスをご登録ください。ドコモ・ソフトバンク・auのメールアドレスは不可です。
※メールアドレスの間違いでメールが届かないことが非常に増えています。メールアドレスを再度ご確認ください。

希望する受講方法

動画で受講

ご質問等