お知らせ
新規のご購入が停止になりました。

教材の概要

VueやReactなど、JavaScriptのフレームワークを使ったWebアプリケーションをよく見かけるようになりました。

また、Railsの開発では、Rails 5.1でWebpackerを導入して以降、VueやReactなどのモダンなフロントエンドの開発がより簡単にできるようになりました。

そのいっぽうで、多くのプログラミング学習者からは「RailsにVue.jsを組み合わせた開発方法がわからない」という声も聞かれます。

そこで本教材では、Webpackerを使って、RailsとVue.jsを組み合わせたWebアプリケーションの作成方法を学びます。

この教材で学べること

• RailsにVue.jsを組み合わせたWebアプリケーションの作成方法
• Webpackerの導入と基本
• APIについて
• Axiosを使った非同期通信
• Vue.jsの基礎

※本教材の主な目的は、Webpackerを使用してRailsとVue.jsを組み合わせた開発方法を学ぶことです。そのため、HTML・CSSの解説はしていません。

この教材の対象者

• Railsを使ってWebアプリケーションを作ったことがある人
• RailsとVue.jsを組み合わせた開発方法を学びたい人
• Vue.jsの基礎を学びたい人

受講に必要な知識

• Railsを使った開発の流れやMVC（Model View Controller）の概念をある程度は理解している
• Ruby の初歩的な知識(変数・配列・if文・each文など)を理解している

※Ruby on Railsの経験がない場合は、Techpitの「Trello風ToDoタスク管理アプリを作成しよう！【Rails】」での学習後の受講をおすすめします。

本教材の環境（対応バージョン）

• Ruby 2.7.1
• Rails 6.0.3.2
• ※本教材では、Mac OS環境で解説を行います。

本教材で質問対応可能なOSや環境

• Mac OS

本教材の構成

0章 はじめに

本教材で必要な開発環境を整えます。

1章 プロジェクトの作成

新規Railsプロジェクトを作成し、Webpackerを使ってVue.jsを導入します。

2章 メモアプリの実装

Rails と Vue.jsで簡単なメモアプリを実装します。