お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

モダンフロントエンドでJavaScript Vue.js 入門

インタラクションデザイナー 沖良矢氏登壇、JavaScriptフレームワーク Vue.jsの開発環境から基本的な実装方法まで学ぶ入門講座。

こんなことを学びます

全国の方がご参加可能な、「オンライン受講」に対応している講座です。

ご参加のすべての方が、講座開催後でもお好きなときに収録動画をご視聴可能な「見逃し配信」も用意しています。

--

あなたは普段、どのようなウェブサイトを制作していますか?

規模では、シンプルなランディングページから、数十万ページを超える大規模なウェブアプリケーションなど。
要件では、静的なウェブページから、APIやDBとの連携を含むSPA(シングルページアプリケーション)など。
現代のウェブフロントエンドに求められるその機能や環境は、多様化と複雑化の一途を辿っています。

プレーンなHTML、CSS、JavaScriptだけでは物足りなさを感じても、フレームワークを入れるほどではなく、人手による運用でカバーしていませんか?
サービスの成長に伴って、当初から採用していたフレームワークでは機能が足りなくなってはいませんか?
そんな技術のミスマッチを、多くの方が経験しているはずです。

そこで登場したのが、ウェブフロントエンドの幅広いニーズに応えるJavaScirptフレームワーク、『Vue.js』です。
Vue.jsは必要に応じて機能を選択できる「The Progressive Framwork」という思想の元に、設計されています。
制作対象の規模や機能、チームメンバーの人数やスキルに合わせて、柔軟に導入できます。

この講座では、インタラクションデザイナーとしてウェブアプリケーション/ウェブサイトを中心に幅広く携わり、DISTでもお馴染みの沖良矢氏を招き、Vue.jsの開発環境のセットアップから基本的な実装方法までを伝授。
最もモダンなJavaScriptフレームワークを採用するのに必要な知識と技術を学べます。

Vue.jsの力をものにして、新しいフロントエンドの扉を開いてください。


Keywords: Vue.js, JavaScript, SPA, HTML, CSS, jQuery


● この講座で学べること
○ Vue.js開発の基本的な流れ
○ 開発環境のセットアップ方法
○ 単一ファイルコンポーネント(.vueファイル)の書き方
○ 動的な要素の繰り返しや表示・非表示の切り替え

● この講座で得られること
○ Vue.jsの基礎知識
○ jQueryや他のJavaScriptフレームワークと比較したメリットの理解
○ 制作規模や対象に左右されない開発環境
※ 配布資料がある場合は、配布やダウンロードなどで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオンでも、聴講でも、お好きなスタイルで受講可能な『技術講座』です。
○ 実践的な技術や方法を、要点をまとめて具体的にわかりやすくお伝えします。
○ 操作の解説は、デモンストレーションを実演して解説します。
○ 講座開催の後でも1週間、講義の様子をすべて収録した動画の視聴ができ、グループメッセージで登壇者宛に質問が可能です。

#bauya97
続きを読む
オンライン開催あり

5月28日(木)

19:30 - 21:30

オンライン開催 / ビデオ会議

残りわずか

予約締切日時

5月27日(水) 19:30

参加人数

15/20人

開催場所

ビデオ会議によるオンライン開催です

価格(税込)

¥3,800

こちらのお申し込みは、『Zoom』によるオンライン参加となります。 Zoom オフィシャルサイト < https://zoom.us > 開催間際になりましたら、Zoomご利用のURLをお知...もっとみる
  • 5月28日(木)

    19:30 - 21:30

    オンライン開催 / ビデオ会議

    残りわずか
  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
40人が受けたい登録しています

開催日程 オンライン開催あり

5月28日(木) 19:30 - 21:30

¥3,800
参加人数 15/20人

オンライン開催 / ビデオ会議

この講座の先生

沖 良矢のプロフィール写真
インタラクションデザイナー,世路庵 代表

沖 良矢

1981年、愛媛県生まれ。
ウェブ制作会社 世路庵 代表。 

ウェブアプリケーション/ウェブサイトの制作を中心としたディレクションやフロントエンドの開発、デザインに幅広く携わる。 

講師/執筆業や勉強会の運営を通じて、日本のウェブ制作を支えるコミュニティ形成にも力を注いでいる。 

ウェブクリエイティブコミュニティー「DIST」 代表 
Vue.js日本ユーザーグループ スタッフ 
Flashユーザーグループ「F-site」 元代表

この講座の主催団体

BAU-YA

プロとプロを目指すクリエイターの学び舎、BAU-YA(バウヤ)。
アートやデザイン、ITやウェブなどの、トップクリエイターや著名講師による『いま、伝えたいこと』を、そのまま講座にして催します。


■ BAU-YAにある『技術系講座』と『知識系講座』の2つのスタイル

『技術系講座』は、ふんだんに実演デモを駆使するハイブリッド・ハンズオン講座。

制作の現場で必須のテクニックを学べます。

