Enviar búsqueda
Cargar
ソーシャルゲーム開発における運用とそのツール
•
19 recomendaciones
•
8,069 vistas
Yoshiaki Sugimoto
Seguir
Frontrend-Nagoya 発表資料
Leer menos
Leer más
Internet
Denunciar
Compartir
Denunciar
Compartir
1 de 101
Descargar ahora
Descargar para leer sin conexión
Recomendados
altJSの選び方
altJSの選び方
terurou
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
Takahiro YAMAGUCHI
ヒカラボ「自社サービス開発会社で活躍し続けるために必要な○○とは?」開発エンジニア
ヒカラボ「自社サービス開発会社で活躍し続けるために必要な○○とは?」開発エンジニア
Isamu Suzuki
Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Isamu Watanabe
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
アプリしか作れないけどAzureに触ってみた #ngtnet
アプリしか作れないけどAzureに触ってみた #ngtnet
Kazumune Katagiri
便利なHerokuと active recordの 速度改善tips
便利なHerokuと active recordの 速度改善tips
豊明 尾古
Recomendados
altJSの選び方
altJSの選び方
terurou
Node.jsに縁のない職場でnode.jsを使い始める戦術
Node.jsに縁のない職場でnode.jsを使い始める戦術
Isamu Suzuki
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
Takahiro YAMAGUCHI
ヒカラボ「自社サービス開発会社で活躍し続けるために必要な○○とは?」開発エンジニア
ヒカラボ「自社サービス開発会社で活躍し続けるために必要な○○とは?」開発エンジニア
Isamu Suzuki
Viewを使って開発を楽にする話
Viewを使って開発を楽にする話
Isamu Watanabe
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
短期間+大規模ゲーム開発でも破綻しないHTML・SCSS
Shogo Iwano
アプリしか作れないけどAzureに触ってみた #ngtnet
アプリしか作れないけどAzureに触ってみた #ngtnet
Kazumune Katagiri
便利なHerokuと active recordの 速度改善tips
便利なHerokuと active recordの 速度改善tips
豊明 尾古
gcpug_okinawa_#2_hiroshi_kawakami
gcpug_okinawa_#2_hiroshi_kawakami
Hiroshi Kawakami
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
Oracleがnode.jsをやり始めたというのだが!
Oracleがnode.jsをやり始めたというのだが!
Hiroshi Hayakawa
オープンデータのためのスクレイピング
オープンデータのためのスクレイピング
直之 伊藤
GitHub Enterprise with GMO Pepabo
GitHub Enterprise with GMO Pepabo
Hiroshi SHIBATA
20151110 ドメイン駆動設計によるサービス開発
20151110 ドメイン駆動設計によるサービス開発
Mao Ohnishi
チームラボハンガー開発経緯トークセミナー
チームラボハンガー開発経緯トークセミナー
Minami Kumamoto
LT #nds37
LT #nds37
Kazumune Katagiri
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
MyBatis を利用した web application 開発についてのご紹介
MyBatis を利用した web application 開発についてのご紹介
Tokuhiro Matsuno
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Atsushi Kojima
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
Keiji Kamebuchi
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Osamu Nagatani
次世代エンタープライズの開発環境をライブで読み解く
次世代エンタープライズの開発環境をライブで読み解く
Shin Takeuchi
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
Y Watanabe
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
gree_tech
20140321 makershub 専門家が手を動かしながら、
20140321 makershub 専門家が手を動かしながら、
Nico-Tech Shenzhen/ニコ技深圳コミュニティ
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
baserCMSのエコシステムが目指すもの
baserCMSのエコシステムが目指すもの
tecking
師弟登壇・新米サムライの集い 2013
師弟登壇・新米サムライの集い 2013
hiboma
GDC2014にみるゲームデザインの潮流
GDC2014にみるゲームデザインの潮流
Asahiko Kikuchi
MMOGで考えるゲームデザイン
MMOGで考えるゲームデザイン
Katsumi Mizushima
Más contenido relacionado
La actualidad más candente
gcpug_okinawa_#2_hiroshi_kawakami
gcpug_okinawa_#2_hiroshi_kawakami
Hiroshi Kawakami
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
Oracleがnode.jsをやり始めたというのだが!
Oracleがnode.jsをやり始めたというのだが!
Hiroshi Hayakawa
オープンデータのためのスクレイピング
オープンデータのためのスクレイピング
直之 伊藤
GitHub Enterprise with GMO Pepabo
GitHub Enterprise with GMO Pepabo
Hiroshi SHIBATA
20151110 ドメイン駆動設計によるサービス開発
20151110 ドメイン駆動設計によるサービス開発
Mao Ohnishi
チームラボハンガー開発経緯トークセミナー
チームラボハンガー開発経緯トークセミナー
Minami Kumamoto
LT #nds37
LT #nds37
Kazumune Katagiri
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
MyBatis を利用した web application 開発についてのご紹介
MyBatis を利用した web application 開発についてのご紹介
Tokuhiro Matsuno
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Atsushi Kojima
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
Keiji Kamebuchi
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
Osamu Nagatani
次世代エンタープライズの開発環境をライブで読み解く
次世代エンタープライズの開発環境をライブで読み解く
Shin Takeuchi
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
Y Watanabe
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
gree_tech
20140321 makershub 専門家が手を動かしながら、
20140321 makershub 専門家が手を動かしながら、
Nico-Tech Shenzhen/ニコ技深圳コミュニティ
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
Yahoo!デベロッパーネットワーク
baserCMSのエコシステムが目指すもの
baserCMSのエコシステムが目指すもの
tecking
師弟登壇・新米サムライの集い 2013
師弟登壇・新米サムライの集い 2013
hiboma
La actualidad más candente
(20)
gcpug_okinawa_#2_hiroshi_kawakami
gcpug_okinawa_#2_hiroshi_kawakami
スキトラ Spring + mybatis
スキトラ Spring + mybatis
Oracleがnode.jsをやり始めたというのだが!
Oracleがnode.jsをやり始めたというのだが!
オープンデータのためのスクレイピング
オープンデータのためのスクレイピング
GitHub Enterprise with GMO Pepabo
GitHub Enterprise with GMO Pepabo
20151110 ドメイン駆動設計によるサービス開発
20151110 ドメイン駆動設計によるサービス開発
チームラボハンガー開発経緯トークセミナー
チームラボハンガー開発経緯トークセミナー
LT #nds37
LT #nds37
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
MyBatis を利用した web application 開発についてのご紹介
MyBatis を利用した web application 開発についてのご紹介
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Go (5) JAZUG 関西とゆかいな仲間たち的な
Go (5) JAZUG 関西とゆかいな仲間たち的な
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
次世代エンタープライズの開発環境をライブで読み解く
次世代エンタープライズの開発環境をライブで読み解く
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
jooqってなんて読むの? から始めるO/RマッパーとSpringBootの世界
比較サイトの検索改善(SPA から SSR に変換)
比較サイトの検索改善(SPA から SSR に変換)
20140321 makershub 専門家が手を動かしながら、
20140321 makershub 専門家が手を動かしながら、
React.js + Flux入門 #scripty02
React.js + Flux入門 #scripty02
baserCMSのエコシステムが目指すもの
baserCMSのエコシステムが目指すもの
師弟登壇・新米サムライの集い 2013
師弟登壇・新米サムライの集い 2013
Destacado
GDC2014にみるゲームデザインの潮流
GDC2014にみるゲームデザインの潮流
Asahiko Kikuchi
MMOGで考えるゲームデザイン
MMOGで考えるゲームデザイン
Katsumi Mizushima
Qpic第四回グラフィック講座 デザインとゲームのUIについて考えてみよう。
Qpic第四回グラフィック講座 デザインとゲームのUIについて考えてみよう。
九州大学物理研究部2015
ゲーム仕様書の書き方 ~大久保磨編~ ver.1.2.0
ゲーム仕様書の書き方 ~大久保磨編~ ver.1.2.0
Osamu Ohkubo
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Katsumi Mizushima
Createjsについて@jsCafe20
Createjsについて@jsCafe20
佐藤 俊太郎
【Drop wave】cedec2011『ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識』
【Drop wave】cedec2011『ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識』
モノビット エンジン
過去の変遷から考えるDevOps型大規模ゲーム開発
過去の変遷から考えるDevOps型大規模ゲーム開発
GREE/Art
ソーシャルゲームログ解析基盤のMongoDB活用事例
ソーシャルゲームログ解析基盤のMongoDB活用事例
知教 本間
【CEDEC2016】横スクロールARPG 「追憶の青」における 2Dキャラクターアニメーション〜2Dアニメの注意点とテクニック〜
【CEDEC2016】横スクロールARPG 「追憶の青」における 2Dキャラクターアニメーション〜2Dアニメの注意点とテクニック〜
GREE/Art
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
Yoshiaki Sugimoto
GCEをTensorFlowの「計算エンジン」にする
GCEをTensorFlowの「計算エンジン」にする
Kiyoshi SATOH
Pythonで機械学習を自動化 auto sklearn
Pythonで機械学習を自動化 auto sklearn
Yukino Ikegami
Goのパッケージ構成で 試行錯誤してみた話 ~ Gocon 2015 Summer
Goのパッケージ構成で 試行錯誤してみた話 ~ Gocon 2015 Summer
Hirokazu Fukami
MMORPGで考えるゲームデザイン(2014年改訂版)
MMORPGで考えるゲームデザイン(2014年改訂版)
Katsumi Mizushima
ゲームニクス理論
ゲームニクス理論
TANREN Inc.
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
GREE/Art
新入社員のための大規模ゲーム開発入門 サーバサイド編
新入社員のための大規模ゲーム開発入門 サーバサイド編
infinite_loop
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
DeNAのゲーム開発を支える Game Backend as a Service
DeNAのゲーム開発を支える Game Backend as a Service
Makoto Haruyama
Destacado
(20)
GDC2014にみるゲームデザインの潮流
GDC2014にみるゲームデザインの潮流
MMOGで考えるゲームデザイン
MMOGで考えるゲームデザイン
Qpic第四回グラフィック講座 デザインとゲームのUIについて考えてみよう。
Qpic第四回グラフィック講座 デザインとゲームのUIについて考えてみよう。
ゲーム仕様書の書き方 ~大久保磨編~ ver.1.2.0
ゲーム仕様書の書き方 ~大久保磨編~ ver.1.2.0
企画が考えるスマホUIデザイン
企画が考えるスマホUIデザイン
Createjsについて@jsCafe20
Createjsについて@jsCafe20
【Drop wave】cedec2011『ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識』
【Drop wave】cedec2011『ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識』
過去の変遷から考えるDevOps型大規模ゲーム開発
過去の変遷から考えるDevOps型大規模ゲーム開発
ソーシャルゲームログ解析基盤のMongoDB活用事例
ソーシャルゲームログ解析基盤のMongoDB活用事例
【CEDEC2016】横スクロールARPG 「追憶の青」における 2Dキャラクターアニメーション〜2Dアニメの注意点とテクニック〜
【CEDEC2016】横スクロールARPG 「追憶の青」における 2Dキャラクターアニメーション〜2Dアニメの注意点とテクニック〜
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
GCEをTensorFlowの「計算エンジン」にする
GCEをTensorFlowの「計算エンジン」にする
Pythonで機械学習を自動化 auto sklearn
Pythonで機械学習を自動化 auto sklearn
Goのパッケージ構成で 試行錯誤してみた話 ~ Gocon 2015 Summer
Goのパッケージ構成で 試行錯誤してみた話 ~ Gocon 2015 Summer
MMORPGで考えるゲームデザイン(2014年改訂版)
MMORPGで考えるゲームデザイン(2014年改訂版)
ゲームニクス理論
ゲームニクス理論
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
新入社員のための大規模ゲーム開発入門 サーバサイド編
新入社員のための大規模ゲーム開発入門 サーバサイド編
Sketchで変わるワークフロー
Sketchで変わるワークフロー
DeNAのゲーム開発を支える Game Backend as a Service
DeNAのゲーム開発を支える Game Backend as a Service
Similar a ソーシャルゲーム開発における運用とそのツール
うちの開発におけるXD利用法
うちの開発におけるXD利用法
Kazuma Sekiguchi
Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語
Yossy Taka
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
20120511 android akb_unity
20120511 android akb_unity
Yasuyuki Kamata
20120511 android akb_unity
20120511 android akb_unity
Yasuyuki Kamata
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
Masayuki Abe
rails-developers-meetup-day4
rails-developers-meetup-day4
Drecom Co., Ltd.
俺も受託開発〜準委任契約によるふつうのソフトウェア開発〜
俺も受託開発〜準委任契約によるふつうのソフトウェア開発〜
Koichi ITO
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
Yuta Matsumura
Web制作・運用会社に必要なCDNサービスとは?
Web制作・運用会社に必要なCDNサービスとは?
J-Stream Inc.
20150421 Geeks Night @ Money Foward
20150421 Geeks Night @ Money Foward
Naoki Shimizu
Practical game development with Stingray
Practical game development with Stingray
Naoji Taniguchi
Type scriptmemo
Type scriptmemo
ytanno
Unity ゲーム開発
Unity ゲーム開発
Katsutoshi Makino
マルチクラウドデータ連携Javaアプリケーションの作り方
マルチクラウドデータ連携Javaアプリケーションの作り方
CData Software Japan
お安く、楽にWEBアプリを支える技術
お安く、楽にWEBアプリを支える技術
KeitoTakeda
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)
Noriaki UCHIYAMA
HTML5 and Graphics
HTML5 and Graphics
Masakazu Muraoka
インドのインターネット環境との戦い方
インドのインターネット環境との戦い方
健一 辰濱
多対多のクラウド利用を支えるデータ標準化技術
多対多のクラウド利用を支えるデータ標準化技術
CData Software Japan
Similar a ソーシャルゲーム開発における運用とそのツール
(20)
うちの開発におけるXD利用法
うちの開発におけるXD利用法
Webの仕組みとプログラミング言語
Webの仕組みとプログラミング言語
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
20120511 android akb_unity
20120511 android akb_unity
20120511 android akb_unity
20120511 android akb_unity
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
[okaweb × HTML5 fun] HTML5で人気のAPIを使って 未来価値を創造しよう
rails-developers-meetup-day4
rails-developers-meetup-day4
俺も受託開発〜準委任契約によるふつうのソフトウェア開発〜
俺も受託開発〜準委任契約によるふつうのソフトウェア開発〜
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
スタートアップ企業が実践するクラウドネイティブアプリケーションの開発手法
Web制作・運用会社に必要なCDNサービスとは?
Web制作・運用会社に必要なCDNサービスとは?
20150421 Geeks Night @ Money Foward
20150421 Geeks Night @ Money Foward
Practical game development with Stingray
Practical game development with Stingray
Type scriptmemo
Type scriptmemo
Unity ゲーム開発
Unity ゲーム開発
マルチクラウドデータ連携Javaアプリケーションの作り方
マルチクラウドデータ連携Javaアプリケーションの作り方
お安く、楽にWEBアプリを支える技術
お安く、楽にWEBアプリを支える技術
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)
HTML5 and Graphics
HTML5 and Graphics
インドのインターネット環境との戦い方
インドのインターネット環境との戦い方
多対多のクラウド利用を支えるデータ標準化技術
多対多のクラウド利用を支えるデータ標準化技術
ソーシャルゲーム開発における運用とそのツール
1.
ソーシャルゲーム開発における 運用とそのツール 2014/06/21 Frontrend in
Nagoya @ysugimoto
2.
Introduction •Yoshiaki Sugimoto •Frontend Developer •HTML
/ CSS •JavaScript / Node.js •PHP •Linux https://github.com/ysugimoto
3.
Loving♡
4.
Career 名古屋でWebシステム開発に従事 • フロントエンド特化したい • 株式会社サイバーエージェント •
東京こわい
5.
Working... JavaScript SDK Perfomance Any ServiceMaintainability Pure JavaScript
6.
Agenda •ソーシャルゲームとチーム開発 •技術的負債とどう付き合っていくか •運用フェーズの取り組み •まとめ
7.
ソーシャルゲームと チーム開発
8.
TODO : 天クロの画像貰えたらもらう
9.
天下統一クロニクル •ご当地名物を題材にしたソーシャルゲーム •2012/09 サービス開始 •会員数約250万人+ (2014/06/18現在)
10.
•約30人くらいのチーム (プランナー・エンジニア・デザイナ含) うち、ディベロッパー6人 •週に一度くらいのリリースサイクル 天下統一クロニクル
11.
レイドバトル ギルドバトル マラソン ゲームループと イベント メインループ +
12.
プレイヤーグループ(ギルド) 同士のバトル ギルドバトル
13.
プレイヤー同士が共闘するイベント レイドバトル
14.
プレイヤー個人で目標を達成し、 順位を競う マラソン
15.
アプリケーションの特徴 •(Semi)SPAの形式 •非同期リクエスト+DOM書き換え多数 •JSよりもCSSが複雑 •アニメーション多数
16.
Frontend-technology •Pure JavaScript Core
Framework •Sass(SCSS) •JsRender (Template Engine) •Grunt •CreateJS (Toolkit for CreateJS)
17.
2012/09 2014/06
18.
2012/09 2014/06
19.
Technology Architecture Tool
20.
フロントエンドの2年は 変化というよりも変革
21.
新しいツールの登場 → 便利そう! 新しいアーキテクチャの登場 →シンプルに書けそう! 新しい技術の登場 → 夢がある!
22.
理想と現実
23.
新しいツールの登場 学習コストに見合うかな・・・ 新しいアーキテクチャの登場 コアからのリプレイスは無理・・・ 新しい技術の登場 端末サポートが・・・
24.
数年先を見越した取捨選択、 現時点でのベストエフォート
25.
技術的な負債と どう付き合っていくか
26.
コードと技術の 賞味期限
27.
導入ライブラリの最新版が取り込めない APIが大幅に変わって追従できない 重要なSecurity FIXが取り込めない 古い端末のサポートのためのPolyfill 影響範囲が大きすぎて改修しづらい APIのレガシー化
28.
フロントエンドにおける ライフサイクルは短い
29.
増えるコードとステップ数 そしてファイルサイズ
30.
このメソッドって使ってる所ある? ここの処理って通過する? if文ネストしすぎじゃ? コードカバレッジの低下
31.
レスポンスタイムへの影響 実行速度への影響 メンテナンス性への影響 画像・CSS パフォーマンス 担保領域の拡大
32.
フロントエンドエンジニアは やることが多い
33.
ここの文言修正 してほしいんだけど この要素間は もう少しマージンが 欲しいです APIレスポンス、 フォーマット 変わったんで Android2.3で この機能 動いてないので 調査して
34.
35.
コードの属人化
36.
特定の人が永続的に メンテする可能性 途中から別の人が コードに触れる可能性 特定処理・ コードの属人化
37.
このライブラリ 便利だし入れよう ライブラリの属人化 その人しか 使えなくない?
38.
"この人しか分からない" は危険信号
39.
Case:アニメーション タイムラインアニメーションを スクリプティングするのは難しい (素のCreateJS) 作った人以外は 動作がイメージしづらい
40.
Toolkit for CreateJSの採用 Case:アニメーション
41.
Flash IDE上で アニメーションが作成可能 Flashがわかる人なら修正が可能 プレビューしながら修正が可能 Case:アニメーション
42.
ヒューマンリソース の限界
43.
切迫した状態でのコードは負債を大きくしやすい →場当たり的なコードの生産 →コアFWから乖離したコード 精神衛生上良くない 残業して解決するのは本質ではない
44.
技術的負債解消への 取り組み
45.
古いコードの見極め ツールで共通化・自動化
46.
運用・改善フェーズ
47.
ミクロな視点と マクロな視点
48.
マクロな視点 「この画像減色されていませんね」 「CSSは共通化できるんじゃないですか」 「ここはスプライト化してください」 「ページのパフォーマンスが落ちています」
49.
アプリケーション動作の 側面からの観測
50.
•トータルパフォーマンスは? •ユーザの体感速度は? •画像サイズは? •CSSサイズは?
51.
•重複・冗長処理の削減・共通化 •新旧端末で発覚する不具合 •レガシーコードのリライト •属人化の低減 ミクロな視点
52.
コードベースの観測
53.
•今よりもっと良い方法はないか? •効率が上げられるポイントは? •ツールで補えないか? •このコード書いたの誰?
54.
•API・ドキュメントの整備 •全体/細部のリファクタリング •端末問題の検証と対策 •大きな変更は加えず、影響を最小限に •テストを繰り返す Defensive
55.
安定稼働は最優先事項
56.
新機能開発フェーズ
57.
•現時点での流行・便利そうな技術への取り組み •既存FWと著しく乖離しないポイントの見極め •数年先も生きる/基礎となるようなものの選択 •温故知新 Offensive
58.
新しい実装によるメンテナンス性は? 新しく書かれたコードはどこ? 既存コードへのリプレイスは?
59.
20% offence 80% defence
60.
運用での取り組みとツール
61.
Webサーバ・DBの設定 サーバーサイドとの連携
62.
フロントエンドが手を掛けるべき ポイントではない
63.
社内では「AeroMock」という Javaプロジェクト向けツールを 導入しています •軽量な起動 •APIレスポンスモック •Tomcatの起動・再起動が不要
64.
共通知としての ライブラリ・ツール
65.
このライブラリ 便利だし入れよう ライブラリの属人化 その人しか 使えなくない?
66.
とはいうものの
67.
オンライン上に存在するドキュメント 特定APIの設計・実装の時短 技術・知識レベルの平坦化 ライブラリ導入による 恩恵は大きい
68.
みんなが使えるものを使う 必ず吟味する 必要であれば勉強会を開く
69.
仕様ドキュメント を起こす
70.
ドキュメンテーションはあって当たり前 実装引き継ぎの際のロスを低減させる スタイルガイドを作ってデザイナーと共有
71.
72.
ソースコードレビュー の文化
73.
Enterprise
74.
属人化するコードの低減 コードベースで議論する なるべく偏らないレビュー指名 気軽に機能追加・改善を試せる土壌
75.
SVNからGHEに移行して、 他のメンバーのコードを読むことが 増えました(32歳 男性)
76.
テストを書く 実行する
77.
リファクタリングの副次効果 →メソッドの分割 →引数・戻り値の型の意識 →メンテナンス性の向上 精神衛生上良い
78.
79.
DOM周りのテストはやりづらい DOMに癒着しすぎているメソッド ロジック分離の意識 モデル・コンポーネント化
80.
自動化する
81.
特にマンパワーが必要な(面倒な)部分 •CSSスプライト生成 •画像減色 / チャンク削除 •PixelRatioイメージ自動生成 •JS結合とminify •Sassコンパイル •自動テスト •etc...
82.
統計情報に基づく改善
83.
コードに関する統計情報を出し、 改善の指針にする
84.
platoの出力例
85.
まとめ
86.
チーム開発のいいところ
87.
スタープレイヤー フルスタックエンジニア(?) 技術的な相談ができる 多様なチームメンバー
88.
ゲームディベロップ に必要なスキル
89.
ProjectA ProjectB ProjectC
90.
適応力
91.
流行りに流されない 普遍的な技術
92.
キャラ付け
93.
1行の重み 1行の喜び
94.
自分のコードで 数百万人が楽しんでくれる
95.
自分のコードで 数百万人が遊べなくなる
96.
コードに対する 責任感
97.
最終的に遊ぶユーザの気持ちで考える ・UI ・パフォーマンス 自ずと改善すべきポイントは見えてくる
98.
パフォーマンスに 対する責任感
99.
目に見える・ 感じる部分が フロントエンドの 担保領域
100.
攻める部分と守る部分を明確に メンバーの入れ替わりは結構頻繁にある 明日いなくなっても大丈夫なように コミュニケーション力大事 一人よがりのコードを書かない 積極的にノウハウを共有していく
101.
Thank you!! https://flic.kr/p/d9K1Bc https://flic.kr/p/bZw1ym https://flic.kr/p/fYtrdY https://flic.kr/p/njeKMd https://flic.kr/p/5TEDDA Any questions?
Descargar ahora