HTML5・JavaScript研修 一覧

HTML5とJavaScriptを活用したWebアプリケーションの増加も本格的になっています。

ユーザ要求は高度に、そして、Webフロントエンドのアプリケーションは大規模になり、JavaScriptやそのライブラリだけでなく、JavaScriptフレームワーク(React/Angularなど)の活用が必須となるアプリケーションが増えてきました。

これを機に、『インタラクティブで使い勝手の良いユーザインターフェースを持つWebアプリケーションの開発ノウハウ』を身につけてみませんか?

HTML5・JavaScript研修 一覧

[オンライン開催]HTML/CSS入門
-HTML Living Standard対応-

セット販売対象コース

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

HTMLとCSSの基礎体系を一日で学べる速習コースです。


本コースは、今までなんとなくHTMLやCSSを書いてきた方向けに、ハンズオン形式で入力と動作確認を行いながらHTMLとCSSの基礎体系を一日で学習できるコースです。

HTML Living Standardに準拠した形でHTMLとCSSの基礎となる考え方から主な機能の紹介・ページ内のレイアウトの方法まで学習していきます。

このコースを受講することで簡単なWebページを記述できるようになり、市販の書籍やWeb上の参考情報を、自ら調べ適用できるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]JavaScriptで学ぶ初めてのプログラミング

セット販売対象コース

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

プログラミングに挑戦したい、プログラミングを初めて学びたい、そんな方のためのコースです。


本コースはプログラミングが初めての方を対象とし、JavaScriptを教材として進めるプログラミング入門コースです。

プログラミングの基本的な考え方や、大切な用語「変数」「繰り返し」「条件分岐」「配列」を理解できるように、実際にプログラムを入力し動かしてみて学習していきます。

コースの中で作成いただくものは、「p5.js」というライブラリを利用したグラフィカルでインタラクティブなプログラムです。

作成したものが実際にブラウザで目に見える形でカラフルに動作しますので、視覚的にも分かりやすく、変更アイデアも浮かびやすいため、印象深いプログラミング体験が可能かと思われます。

ぜひこの機会にプログラミングを身に着けましょう!全力でサポートさせてください。

※JavaScriptの文法を網羅的に解説するコースではありませんのでご了承ください。

 網羅的な解説が必要な方は別コースの「モダンJavaScript入門」をご受講ください。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]モダンJavaScript入門

セット販売対象コース

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

現代的なJavaScriptを基礎から学習するためのコースです。


本コースは、最新のJavaScriptを入門レベルから学習するコースです。

単純なHTMLを作成したことがある、プログラミング初心者が対象です。

まずはJavaScriptからプログラミング学習をスタートしたい方にオススメのコースです。

本コースを学習することで、React・Angular・Vue.js・jQuery・Node.jsなどの学習を始めるための基礎知識を習得できます。

ECMAScript 2015、またはそれ以降の最新のECMAScriptを前提として学習を進めます。

JavaScriptの各種トピックの中から、近代的なWebアプリケーションを作成するために使用頻度の高い文法を重点的に学習します。

本コースは、「古いJavaScriptしか書いたことがなくて、最近のJavaScriptをよく知らない」「今までなんとなくJavaScriptを書いていたけど、この機会にJavaScriptの基礎を復習しておきたい」と言う方にもオススメできるコースです。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]JavaScript応用
-ブラウザAPIの活用-

セット販売対象コース

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

ブラウザが提供するAPIを活用し、JavaScriptでどのようなアプリケーションを作成可能かイメージできるコースです。


本コースは、「モダンJavaScript入門」をご受講済みの方、あるいは同等の技能をお持ちの方が対象です。

ブラウザの機能を活用してより高度なウェブアプリケーションを開発するための研修です。

このコースでは、非同期処理、ブラウザAPI、HTTP通信、クライアントサイドストレージ、双方向通信、オフラインアプリケーションなどのテーマに焦点を当て、ブラウザAPIを活用してどのようなアプリケーションを作成可能かイメージが持てるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]TypeScriptイントロダクション
-JavaScript応用-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

JavaScriptを大規模アプリケーション開発向けに拡張した言語「TypeScript」の基礎を学ぶコースです。


TypeScriptは、大規模な開発にも耐えるようMicrosoftによって設計開発されたJavaScriptの拡張言語です。

このコースは、JavaScriptの学習経験がある方を対象としたコースです。

コースの内容は次の通りです。

 - TypeScriptの導入方法

 - 基本的な文法と活用

 - 型定義

 - フレームワークへの導入方法


これらの内容を、随時ハンズオンを織り交ぜながら学習していきます。

