Enviar búsqueda
Cargar
Famo.usはもう試したかい?
•
Descargar como PPTX, PDF
•
10 recomendaciones
•
5,602 vistas
lion-man
Seguir
famo.us study
Leer menos
Leer más
Ingeniería
Denunciar
Compartir
Denunciar
Compartir
1 de 54
Descargar ahora
Recomendados
altJS勉強会「Haxeすごいからみんな使え!」
altJS勉強会「Haxeすごいからみんな使え!」
政樹 尾野
enchant.js meetup! 東京 vol.2 ( http://atnd.org/events/26921 )で行ったライトニングトークの資料です。
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
Yusuke HIDESHIMA
「EC-CUBE名古屋ユーザーグループ×さくらクラブ」コラボ勉強会
PHPのキャッシュを使いこなせ!
PHPのキャッシュを使いこなせ!
Kentaro Ohkouchi
薄いJavaEEについて
第52回なんてかんたんなJavaEE
第52回なんてかんたんなJavaEE
civicpg
・PostgreSQL特有のデータ型の紹介 ・プログラムからどのように利用するか
第51回NDS PostgreSQLのデータ型 #nds51
第51回NDS PostgreSQLのデータ型 #nds51
civicpg
2014/2/8に行ったゲームサーバ勉強会でのスライドです。 サーバー構成図で登場するApplicationサーバーとDBについての基本的な事項と気をつける事について紹介しました。
サーバーのおしごと
サーバーのおしごと
Yugo Shimizu
プロ生大阪@15スライド
webアプリケーションフレームワークの話
webアプリケーションフレームワークの話
Yoshihiro Ura
シューティングゲームについて、酒に酔いつつ語るスライドです
シューティングゲームのプレイを支える技術
シューティングゲームのプレイを支える技術
sasaron 397
Recomendados
altJS勉強会「Haxeすごいからみんな使え!」
altJS勉強会「Haxeすごいからみんな使え!」
政樹 尾野
enchant.js meetup! 東京 vol.2 ( http://atnd.org/events/26921 )で行ったライトニングトークの資料です。
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
CoffeeScript+enchant.jsでクロージャが気持よくかけた話
Yusuke HIDESHIMA
「EC-CUBE名古屋ユーザーグループ×さくらクラブ」コラボ勉強会
PHPのキャッシュを使いこなせ!
PHPのキャッシュを使いこなせ!
Kentaro Ohkouchi
薄いJavaEEについて
第52回なんてかんたんなJavaEE
第52回なんてかんたんなJavaEE
civicpg
・PostgreSQL特有のデータ型の紹介 ・プログラムからどのように利用するか
第51回NDS PostgreSQLのデータ型 #nds51
第51回NDS PostgreSQLのデータ型 #nds51
civicpg
2014/2/8に行ったゲームサーバ勉強会でのスライドです。 サーバー構成図で登場するApplicationサーバーとDBについての基本的な事項と気をつける事について紹介しました。
サーバーのおしごと
サーバーのおしごと
Yugo Shimizu
プロ生大阪@15スライド
webアプリケーションフレームワークの話
webアプリケーションフレームワークの話
Yoshihiro Ura
シューティングゲームについて、酒に酔いつつ語るスライドです
シューティングゲームのプレイを支える技術
シューティングゲームのプレイを支える技術
sasaron 397
第9回中国地方DB勉強会での発表資料です。
便利なHerokuと active recordの 速度改善tips
便利なHerokuと active recordの 速度改善tips
豊明 尾古
本番環境で使いたいPHP
本番環境で使いたいPHP
Takuya Sato
12月4日に開催された「Salesforce World Tour Tokyo」のDeveloper Zone内のセッションで利用された資料です。 ※こちらSpealkerDeckにあがっていたものをSlideShareへコピーしたものです。 オリジナルはこちらです。 https://speakerdeck.com/konyu/herokuterailsahuriyun-yong-falsehahuomansu-seodui-ce
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
Salesforce Developers Japan
初めてのstripeを触る上で、baserCMSプラグイン化を題材としました。フォームの表示や決済で詰まった点や、それを元にした処理フローの明示をしています。 これからstripeを触って見たいって方にオススメしたいスライドです。
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
Tatsuhiko Uchiba
第12回中国地方DB勉強会での資料
20151205 中国地方db勉強会 dbm_fs
20151205 中国地方db勉強会 dbm_fs
Takahiro Iwase
2017/10/19の AWS Startup Tech でLTした資料です(`・ω・´)ゞ
銀河レベルのLT(とは)
銀河レベルのLT(とは)
Akihiro Kuwano
MongoDBの概要と、特にレプリカセットの耐障害性の話です。
データベース勉強会 In 広島 mongodb
データベース勉強会 In 広島 mongodb
Ryuji Tamagawa
2010/07/14 リリース直後から大量のユーザーが流れ込み、高負荷に晒されるソーシャルアプリ。システムダウンによって、ビジネスチャンスを逃さないためには負荷対策が不可欠です。 KLabは長年の大規模・高負荷モバイルサイトの構築・運用によって、対負荷性能を持ったアプリ・インフラのノウハウを積み重ねてきました。ソーシャルアプリ市場においてはオープン当初からSAPとして参入し、ソーシャルアプリならではのアクセス集中を経験したことで、現在はより安定したサービスを提供できるに至っています。 今回は、KLabが実施してきたそんな負荷対策ノウハウを広く紹介いただきます。
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
KLab株式会社
第77回codeseek勉強会&第17回日本C#ユーザー会 勉強会
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
hideyuki ikeda
第二回渋谷Java LT #渋谷Java
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
DBFluteFes2017の発表資料
DBFluteハンズオンで学んだこと etc.
DBFluteハンズオンで学んだこと etc.
Masato Tokuda
2014/2/8に行ったゲームサーバ勉強会でのスライドです。 サーバー未経験者がソーシャルゲームを通して知ったサーバーの事。 失敗経験を元に何故今がこうなっているかというのを詰め込みました。 初心者〜中級者向け勉強会だったので、なるべく非エンジニアでもイメージで伝わるようにちょっとだけ心がけてます。
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
Manabu Koga
初心者向け負荷軽減のはなし
初心者向け負荷軽減のはなし
Oonishi Takaaki
2013/07/27 Hoge駆動で発表した資料です。 chef, knife-soloを使って、自動的にAMIを更新するフレームワークを作成しました。
Ec2 automation framework
Ec2 automation framework
Kiyotaka Kunihira
WordPressのデータをMovable Typeで管理したり、テンプレートタグで出力したりする「WPConnector」プラグインの紹介です。 WordPressの弱い点を補完するプラグインなので、WordPressと組み合わせて使っていただくことができます。
WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)
Hajime Fujimoto
a-blog cms初心者が テンプレート作るまで
a-blog cms初心者が テンプレート作るまで
girigiribauer
PlayFab Meetup#2 登壇資料
ゲーム特化の BaaS! Unity + PlayFab 入門!
ゲーム特化の BaaS! Unity + PlayFab 入門!
YutoNishine
PHPカンファレンス2010での発表資料です
大ヒットソーシャルアプリの裏側
大ヒットソーシャルアプリの裏側
KLab株式会社
インフラエンジニアとして普段心がけていること
インフラエンジニアとして普段心がけていること
インフラエンジニアとして普段心がけていること
Shohei Koyama
JAWS-UG 初心者支部#43 AWS Builders Online Series recap1で発表したスライドです
えぇ!?マッハでテレワーク環境を!?
えぇ!?マッハでテレワーク環境を!?
ssuser868e2d
【オンライン】エンジニア達の「〇〇完全に理解した」Talk #10 https://easy2.connpass.com/event/190477/ 上記イベントの登壇資料です じわじわきている静的サイトジェネレータのGatsby.jsを紹介しています
Gatsby.js完全に理解した
Gatsby.js完全に理解した
ssuser953388
アクセス数の多いサイトをRailsで運用する場合にやっておきたい設定
高トラフィックサイトをRailsで構築するためのTips基礎編
高トラフィックサイトをRailsで構築するためのTips基礎編
Kazuya Numata
Más contenido relacionado
La actualidad más candente
第9回中国地方DB勉強会での発表資料です。
便利なHerokuと active recordの 速度改善tips
便利なHerokuと active recordの 速度改善tips
豊明 尾古
本番環境で使いたいPHP
本番環境で使いたいPHP
Takuya Sato
12月4日に開催された「Salesforce World Tour Tokyo」のDeveloper Zone内のセッションで利用された資料です。 ※こちらSpealkerDeckにあがっていたものをSlideShareへコピーしたものです。 オリジナルはこちらです。 https://speakerdeck.com/konyu/herokuterailsahuriyun-yong-falsehahuomansu-seodui-ce
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
Salesforce Developers Japan
初めてのstripeを触る上で、baserCMSプラグイン化を題材としました。フォームの表示や決済で詰まった点や、それを元にした処理フローの明示をしています。 これからstripeを触って見たいって方にオススメしたいスライドです。
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
Tatsuhiko Uchiba
第12回中国地方DB勉強会での資料
20151205 中国地方db勉強会 dbm_fs
20151205 中国地方db勉強会 dbm_fs
Takahiro Iwase
2017/10/19の AWS Startup Tech でLTした資料です(`・ω・´)ゞ
銀河レベルのLT(とは)
銀河レベルのLT(とは)
Akihiro Kuwano
MongoDBの概要と、特にレプリカセットの耐障害性の話です。
データベース勉強会 In 広島 mongodb
データベース勉強会 In 広島 mongodb
Ryuji Tamagawa
2010/07/14 リリース直後から大量のユーザーが流れ込み、高負荷に晒されるソーシャルアプリ。システムダウンによって、ビジネスチャンスを逃さないためには負荷対策が不可欠です。 KLabは長年の大規模・高負荷モバイルサイトの構築・運用によって、対負荷性能を持ったアプリ・インフラのノウハウを積み重ねてきました。ソーシャルアプリ市場においてはオープン当初からSAPとして参入し、ソーシャルアプリならではのアクセス集中を経験したことで、現在はより安定したサービスを提供できるに至っています。 今回は、KLabが実施してきたそんな負荷対策ノウハウを広く紹介いただきます。
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
KLab株式会社
第77回codeseek勉強会&第17回日本C#ユーザー会 勉強会
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
hideyuki ikeda
第二回渋谷Java LT #渋谷Java
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
DBFluteFes2017の発表資料
DBFluteハンズオンで学んだこと etc.
DBFluteハンズオンで学んだこと etc.
Masato Tokuda
2014/2/8に行ったゲームサーバ勉強会でのスライドです。 サーバー未経験者がソーシャルゲームを通して知ったサーバーの事。 失敗経験を元に何故今がこうなっているかというのを詰め込みました。 初心者〜中級者向け勉強会だったので、なるべく非エンジニアでもイメージで伝わるようにちょっとだけ心がけてます。
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
Manabu Koga
初心者向け負荷軽減のはなし
初心者向け負荷軽減のはなし
Oonishi Takaaki
2013/07/27 Hoge駆動で発表した資料です。 chef, knife-soloを使って、自動的にAMIを更新するフレームワークを作成しました。
Ec2 automation framework
Ec2 automation framework
Kiyotaka Kunihira
WordPressのデータをMovable Typeで管理したり、テンプレートタグで出力したりする「WPConnector」プラグインの紹介です。 WordPressの弱い点を補完するプラグインなので、WordPressと組み合わせて使っていただくことができます。
WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)
Hajime Fujimoto
a-blog cms初心者が テンプレート作るまで
a-blog cms初心者が テンプレート作るまで
girigiribauer
PlayFab Meetup#2 登壇資料
ゲーム特化の BaaS! Unity + PlayFab 入門!
ゲーム特化の BaaS! Unity + PlayFab 入門!
YutoNishine
PHPカンファレンス2010での発表資料です
大ヒットソーシャルアプリの裏側
大ヒットソーシャルアプリの裏側
KLab株式会社
インフラエンジニアとして普段心がけていること
インフラエンジニアとして普段心がけていること
インフラエンジニアとして普段心がけていること
Shohei Koyama
JAWS-UG 初心者支部#43 AWS Builders Online Series recap1で発表したスライドです
えぇ!?マッハでテレワーク環境を!?
えぇ!?マッハでテレワーク環境を!?
ssuser868e2d
La actualidad más candente
(20)
便利なHerokuと active recordの 速度改善tips
便利なHerokuと active recordの 速度改善tips
本番環境で使いたいPHP
本番環境で使いたいPHP
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
HerokuでRailsアプリ運用の パフォーマンス、SEO対策
baserCMSのstripe連携プラグインを作った話
baserCMSのstripe連携プラグインを作った話
20151205 中国地方db勉強会 dbm_fs
20151205 中国地方db勉強会 dbm_fs
銀河レベルのLT(とは)
銀河レベルのLT(とは)
データベース勉強会 In 広島 mongodb
データベース勉強会 In 広島 mongodb
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
Lampで作るソーシャルアプリの負荷対策~アプリとインフラの調和のテクニック~
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
20120407 ASP.NET+C#で開発する大規模ソーシャルゲーム
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
DBFluteハンズオンで学んだこと etc.
DBFluteハンズオンで学んだこと etc.
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
サーバー未経験者がソーシャルゲームを通して知ったサーバーの事
初心者向け負荷軽減のはなし
初心者向け負荷軽減のはなし
Ec2 automation framework
Ec2 automation framework
WordPress on movable type(WordCamp Kobe 2013)
WordPress on movable type(WordCamp Kobe 2013)
a-blog cms初心者が テンプレート作るまで
a-blog cms初心者が テンプレート作るまで
ゲーム特化の BaaS! Unity + PlayFab 入門!
ゲーム特化の BaaS! Unity + PlayFab 入門!
大ヒットソーシャルアプリの裏側
大ヒットソーシャルアプリの裏側
インフラエンジニアとして普段心がけていること
インフラエンジニアとして普段心がけていること
えぇ!?マッハでテレワーク環境を!?
えぇ!?マッハでテレワーク環境を!?
Similar a Famo.usはもう試したかい?
【オンライン】エンジニア達の「〇〇完全に理解した」Talk #10 https://easy2.connpass.com/event/190477/ 上記イベントの登壇資料です じわじわきている静的サイトジェネレータのGatsby.jsを紹介しています
Gatsby.js完全に理解した
Gatsby.js完全に理解した
ssuser953388
アクセス数の多いサイトをRailsで運用する場合にやっておきたい設定
高トラフィックサイトをRailsで構築するためのTips基礎編
高トラフィックサイトをRailsで構築するためのTips基礎編
Kazuya Numata
OSC 2013 Hokkaidoで発表された「PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発」のスライド資料です。
PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発
PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発
infinite_loop
日本PostgreSQLユーザ会北海道支部 / Ruby札幌 合同セミナー 2008-02-16
Rubyの話を少し
Rubyの話を少し
Fumitake Taniguchi
Ruby introduction for_rails
Ruby introduction for_rails
Takashi Toyofuku
JaSST 13 九州での発表資料です。
詳解!自動結合テスト #jasst
詳解!自動結合テスト #jasst
kyon mm
てんとーる
てんとーる
Shinya Hosokawa
Similar a Famo.usはもう試したかい?
(7)
Gatsby.js完全に理解した
Gatsby.js完全に理解した
高トラフィックサイトをRailsで構築するためのTips基礎編
高トラフィックサイトをRailsで構築するためのTips基礎編
PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発
PHP+MySQLを使ったスケーラブルなソーシャルゲーム開発
Rubyの話を少し
Rubyの話を少し
Ruby introduction for_rails
Ruby introduction for_rails
詳解!自動結合テスト #jasst
詳解!自動結合テスト #jasst
てんとーる
てんとーる
Más de lion-man
ES2015 soul
ES2015の今とこれから
ES2015の今とこれから
lion-man
2015/11/20ぐらいに起こったことで個人的に感じたこと
その時、Bowerに何が起こったのか
その時、Bowerに何が起こったのか
lion-man
RxJSのライオン式事始め
いまさら始めてみたRxJS
いまさら始めてみたRxJS
lion-man
use Vue.js.
ライオンでも分かるVuejs
ライオンでも分かるVuejs
lion-man
コードリーディングのすすめ
コードリーディングのすすめ
lion-man
今日から始めるGithub
今日から始めるGithub
lion-man
Más de lion-man
(6)
ES2015の今とこれから
ES2015の今とこれから
その時、Bowerに何が起こったのか
その時、Bowerに何が起こったのか
いまさら始めてみたRxJS
いまさら始めてみたRxJS
ライオンでも分かるVuejs
ライオンでも分かるVuejs
コードリーディングのすすめ
コードリーディングのすすめ
今日から始めるGithub
今日から始めるGithub
Famo.usはもう試したかい?
1.
famo.usはもう試した かい? @lion_man44
2.
自己紹介 名前: ライオン(@lion_man44)
職業: フロントエンドっぽい/バックエンドっぽい 好き: JavaScript, Node.js, Ruby 本業: 味噌汁エンジニア 副業: ソーシャルゲームエンジニア
3.
今回話す事 • Famo.usを勉強してみたという話
今回話さない事 • サーバサイドの話 • 現状重いサイトがあり、それを改善したいという類いの話 • パフォーマンス的な話
4.
よくある風景 サイト重いので高速化してくださ 具体的には?
い。 A PM
5.
よくある風景2 (要約すると)どうにかしてくださ …はい。い。
A PM
6.
こうなると、辛い
7.
チューニングの話は確かにいっぱいあ る SQL文見直すとか、index見直すとか、サーバロジック見直してDBアクセス自体を減らすとか、
サーバでやってる処理を一部クライアントに移行させるとか、クライアントでキャッシュさせると か、アニメーション駆使して逆にユーザ体感上げるとか、スプライト画像にするとか、リクエスト 数減らすとか、そもそも画像を限定するとか…etc
8.
だが、その前に最初(設計)の段階か ら何か出来ないのだろうか?
9.
そういえばHTML5を高速に綺麗に表 示するというのが一瞬流行ったような …
10.
何だっけ…エモ…じゃないし、 ハモ…ヒモ…そうだfamo.usだ!
11.
Famo.usの概要 • 高速で綺麗なHTML5アプリケーションを表示する
• WebGL/Canvasを使って高度な表現を可能にする
12.
とりあえず良く分からないので試す 。
13.
早速TOP画面へ
14.
チュートリアルへ
15.
Hello World
16.
結構(コードが)長いのでローカルで見 る方法が無いかggr
17.
あった
18.
さっそく試す
19.
何かいろいろ入る
20.
動かす
21.
表示される
22.
png画像がグルグル回っている
23.
FireFoxでも表示させてみる FireFox Chrome
24.
問題なく、各ブラウザ間でちゃんと差 異を埋めてくれている(ブラウザはこの 世で二つだけ)
25.
## Surfaceを読む## とりあえず分かったので画像変える
26.
27.
自分の画像に変更
28.
画像変わった!jpgでもグルグル回る!
29.
Imgタグ作ってそれをグルグル回しているのが分か る
30.
31.
このimageSurfaceというのはそれだけ じゃなくて他にもありそう
32.
あった
33.
README.mdを読む
34.
それぞれのHTML5のタグによってsurfaceがファイル 毎に分けられている感じなのが何となく分かる
35.
とりあえずどれだけ面倒臭い事をやっ てくれているのか自力でやってみる
36.
出来た
37.
大分汚いし、famo.usの方はrotateYで はなく、matrix3dを使っているのだけ れど、似たような挙動をするものは一
旦出来る
38.
39.
40.
うん、当たり前だけどフレームワーク 通した方が分かりやすいね
41.
## Coreを読む## そもそもcore/Engine何者
42.
famous-containerのdivを作ってOptionsManagerオ ブジェクトから返ってくる変更点を監視し、FPSに制限 をかけるかそのまま現在のFPSのまま処理を続行す
るかを実行しているっぽい
43.
## Modifierを読む## ではModifierは?
44.
Surfaceに持たせたいstyleの一部をここで定義出来 るといった感じ
45.
## Transformを読む## 最後にTransform
46.
まぁstyleにtransformなど設定する所 がModifierならTransformはMathライ ブラリ的な何かだよね
47.
実際にtransformする際に必要な値を生成してくれて る
48.
ざっと見てみた感想 • Core/Engineは必ずいるし、Modifier|Transform|Surfaceはcoreを呼ば
なかったとしても、必要なそれ系統のものは必ず呼ぶ • つまり4つのモジュールを駆使して基本は書いて行く • で、famous_container毎どかっとHTMLにぶっ込むような感じ
49.
まとめです
50.
まとめ • 現状使う必要はぶっちゃけ無い。興味ある人だけが使えば良い感じ。
ただ、データがまだまだ少ないので生け贄が必要 • 書きやすいかどうかで言えば、”まだ”書きやすいというだけでそこま で書きやすいものではない • モジュール自体はちゃんと分けられていて、その中身自体も”早さを求 める為に読みづらいコード” は少ないように見える
51.
もう一回言います
52.
現状使う必要は無い ただ、自分は次の案件で提案してみる予定
53.
参考/引用資料 • 高速で綺麗なHTML5アプリケーションのためのフレームワーク
Famo.usが完全無料に • Famo.us – WebGL/Canvasを使って高度な表現を可能にする JavaScriptフレームワーク • GitHub - Famous/generator-famous • GitHub - Famous/famous • Famo.usでオブジェクトを配置
54.
ご清聴ありがとうございました。
Descargar ahora