- トップページ
- アプリケーション開発
- 【AIアシスト対応】Vue.js入門 -ver.3対応-
【AIアシスト対応】Vue.js入門 -ver.3対応-
- コースコードMBJ12
- 受講形態オンラインもしくは対面
- 日数2日間
- 受講時間9時30分 ～ 17時00分（昼休憩：60分）
- 受講料110,000円 (税別価格100,000円)
親しみやすくパフォーマンスも優れた人気のJavaScriptフレームワーク「Vue.js」に入門しましょう。
Vue.jsは、オープンソースで開発されているユーザインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。
このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。
本コースは、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。
開催情報
※開催情報欄の「空席状況」が「×空席なし(お問い合わせ)」の場合は、右下の「問合せ」ボタンよりお問い合わせください。
開催日程・場所
| 開催日 | 場所 | 受付状況 | 空席状況 | 受付締切 |
|---|---|---|---|---|
| 8月20日(木) 〜 8月21日(金) | オンラインオープン研修(カサレアル社) | 受付締切（満席） | ×空席なし(お問い合わせ) | 8月7日(金) |
| 9月10日(木) 〜 9月11日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 8月28日(金) |
| 9月24日(木) 〜 9月25日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 9月11日(金) |
| 10月26日(月) 〜 10月27日(火) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 10月13日(火) |
| 11月26日(木) 〜 11月27日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 11月13日(金) |
| 1月18日(月) 〜 1月19日(火) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 1月5日(火) |
| 2月2日(火) 〜 2月3日(水) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 1月20日(水) |
| 3月4日(木) 〜 3月5日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 2月19日(金) |
| 3月23日(火) 〜 3月24日(水) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 3月10日(水) |
詳細情報
対象者
・今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
・jQueryの代替をお探しの方
前提知識
・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門』(MBK02)コースをご受講いただいた方、もしくは同等の技術を習得している方
学習目標
当コースを修了した時点で、次のことができることを目標とします。
・Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
研修の内容
1.概要と準備
Vue.jsとは
create-vueの導入
Vue.jsを試してみる
2.Vue.jsの基礎
単一ファイルコンポーネント
Composition APIについて
Vueインスタンス
setup関数
#script tag escaped#
ディレクティブ
リアクティブ
条件によって要素の表示を切り替える
ユーザーからの入力を受け付ける
3.コンポーネントの導入
コンポーネントの作成
props
要素を繰り返し表示する
4.Vue Router
Vue Routerの基本的な使い方
パラメータの受け渡し
5.コンポーネント間での情報の共有
provideとinject
storeパターン
WebAPIにアクセスする
6.その他、よく利用されるUIの実現
トランジション
スロット
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
備考
当コースは株式会社カサレアルが提供します。
重要事項
キャンセル規定
テキスト
研修テキスト
※ソースコード等はオンラインストレージにて配布いたします
オンラインクラス
オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
■使用ツール
動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
■システム要件
・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください。
■OS/ブラウザ
・OS：Windows / ブラウザ：Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
演習環境
実行環境(オンライン開催の場合は「オンラインクラス」欄の記述をご参照ください)
・Vue.js v3.2以上
・Node.js v18.x以上
・ECMAScript 2015以上
・Chrome
・Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
その他
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
メッセージ
Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。
これまでのフロントエンドJavaScriptのフレームワークの良いところを取り入れており、生産性と拡張性を兼ね備えた現実的なJavaScriptライブラリという特長があります。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの段階的な導入方法・基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。その過程で、webpackを使ったVue.jsアプリケーション開発のための環境設定方法も学べます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。
