資料

https://paper.dropbox.com/doc/RubyVue.jsEC-2--ASAlDp3mQnsoiijYiZMz4PF7Ag-MB7ngawSriCdZF3G6Zhx5

ご注意

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

開催の予定

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

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

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

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

タイムテーブル

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

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

このイベントではとてもシンプルに設計をして、最低限の機能を備えたサービスを最速で完成させることを目指します。 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にアップする想定です

参考資料

http://gihyo.jp/dev/serial/01/vuejs

slack

https://join.slack.com/t/ruby-vuejs-ec/shared_invite/enQtNDY3MTM3MzQwNjc5LTJmMDBlODZiNmQ1NGVkNTE3MDdiZTVhN2RhNjczMGE3MDVlYmI1YzcxYmY2YTlkMTk3OTVkMmU2YjJhODI5NmY

SNS

• Facebook: https://www.facebook.com/xhackjp/

• Twitter: https://twitter.com/xhackjp1

• LINE@

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