​​RubyとVue.jsでECサイトをゼロから作る 2日目

​​日程

  • ​​第2回 11/18 ← 
  • ​​第3回 11/25
  • ​​第4回 12/9

​​リンク

​​第二回タイムテーブル

​​
​​内容
​​時間
​​開場、受付開始
​​12:45-13:10
​​登壇者の自己紹介
​​13:10-13:15
​​参加者の自己紹介 各テーブルごと
​​13:15-13:25
​​ワークショップの趣旨説明
​​13:25-13:35
​​前回の振り返り
​​13:35-13:50
​​Vueのサンプルを触ってみる
​​13:50-14:30
​​10分休憩
​​14:30-14:40
​​キャサリンのサンプルHTMLをVue.jsを使えるように修正
​​14:40-15:30
​​APIを作ってみる(データベースは使用しない)
​​15:30-16:20
​​懇親会準備、アンケート実施
​​16:20-16:30
​​懇親会
​​16:30-17:10
​​閉会、片付け
​​17:10-17:30

​​コンテンツ

  • ​​登壇者の自己紹介 - 5分
  • ​​参加者の自己紹介 各テーブルごと- 10分
  • ​​
​​https://xhack-shop.herokuapp.com/

​​ワークショップの趣旨説明 - 15分

  1. ​​対象となる人
  1. ​​学べること
  1. ​​やらないこと
  1. ​​日程 隔週の日曜 13:00 ~ (予定) 10/28, 11/18, 11/25, 12/9
  1. ​​来年この講義の内容を書籍して出版します(タイトル未定)

​​二つリポジトリがあります

​​
  • ​​Vueの基本サンプル
​​https://github.com/x-hack-git/vue-first-step
  • ​​デザインHTMLが入ったリポジトリ、Forkしてご利用ください
​​https://github.com/x-hack-git/ruby-vuejs-ec/

​​ワークショップ開始 ~ Vue.jsの基本~

​​Vue.jsとは何か？

  1. ​​Vue.jsの紹介
  1. ​​ビューだけを扱うシンプルなライブラリ
  1. ​​学習コストが低い
  1. ​​コンポーネント指向である
  1. ​​システム全体をコンポーネントの集合として開発できる
  1. ​​リアクティブなデータバインディング
  1. ​​DOM操作が容易
  1. ​​自動で表示が更新される
  1. ​​双方向データバインディング