Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rails + TypeScript + React + Hypernovaで始めるSSRライフ

hatappi
July 14, 2018
1.9k

Rails + TypeScript + React + Hypernovaで始めるSSRライフ

Rails Developers Meetup 2018 Day 3 Extreme

hatappi

July 14, 2018
Tweet

Transcript

  1. About me • Yusaku Hatanaka (@hatappi) • Speee, Inc •

    Ruby, Go, TypeScript, etc. • Roppongi.rb organizer • Vimmer (vimと同じ年) • 煎り⼤⾖が好き
  2. • Red Chainer • キュレーションサービス <= 今回話す • Slackで使うアンケートシステム •

    家庭内Railsアプリ(ゴミ出しとかエアコンの遠隔操 作) • etc
  3. システム全体像 • Nginx, Rails, Puma on EC2 • コンテンツはS3に保存されて おりCloudFront経由で配信

    • fluentdはnginxのログから GoogleBotなどを切り出して Datadogにメトリクスを送っ ている
  4. EC2 : t2.small $22 RDS : db.t2.small $40 ALB, CloudFront,

    etc.. $18 $80 約8,800円 ⾒積もり
  5. React • A JavaScript library for building user interfaces •

    Facebookが2011年にニュー スフィードに導⼊し2015年 にオープンソースとして公開 • JavaScriptの中にHTMLを記 載するJSXを利⽤できる +49
  6. Hypernova • hypernova/server • nodejsで作られたHTTPサーバー • コンポーネント名とpropsを受け取りHTMLを返す • hypernova/react •

    サーバー、クライアント両⽅で動作するhypernova/server⽤のイ ンターフェースを提供 • hypernova/ruby • hypernovaサーバーと連携するためのgem • Rails⽤にhelperなどを提供する
  7. 作業時間の確保 “Write Code Every Day - John Resig”
 https://johnresig.com/blog/write-code-every-day/ •

    毎⽇ 1commit、1PRを⽬標にして少しづつでもコー ドを書き続けられるようにする • 無理はしない