「slideship Tech Dive v1.0 #React / ReactVR / #VueJs」に参加してきました

• 2017/7/25
• https://slideship.connpass.com/event/61422/

Vue.js 効果的だった事例から見る利点と特徴

• 橋本 安司 @yellow844 さん
• https://slideship.com/users/@yhashimoto/presentations/2017/07/6ke7Az7fnnJ27PYKyY5e4P/

Rails案件をVueへ

• hamlとscssを使いたい
• 画面全部SPAにはしなくてよかったけどデータ更新多
• jsとテンプレートとcssを分けたかった

Vueでよかった点

• ファイルを分割できる
• html, js, cssを分割できる
  • scssとかhamlとか選択できる
• こんな風になる

<template>
  html
</template>

<style scoped>
  css
</style>

<script>
  js
</script>

• こんな風に別ファイルのhamlを読み込むこともできる

<template src="./xxx.haml" lang="haml"></template>

• cssはscopedでコンポーネント内に閉じれる
  • class属性にhash的なの勝手につけてる

ReactVR でつくるサーバ連動型インタラクティブ VR

• 原 一浩 @kara_d さん
• https://slideship.com/users/@karad/presentations/2017/07/VWHUtb3t9iPsjnwYAjSL3D/

ReactVR

• jsのみでVRアプリが作れる
• Reactと一緒の文法
• ビルドはReact Native

サーバとの連携

• axios
  • Reactに乗っかるから通信するのは楽
• websocketで同期

仕組み

• ReactVRはwebworker内で実行されている
  • アクセスが面倒

React SPA における OGP への挑戦

• 池内 孝啓 @iktakahiro さん
• slideship CEO
• https://eurie.co.jp/
• https://slideship.com/users/@iktakahiro/presentations/2017/07/9fEfFYbzYYs1xwuu69XX5R/

slideship

• markdownで書けるslideshare
• keynoteにコード貼るのは大変
  • markdownだからできちゃう

アーキテクチャ

• サーバはgo
• クライアントはreact(ts)
• できるとこはサーバレス
  • AWS使ってる
  • S3にhtmlをおいててcloudfrontで引っ張ってきてる

OGP

• ogが付いたhtmlの属性
  • twitterとかで認識される
• SPAはJSで動的に動くからtwitterとかに読み込んでもらえない

SEO

• SSR
• prerendering
  • https://www.netlify.com/
• PME
  • Prepared Multiple Entry-Point

LT-1 PATENTS問題とfast-asyncについて

• 石井 直矢 @kaidempa さん
• https://slideship.com/users/@naoishii/presentations/2017/07/26UQkdnWLCbAjGPEwpQEKD/

PATENTS

• 特許関連で何か起きたらOSS使わせませんよってやつ
  • facebookのOSSには書いてある

フロントエンド速習コース(仮)

• @taisa831
• https://slideship.com/users/@taisa831/presentations/2017/07/UKchseXVcVnDXVPWfkUsxb/?p=25

サーバーレスSPA本プレゼント！

• 吉田さん(セクションナイン)
• https://slideship.com/users/@yoshidashingo/presentations/2017/07/KrDakb6q6qqjUxY3obrawM/

RxJSコトハジメ

• @massa142
• https://slideship.com/users/@massa142/presentations/2017/07/KZArNUm6eQUNR4VFFkRE9h/