このエントリーをはてなブックマークに追加

11月

25

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】

RubyでECサイトをゼロから設計、DB設計からフロントの基礎知識までしっかり身につけます

主催 : 株式会社X-HACK

ハッシュタグ :#xhandson
募集内容

第一回or第二回に参加の方

2000円(会場払い)

先着順
9/28

第三回から参加の人

2000円(会場払い)

抽選(2018/11/22)
2/10

行けないので別日程を希望

無料

先着順
0/1

学生枠

無料

先着順
1/1

イベントの説明

おすすめのユーザー

第三回はログイン、カートの実装と、単一ファイルコンポーネントの解説をメインに据えて行います

  • Vueの単一ファイルコンポーネントの実際のプロジェクトに導入したい方
  • RubyとVue.jsでサイト構築を考えている方

Ruby、Vue.jsどちらか一方だけでも興味があればご参加いただけます

ご注意

  • 全4回で完結する、シリーズでのハンズオンの第三回目です
  • 懇親会があります

開催の予定

開催日 回数 内容
10/28 13:00 第一回 基本設計(データベース、API、画面)
11/18 13:00 第二回 管理画面、商品一覧
11/25 13:00 第三回 ログイン、カート、単一ファイルコンポーネント
12/09 13:00 第四回 決済システム、総評

4回全て出ていただくのが一番良いですが、途中からの参加も可能です
要望が大きければ、補習講座の開設も考えています

※カリキュラムはブラッシュアップをしているところですので、予告なく変更される場合があります。 ご了承ください

単一ファイルコンポーネントについて取り上げます

https://jp.vuejs.org/v2/guide/single-file-components.html

チームごとに設計を考えて頂きます

設計をチーム別にレビューしあいながら、進めて行きます
他の人の設計の仕方や考え方に触れる良い機会にしてください

タイムテーブル

内容 時間(目安)
開場、受付開始 12:45-13:10
登壇者の自己紹介 13:10-13:15
ワークショップの趣旨説明 13:15-13:25
参加者の自己紹介 各テーブルごと 13:25-13:35
これから作るものの説明 13:35-13:50
ハンズオン その1 - 40分 13:50-14:30
10分休憩 14:30-14:40
ハンズオン その2 - 50分 14:40-15:30
ハンズオン その3 - 50分 15:30-16:20
懇親会準備 16:20-16:30
懇親会 16:30-17:10
閉会、片付け 17:10-17:30

このイベントで「取り上げない」こと

重要なことは、やらないことを決めることです。

このイベントではとてもシンプルに設計をして、最低限の機能を備えたサービスを最速で完成させることを目指します。 WebPackやRailsなど便利なツールやフレームワークはたくさんありますが、初心者にとってはかえって重荷です。

どんどん機能を追加していくと、それらのフレームワークが強力なサポートをしてくれることは事実です。 ですが、初めての方にとってはそれらを利用することは、情報過多気味で消化するのに時間がかかり好ましくありません。

簡単とシンプルは違います。
シンプルに作ることを目標にし、「簡単だけど複雑な物」はこのイベントでは取り上げません。

RubyとVue.jsを用いたシンプルなwebサービスの構築手法を学びます

第一回は、開発環境の構築をした後、実際の商品を登録する画面と、商品一覧を表示する画面を実装します

最近のweb開発のトレンドを交えながら、ゼロからデータベースを設計し、機能を作り込んで行きます
まずは可能な限りシンプルなものを作り、少しずつ機能を追加していくことで、無理なくウェブの開発に必要な知識を蓄えて行きます

プログラミングの基礎知識はもちろんですが、データベースの設計のノウハウも身につくワークショップです

持ち物

ノートパソコン

必要な知識

プログラミングの基礎的な知識がある方が望ましいですが、エンジニアがどうやってデータベースの設計などをしてWebサービスを作っているのか興味がある方や学生の方もご参加頂けます

ツール、フレームワーク

  • github
  • cloud9
  • ruby(2.4)
  • ActiveRecord
  • postgreSQL
  • Vue.js

開発方針

フロントエンドとバックエンドの開発を切り分けるため、 RubyではAPIの提供と、バックエンド側の管理画面を担当させ、 フロントエンドは、Vew.jsを使ってAPIで連携して開発します

サーバーはherokuを利用し、DBはpostgreSQLを想定しています 画像などのリソースはs3にアップする想定です

SNS

イベント参加者限定で、プログラミング学習のサポートやカリキュラムに関する質問を受け付けています
登録して気軽に質問してください♪

X-HACKを追加

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

matsuda shinsuke

matsuda shinsuke さんが 【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】 を公開しました。

2018/11/09 08:14

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】 を公開しました!

グループ

X-HACK東京

イベント数 36回

メンバー数 327人

開催前

2018/11/25(日)

13:00
17:00

イベントに申し込むには
ログインしてください

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

募集期間
2018/11/09(金) 08:14 〜
2018/11/25(日) 17:00

会場

Impact Hub Tkyo

東京都目黒区目黒2-11-3 印刷工場1階

抽選中(2人)

bluegreen

bluegreen

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

pinocchiorz

pinocchiorz

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

抽選中一覧(2人)

参加者(10人)

Hmym

Hmym

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

shige08

shige08

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】 に参加を申し込みました!

宮崎兼一

宮崎兼一

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】 に参加を申し込みました!

ヤス

ヤス

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

ddmm3311

ddmm3311

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】 に参加を申し込みました!

ue103150

ue103150

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

ShoheiKai

ShoheiKai

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

わたさん

わたさん

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

wudono

wudono

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

Takuma Osada

Takuma Osada

【第3回(全4回) 】RubyとVue.jsでECサイトを考えながら構築する【ゼロから作る】に参加を申し込みました!

参加者一覧(10人)