Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Hiroshi Masuda
PDF, PPTX
1,915 views
WebエンジニアがXR業界へ転職した話
MANABIYA TERATAIL DEVELOPERS DAY 2018.3.23
Engineering
◦
Read more
1
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 31
2
/ 31
3
/ 31
4
/ 31
5
/ 31
6
/ 31
7
/ 31
8
/ 31
9
/ 31
10
/ 31
11
/ 31
12
/ 31
13
/ 31
14
/ 31
15
/ 31
16
/ 31
17
/ 31
18
/ 31
19
/ 31
20
/ 31
21
/ 31
22
/ 31
23
/ 31
24
/ 31
25
/ 31
26
/ 31
27
/ 31
28
/ 31
29
/ 31
30
/ 31
31
/ 31
More Related Content
PDF
Phpのはなし
by
Serverworks Co.,Ltd.
PDF
Infrastructure as codeのススメ
by
kanji htmt
PPTX
グラフデータベース入門
by
Masaya Dake
PPTX
Talknoteとgolangと私
by
Kenyu Miura
PPTX
Talknoteとgolangと私
by
Kenyu Miura
PDF
2014 1-19
by
Satoshi KOJIMA
PDF
プログラミング同好会とすごい合同勉強会
by
nemumu
PDF
Real World PHP in pixiv
by
Kenta USAMI
Phpのはなし
by
Serverworks Co.,Ltd.
Infrastructure as codeのススメ
by
kanji htmt
グラフデータベース入門
by
Masaya Dake
Talknoteとgolangと私
by
Kenyu Miura
Talknoteとgolangと私
by
Kenyu Miura
2014 1-19
by
Satoshi KOJIMA
プログラミング同好会とすごい合同勉強会
by
nemumu
Real World PHP in pixiv
by
Kenta USAMI
What's hot
PPTX
Heroku meetup#11(lt)
by
Hideki Ohkubo
PDF
anybuild/Hosting casual #1
by
Ryo Kuroda
PPTX
Heroku meetup#11(フル)
by
Hideki Ohkubo
PDF
金沢アプリ塾 アプリ・オープンデータとライセンス
by
Masayuki KaToH
PDF
ITざっくばらん会
by
Masayuki KaToH
PDF
俺がモデルだ!問題に立ち向かう
by
Akira Suenami
PDF
新人エンジニアがフレームワークについて調べたこと
by
Yosuke Kasagawa
PDF
Faye使って見てる話 at MF Geeks Night 2015.04.21
by
Naoto Koshikawa
PDF
俺とCiとinfrastructure as code(未完)
by
Masayuki KaToH
PDF
ドキュメンテーションツールについて迷走した記録
by
Masayuki Takagiwa
PPTX
Go で Unit Test をやってみた
by
Masahiro Yanou
PDF
オブジェクト指向プログラマが今関数型言語を学ばないといけない理由
by
Kohei Taniguchi
PPTX
Spring bootで学ぶ初めてのwebアプリ開発
by
terahide
PDF
第45回PHP勉強会(里洋平)
by
Yohei Sato
PPTX
「自分でやる」という快感を追い続ける - あるプログラマーの成長戦略 -
by
Isao Takahashi
PPTX
俺とホットキー
by
Masayuki KaToH
PDF
最速で価値を提供する
by
LIFULL Co., Ltd.
Heroku meetup#11(lt)
by
Hideki Ohkubo
anybuild/Hosting casual #1
by
Ryo Kuroda
Heroku meetup#11(フル)
by
Hideki Ohkubo
金沢アプリ塾 アプリ・オープンデータとライセンス
by
Masayuki KaToH
ITざっくばらん会
by
Masayuki KaToH
俺がモデルだ!問題に立ち向かう
by
Akira Suenami
新人エンジニアがフレームワークについて調べたこと
by
Yosuke Kasagawa
Faye使って見てる話 at MF Geeks Night 2015.04.21
by
Naoto Koshikawa
俺とCiとinfrastructure as code(未完)
by
Masayuki KaToH
ドキュメンテーションツールについて迷走した記録
by
Masayuki Takagiwa
Go で Unit Test をやってみた
by
Masahiro Yanou
オブジェクト指向プログラマが今関数型言語を学ばないといけない理由
by
Kohei Taniguchi
Spring bootで学ぶ初めてのwebアプリ開発
by
terahide
第45回PHP勉強会(里洋平)
by
Yohei Sato
「自分でやる」という快感を追い続ける - あるプログラマーの成長戦略 -
by
Isao Takahashi
俺とホットキー
by
Masayuki KaToH
最速で価値を提供する
by
LIFULL Co., Ltd.
Similar to WebエンジニアがXR業界へ転職した話
PDF
Tech.G HTML5 プレ講座
by
Atsushi Miura
PDF
TreeFrog Frameworkの紹介
by
ao27
PPTX
フロントエンド技術の変遷
by
Ryo Higashigawa
PDF
Aiming study#6pdf
by
Koutaro Chikuba
PDF
Web勉強会(HTML+CSS+JS入門の入門)
by
Noriaki UCHIYAMA
PDF
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
by
Shumpei Shiraishi
PDF
Webの仕組みとプログラミング言語
by
Yossy Taka
PPTX
JavaScript/TypeScript実力強化書 2章のアップデート Forkwell Library
by
Yoshiki Shibukawa
PDF
React+Redux+Node.js+Raspberry Piで ビデオプレイヤーを作りたかった話
by
Akira Fukuoka
PDF
Concentrated HTML5 & Attractive HTML5
by
Sho Ito
PDF
Docmgt_001
by
Ryoki Tsusumi
PDF
フロントエンドエンジニアからエンジニアになった話
by
大和 火河
PDF
WebエンジニアとWebディレクターを兼任してわかった3つのこと
by
Satoshi Moriya
PPTX
ICT ERA+ABC 2012東北講演
by
Monaca
PPTX
HTML5とWeb開発に関する最新動向
by
Shumpei Shiraishi
PDF
HTML5開発最前線
by
yoshikawa_t
PPTX
新しいWEBフロントの開拓.pptx
by
Ryo Higashigawa
PDF
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
by
WheetTweet
KEY
Webサイトのようには作れない!Webアプリ設計の考え方
by
girigiribauer
PDF
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
by
Hideki Akiba
Tech.G HTML5 プレ講座
by
Atsushi Miura
TreeFrog Frameworkの紹介
by
ao27
フロントエンド技術の変遷
by
Ryo Higashigawa
Aiming study#6pdf
by
Koutaro Chikuba
Web勉強会(HTML+CSS+JS入門の入門)
by
Noriaki UCHIYAMA
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
by
Shumpei Shiraishi
Webの仕組みとプログラミング言語
by
Yossy Taka
JavaScript/TypeScript実力強化書 2章のアップデート Forkwell Library
by
Yoshiki Shibukawa
React+Redux+Node.js+Raspberry Piで ビデオプレイヤーを作りたかった話
by
Akira Fukuoka
Concentrated HTML5 & Attractive HTML5
by
Sho Ito
Docmgt_001
by
Ryoki Tsusumi
フロントエンドエンジニアからエンジニアになった話
by
大和 火河
WebエンジニアとWebディレクターを兼任してわかった3つのこと
by
Satoshi Moriya
ICT ERA+ABC 2012東北講演
by
Monaca
HTML5とWeb開発に関する最新動向
by
Shumpei Shiraishi
HTML5開発最前線
by
yoshikawa_t
新しいWEBフロントの開拓.pptx
by
Ryo Higashigawa
20171015 XR動向とコミュニティ活動のすすめ(XRgirls 1st meetup)
by
WheetTweet
Webサイトのようには作れない!Webアプリ設計の考え方
by
girigiribauer
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
by
Hideki Akiba
WebエンジニアがXR業界へ転職した話
1.
WebエンジニアがXR業界へ転職した話 増田博志
2.
自己紹介 • まっすー。 @trapple •
株式会社meleap, HADO • 元Webエンジニア(1x年) (Perl -> JavaScript React/flux) • Unity歴2年(HoloLens, iPhone) • HADO KART担当
3.
祝!ねこますさんと同じ列に並ぶ! hLps://manabiya.tech/speaker XRなのじゃ〜
4.
本日の内容 WebからXR? 全く関係ないじゃん? これまでのキャリアを捨てたの?
5.
本日の内容 いえいえ、そんなことないんですよ。 やりたいことをプログラミングで表現するという 内容は変わらないので、基本的な技術ベース は同じ。 今まで学んだことは全て今につながっているん です。
6.
サーバーサイド開発 • Perl, PHP等LL • Webサーバー構築運用 (Amazon Linux, Ubuntu, CentOS)
• DB(MySQL) Webエンジニア時代にやった内容(1)
7.
Webエンジニア時代にやった内容(2) フロントエンド開発 • HTML/CSS • JavaScript •
Ajax(jQuery) -> MVVM(Vue, Knockout, Angular) -> Component(React)
8.
XRエンジニアになってからやってること フロントエンド開発 • Unity • C# •
iPhone / HoloLens
9.
スキルセットの違い 全部違う 一つも被ってない →
10.
スキルセットの違い と思うでしょ?
11.
考え方 スキルセットが違っても 必ず変わらない「考え方」がある
12.
変わるもの変わらないもの まずはわかりやすく 変わらない(変わりにくい)ものから意識しよう
13.
オブジェクト指向 世界はすべてオブジェクト指向 カメラがどのように映像をデータ化しているかは知らないけ ど、シャッターを押せば記録されることは知っている。 電球がどのように光を発するのかは知らないけど、ソケット に挿してスイッチを押せばいいと知っている。
14.
オブジェクト指向 このクラスがどのように処理をしてるかは知らな いけど、メソッド, プロパティを呼ぶ。 using Teratail; //Teratailさんが作った var manabiya = new Manabiya(); //Manabiyaの print(manabiya.raijousya); // 来場者数を知りたい 来場者数をどのように数えているか知る必要は無い
15.
オブジェクト指向 WebとXR Web • 今時どの言語もオブジェクト指向 •
どの言語を学んでも問題ない XR • Unityそのものもオブジェクト指向を強く意識して 作られている • コンポーネントによる設計 • C#はもちろんオブジェクト指向
16.
SOLID原則 • Single Responsibility Principle (単一責務の原則) クラスを変更する理由は1つでなければならない • Open/closed principle (開放閉鎖の原則) •
Liskov subs^tu^on principle (リスコフの置換原則) • Interface segrega^on principle (インターフェース分離の原則) • Dependency inversion principle (依存性逆転の原則)
17.
SOLID原則 単一責務の原則 クラスを変更する理由は1つでなければならない クラスの分け方の勘所を掴もう - 一つのクラスに複数の役割を持たせない - スコープはできるだけ小さく - ひと目で何をするクラスなのかわかる命名を
18.
UNIX哲学 • 小さいものは美しい • 1つのプログラムには1つのことをうまくやらせ る •
他省略 UNIXという考え方―その設計思想と哲学 hLps://www.amazon.co.jp/dp/4274064069
19.
UNIX哲学 • SOLIDの単一責務の原則とほぼ同じ • パイプ・フィルタ・リダイレクトで小さなプログラ ムを繋げる cat manabiya.txt | grep "3/23" > today.txt
20.
アプリケーションアーキテクチャ(設計) • MVC, MVVM, MVP, flux • DDD(ドメイン駆動設計) •
Clean Architecture
21.
アプリケーションアーキテクチャ(設計) 関心の分離 例)Viewの分離 Viewはビジネスロジックに関心を持たない ただ与えられた値を忠実に表示するもの Reactは与えられた値を忠実にHTML化するもの
22.
TDD(テスト駆動開発) • xUnit, Rspec, Test::More すべてをTDDする必要はない -> テストしやすい部分からやろう
23.
テストしやすい部分 Aを与えればBが返る UNIX哲学で言うところのフィルタ var b = input(a); この内容だけなのにテストが書けない(書きにくい)プログラムは設計 が悪い可能性がある • 別のクラスと密結合していないか? • 分離,抽象化の基準になる •
テストに慣れることで疎結合な良いクラス設計が身につく
24.
チーム開発手法 アジャイルとは『すばやい』『俊敏な』という意味で、 反復 (イテレーション) と呼ばれる短い開発期間 単位を採用することで、リスクを最小化しようとす る開発手法の一つです。 NECソリューションイノベータ アジャイル アジャイル開発するためには分離・分割されたソフトウェア設計 が必須となる
25.
共通した考え方 • UNIX哲学 1つのプログラムには1つのことをうまくやらせ る • SOLID原則
単一責務の原則 クラスを変更する理由は1つでなければなら ない
26.
変わるものとの付き合い方 • MVCフレームワーク(Rails, Laravel, Play Framework) • ライブラリ(jQuery, React, Angular) •
エコシステム(npm, bundler, CI, Github) • クラウド(AWS, GCP) • オーサリング(Unity, Flash)
27.
変わるものとの付き合い方 使い方を学ぶだけでなく、その背景に存在する 考え方・哲学を学ぼう 自分なりの考え方・哲学を確立して、 • 楽をしたい • 変更に強くありたい •
複数人で開発したい
28.
変わるものとの付き合い方 なぜ新しいものへ変化していくのか • 考え方・哲学を実現する最善手が更新された だけ • 基本的な考え方をしっかりおさえれば表面的 な変化には振り回されない
29.
まとめ エンジニアリングに必要な技術をただ覚えるの ではなく、考え方や哲学を意識しよう そうすればどんな業種でも戦えるッ!!
30.
メッセージ Web業界の方へ XR業界はまだまだ創世記。 興味があったら思い切って飛び込もう! XR業界の方へ Web業界にも優秀な人材が沢山います XRの魅力を発信して誘惑していこう!
31.
おわり
Download