【旧版】はじめてのVue.js2入門

Vue Router, Vue CLI 対応. Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavaScriptフレームワーク Vue.js！高度化するWeb開発のフロントエンド開発の課題を解決。

お知らせ：旧版のコースのためメンテナンス及びサポートを終了しています。動画は引き続きご視聴いただけます。

プレミアム

合計時間：07:39:30

コース紹介動画

学習内容

■ 主な学習トピック
  • Vue.jsを使うメリットがわかるようになります。
  • Vue.jsの基本的な使い方を速習パートにより短時間で理解できるようになります。
  • TODO管理アプリ開発を通して、Vue JSによるアプリ制作の一連の流れを理解できるようになります。
  • Vue.jsとBitcoin価格取得APIと連携した実践的な開発ができるようになります。
  • プログラミング関連記事検索APIを用いたリアルタイムサーチ開発を通して、実践的な開発ができるようになります。
  • Vue.jsの詳細な機能についても理解できるようになります。
  • Vue Routerの基礎を学習してSPAを実装できるようになります。
  • Vue CLI3を使った開発ができるようになります。

■ 講座内容

このコースでは、人気急上昇中のJavaScriptフレームワークVue.js（ビュージェイエス）を、Webアプリケーション開発に役立つスキルとして学びます。

はじめてVue.jsを学ぶ方をターゲットにしています。 

jQueryだけでは限界を感じていてステップアップしたい、Webエンジニア・Webデザイナーにおすすめです。 

このコースでは、Vue.jsだけを体系的に、効率的に学習することができます。 

JavaScriptを使った高度なUIのWebアプリケーションが増えるにしたがって、jQueryでの開発はメンテナンスが非常に難しい課題に直面しています。JavaScriptフレームワークの導入は必須となっています。

JavaScriptフレームワークといえば、React.js, Angular.jsがまず思い浮かぶ方が多いのではないでしょうか。

しかしながら、大規模なアプリケーション開発ではない場合、オーバースペックとなりメリットが活かしきれず、熟練したメンバーが揃えられないプロジェクトチームでは、その学習コストの高さから、開発スピードが低下してしまう懸念があります。

私は、React.jsは複数案件経験しているのですが、プロジェクトによっては相当苦労しました。限られた予算内で、サービスリリースを優先するために、泣く泣くReact.jsで書いたコードを捨てる苦い経験もしました。

そんな中で、Vue.jsは、

  • 学習コストが低い
  • 柔軟性がある
  • 高性能

といった、特徴を持っている、注目のJavaScriptフレームワークです。


Vue.jsのGItHubでのスター数は、よく比較に出されるフレームワーク、Angular.js, React.jsを抜きました。

Vue.jsは、ファイルを読み込むだけで、コードを書き始めることができますので、とても手軽に導入できます。

この導入の手軽さは、jQueryに近い感覚です。

Vue.jsのコードは書いていて、とても楽しいです。

この楽しさは理屈では説明が難しいので、まずはコードを書いて体感してください。

それでは、皆さんとコースの中でお会いできることを楽しみにしています。

■ 学習に必要な要件
  • HTMLの基礎知識
  • CSSの基礎知識
  • JavaScriptの基礎知識（ES5, 一部ES2015）
  • Google Chrome
  • macOS または Windows PCが必要です

■ このコースのターゲット
  • Vue JSは気になっているけどまだ試していない
  • jQueryからステップアップしたいWebエンジニア
  • jQueryからステップアップしたいWebデザイナー
  • HTML/CSS/JavaScriptの基礎知識はある
  • 多少のお金を支払うことで学習時間を短縮したい
  • 他の教材で学習をはじめたが挫折した

■ バージョン情報
  • 「Vue.js」
    • Vue.js 2.5.16  ・・・ 無料
    • Google Chrome   ・・・ 無料
    • jsFiddle （Webブラウザで便利にJavaScriptの学習ができるWebサービス） ・・・  無料
    • テキストエディタ Atom（収録時期により、一部レクチャーでVisual Studio Code使用） ・・・  無料
    • パソコン （macOS または Windows 7, 8.1, 10）

  • 「Vue Router」
    • Vue.js 2.6.10  ・・・ 無料
    • Vue Router 3.0.6 ・・・ 無料
    • Google Chrome   ・・・ 無料
    • Visual Studio Code ・・・  無料
    • パソコン （macOS または Windows 7, 8.1, 10）

  • 「Vue Router」
    • Vue CLI 3・・・無料
    • Google Chrome   ・・・ 無料
    • Visual Studio Code ・・・  無料
    • パソコン （macOS または Windows 7, 8.1, 10）


レクチャー一覧