Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-04-01 13:07:44
30-Day Money-Back Guarantee
Development Web Development Vue JS

Vue.js入門決定版!jQuery を使わない Web 開発 - 導入からアプリケーション開発まで体系的に動画で学ぶ

Vue Router, Vue CLI 対応. Angular.js、React.jsに比べて学習コストが低い注目度抜群のJavaScriptフレームワーク Vue.js!高度化するWeb開発のフロントエンド開発の課題を解決。
Highest Rated
Rating: 4.3 out of 54.3 (1,985 ratings)
9,758 students
Created by 中村祐太 (Yuta Nakamura), Proglus(プログラス) プログラミング教室
Last updated 4/2021
Japanese
30-Day Money-Back Guarantee

What you'll learn

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

Course content

18 sections • 172 lectures • 8h 22m total length

  • Preview03:02
  • 受講オリエンテーション
    08:31
  • 補足:受講オリエンテーション
    00:31
  • Preview01:14
  • Preview01:33
  • 補足:学習環境について
    00:28
  • サンプルコードについて
    00:33

  • Preview00:58
  • 補足:jsFiddleについて
    00:17
  • JSFiddle 画面説明
    02:59
  • Preview03:30
  • Preview02:57
  • Preview02:22
  • Preview02:37
  • Preview03:22
  • Preview06:38
  • Preview04:55
  • 補足:jsFiddleの利用が便利になる設定
    00:18
  • jsFiddleの利用が便利になる設定
    03:40
  • jsFiddle ソースコードの保存・読み込み
    05:09
  • エラーを自力で解決する方法
    04:12
  • ディレクティブとは
    01:20
  • 属性のデータバインディング v-bind
    04:47
  • 補足:属性のデータバインディング v-bind
    00:19
  • 条件分岐 v-if
    04:05
  • 条件分岐 v-show
    03:07
  • 繰り返しの描画 v-for
    04:44
  • オブジェクトの繰り返し v-for
    05:51
  • イベント処理の基本 v-on
    05:05
  • 双方向データーバインディング v-model
    05:41
  • コンポーネント
    03:22
  • 演習:Vue.jsの基本的な使い方のまとめ①
    06:58
  • 演習:Vue.jsの基本的な使い方のまとめ②
    05:28
  • 補足:テキストエディタを使った開発
    09:52
  • 補足:JavaScriptのセミコロンについて
    00:20

  • Preview01:44
  • Preview02:11
  • Preview01:03
  • 追加ボタンのイベントハンドリング
    03:10
  • inputのvalueを双方向データバインディング
    02:06
  • タスクの追加
    02:20
  • タスク追加後の文字列クリア
    01:21
  • 未入力なら追加しない
    02:08
  • リスト表示
    01:53
  • タスクの完了/未完了の管理
    02:45
  • スタイルの設定
    04:30
  • タスクの削除
    06:31
  • 全体を通して動作確認
    02:04

  • Preview00:51
  • 利用するAPIの仕様
    01:57
  • データを格納するプロパティを作成
    00:41
  • HTTPクライアント axiosの導入
    02:40
  • Bitcoin価格をAPIから取得
    03:13
  • 補足:JavaScriptの bindについて
    01:45
  • 通信エラーのキャッチ
    01:02
  • Bitcoin価格の表示
    01:52
  • 中間まとめ
    00:11
  • 小数点以下の桁数調整
    01:22
  • チラツキ防止
    01:11
  • 通信エラーハンドリング
    03:16
  • ローディング表示
    03:33

  • イントロダクション - テンプレート構文
    00:35
  • 様々なテンプレート制御ディレクティブ
    00:28
  • v-once ディレクティブ
    04:11
  • v-pre ディレクティブ
    01:57
  • v-htmlディレクティブ
    03:19
  • v-cloakディレクティブ
    05:11
  • v-text ディレクティブ
    02:54
  • バインディング式
    00:32
  • JavaScript 式
    06:07
  • フィルタ(ローカルフィルタ)
    04:36
  • フィルタ(グローバルフィルタ)
    02:14
  • フィルタの連結
    04:51
  • フィルタの引数
    04:46
  • v-bind 省略記法
    03:36

  • イントロダクション
    00:37
  • 算出プロパティの基本
    03:29
  • 算出プロパティとメソッドの比較
    03:32
  • 算出プロパティのgetterとsetter
    06:59
  • 算出プロパティのキャッシュ
    06:13

  • イントロダクション
    00:53
  • 監視プロパティの基本
    05:23
  • 例題:単位変換アプリ
    06:43
  • 算出プロパティと監視プロパティの比較
    06:39
  • 監視プロパティのオプション
    00:26
  • オプション deep ①
    07:06
  • オプション deep ②
    03:25
  • オプション immediate
    02:24

  • Preview02:21
  • 利用するAPIについて
    02:02
  • 開発の準備
    01:45
  • 空のオプションの用意
    01:04
  • dataオプション
    00:53
  • APIからデータを取得
    06:58
  • テンプレート側の実装
    06:04
  • フォームの監視
    04:09
  • 動作確認
    02:33

  • イントロダクション
    00:40
  • クラスのデータバインディングの基本
    03:48
  • 複数のクラスを動的に切り替える
    02:22
  • プレーンなクラス属性と共存
    03:24
  • 配列構文によるクラスのデータバインディング
    02:13
  • オブジェクトデータの利用
    02:45
  • クラスの条件に三項演算子を使う
    05:03
  • インラインスタイルのデータバインディング
    03:13
  • インラインスタイルのデータバインディングにオブジェクトデータ
    02:25

  • イントロダクション
    00:32
  • v-ifとv-else
    03:24
  • v-else-if
    03:48
  • v-show
    03:00
  • v-if とv-showの違い
    01:15

