オンライン＆集合研修
親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。
Vue.jsは、オープンソースで開発されているユーザーインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティビティ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。
このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。
本コースは、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
| 研修の目的 | ■ Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる |
|---|---|
| カリキュラム | ■ 概要と準備 □ Vue.jsとは □ create-vueの導入 □ Vue.jsを試してみる ■ Vue.jsの基礎 □ 単一ファイルコンポーネント □ Composition APIについて □ Vueインスタンス □ setup関数 □ ＜script setup＞ □ ディレクティブ □ リアクティビティ □ 条件によって要素の表示を切り替える □ ユーザーからの入力を受け付ける ■ コンポーネントの導入 □ コンポーネントの作成 □ props □ 要素を繰り返し表示する ■ Vue Router □ Vue Routerの基本的な使い方 □ パラメータの受け渡し ■ コンポーネント間での情報の共有 □ provideとinject □ storeパターン □ WebAPIにアクセスする ■ その他、よく利用されるUIの実現 □ トランジション □ スロット ■ 付録：TypeScriptの導入（2025年度下期より追加） ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。 |
| 対象者 | ■ 今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方 ■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方 ■ jQueryの代替をお探しの方 |
| 前提条件 | ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方 ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方 ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方 ■【オンライン開催の場合】『オンライン研修環境』に記載のツール、機材のご用意が可能な方 |
| 実行環境 | ■ Vue.js v3.2以上 ■ Node.js v18.x以上 ■ ECMAScript 2015以上 ■ Chrome ■ Visual Studio Code ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。 |
| 配布資料 | ■ セミナーテキスト ※ソースコード等はオンラインストレージにて配布いたします。 |
| 開催日数 | 2日間 |
| 開始/終了時刻 | 9時30分～17時00分 |
| 実施会場 |
【集合】品川会場 【オンライン】Zoomによるオンライン開催 ※お申し込み時にご選択ください |
| 受講料金 | 104,500円 （税込） ※受講料にはテキスト代も含まれます。 |
| 開催日程 |
【集合】
|
| お問い合わせ | 法人様など多人数でのご受講をご検討の場合のお見積り、 サービス内容のカスタマイズのご相談、開催予定のお問い合わせなどは、お問い合わせフォームよりお気軽にお申し付けください。 |
