新機能 slideship.com のスライドが、connpass上に埋め込み表示できるようになりました。詳しくはこちら

お知らせ ビープラウド、機械学習・データ分析の問題をオンライン学習サービスPyQにて提供開始

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

7月

25

slideship Tech Dive v1.0 #React / ReactVR / #VueJs

Webフロントエンド特集

主催 : slideship Inc.

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

参加枠

無料

先着順
37/60

運営・スピーカー枠

無料

先着順
3/3

イベントの説明

※ 2017-07-11 11:00 満員御礼につき参加枠を拡大しました (40 => 60)

slideship Tech Dive とは

slideship Tech Dive は、slideship Inc. が主催する、プログラミング、Web関連テクノロジー、プロダクト開発、チームビルディングなどのトピックを扱う勉強会、あるいは Meetup イベントです。

初学者に優しく、中級者以上でも得られるものがある程度のバランスのイベントとなることを目指しています。

イベント概要

slideship Tech Dive 第1回です。今回は Web アプリケーションのフロントエンドにフォーカスを当て3つのセッションをお届けします。

対象者

  • React や Vue.js、Angular などのモダン・フレームワーク/ライブラリに興味のあるかた、利用しているかた
  • ゲストスピーカーや他の参加者への敬意と礼節を持って参加いただけるかた

セッション概要

セッション1: Vue.js 効果的だった事例から見る利点と特徴

ゲストスピーカー: 株式会社CMSコミュニケーションズ 橋本 安司 @yellow844 さん

「フロンエンドエンジニア」という呼称が一般的になり、jQuery・Backborn.js・Angular・ReactやVue.js など多くのJavaScript フレームワークが存在している昨今、専任のフロントエンジニアでも何を選択するべきか判断に迷うことも多いと思います。

今回は実際に仕事の場で「Vue.js」が効果的だった事例をとりあえげ、「Vue.js」がフロントエンドジニアにもたらす「利点」と「特徴」をお話しします。

セッション2: ReactVR でつくるサーバ連動型インタラクティブ VR

ゲストスピーカー: グレーティブ合同会社 代表 原 一浩 @kara_d さん

ReactVR は Facebook が開発し、GitHub にて BSDライセンスで公開しているオープンソースの VR アプリケーションフレームワークです。Web ブラウザ向けに WebGL と WebVR を使った VR アプリケーションを作るための様々な仕組みが提供されています。

ReactVR を使った VR コンテンツを制作してみると、ちょっとしたものはすぐできても、凝ったことをやると「あれ?これどうやるんだろう?」という疑問が出てきます。本発表では、サーバと連動したインタラクティブなコンテンツを作っていく過程で感じた React との違うポイント、変わらないポイント、VR アプリケーションにおける状態管理のあたりの正直なところを中心にお話しをします。

※ 現在、HTML5Experts.jp にて React VR の記事を連載中です。 ※ 予習コーナーにて取り上げていただいたSPA はじめてガイドブックを書いています。こちらは、SPA がいまいちよくわからない人に向けたゆるめのコラム連載となっています。

セッション3: React SPA における OGP への挑戦

スピーカー: 株式会社slideship 池内 孝啓 @iktakahiro

slideship.com は、React による SPA (Single Page Application) をアーキテクチャとして採用し実装されています。

SPA (Single Page Application) を採用する場合、しばしば Google Search Engine に対する最適化や、Twitter や Facebook などの採用する OGP (Open Graph Protocol) への対応が課題とされます。SSR (Server Side Rendering) はその解決策の1つとして知られています。

しかし、Web アプリケーションを RESTful API + SPA という組み合わせにし、かつ SPA を CDN (Contents Delivery Network) で配信する場合、SSR を容易に取り入れられないという課題があります。

slideship.com は、React による SPA + Amazon Cloudfront + Amazon S3 という構成を採用しています。slideship は現在、非SSR のアプローチでの OGP 最適化に取り組んでいます。当日はその成果を発表します。

※ 追記 ()

タイムテーブル

時間 内容 スピーカー
19:00 受付開始 --
19:00 - 19:30 入場 --
19:30 - 19:35 オープニングセッション・会場案内 運営チーム
19:40 - 20:05 Vue.js 効果的だった事例から見る利点と特徴 橋本 安司 @yellow844
20:10 - 20:35 ReactVR でつくるサーバ連動型インタラクティブ VR 原 一浩 @kara_d さん
20:45 - 21:10 React SPA における OGP への挑戦 池内 孝啓 @iktakahiro
21:15 - 21:20 LT-1 (仮) PATENTS問題とfast-asyncについて 石井 直矢 @kaidempa さん
21:20 - 21:23 LT-2 フロントエンド速習コース(仮) @taisa831
21:23 - 21:26 LT-3 書籍プレゼント企画 -
21:26 - 21:29 LT-4 RxJSコトハジメ @massa142
21:30 - 21:55 余韻にひたりながら親睦を深める時間 参加者
22:00 撤収 --

