オンライン研修
初心者から経験者まで
HTML/CSS・JavaScriptの
必須なスキルを習得！
プロフェッショナルな講師が、
貴社のIT教育を全力でサポート！
リアルタイムでの開催のため、講師と双方向に学習を進めることができ、
講義中の疑問はいつでも講師に質問することができます。
初めてプログラミングを学習する方はHTML/CSS基本研修とJavaScript基本研修のセットで基礎の基礎からしっかり学べ、
既にHTML/CSSの知識がある方はJavaScript基本研修のみの受講も可能です。
実務に即したサンプル演習を豊富に取り入れ、初心者から経験者まで確実なスキルを習得することができます。
プロフェッショナルな講師が、貴社のIT教育を全力でサポートいたします。
講座の特徴
リアルタイム＋復習動画で
すべての疑問を解決
講義中に出た質問をその場で講師に相談できるため、理解を深めながらスムーズに学習を進めることができます。
実務に即した豊富なサンプル演習
実際の業務で役立つ課題を通じて、実践的なスキルを身につけることができます。サンプルを用いた実務形式の講義で、学んだ知識をすぐに応用可能です。
経験豊富な講師陣による
丁寧なフィードバック
業界での豊富な経験を持つ講師が、受講者一人ひとりに対して的確なアドバイスとサポートを提供。学習の進捗や課題に対して細やかに対応します。
初めてプログラミングを
学ぶ方でも安心
初めてプログラミングを学習する方はHTML/CSS基本研修とJavaScript基本研修のセットで基礎から学べます。既にHTML/CSSの知識がある方はJavaScript基本研修のみの受講も可能で、現在のレベルに合わせた研修を選択できます。
HTML／CSS基本研修
HTMLとCSSは、ウェブサイトを構築するための基本的な要素です。
この2つをマスターすることで、自分の好きなようにウェブサイトを作ることができます。
この研修では、HTMLとCSSの概要をはじめ、基本的な書き方、要素やセレクター、プロパティといった
専門用語について、講師と一緒に実際にコードを書きながら学びます。
ゼロからしっかりと解説しますので、コーディングやプログラムをやったことがない方でも問題ありません。
普段何気なく見ているウェブサイトを構成するHTML/CSSを、一緒に学びましょう！
こんな方におすすめです
- 新たに入社した人材へのIT、DX教育体制を整えたいとお考えの管理者の方
- ウェブサイト（ホームページ）制作に必要な基礎的スキルを身に付けたい方
- ウェブサイトがどのように作られているかを理解し、 外注・協力パートナーが作るウェブサイトが適切なものか評価したいご担当者の方
研修プログラム
ゴール
ウェブページの文書構造、意味付けを行うHTMLについて理解する
プログラム
- HTML/CSSの基礎知識
ウェブサイトは、様々な技術が集まり合って構成されています。その基本的要素であるHTML（HyperText Markup Language）とCSS（Cascading Style Sheets）について、それぞれの役割と概要を学びます。普段何気なく利用しているウェブサイトがどのように作られているのか、基礎からしっかりと理解しましょう。 - 開発環境の準備
ウェブサイトを開発するためには、複数のソフトウェアを組み合わせて利用する必要があります。必要なソフトウェア環境をインストールし、コードを書くための準備を整えます。また、開発する上で便利な機能なども合わせてご紹介します。 - HTMLの基本ルールと構文
実際にHTMLを書きながら、基本的な文法を身に付けます。ファイルの作成方法から構造、仕様の概要まで必要な知識をしっかりと解説します。コードを効率的に書くためのショートカットや、入力補完機能であるEmmetなど実践的なノウハウについてもご紹介します。 - タグの理解と実践
HTMLには、ウェブページの文書構造・意味付けを行うためのタグが多数用意されています。代表的なタグについて、その意味の違いや具体的な使い方について解説します。ステップバイステップでコードを書きながら覚えますので、コーディングをしたことがない方でも安心です。 - 周辺知識の理解
実際にHTMLを書く上では、HTMLの知識だけではなく、コンピューターやWebに関する基礎知識も必要となります。特にファイルの拡張子、画像ファイルフォーマットの違い、ファイルパスといった頻出する仕様についてきちんと理解できるように解説します。
ゴール
ウェブページの見た目やスタイルを制御するCSSについて理解する
プログラム
- CSSの基本ルールと構文
CSSは、HTMLで作成した要素に対して見た目のスタイルを指定するための言語です。まずはセレクター、プロパティ、値といった構文を理解し、どのように記述すればデザインを変更できるのかを学びましょう。実際にコードを書きながら、基本をしっかり身に付けます。 - HTMLからCSSを読み込む方法
HTMLとCSSはセットで活用することで、ウェブページの見栄えを大きく変えることができます。しかし、CSSファイルは単体では機能しないため、HTML側から正しく読み込む必要があります。複数の方法を比較しながら、それぞれのメリット・デメリットを整理します。 - プロパティの理解と実践
CSSには、テキストのフォントや色、余白、枠線、レイアウトなど、さまざまなスタイルを設定するためのプロパティが数多く用意されています。代表的なプロパティを中心に、実際にコードを書きながらその効果を確認してみましょう。 - レイアウトの考え方
要素をどのように配置するかは、ウェブサイトの見やすさや使いやすさを大きく左右します。CSSのレイアウトについてベースとなる知識である、通常フローやボックスモデルといった専門的な概念について学びます。 - 周辺知識とベストプラクティス
開発者ツールの使い方、値の記述方法、ブラウザーのデフォルトスタイルシートや互換性といった、CSSコーディングにおける実務で役立つ知識を中心に解説します。細部まで配慮の行き届いたCSSを書くことで、保守性が高く、どのデバイスでも快適に利用できるウェブサイトづくりを目指しましょう。
JavaScript基本研修
JavaScriptは、世界で最も使われているプログラミング言語です。
JavaScriptを使うと、ウェブサイト上でインタラクティブな機能を実装できるだけでなく、
ウェブ以外のアプリケーション開発やIoT機器の制御なども実現できます。
この研修では、未経験者でも初めてのプログラミングを身に付けられるよう、
JavaScriptの概要から基本的な書き方までを学習します。
変数や関数といったプログラミングの基本概念や、if文やfor文といった制御構文の使い方など、
実際にコードを書きながら専門スキルを習得できます。
※本研修はHTMLとCSSの知識が必須となっております。
こんな方におすすめです
- 新たに入社した人材へのIT、DX教育体制を整えたいとお考えの管理者の方
- どうやってプログラミングスキルを習得すればよいか分からない方
- プログラミングの入門としてJavaScriptを学習したい方
- ウェブサイトにインタラクティブな機能を実装したい方
- ウェブサイト、ウェブアプリケーション開発の基礎を身に付けたい方
研修プログラム
ゴール
JavaScriptの基本概要を理解する
プログラム
- JavaScriptの基礎知識
JavaScriptは、ウェブサイトを始め幅広い環境で実行できるプログラミング言語です。JavaScriptがどのような場面で活用されているのか、基本的な特徴や実行環境について解説します。プログラミング未経験の方でもわかりやすいように、言語としての歴史や用途を簡単に紹介し、学習の全体像をつかみましょう。 - 開発環境の準備と実行方法
JavaScriptを学ぶために必要となる開発環境を整備します。ブラウザーのコンソールやコードエディターの活用方法などを説明し、実際に「Hello, World!」を表示して動作を確認します。 - JavaScriptの基本ルールと構文
実際にJavaScriptを書きながら、基本的な文法を身に付けます。ファイルの作成方法から構文までプログラミングに必要な知識をしっかりと解説します。変数、値、型、コメントといったプログラミングで使われる基本概念についてもご紹介します。 - 配列とオブジェクト
複数のデータを取りまとめるときに便利な配列とオブジェクトについて、その概要と基本的な使い方を学びます。操作方法、変数と比べたときのメリットなどについて、実例を挙げてコードを書きながら習得しましょう。
ゴール
データの処理方法を習得する
プログラム
- 演算の基礎と算術演算数子
プログラムでは四則演算や文字列の連結など、さまざまな演算を行います。ここでは算術演算子を中心に、実際にコードを動かして演算結果を確認しながら学習しましょう。コンソールに表示して結果を比較するプロセスを通じて、プログラムが動作する仕組みや変数の扱いにも慣れていきます。 - 比較演算子と論理演算子
条件を満たすかどうかを判定する際や、複数の条件を組み合わせる際に利用するのが比較演算子と論理演算子です。具体例を用いて条件式を書き、コードを実行して結果を確かめながら、その仕組みをしっかり習得しましょう。条件式が正しく書けるようになると、より複雑なロジックも組み立てやすくなります。 - 制御構文（if, else if, else）
状況に応じて処理を分岐させたい場合には、if文が基本的な選択肢となります。else if文を使って複数の条件を扱ったり、どの条件にも当てはまらない場合はelse文でフォローしたりなど、実例を交えながら実装パターンを学びましょう。これらを理解すると、分岐のあるプログラムを自由に書けるようになります。 - ループ文（for, while）
同じ処理を繰り返す際に利用するのがループ文です。for文とwhile文の基本的な書き方や使いどころ、ループ回数の制御などを学びましょう。配列やオブジェクトと組み合わせると、データの一覧処理や集計なども簡単に実装できるようになります。 - 関数
まとまった処理を一括して再利用できるようにする仕組みが関数です。オリジナルの関数を定義して呼び出す方法を実践しながら、プログラムを整理し可読性を高めるメリットを理解しましょう。あらかじめ用意されている組み込み関数も紹介するので、効率的なコーディングの基盤を作ります。
ゴール
ブラウザーに結果を表示し、インタラクティブ機能を実装する
プログラム
- DOMの基本構造
ブラウザーで読み込まれたHTMLやCSSはDOM（Document Object Model）という階層構造で管理されています。DOMを理解することで、JavaScriptから要素を取得・変更できるようになり、動的なページ作りの第一歩を踏み出せます。まずはDOMの仕組みやブラウザー上での扱われ方を理解しましょう。 - DOM要素の取得と操作
documentオブジェクトやquerySelector()メソッドなどを使い、実際にHTML要素をJavaScriptで取得し、テキストやスタイルを変更してみます。ブラウザーの表示がリアルタイムに変化する様子を見ることで、コードの影響範囲を具体的にイメージしやすくなります。 - イベントの仕組み
ユーザーの操作（クリック、キー入力、スクロールなど）に応じてプログラムを動かす仕組みをイベントと呼びます。イベントリスナーを設定して、特定の操作が行われたときに実行される処理を記述する方法を学びましょう。インタラクティブ性を高めるうえで欠かせない機能です。 - ユーザーインタラクションの実装
取得したDOM要素にイベントを関連付け、ユーザー操作に合わせて画面の表示や構造を動的に変化させる方法を解説します。クリックなどをトリガーに、要素の生成や削除といった実例を通して、より実践的なプログラミングを体感しましょう。 - スライドショーの作成
HTML、CSS、JavaScriptの総合的な知識を活かし、画像を切り替えるスライドショー機能に挑戦します。これまで学んできた内容を統合して、インタラクティブで魅力的なウェブページを完成させましょう。
受講料（税込／1名様あたり）
| HTML／CSS基本研修 | 55,000円 |
| JavaScript基本研修 | 88,000円 |
| HTML／CSS基本研修・ JavaScript基本研修 セット受講11,000円割引 | 132,000円 |
- 【 銀行振込でのお支払いをご希望の方 】
お申込み受付後、ご請求内容を記載した「申込請書」と「請求書」をご記入のメールアドレスにお送りいたしますので、記載されているお支払い期限までに、受講料をお支払いください。
※振込手数料は貴社にてご負担願います。
※お支払いの際に振込名義人の前に、5桁の受付番号を入力ください。 - 【 クレジットカードでのお支払いをご希望の方 】
お申込み受付後、「申込請書」ならびに、ご購入手続きの詳細をご記入のメールアドレスにお送りいたしますので、記載されているお支払い期限までに、受講料をお支払いください。
※「クレジットカード」での決済についてはStripeのシステムを利用しています。 - 受講キャンセル
リアルタイム受講開催日の3営業日前の正午まで、無料にてキャンセルをお受けいたします。
それ以降のキャンセルにつきましては、有料（受講料と同額）となり受講料のご返金はいたしかねます。
（無料キャンセルの例示）
例１：木曜日の研修のキャンセル（祝日なし）→当週の月曜日の正午まで
例２：火曜日の研修のキャンセル（祝日なし）→前週の木曜日の正午まで
例３：火曜日の研修のキャンセル（月曜日が祝日の場合）→前週の水曜日の正午まで
キャンセルはメール又はお電話にてお受けいたします。
メール：seminar@bmc-net.jp
お電話：03-3569-0968（平日9:00～18:00まで、土日祝日休業）
※複数人でお申込み、その後受講人数が減った場合も、キャンセルとなります。
（人数を変更せず、日程のみ変更する場合はキャンセルにはなりません）
※研修の一部をご受講いただけなかった場合も、一部返金の対応は出来かねますのでご了承ください。
受講方法
本講座は「Zoomによるオンライン研修」となります
インターネット環境とパソコン、マイク、スピーカー、WEBカメラがあれば
どこからでもセミナーにご参加いただけます！
- お申し込み後、ZoomミーティングID・PWを
開催日までにe-mail等にてお送りいたします。
（テキストは別途郵送等にてお送りする予定です） - Zoomのカメラ機能はオンの状態でのご参加をお願いいたします。
- 講義の録音・録画はご遠慮願います。
- 同業の方のご参加はご遠慮いただいております。
- カリキュラムは一部変更となる場合がございます。
※ZoomおよびZoom（ロゴ）は、Zoom Video Communications, Inc.の米国およびその他の国における登録商標または商標です。
｜講｜師｜紹｜介｜
合同会社世路庵 代表／インタラクションデザイナー
沖 良矢 先生
1981年愛媛県生まれ。インタラクションデザイナー。
2003年よりWeb制作に携わる。2008年にフリーランスとして独立後、2019年に合同会社世路庵（せろあん）を設立。
ビジネスとクリエイティブの両立を強みとして、戦略立案、UI/UX設計、デザイン、フロントエンド開発に携わる。
現場で培った知見をもとに講演、執筆、コミュニティ運営にも取り組んでいる。
長岡造形大学非常勤講師、東京造形大学元非常勤講師、WebクリエイティブコミュニティDIST主宰、Vue Fes Japan全体統括。