このコースを受講することで、TypeScriptによる効率的で不具合が入りにくいWebアプリケーション開発を実現できます。


※本コースは、2024年4月より改訂版にて実施いたします。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]jQueryによるAjaxアプリケーション開発

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

jQueryを使ったAjaxアプリケーションの基礎を学べるコースです。


本コースは、jQueryの基礎からAjaxの利用方法までを、ハンズオンと演習を通して学んでいくコースです。

ECMAScript 2015を取り入れたJavaScriptで、jQueryを利用したプログラムを記述していきます。

このコースを受講することで、jQueryによるAjaxを利用したWebアプリケーションを作成できるようになります。

jQueryについて基礎から学習したい方や、本格的にJavaScriptを使ってアプリケーション開発を始めたい方におすすめするコースです。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Node.js入門
-Expressを使ったREST Web API開発-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

現在、急速に利用が広がってきたNode.jsおよびExpressを使い、REST Web APIの開発方法を演習を交えて学習するコースです。 

本コースは、Node.jsとその関連技術を演習を交えて学習するコースです。

JavaScriptの経験者か、サーバーサイド経験者向けのコースです。

Node.js用のWebアプリケーションフレームワークExpressや、リレーショナルデータベースへのアクセス方法、JWTを利用した認証の実装を学習し、REST Web APIを開発していく方法を学習できます。

なお、本コース内で使用するJavaScriptは、ECMAScript 2015以降の新しい文法を利用しています。


※本コースは、2024年4月より改訂版にて実施いたします。  


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Vue.js入門
-ver.3対応-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。


Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。

これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。

このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。

このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。




※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Nuxt&Node.jsによるSPA開発ワークショップ
-Vue.js応用、サーバーサイド連携、TypeScript-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

SPAアプリケーションおよび対応するWeb APIの開発を一気通貫で体験できるワークショップコースです。

当コースは、Vue.jsをベースとしたフレームワークとして人気のNuxtと、Web APIのフレームワークとして定評のあるExpressを利用したアプリケーション開発を学習します。

プログラム言語としてTypeScriptを利用します。

進め方として、まずはNuxtやExpressの基本を学習し、その後に、それらの技術を使った小規模なSPAアプリケーションを作成するワークショップを実施します。

ワークショップの時間はなるべく多く取る予定ですので、じっくりとアウトプットしながら学習を進めることができます。

もちろん講師からのサポートもご期待ください。  



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Angular入門

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

TypeScriptをベースとしたフロントエンドフレームワーク「Angular」の基礎をハンズオン形式で学べるコースです。

本コースは、Angularを利用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。

学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。

コースの後半では、RxJSやAngular Material(UIコンポーネント集)の利用、ルーター(画面遷移)、サーバーサイドとの連携など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、基本となるAngularアプリケーションを作成できるようになります。


※本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]React入門
-Hooks、ContextAPI、MUI対応-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。

Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。

このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Reduxワークショップ
-React応用-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

状態管理ライブラリReduxを、ワークショップを通じて体得できるコースです。

Reduxは、JavaScriptアプリケーションにおいて状態管理を行うライブラリです。ReduxはReactと共に利用するケースがほとんどでしょう。Reduxを利用することで、アプリケーションの現在の「状態」の変更を一方通行の流れにして、一元的に管理できるようになります。

このコースは、Reactはある程度理解できているが、Reduxはこれからという方、あるいは学ぼうとしたが難しすぎたという方に向けたコースです。Reduxの考え方から導入方法、非同期処理との組み合わせ方法までを、演習を繰り返しながら体験的に学習できます。

このコースを受講することで、状態管理を導入したReact/Reduxアプリケーションを作成できるようになります。 


※本コースは、2024年4月より改訂版にて実施いたします。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

[オンライン開催]Next.js入門
-React応用、TypeScript、tRPC、Prisma-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

フロントエンド/バックエンド双方を備えたWebアプリケーションを高い生産性で開発するためのNext.js入門コースです。

当コースは、Reactをベースとしたフレームワークとして人気のNext.jsを中心に、TypeScriptおよびその静的な型システムを前提としたtRPCやPrismaといったライブラリを活用して、型安全に生産性高くWebアプリケーションを開発するためのコースです。

Next.jsは、Reactを基としてサーバーサイドレンダリングや静的サイトの生成、設定無しでのルーティング(ファイルベースルーティング)、状態管理やキャッシュ管理を兼ね備えたデータフェッチなどなど、昨今のWebアプリケーションをしっかりと作成するための様々な機能を備えたJavaScriptフレームワークです。