※ 今回 飲食物の提供はございません。

会場と受付

  • Yahoo! JAPAN 東京都千代田区紀尾井町1-3 東京ガーデンテラス紀尾井町

紀尾井タワー 2Fの Yahoo! JAPAN 受付の横のフラッパーゲートを通過し(このとき受付は必要なし)、エレベーターで 18F へお上がりください。18F LODGE のコワーキングスペース受付の近くに誘導員が案内板などをもって待機しています。18F の待合場所で何人かの参加者が集まった後に誘導員が 18F から 17F へ先導し、17F のセミナールーム近くの受付カウンターにて受付を行います。受付では connpass の受付票をご提示いただければ入館証をお渡しします。

18F のLODGE 受付 (ならびに同日に開催している他イベントの受付) とは別になりますので誤って受付しないようにご注意ください。また Yahoo! JAPAN の受付の方や警備員の方は本イベントとは無関係ですので、入館や受付についてお尋ねにならないようお願いいたします。

注意事項・その他

  • 会場では電源および Wi-Fi を利用できます。
  • 緊急のご連絡は右記の Twitter アカウントにお願いいたします。 @slideship

予習コーナー

今回のゲストスピーカー 原さんの公開されている「SPAはじめてガイドブック」は、SPA の歴史から課題、そしてその先までが簡潔にまとめられたドキュメントです。もちろん必須ではありませんが、このガイドブックをご覧になられてから参加されると、よりいっそう理解が深まるのではないかと思います。

発表者

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

フィード

massa142

massa142さんが資料をアップしました。

2017/11/29 15:35

iktakahiro

iktakahiroさんが資料をアップしました。

2017/11/29 00:22

iktakahiro

iktakahiroさんが資料をアップしました。

2017/07/28 21:48

yhashimoto

yhashimotoさんが資料をアップしました。

2017/07/26 13:07

massa142

massa142さんが資料をアップしました。

2017/07/26 13:07

iktakahiro

iktakahiroさんが資料をアップしました。

2017/07/26 13:04

iktakahiro

iktakahiroさんが資料をアップしました。

2017/07/26 12:47

yoshidashingo

yoshidashingoさんが資料をアップしました。

2017/07/26 12:29

iktakahiro

iktakahiro さんが slideship Tech Dive v1.0 #React / ReactVR / #VueJs を公開しました。

2017/07/07 11:45

slideship Tech Dive v1.0 - React/ ReactVR / Vue.js フロントエンド特集 - を公開しました!

グループ

slideship

イベント数 1回

メンバー数 84人

終了

2017/07/25(火)

19:00
22:00

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

募集期間
2017/07/05(水) 10:00 〜
2017/07/24(月) 23:00

会場

ヤフー株式会社

東京都千代田区紀尾井町1-3 東京ガーデンテラス紀尾井町

ヤフー株式会社

管理者

参加者(40人)

massa142

massa142

slideship Tech Dive v1.0 に参加を申し込みました!

checkpoint

checkpoint

slideship Tech Dive v1.0 React / ReactVR / Vue.js に参加を申し込みました!

mocamocaland

mocamocaland

slideship Tech Dive v1.0 React / ReactVR / Vue.js に参加を申し込みました!

tsurushima

tsurushima

slideship Tech Dive v1.0 React / ReactVR / Vue.js に参加を申し込みました!

wakame_isono

wakame_isono

slideship Tech Dive v1.0 React / ReactVR / Vue.jsに参加を申し込みました!

sugita

sugita

slideship Tech Dive v1.0 React / ReactVR / Vue.jsに参加を申し込みました!

taisa831

taisa831

slideship Tech Dive v1.0 行きますえ〜!React / ReactVR / Vue.jsに参加を申し込みました!

yusuke_okura_395

yusuke_okura_395

slideship Tech Dive v1.0 React / ReactVR / Vue.js に参加を申し込みました!

明日結婚します。

明日結婚します。

slideship Tech Dive v1.0 React / ReactVR / Vue.jsに参加を申し込みました!

yoshidashingo

yoshidashingo

slideship Tech Dive v1.0 React / ReactVR / Vue.js に参加を申し込みました!

参加者一覧(40人)

キャンセルした人(28人)