モダンフロントエンドで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
続きを読む

開催日程がありません

開催予定エリア六本木・赤坂

価格(税込)¥3,800

現在は開催リクエストを受け付けていません
受けたい
56人が受けたい登録しています

対面受講日程

開催日程はありません。

対面受講料に含まれるもの

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

オンライン受講日程

開催日程はありません。

この講座の先生

沖 良矢のプロフィール写真
インタラクションデザイナー,世路庵 代表
沖 良矢
1981年、愛媛県生まれ。
ウェブ制作会社 世路庵 代表。 

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

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

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

この講座の主催団体

  • 4,960人
  • 177回
クリエーターの学び舎 Bau-ya®

■ Bau-ya®にある『知識講座』『技術講座』『ワークショップ講座』の3つのスタイル

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

『技術講座』は、ふんだんに実演デモを駆使するセミハンズオン形式...
+続きを読む

主催団体に質問する 主催団体ページを見る

当日の流れとタイムスケジュール

■ 開始準備・開場時間
開演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実装経験があると理解しやすいです。
続きを読む

受講する際は以下をお読み下さい

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

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

レビュー14

  • 楽しかった( 6 )
  • 勉強になった( 10 )
  • 受ける価値あり( 8 )
  • この講座は「「vue.js」とはなに?と言う方に最適な講座でした。」でした
    男性 60代

    講座開催時間の都合が付かず動画で学ばせて頂きました。講座の内容が濃く実際に手を動かさないと理解出来ない所が有り、動画でリピートしながら何度も見られるのは助かりました。
    内容として「vue.js」が選択される理由から、実際のコーティング、機能の概要説明、ビルドまで一通り学ぶ事が出来ました。
    「vue.js」を学ぶ第一歩を踏み出せました。ありがとうございました。

  • この講座は「丁寧に分かりやすく教えてくださる講座」でした
    女性 40代

    敷居が高いイメージのJavaScript Vue.jsを
    的確に教えていただき、とても勉強になりました。

    いろいろと作業しながら、
    実践で応用してみたいと思います。

    またぜひ受講したいです。

    ありがとうございました!

  • この講座は「vue.js初心者にためになる講座」でした
    女性 50代

    JavaScriptも基礎しか知らないですが、vue.jsについてどんなものでどういう書き方をするのかわかって勉強になりました。

  • プログラミングのおすすめの先生プログラミングの先生を探す

    Javascript・jQueryの関連カテゴリーから講座を探す

    先生のスキルから探す

    関連エリアから探す