tRPCは、TypeScriptで記述されており、TypeScriptの型システムを上手く活用してフロントエンドとバックエンドのやり取りに静的な型を導入する事ができるライブラリです。tRPCを導入することで生産性高く型安全にWeb APIを開発できます。

PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。Prismaはデータモデルの作成、データ操作、マイグレーションなど様々な機能を提供しています。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

HTML/CSS入門
-HTML Living Standard対応-

セット販売対象コース

HTMLとCSSの基礎体系を一日で学べる速習コースです。


本コースは、今までなんとなくHTMLやCSSを書いてきた方向けに、ハンズオン形式で入力と動作確認を行いながらHTMLとCSSの基礎体系を一日で学習できるコースです。

HTML Living Standardに準拠した形でHTMLとCSSの基礎となる考え方から主な機能の紹介・ページ内のレイアウトの方法まで学習していきます。

このコースを受講することで簡単なWebページを記述できるようになり、市販の書籍やWeb上の参考情報を、自ら調べ適用できるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

JavaScriptで学ぶ初めてのプログラミング

セット販売対象コース

プログラミングに挑戦したい、プログラミングを初めて学びたい、そんな方のためのコースです。


本コースはプログラミングが初めての方を対象とし、JavaScriptを教材として進めるプログラミング入門コースです。

プログラミングの基本的な考え方や、大切な用語「変数」「繰り返し」「条件分岐」「配列」を理解できるように、実際にプログラムを入力し動かしてみて学習していきます。

コースの中で作成いただくものは、「p5.js」というライブラリを利用したグラフィカルでインタラクティブなプログラムです。

作成したものが実際にブラウザで目に見える形でカラフルに動作しますので、視覚的にも分かりやすく、変更アイデアも浮かびやすいため、印象深いプログラミング体験が可能かと思われます。

ぜひこの機会にプログラミングを身に着けましょう!全力でサポートさせてください。

※JavaScriptの文法を網羅的に解説するコースではありませんのでご了承ください。網羅的な解説が必要な方は別コースの「モダンJavaScript入門」をご受講ください。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

モダンJavaScript入門

セット販売対象コース

現代的なJavaScriptを基礎から学習するためのコースです。

本コースは、最新のJavaScriptを入門レベルから学習するコースです。

単純なHTMLを作成したことがある、プログラミング初心者が対象です。

まずはJavaScriptからプログラミング学習をスタートしたい方にオススメのコースです。


本コースを学習することで、React・Angular・Vue.js・jQuery・Node.jsなどの学習を始めるための基礎知識を習得できます。

ECMAScript 2015、またはそれ以降の最新のECMAScriptを前提として学習を進めます。

JavaScriptの各種トピックの中から、近代的なWebアプリケーションを作成するために使用頻度の高い文法を重点的に学習します。


本コースは、「古いJavaScriptしか書いたことがなくて、最近のJavaScriptをよく知らない」「今までなんとなくJavaScriptを書いていたけど、この機会にJavaScriptの基礎を復習しておきたい」と言う方にもオススメできるコースです。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

JavaScript応用
-ブラウザAPIの活用-

セット販売対象コース

ブラウザが提供するAPIを活用し、JavaScriptでどのようなアプリケーションを作成可能かイメージできるコースです。


本コースは、「モダンJavaScript入門」をご受講済みの方、あるいは同等の技能をお持ちの方が対象です。

ブラウザの機能を活用してより高度なウェブアプリケーションを開発するための研修です。

このコースでは、非同期処理、ブラウザAPI、HTTP通信、クライアントサイドストレージ、双方向通信、オフラインアプリケーションなどのテーマに焦点を当て、ブラウザAPIを活用してどのようなアプリケーションを作成可能かイメージが持てるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

TypeScriptイントロダクション
-JavaScript応用-

JavaScriptを大規模アプリケーション開発向けに拡張した言語「TypeScript」の基礎を学ぶコースです。


TypeScriptは、大規模な開発にも耐えるようMicrosoftによって設計開発されたJavaScriptの拡張言語です。

このコースは、JavaScriptの学習経験がある方を対象としたコースです。

コースの内容は次の通りです。

 - TypeScriptの導入方法

 - 基本的な文法と活用

 - 型定義

 - フレームワークへの導入方法


これらの内容を、随時ハンズオンを織り交ぜながら学習していきます。

このコースを受講することで、TypeScriptによる効率的で不具合が入りにくいWebアプリケーション開発を実現できます。


※本コースは、2024年4月より改訂版にて実施いたします。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

jQueryによるAjaxアプリケーション開発

jQueryを使ったAjaxアプリケーションの基礎を学べるコースです。


