Download as PDF, PPTX
![google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function() {
var data = new google.visualization.arrayToDataTable(
[["Day", "A", "B", "C"],["Mon", 20, 45, 28], ["Tue", 31, 66, 38],
["Wed", 50, 80, 55], ["Thu", 77, 50, 77], ["Fri", 68, 15, 66]]);
var options = {
"seriesType": "bars", "series": {"2": {"type": "line"}},
"width": 400, "height": 300
};
var div = document.getElementById(‘chart_div');
var chart = new google.visualization.ComboChart(div);
chart.draw(data, options);
});
JavaScriptはこんな感じ…](https://image.slidesharecdn.com/html5night-chromeandroid-140614094537-phpapp02/75/Chrome-For-HTML5NIGHT-110-2048.jpg)
![<head>
<script src="js/platform.js"></script>
<link rel="import" href="components/google-chart.html">
</head>
<body>
<google-chart
type="combo"
height="300px"
width="400px"
options="{'seriesType': ‘bars',
'series': {'2': {'type': 'line'}}}"
data="[['Day', 'A', 'B', ‘C'], ['Mon', 20, 45, 28],
['Tue', 31, 66, 38], ['Wed', 50, 80, 55],
['Thu', 77, 50, 77], ['Fri', 68, 15, 66]]">
</google-chart>
</body>
HTMLはこんな感じ…](https://image.slidesharecdn.com/html5night-chromeandroid-140614094537-phpapp02/75/Chrome-For-HTML5NIGHT-112-2048.jpg)
Uploaded byTakuya Oikawa
Chrome For HTML5NIGHT
Chrome Web Platform Technology Now and Future HTML5NIGHT（2014/06/14）向けのLightning Talkスライド。
More Related Content
Chrome For HTML5NIGHT
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. Beta for Windows Stablefor Windows リリースから今まで
- 9. Beta for Windows Stablefor Windows Chrome OS リリースから今まで
- 10. Beta for Windows Stablefor Windows Chrome OS MacOS & Linux リリースから今まで
- 11. Beta for Windows Stablefor Windows Chrome OS MacOS & Linux リリースから今まで
- 12. Beta for Windows Stablefor Windows Chrome OS MacOS & Linux New Icon リリースから今まで
- 13. Beta for Windows Stablefor Windows Chrome OS MacOS & Linux New Icon Android iOS リリースから今まで
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. “Chrome Time Machine” で検索してください。 PublicDomain : http://bit.ly/1ivUOel
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. Beta for Windows Stablefor Windows Chrome OS MacOS & Linux New Icon Android iOS リリースから今まで
- 34.
- 35.
- 36.
- 37.
- 39.
- 40.
- 41. WebKitからフォーク Public Domain: http://bit.ly/1ncCbPg Wikimedia:http://commons.wikimedia.org/wiki/File:WebKit_logo. png
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50. Blink 2014 GoalBrainstorming
- 51. ● 継続した基本評価値への改善 ○ 滑らかさ ○入力の反応 ○ 初回ロード時間 ● モバイルWebでのベンチマーク ● メモリ消費削減 ● パワー消費減少
- 52.
- 53. Source: “mobile iseating the world”, Benedict Evans Nov ‘13 デスクトップよりモバイル のほうが売れているし、使わ れている
- 54. Source: “the declineof the mobile web”, Chris Dixon April ‘14 開発する立場では
- 55. Source: “the declineof the mobile web”, Chris Dixon April ‘14 モバイルでは Web じゃなくて Appでしょ！
- 56.
- 57.
- 58.
- 59.
- 60. Source: Vision MobileBlog 不満は主にこの３つ！ ● パフォーマンス ● API ● ツール
- 61.
- 62.
- 63.
- 64. 興味ある人は Blink Contributorsが集まったときの資料 “BlinkOn 2:Mobile @ 60 FPS” （スライドとビデオ） 探してみてね♡ Public Domain : http://bit.ly/1ivUOel
- 65.
- 66.
- 67.
- 68.
- 69. Blinkで やってます！ ServiceWorker WebMIDI / WebAudio （音作れます！MIDI制御できます！） などなど
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86. 頭の良い（＋JSから制御可能な） “In-browser HTTP proxy” Browser ServiceWorkerCaches Page PagePage Internet
- 87.
- 88.
- 89. Blink Contributorsが集まったときの資料 “ServiceWorker -BlinkOn May 2014” など 探してみてね♡ Public Domain : http://bit.ly/1ivUOel
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102.
- 103. わかんなかったら、 “WebComponents” や “Polymer” で で検索してください。 Public Domain :http://bit.ly/1ivUOel
- 104.
- 105.
- 106.
- 107.
- 108.
- 109. <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> </head> <body> <div id="chart_div"style="width:400; height:300"></div> </body> HTMLはこんな感じで…
- 110. google.load('visualization', '1.0', {'packages':['corechart']}); google.setOnLoadCallback(function(){ var data = new google.visualization.arrayToDataTable( [["Day", "A", "B", "C"],["Mon", 20, 45, 28], ["Tue", 31, 66, 38], ["Wed", 50, 80, 55], ["Thu", 77, 50, 77], ["Fri", 68, 15, 66]]); var options = { "seriesType": "bars", "series": {"2": {"type": "line"}}, "width": 400, "height": 300 }; var div = document.getElementById(‘chart_div'); var chart = new google.visualization.ComboChart(div); chart.draw(data, options); }); JavaScriptはこんな感じ…
- 111.
- 112. <head> <script src="js/platform.js"></script> <link rel="import"href="components/google-chart.html"> </head> <body> <google-chart type="combo" height="300px" width="400px" options="{'seriesType': ‘bars', 'series': {'2': {'type': 'line'}}}" data="[['Day', 'A', 'B', ‘C'], ['Mon', 20, 45, 28], ['Tue', 31, 66, 38], ['Wed', 50, 80, 55], ['Thu', 77, 50, 77], ['Fri', 68, 15, 66]]"> </google-chart> </body> HTMLはこんな感じ…
- 113.
- 114.
- 115.
- 116.
- 118. “Polymer Components” “Google WebComponents” などで検索 Public Domain : http://bit.ly/1ivUOel
- 119.
- 120. モバイル大事 ● パフォーマンス ● API ●ツール まとめ がんばってます！ 応援お願いします！
- 121.
- 123.
- 124.
- 125.
- 126.
- 127. blink-devという メーリングリストに “Intent to” Implement OR ShipOR Deprecate を送って賛同を得る
- 128.
- 129. ● chromium.org -35.5% ● google.com - 20.3% ● opera.com - 10.9% ● samsung.com - 9.4% ● intel.com, yoav.ws, adobe.com blacberry.com...
- 130. ● chromium.org -48.6% ● google.com - 19.0% ● opera.com - 13.3% ● 個人（gmail.com）, intel. com, samsung.com, yoav. ws ... ● opera.com - 38.2% ● chromium.org - 29.8% ● samsung.com - 14.9% ● google.com, 個人（gmail. com） ...
- 131.
- 132.
- 133.
- 134.
- 135.
- 136.