【AIアシスト対応】Vue.js入門 -ver.3対応-

WEB

【AIアシスト対応】Vue.js入門 -ver.3対応-

実践重視のプログラムで「わかる」を「できる」に!

株式会社カサレアル

No. RJ2008CRL 2008CRL

対象者target

  • ■ 今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
  • ■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
  • ■ jQueryの代替をお探しの方

前提知識

  • ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
  • ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
  • ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方

研修内容・特徴outline・feature

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

Vue.jsは、オープンソースで開発されているユーザーインターフェース構築用のJavaScriptフレームワークです。
これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えています。
このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティビティ・create-vue・Vue Router・provide/injectなどを、ハンズオンを織り交ぜながらステップアップで学んでいきます。
このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。

本コースは、生成AIを利用したコードアシストを利用いたします。
※AIは演習環境に組込み済です。お客様にてご用意いただく必要はございません。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

到達目標goal

  • ■ Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

主催団体organizer

本コースは、株式会社カサレアル が主催しております。

研修プログラムprogram

■ 概要と準備
 □ 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年度下期より追加)

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

配布資料demo

  • ■ セミナーテキスト

※ソースコード等はオンラインストレージにて配布いたします。

留意事項・備考notice

【事前に必ず以下をご確認の上お申込みください】
*本コースのキャンセル期限は研修開始日の7営業日前17:00まで です。
*主催団体によりキャンセルポリシーが異なります。詳細はこちらをご確認ください。
*キャンセル期限までは無料にてキャンセルを承ります。
*キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
*事前のお席の確保は原則承っておりません。
*お申込み内容は、翌営業日以降に確定いたします。
*お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

動作環境operating

  • ■ Vue.js v3.2以上
  • ■ ECMAScript 2015以上
  • ■ Node.js v18.x以上
  • ■ Chrome
  • ■ Visual Studio Code

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

スケジュール・お申込み
(オンライン/セミナールーム開催)schedule・application

オンライン開催

セミナールーム開催

お申込後の流れflow

STEP

1

提供団体へ申込み

(お申込翌営業日)インソースがお客様のお申込を確認し、提供団体へ連携いたします
※空席がない場合、満席連絡をさせていただく場合がございますので予めご了承下さい

STEP

2

ご案内の送付

ご登録いただいたメールアドレスへ、ご受講日の約1週間前までに受講案内をお送りします
※研修主催の株式会社カサレアル 様より直接、ご受講案内メールが配信されます
※会場受講の方:お申込完了メールにて研修会場をご確認ください

STEP

3

受講開始

メールにてご案内したZoomミーティングIDを使用し、研修にご参加ください
※会場受講の方:開催時間をご確認のうえ、時間には余裕をもってご来場ください

最新作・ニュース

新卒採用募集中
ページトップへ
年間実績公開講座の年間実績
受講者数※1
開催数※1
講座数※2

WEBinsource
ご利用社数※2

※1 

※2 

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

メールマガジンのご登録

コンテンツクリエイターズワークス

生理の貧困対策支援PJ(企業向け)全力Q&A

生理の貧困対策支援PJ(自治体向け)全力Q&A

生理の貧困対策支援PJ自治体のお声

インソースからの新着メッセージ

    新作研修(講師派遣)

    業界随一の研修開発力を誇る
    インソースの最新プログラム

      コア・ソリューションプラン
      の新作情報

      250種類以上のコンサル事例!
      組織の「したい!」に全力で応える

        おすすめリンク