本コースは、jQueryの基礎からAjaxの利用方法までを、ハンズオンと演習を通して学んでいくコースです。

ECMAScript 2015を取り入れたJavaScriptで、jQueryを利用したプログラムを記述していきます。

このコースを受講することで、jQueryによるAjaxを利用したWebアプリケーションを作成できるようになります。

jQueryについて基礎から学習したい方や、本格的にJavaScriptを使ってアプリケーション開発を始めたい方におすすめするコースです。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Node.js入門
-Expressを使ったREST Web API開発-

現在、急速に利用が広がってきたNode.jsおよびExpressを使い、REST Web APIの開発方法を演習を交えて学習するコースです。 

本コースは、Node.jsとその関連技術を演習を交えて学習するコースです。

JavaScriptの経験者か、サーバーサイド経験者向けのコースです。

Node.js用のWebアプリケーションフレームワークExpressや、リレーショナルデータベースへのアクセス方法、JWTを利用した認証の実装を学習し、REST Web APIを開発していく方法を学習できます。

なお、本コース内で使用するJavaScriptは、ECMAScript 2015以降の新しい文法を利用しています。


※本コースは、2024年4月より改訂版にて実施いたします。  


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Vue.js入門
-ver.3対応-

親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。


Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。

これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。

このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。

このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Nuxt&Node.jsによるSPA開発ワークショップ
-Vue.js応用、サーバーサイド連携、TypeScript-

SPAアプリケーションおよび対応するWeb APIの開発を一気通貫で体験できるワークショップコースです。


当コースは、Vue.jsをベースとしたフレームワークとして人気のNuxtと、Web APIのフレームワークとして定評のあるExpressを利用したアプリケーション開発を学習します。

プログラム言語としてTypeScriptを利用します。

進め方として、まずはNuxtやExpressの基本を学習し、その後に、それらの技術を使った小規模なSPAアプリケーションを作成するワークショップを実施します。

ワークショップの時間はなるべく多く取る予定ですので、じっくりとアウトプットしながら学習を進めることができます。

もちろん講師からのサポートもご期待ください。  



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Angular入門

TypeScriptをベースとしたフロントエンドフレームワーク「Angular」の基礎をハンズオン形式で学べるコースです。

本コースは、Angularを利用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。

学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。

コースの後半では、RxJSやAngular Material(UIコンポーネント集)の利用、ルーター(画面遷移)、サーバーサイドとの連携など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、基本となるAngularアプリケーションを作成できるようになります。


※本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

React入門
-Hooks、ContextAPI、MUI対応-

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。 


Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。

このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。 



※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Reduxワークショップ
-React応用-

状態管理ライブラリReduxを、ワークショップを通じて体得できるコースです。 


Reduxは、JavaScriptアプリケーションにおいて状態管理を行うライブラリです。ReduxはReactと共に利用するケースがほとんどでしょう。Reduxを利用することで、アプリケーションの現在の「状態」の変更を一方通行の流れにして、一元的に管理できるようになります。

このコースは、Reactはある程度理解できているが、Reduxはこれからという方、あるいは学ぼうとしたが難しすぎたという方に向けたコースです。Reduxの考え方から導入方法、非同期処理との組み合わせ方法までを、演習を繰り返しながら体験的に学習できます。

このコースを受講することで、状態管理を導入したReact/Reduxアプリケーションを作成できるようになります。


※本コースは、2024年4月より改訂版にて実施いたします。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

Next.js入門
-React応用、TypeScript、tRPC、Prisma-

フロントエンド/バックエンド双方を備えたWebアプリケーションを高い生産性で開発するためのNext.js入門コースです。


当コースは、Reactをベースとしたフレームワークとして人気のNext.jsを中心に、TypeScriptおよびその静的な型システムを前提としたtRPCやPrismaといったライブラリを活用して、型安全に生産性高くWebアプリケーションを開発するためのコースです。

Next.jsは、Reactを基としてサーバーサイドレンダリングや静的サイトの生成、設定無しでのルーティング(ファイルベースルーティング)、状態管理やキャッシュ管理を兼ね備えたデータフェッチなどなど、昨今のWebアプリケーションをしっかりと作成するための様々な機能を備えたJavaScriptフレームワークです。

tRPCは、TypeScriptで記述されており、TypeScriptの型システムを上手く活用してフロントエンドとバックエンドのやり取りに静的な型を導入する事ができるライブラリです。tRPCを導入することで生産性高く型安全にWeb APIを開発できます。

PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。Prismaはデータモデルの作成、データ操作、マイグレーションなど様々な機能を提供しています。


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。