Requirements

  • HTMLの基礎知識
  • CSSの基礎知識
  • JavaScriptの基礎知識(ES5, 一部ES2015)
  • Google Chrome
  • テキストエディタ
  • macOS または Windows PCが必要です

Description

このコースでは、人気急上昇中の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のコードは書いていて、とても楽しいです。

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


詳細は無料プレビュー動画を30分用意しましたので、ぜひご覧ください! 


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


利用するソフトウェア 等:

「Vue.js」

  • Vue.js 2.5.16  ・・・ 無料

  • Google Chrome   ・・・ 無料

  • jsFiddle (Webブラウザで便利にJavaScriptの学習ができるWebサービス) ・・・  無料

  • テキストエディタ Atom(収録時期により、一部レクチャーでVisual Studio Code使用) ・・・  無料

  • パソコン (macOS または Windows)

「Vue Router」

  • Vue.js 2.6.10  ・・・ 無料

  • Vue Router 3.0.6 ・・・ 無料

  • Google Chrome   ・・・ 無料

  • Visual Studio Code ・・・  無料

  • パソコン (macOS または Windows)

「Vue Router」

  • Vue CLI 3・・・無料

  • Google Chrome   ・・・ 無料

  • Visual Studio Code ・・・  無料

  • パソコン (macOS または Windows)

Who this course is for:

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

Instructors

中村祐太 (Yuta Nakamura)
ウェブ開発, ソリューションアーキテクト
中村祐太 (Yuta Nakamura)
  • 4.3 Instructor Rating
  • 12,725 Reviews
  • 53,169 Students
  • 10 Courses

ITエンジニア / プログラミング講師. 株式会社プログラス 代表取締役. プログラミング入門ナビ編集長.

現役の技術者. エンジニア歴は10年以上. 高校時代の15歳からプログラミングをはじめる.

数々の開発プロジェクトに参画し, 勉強会の講師や, 大学生向けインターン講師に従事してきた経験も生かして, Udemyを使ったプログラミング教育に取り組む.

コース制作では, 受講生の皆さんが自己実現を達成できるように, わかりやすく説明し, 現場で使える内容を心がける.

Webアプリケーション開発、スマートフォンアプリ開発, インフラ, ディレクション, PM, サービスグロースハック, 新規事業立ち上げ, 人材採用など, 会社員として経験を積んだ後に起業. ソフトウェア開発事業、教育研修事業、インターネットメディア事業等に取り組む.

東京都在住, 長野県安曇野市出身.

主な経験:

Ruby (Ruby on Rails) , PHP(CakePHP, Symfony2, Laravel, WordPress), C# (.net)、データベース(SQL, MySQL, データベース設計)、Swift(iOS), Java(Android),  サーバ構築・保守(Linux, AWS, heroku), JavaScript(jQuery, Vue.js, Nuxt.js), Python, 開発ディレクション, PM, UI/UXDなど。

インターネット広告,  マッチングアプリ, イベントチケットEC,   eラーニングシステム, 旅行EC, グルメサービス, 家計簿,  電子書籍, 業務会計システム, 棚卸管理システムなど.

最終学歴:

群馬大学大学院 工学研究科 博士前期課程修了

Proglus(プログラス) プログラミング教室
プログラミング入門
Proglus(プログラス) プログラミング教室
  • 4.3 Instructor Rating
  • 12,725 Reviews
  • 53,169 Students
  • 10 Courses

東京都千代田区で活動する、社会人向けプログラミング教室 Proglus(プログラス)です。

講師の中村祐太を中心メンバーとして運営しています。

プログラミングをオンライン動画やセミナー形式により教えています。

プログラミング学習を通して、受講生の皆さまの自己実現をサポートいたします。


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.