一緒に実習しながらでも、または聴講のみでも、どちらでも参加できるスタイル。
使用する学習サンプルは、受講後でもダウンロードして何度でも練習いただけます。

『知識系講座』はふんだんに図解で解説する座学講座。
業界人として必須の教養や情報を学べます。
スライドや資料などを見ながら、じっくり学ぶスタイル。
提示されるスライドや資料は、受講後でもダウンロードして何度でも復習いただけます。


■ BAU-YAが招聘する実力派講師陣

クリエイティブ業界の最前線で活躍している、経験豊富なク... もっと見る >>

主催団体に質問する 教室ページをみる
  • 当日の流れとタイムスケジュール

    ■ 開始準備・開場時間
    開演15分前から

    ■ 所要時間
    約1.5–2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. オープニング(BAU-YAおよび講座について説明,登壇者紹介など 約5分)
    2. 講義(約35–50分)
    3. 休憩(約5分)
    4. 講義(約35–50分)
    5. 質疑応答(約5分)
    6. エンディング(約5分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
    • こんな方を対象としています

      □ ウェブ制作に携わるすべての方
      □ jQueryを使ったJavaScript開発からステップアップしたい方
      □ モダンなJavaScriptフレームワークを学びたい方
      □ マークアップエンジニアやウェブデザイナーなど、さらに知識を深めたい方
      ※ HTMLとCSSの基礎知識がある方を対象としています。
      ※ 必須ではありませんが、jQueryを使った簡単なJavaScript実装経験があると理解しやすいです。
    • 受講料の説明

      参加費に教材費などはすべて含まれています。
      参加費の他に一切費用はかかりません。
      ※ オンラインで講座に参加いただく場合の通信費などは、参加者さまのご負担になります。
      ※ 参加費の領収書は、ストリートアカデミーから発行・印刷することができます。
        https://support.street-academy.com/hc/ja/articles/201345225
    • 受講する際は以下をお読み下さい

      ■ ご用意いただくもの
      □ オンラインで受講いただく場合は、インターネット環境とコンピュータなどのデバイスおよびウェブブラウザ。
      ※ OSやウェブブラウザーは、最新のバージョンに近いものであれば種類は問いません。
      □ ハンズオンスタイルで受講の方は、以下のアプリケーションがインストールされたコンピュータ。
      ・Google Chrome
      ・Visual Studio Code,Atom,WebStormなど、.vueファイルのコード補完をサポートしているソースコードエディター
      ※ コンピュータの動作やソフトウェアなどの動作不良に関するサポートは行いません。

      ■ その他
      □ 講義中の録画や録音などの一切の収録行為を禁じます。
      □ 講座内で配布する資料やファイルなどの一切の二次利用や再配布、無断転載などを禁じます。
    ※ストアカでは全講座に保険が適用されます。詳しくはストアカ補償制度をご覧ください。

    レビュー

    • 8
    • 楽しかった!( 1 )
    • 勉強になった!( 4 )
    • 行く価値あり!( 4 )
  • W3

    女性 40代

    この講座は「モダンWebの実際に触れることができた講座でした」でした

    ツールのバージョンだったり、環境構築がやっぱ難しいし、大人数のネット環境とう条件もあったかもしれない。進行的に途中でついていけなくなったので時間をとってやっておきたい。

  • M1

    男性

    この講座は「Vue.js導入のメリットが分かる講座」でした

    昨今の制作環境において、何故Vue.jsが求められているのかが分かりました。
    また、JavaScriptのフレームワークも幾つかの種類がありますが、他のフレームワークとざっくり比較した上でのVue.jsのメリットを知ることができました。
    私は座学での参加でしたが、終了後に学習用のサンプルファイルを共有していただけたので、後日の復習がしやすかったです。

  • M1

    その他 50代

    この講座は「モダンフロントエンドでJavaScript Vue.js 入門」でした

    今までVue.jsは触ったこともなかったので、興味深い講義で大変参考になりました。
    今後WEBサイト構築に関しては、活用できるのではないかと思っています。
    ただ、入門とは言っても、あの速さで進められるとなかなかついていけませんでした。
    講義後の復習でなんとか理解したいと思います。

  • M1

    男性 40代

    この講座は「なぜVueが必要かがわかる講座」でした

    参考書などによくあるメソッドの紹介や時間がかかる環境構築などはすっ飛ばし、Vueのおいしいところだけ抜き出した講座だと思います。
    受講した方は、なぜVueが必要で役に立つかLPから大規模まで活用できる理由がわかると思います。

    次回があればぜひSlotやデータの受け渡しVMMVや実務現場での環境構築例についても学んでみたいです。
    まったくの0でもいいですが、参考書を軽く読んで講座を受けて参考書を再度読むと理解が深まるなと感じました。

  • M2

    男性 40代

    この講座は「Vue.jsの基本が分かる講座」でした

    JavaScriptのフレームワークを使ったことがなかったのですが、Vue.jsの考え方やメリットが分かりやすく、入門として良い講座でした。

  • この主催団体の他の講座

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?