はじめに
2017/7/25 に開催された slideship Tech Dive v1.0 の参加メモです。
slideship Tech Diveって?
slideship Tech Dive は、slideship Inc. が主催する、プログラミング、Web関連テクノロジー、プロダクト開発、チームビルディングなどのトピックを扱う勉強会、あるいは Meetup イベントです。
初学者に優しく、中級者以上でも得られるものがある程度のバランスのイベントとなることを目指しています。
slideshipって?
slideship.com は、Markdown を利用してプレゼンテーションスライドを素早く作成し、公開するためのサービスです。
- reveal.jsからslideshipに乗り換えたマン
- 簡単な設定だけで見栄えがいいデザインになるの本当に助かる
- おかげでスライド作成の時間がかなり短くなった
- reveal.jsだと
- 環境構築ちょっとめんどい
- デザインいじるためにcss頑張らないといけない
- 個人的には、1つのMarkdownファイルをimportしてスライド生成できる機能が欲しいところ
すでにあるまとめとか
- 「slideship Tech Dive vol.1 フロントエンド特集」でLTしてきた – たいさブログ
- slideship Tech Dive v1.0 #slideship_td - Togetterまとめ
感想
- 参加者はサーバーサイドの人も多かった
- フロントエンド専業の人は少なかったかも?
- React VRを聞きにきたって人も多そうだった
- 参加者でVue.js使ってる人はほとんどいなかったの珍しい
- 主催の @iktakahiro がどんどん発表者に質問していくスタイル良かった
- キャンセル多かったのはちょっと残念
- Yahoo! JAPANの会議室広い!ディスプレイがたくさんあって見やすい!
- @t2y 会場提供ありがとうございました
- レベル感も「初学者に優しく、中級者以上でも得られるものがある程度のバランス」という趣旨にあっていたと思う
- slideshipユーザーとして、このコミュニティはもっと盛り上がっていって欲しい
- 次回の第2回も楽しみ
- 打ち上げめっちゃ楽しかった
LTしてきた
- 最近RxJS勉強してたことのまとめ
- マーブルテスト面白いよ
- 今回メインセッションになかったAngularについてちょっと話せて満足
参加メモ
わいわい #slideship_td (@ ヤフー株式会社 - @yahoo_japan_pr in 千代田区, 東京都) https://t.co/bYzA78naBm pic.twitter.com/aO8uGLj7YI
— masataka arai (@massa142) 2017年7月25日
橋本さんによるVue.jsの話 #slideship_td pic.twitter.com/KUyI9f1oOe
— masataka arai (@massa142) 2017年7月25日
Vueはファイル分割がしやすいから、デザイナーとの協業が捗る #slideship_td
— masataka arai (@massa142) 2017年7月25日
テンプレート・CSSプリプロセッサの選択の幅が広いから、Vue.jsの学習コストは低い #slideship_td
— masataka arai (@massa142) 2017年7月25日
Vue.jsはフロントエンドの視点から見て生産性の高いフレームワーク #slideship_td
— masataka arai (@massa142) 2017年7月25日
次回の #mokupy はこちら #slideship_td
— masataka arai (@massa142) 2017年7月25日
第19回 Pythonもくもく会 https://t.co/4Z957WRbnk
\キャー 原サーン/ #slideship_td pic.twitter.com/EvQrshLbBc
— masataka arai (@massa142) 2017年7月25日
話題にあがってるReact VRの連載 #slideship_td
— masataka arai (@massa142) 2017年7月25日
React VRで始めるお手軽WebVRプログラミング https://t.co/S7zS9suOVf #html5exp
React VRの状態管理ってどうなの? => 「Reactなので、Reduxも使える。以上。」 #slideship_td
— masataka arai (@massa142) 2017年7月25日
つらみ / VR開発環境は暑い・曇る・電池すぐ切れる #slideship_td
— masataka arai (@massa142) 2017年7月25日
Demoタイム #slideship_td pic.twitter.com/joQaDfXMox
— masataka arai (@massa142) 2017年7月25日
React VRはWeb Worker内で実行されている #slideship_td
— masataka arai (@massa142) 2017年7月25日
Three.jsにはある光源のガイドはReact VRコンポーネントには用意されていない。コードからしか判別できないのが面倒 #slideship_td
— masataka arai (@massa142) 2017年7月25日
slideship Tech Diveのプレゼン資料はslideship縛りではないとのこと #slideship_td
— masataka arai (@massa142) 2017年7月25日
reveal.jsからslideshipに乗り換えたマンです #slideship_td
— masataka arai (@massa142) 2017年7月25日
\キャー iktakahiro サーン/ #slideship_td pic.twitter.com/uh4IG1eUqn
— masataka arai (@massa142) 2017年7月25日
安さと機能面からAWSはTokyo RegionではなくVirginia Regionでslideshipを運用 #slideship_td
— masataka arai (@massa142) 2017年7月25日
Virginia Regionにあることで不安になるレイテンシーはCDNで担保 #slideship_td
— masataka arai (@massa142) 2017年7月25日
googleのクローラーはJSを解釈可能だけど、ページランクへの影響はgoogleのみぞ知る #slideship_td
— masataka arai (@massa142) 2017年7月25日
SPAに残された課題はOGP #slideship_td
— masataka arai (@massa142) 2017年7月25日
SSRへの個人的な感想
— masataka arai (@massa142) 2017年7月25日
1. サーバー/クライアントの分業体制を巻き戻すへの抵抗感
2. HTML生成するためのサーバー立てるのもね... Node.jsじゃないですし
3. クローラー頑張れよ#slideship_td
Netlifyにはprerender機能があるhttps://t.co/EAOAwbIjIw #slideship_td
— masataka arai (@massa142) 2017年7月25日
PME Archtecture(Prepared Multiple Entry-Point) #slideship_td
— masataka arai (@massa142) 2017年7月25日
リアルタイム更新とバッチ処理でindex.htmlを生成・S3へ保存 #slideship_td
— masataka arai (@massa142) 2017年7月25日
SPAはindex.htmlは1つ。PMEは単体でもSPAとして機能するindex.htmlがたくさん存在 #slideship_td
— masataka arai (@massa142) 2017年7月25日
PMEのおかげでtitleとdescriptionが読み込まれるように :tada: #slideship_td
— masataka arai (@massa142) 2017年7月25日
次はog:image最適化!! #slideship_td
— masataka arai (@massa142) 2017年7月25日
What is PME - non-SSR OGP Optimization Approach in SPA https://t.co/vOOzmbrCYm #slideship_td
— masataka arai (@massa142) 2017年7月25日
イカ勢だ #slideship_td
— masataka arai (@massa142) 2017年7月25日
reactのPATENTS問題 #slideship_td
— masataka arai (@massa142) 2017年7月25日
fast-asyncはfastって言ってるから多分はやい #slideship_td
— masataka arai (@massa142) 2017年7月25日
.@taisa831 による フロントエンド速習コース #slideship_td pic.twitter.com/GdNMhBZ1kc
— masataka arai (@massa142) 2017年7月25日
実践投入してからの苦労話を期待 #slideship_td
— masataka arai (@massa142) 2017年7月25日
今日のLT資料です #slideship_td / RxJSコトハジメ https://t.co/tDPRXekxzV
— masataka arai (@massa142) 2017年7月25日
RxJSのマーブル表記テストおもしろいよ! #slideship_td
— masataka arai (@massa142) 2017年7月25日
お疲れ様でしたー! #slideship_td
— masataka arai (@massa142) 2017年7月25日