Web5-iwate
•
9 recomendaciones•2,262 vistas
HTML5とか勉強会 in IWATE 2014 で使用したスライド http://www.html5j-tohoku.org/
Recomendados
Más contenido relacionado
Similar a Web5-iwate
Similar a Web5-iwate (12)
Más de dynamis
Más de dynamis (20)
Web5-iwate
- 2. BCPVUNF 5PNPZBTBJ EZOBNJT .P[JMMB+BQBO .PCJMFDPTZTUFN.BOBHFS 5FDIOJDBM.BSLFUJOH WBOHFMJTU EZOBNJTNP[JMMBKBQBOPSH ! $PNNVOJUZ EZOBNJTKQ !EZOBNJUUFS GBDFCPPLDPNEZOBNJT
- 3. כׄח ➙㔐כ㔳װ؝٦سָ㼰זדׅկ ⦐ⴽ䪮遭כ♨㻝ח铡僇׃תׇկ 莆ֿ֮ה䩛ח鑧׃תׅկ 劤勻涸ז)5.-ך眔㔲㢩דׅկ أٓ؎س⡲䧭חさ
- 4. 劤傈ךزؾحؙ /FUXPSL $PNQPOFOUT 8PSLPX -BOHVBHFT 8FC1*T 94VNNBSZ
- 5. /FUXPSL
- 6. طحزٙ٦ָؙ㢌 ؟٦غהֽ鸐⥋ׅ儗➿כ穄✪ ؙٗأؔٔآٝ ،فٔ 鸐⥋װ ؙٓ؎،ٝز 11 鸐⥋ָ兛鸐ח 欽鷿ח䘔ׄג)551⟃㢩鼅䫛肇ח 鋅蕱׃ְعحؙכ如ղה♶銲ח
- 7. /FUXPSL4QFDT %FOFEJO)5.- 4FSWFS4FOUWFOUT 8FC4PDLFU QPTU.FTTBHF PUIFS8$TQFDT 8FC35$ 384PDLFU 1VTI 4FSJBM #MVFUPPUI .FTTBHJOH /FU*OGP BOENPSF $41 )551 41%: 26*$
- 8. ⿽倯ぢ鸐⥋ 8FC4PDLFU ؟٦غהך⿽倯ぢ鸐⥋ 鯪ꆀر٦ة䩛鯪ח鷏「⥋ وٕثًر؍،ر٦ةװؔـآؙؑز ךٔ،ٕة؎ي鸐⥋חכ♶黝 ؟٦غהך鸐⥋儗כنزٕطحؙ OPUF $PNFU穄✪կ 44כ*劢㹋鄲ד㨣תזְ IUUQXXXXPSH53XFCTPDLFUT
- 9. ؙٗأؔٔآٝٔا٦أⰟ剣 $SPTT0SJHJO3FTPVSDF4IBSJOH ➭سً؎ַٝKBY鸐⥋鏩〳 䖞勻ךKBYכず♧ؔٔآٝ فٗ ز؝ٕծسً؎ٝծه٦ز ꣲ㹀 4BNF0SJHJO1PMJDZ DDFTT$POUSPMMMPX0SJHJO )551 قحتד僇爙ׅ +40/1عحؙכ♶銲ח IUUQXXXXPSH53DPST
- 10. OPUF+40/1 +40/ؙٗأؔٔآٝד DBMMCBDL MFTTFSQBOEB^ ך״ֲח ؝٦ٕغحؙꟼ侧ח+40/ر٦ة 㙵鴥+4TDSJQUةؚד铣鴥 TDSJQUTSDIUUQPUIFSKTPOQKT WBSEBUB@GSPN@PUIFS GVODUJPODBMMCBDL KTPO EBUB@GSPN@PUIFSKTPO ^ إُؗٔذ؍涸חכ鏩ׁזְ
- 11. ؙٗأؔٔآًٝحإ٦آ QPTU.FTTBHF ؟٦غ穗歋׃זְٗ٦ٕؕדך سً؎ٝ鸐⥋ָ〳腉 㛇劤涸ז،فٔ鸐⥋䩛媮 MPDBUJPOIBTIعحؙ♶銲 IUUQXXXXPSH53XFCNFTTBHJOH
- 12. OPUFMPDBUJPOIBTIعحؙ JGSBNFךTSD㾩䚍⟃꣬ ֽ⹛涸ח剅ֹ䳔ִ MPDBUJPOIBTI⦼ָ㢌ֿ הד؎كٝزה׃גⴻ倖ׅ ⿽倯ぢד⦜זⳢ椚ָ䗳銲˘
- 13. وٕثًر؍،鸐⥋ .FEJB$BQUVSF4USFBN 8FC35$ַHFU6TFSNFEJBָⴓꨄ 갈㡮װؽرؔךٍؗفثٍ 8FC35$ وٕثًر؍،ر٦ةװغ؎شٔ ر٦ةךؙٓ؎،ٝز11鸐⥋ ؽرؔثٍحزװوٕثفٖ؎َ٦ ٦يזוח⢪ IUUQXXXXPSH53NFEJBDBQUVSFTUSFBNTIUUQXXXXPSH53XFCSUD
- 14. ٗ٦ٖكٕ 5$14PDLFU 6%14PDLFU ه٦ز䭷㹀׃ג⟣䠐ך鸐⥋ 8FC؟٦غה׃ג⹛⡲ׅ،فٔװ 㹺ꨵה鸐⥋ׅ،فٔ㹋植 8$דכ3BX4PDLFU1*ָ陽锷ׁ גְָ'JSFGPY04װ$ISPNF04 ך㹋鄲כ殯זֿהח岣䠐 #MVFUPPUI 64# 湫䱸ع٦سؐؑ،ה鸐⥋ IUUQXXXXPSH53SBXTPDLFUT
- 15. فٗز؝ٕ䲿周 41%: 26*$ ⽃♧5$1䱸竲ד醱侧ؿ؋؎ٕךؙٔؒ أز〳腉ח 26*$כ6%1 غ؎شٔفٗز؝ٕծ⮚⯓䏝➰ֹ قحت㖇簭כ植㖈搀⸬⻉⚥ ず♧سً؎ٝח㢳侧ؙٔؒأزׅה ֹ剣⸬ָؙٔؒأز侧⟃♴װسً ؎ٝⴓ侔׃ג㜥さ剣⸬דזְ $444QSJUFعحؙװ+4穠さזו ؙٔؒأز侧幾ָ♶銲ח IUUQXXXDISPNJVNPSHTQEZTQEZQSPUPDPM
- 16. )551فٗز؝ٕ何鎍 )551 41%:זוך䲿周驎תִג)551 ך姻䒭ז䖓竰➬圫瘻㹀⚥ ؟٦غفحءُ堣腉ؙٔؒأزׁ גזֻה؟٦غַ鷏אֽג ✲חٍؗحءׇׁُ )1$,הְֲقحت㖇簭 فٗز؝ٕ鼅䫛׃זָ؟٦غ 甧ג儗➿חזגֹ IUUQEBUBUSBDLFSJFUGPSHXHIUUQCJT
- 17. $PNQPOFOUT
- 18. )5.-8FC$PNQPOFOUT )5.-דכ EJWTQBO㖑柰鍑嶊ׅTFDUJPO BSUJDMF OBW ًر؍،銲稆BVEJP WJEFPזו倜׃ְ銲稆 剑㼭ꣲח鷄⸇㹀纏׃ 6*ؿٖ٦يٙ٦ؙה׃גכ顆䓲ה鎉ֲ״㨣 תגְׅזְկ ֿךل٦أד/BUJWFفٓحزؿؓ٦ي⚛חז תד➬圫⡲גꫬ僰ָ穄կկկ )5.-ך銲稆כ➬圫דזֻٓ؎ـٓٔה ׃ג㟓װׇ״ֲח׃״ֲ )5.-➬圫חזהְֲ䠐㔳דכ֮תׇ
- 21. 杝荈)5.-銲稆ה׃ג䭁䓸㹀纏׃ )5.-*NQPSUT ػح؛٦آה׃גⱄⵃ欽〳腉ח IUUQTHJUIVCDPNXDXFCDPNQPOFOUT
- 22. 4IBEPX%0. 銲稆ⰻך%0.خٔ٦ꦀ誊 4IBEPX)PTU鋵خٔ٦ח婍銲稆 4IBEPX5SFFIPTUך؟ـخٔ٦ 4IBEPX3PPU؟ـخٔ٦ךٕ٦ز ؟ـخٔ٦חכ4IBEPX)PTUַ ך،ؙإأ〳腉חז )PTUך㶨銲稆כ*OTFSUJPO 1PJOUח%JTUSJCVUJPOׁ IUUQXXXXPSH53TIBEPXEPN
- 25. $VTUPNMFNFOUT YFMFNFOU 杝荈ך)5.-銲稆㹀纏 傀㶷銲稆䭁䓸׃ג銲稆涫ꐮ EPDVNFOUSFHJTUFS IUUQXXXXPSH53DVTUPNFMFNFOUT
- 26. SFHJTUFSדؕأةي銲稆㹀纏 var proto=HTMLParagraphElement.prototype ! document.register('x-foo', { prototype: Object.create(proto, { firstMember: { get: function() { return foo; }, enumerable: true, configurable: true }, // specify more members // ... }) });
- 27. )5.-*NQPSUT MJOLSFMJNQPSU ISFGDPNQPOFOUTIUNM $VTUPNMFNFOU؎ٝه٦ز 杝荈銲稆ך㹀纏ؿ؋؎ٕחⴓꨄ ٓ؎ـٓٔה׃ג盖椚㺁僒ח IUUQXXXXPSH53IUNMJNQPSUT
- 28. OPUF5FNQMBUF銲稆 ذٝفٖ٦ز欽銲稆 ٗ٦س儗ח䲽歗٥Ⳣ椚ׁזְ TDSJQUזו㹋遤ׁזְ +4ַDMPOF JOTFSU׃ג⢪ֲ 粸鵤׃⢪ֲ)5.-ػة٦ٝ +4דכזֻ )5.-⚥ח㙵鴥 ؝ًٝز أؙٔفز ذٝف ٖ٦زعحָؙ♶銲ח IUUQXXXXPSHIUNMXHESBGUTIUNMNBTUFSTDSJQUJOHIUNM
- 29. UFNQMBUF script var data = [ { name: 'Pillar', color: 'Ticked Tabby', legs: 3 }, { name: 'Hedral', color: 'Tuxedo', legs: 4 }, ]; /script table tr thName thColor thLegs template id=row trtdtdtd /template /table script var template = document.querySelector('#row'); for (var i = 0; i data.length; i += 1) { var cat = data[i]; var clone = template.content.cloneNode(true); var cells = clone.querySelectorAll('td'); cells[0].textContent = cat.name; cells[1].textContent = cat.color; cells[2].textContent = cat.legs; template.parentNode.appendChild(clone); } /script IUUQXXXXPSHIUNMXHESBGUTIUNMNBTUFSTDSJQUJOHIUNM
- 30. head script src=platform.js/script link rel=import href=paper-tabs.html ... /head body ... paper-tabs selected=0 noink nobar paper-tabITEM ONE/paper-tab paper-tabITEM TWO/paper-tab paper-tabITEM THREE/paper-tab /paper-tabs ... /body
- 31. 垥彊⻉䖉א䗳銲כזְ ! QMBUGPSNKTד1PMZMM 劢㹋鄲ד1PMZM֮1M 1PMZNFS#MJDL1PMZGJMMחכⰟ鸐דQMBUGPSNKTⵃ欽ׅ
- 33. 1PMZNFS #MJDL 1PMZNFS (PPHMF䲿⣘ך垥彊涸ז6*إحز 䖓倯✼䳔1PMZM QMBUGPSNKT 䲿⣘ .BUFSJBM%FTJHOחⵃ欽〳腉 #MJDL .P[JMMB䲿⣘ך.JO6*إحز ַכQMBUGPSNKT䱰欽 IUUQXXXQPMZNFSQSPKFDUPSHIUUQNP[CSJDLHJUIVCJP
- 34. .BUFSJBM%FTJHO فٓحزؿؓ٦يװرغ؎أ ؟؎ؤח⣛׆窟♧ׁ⡤ 꿀㹋植ׅ㛇燉ءأذي ֿך湡涸㹋植ׅ 8FCדOESPJEדו זرغ؎أדず圫ךِ٦ؠ ⡤꿀知⽃ח䲿⣘〳腉חׅ IUUQXXXHPPHMFDPNEFTJHOTQFDNBUFSJBMEFTJHOJOUSPEVDUJPOIUNM
- 36. 8PSLPX
- 38. ! ؽٕس PS
- 39. ! ػح؛٦ PS آ盖椚 IUUQZFPNBOJP
- 40. ZP꧵䕎欰䧭خ٦ٕ OQNJOTUBMMHZP ZPQSPKFDU ֮ײ꧵䕎ָⰟ剣ׁג OHVMBS #BDLCPOF NCFS KFLZJMM CPPUTUSBQ 1PMZNFS NPCJMF XFCBQQ DPSEPWB ⡦ַئַٗ⡲ךכ㣐鋉垷 فٗآؙؑزֽח׃ת׃׳ֲ IUUQZFPNBOJP
- 41. ZP yo [?] 'Allo dynamis! What would you like to do? Get me out of here! ! ! _-----_ | | .---------------------------------------. |--(o)--| | Bye from us! Chat soon. | `---------´ | | ( _´U`_ ) | The Yeoman Team | /___A___ | https://github.com/yeoman/yeoman#team | | ~ | '---------------------------------------' __'.___.'__ ´ ` |° ´ Y ` :0./ֶָׁׄ׃׳ױֲ⳿גֶֻ蘠湡ז؝وٝسٓ؎ٝخ٦ٕ
- 42. HVMQؽٕسأؙٔفز OQNJOTUBMMHMPCBMHVMQ HVMQUBTLPUIFSUBTL NBLF BOUך8FC晛 (SVOUず圫ָ(VMQؔأأً ⚺銲זٓ؎ـٓٔכ(VMQד 䲧גֹ׃铣剅ֹ׃װְׅ 搀׃ד涪כ罋ִזְ
- 43. HVMQػ؎فדⳢ椚籬ּ var gulp = require('gulp'); var coffee = require('gulp-coffee'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); var sourcemaps = require('gulp-sourcemaps'); var paths = { scripts: ['client/js/**/*.coffee'] }; ! gulp.task('scripts', function() { return gulp.src(paths.scripts) .pipe(sourcemaps.init()) .pipe(coffee()).pipe(uglify()) .pipe(concat('all.min.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest('build/js')); }); ! gulp.task('watch', function() { gulp.watch(paths.scripts, ['scripts']); }); ! gulp.task('default', ['watch', 'scripts']); IUUQTHJUIVCDPNHVMQKTHVMQ
- 44. CPXFSػح؛٦آ盖椚 OQNJOTUBMMHCPXFS CPXFSJOTUBMMQBDLBHF CPXFSVQEBUFQBDLBHF ػح؛٦آ盖椚 ٓ؎ـٓٔך⣛㶷䚍盖椚 OQNדְְֽו#PXFSד׃׳ ٓ؎ـٓٔ䩛⹛盖椚כ穄✪ IUUQCPXFSJP
- 46. -BOHVBHFT Draft Ecma/TC39/2013/0xx ECMA-262 6th Edition / Draft November 8, 2013 ECMAScript Language Specification Reference number ECMA-123:2009 © Ecma International 2009 Draft Report Errors and Issues at: https://bugs.ecmascript.org Product: Draft for 6th Edition Component: choose an appropriate one Version: Rev 21, November 8, 2013 Draft
- 47. -BOHVBHFTWPMVUJPO $.4DSJQUUI UI 涪׃僒ְٌتٝז圓俑 $MBTT .PEVMF 1SPNJTF㼪Ⰵ ꬊず劍Ⳣ椚זו剅ֹװֻׅ 涸嗚鏾 㹋遤儗דכזֻ؝ٝػ؎ ٕ儗חדֹֽؒٓ٦嗚⳿ BTNKT 넝鸞㹋遤〳腉ז鎸岀㹀纏 Draft Ecma/TC39/2013/0xx ECMA-262 6th Edition / Draft November 8, 2013 Reference number ECMA-123:2009 © Ecma International 2009 http://wiki.ecmascript.org/doku.php?id=harmony:harmony ECMAScript Language Specification Draft Report Errors and Issues at: https://bugs.ecmascript.org Product: Draft for 6th Edition Component: choose an appropriate one Version: Rev 21, November 8, 2013 Draft
- 48. 実装・対応状況 SpiderMonkey がリード V8 がそれに続く JavaScriptCore や IE は限定的 先行するところも一応ある Traceur は結構対応してる TypeScript は限定的な対応だが JavaScript に変換したコードが 綺麗なのがステキ
- 49. ECMAScript 5th にコンパイル Traceur Compiler ES Harmony からのコンパイル用 https://github.com/google/traceur-compiler TypeScript ES Harmony の一部＋独自拡張 http://typescriptlang.org/ たまに紹介されてる Harmonizr や Six は開発終了したっぽい
- 50. default rest parameter モダンな言語では当然の機能 だが Firefox 以外は未サポート default parameter 引数のデフォルト値を設定 rest parameter 残りの引数を配列で受け取る
- 51. default parameter e = document.body; // 何か適当な要素 function setBackgroundColor(element, color='orange') { element.style.backgroundColor = color; } setBackgroundColor(e); // オレンジに setBackgroundColor(e, 'blue'); // 青に setBackgroundColor(e, undefined); // オレンジに ! // デフォルト値は呼び出し毎に生成される // 同一オブジェクトが渡される Python などとは違う function getObject(o={}) { return o; } getObject() == getObject() // - false http://wiki.ecmascript.org/doku.php?id=harmony:parameter_default_values
- 52. rest parameter function f(a, b, ...args) { return args; } f(IE, Chrome); // - [] f(IE, Chrome, Firefox); // - [Firefox] ! // rest arguments は Array のメソッドが使える // [].slice.call(arguments) ハックとか不要に function sortRestArgs(...args) { var sortedArgs = args.sort(); return sortedArgs; } http://wiki.ecmascript.org/doku.php?id=harmony:rest_parameters
- 53. ブロックスコープ (let, const) ブロックスコープ変数と定数 IE11 でもサポート！ Safari は const でも変数になる const は仕様では let 同様ブロッ クスコープの定数だが現在の実装 は var 同様のブロックスコープ
- 54. let { // let 定義: ブロックスコープ let a = 1, b = 10; // let 式・文: let (...) に続く式・文中だけで有効 let (a = 100, c = 300) console.log(a); // - 100 // for 文などでの let for (let a=0; a3; a++) { console.log(a+b); // - 10, 11, 12 } console.log(a); // - 1 } console.log(a); // × ReferenceError: a is not // defined
- 55. Class 待望の Class です プロトタイプベース OOP の記法に 馴染めない貴方もこれで安心
- 56. Class の利用例 // クラスベース OOP でよく見る感じ class Animal { constructor(name) { this.name = name; this.hungry = true; } eat() { this.hungry = false; } run() { this.hungry = trye; } }
- 57. Class - extends // 派生クラスの定義がシンプル class LesserPanda extends Animal { constructor(name, tail) { super(name); this.tail = tail; } }
- 58. Arrow Function コールバックに便利な関数 シンプルに書ける 矢印なんか格好いい 内外で this が固定される Firefox 22~ 実装 http://d.hatena.ne.jp/teramako/20130321/p1
- 59. Arrow Function // return するだけのコールバックがシンプルに [1,2,3].map(x = x * x); // ES5 ではこう書く必要があった: // [1,2,3].map(function (x) { return x * x; }); ! // 引数が 1 つ以外の場合は引数を () で括る setInterval(() = { alert(HEY! 提督ぅー！alertしてもイイけどサー、時間 と場所をわきまえなヨー！); }, Math.random()*10*1000); ! // n! (nの階乗) を求める関数もシンプルに var factorial=((f=n=n1 ?n*f(n-1):1)=(f))(); factorial(10); // 3628800 http://wiki.ecmascript.org/doku.php?id=harmony:arrow_function_syntax
- 60. Arrow Function における this // this は矢印関数を囲むスコープのものにバインド // コールバック利用時に self=this とか不要になる function Person(){ this.age = 0; setInterval(() = { this.age++; // this は Person オブジェクト }, 1000); } var p = new Person(); ! // 注: strict mode でも this はレキシカルに bind // 済みとして振る舞うので undefined にならない https://developer.mozilla.org/docs/Web/JavaScript/Reference/arrow_functions
- 61. BTNKTהכ +BWB4DSJQUך؟ـإحز➬圫 傀㶷+BWB4DSJQUؒٝآٝד⹛⡲ 넝䏝ח剑黝⻉〳腉זչػة٦ٝպ ✲؝ٝػ؎ٕ〳腉 㢌侧װ鎘皾穠卓ך㘗כⰋג㔿㹀 㹋遤儗ך㘗然钠װ؝ٝػ؎ٕ♶銲 ؿ؋؎ٕװꟼ侧⽃⡘ד剣⸬⻉ ⱍ걧דVTFBTN㹑鎉 'BTU1BSUT ך刿ח♧鿇 僇俑⻉٥㹀纏׃ךIUUQBTNKTPSH
- 62. BTNKTך鏣鎘䙼䟝 怴皾穠卓㔿㹀㘗ח 㘗ך僇爙 OOPUBUJPO 傀㶷 +BWB4DSJQUך眔㔲ⰻד遤ֲ 5ZQFESSBZדًٌٔ盖椚 ؖ٦كآ؝ؙٖءّٝ㔐鼘 堣唒欰䧭ָ䲿ך鏣鎘 $鎉铂זוַ㢌䳔ׅ㼎韋 $鎉铂ח鷄ְאֻך鏣鎘IUUQBTNKTPSH
- 63. BTNKTָׅך 8FC/BUJWFך鸞䏝ח $SBOL4IBGUװ*PO.POLFZך44剑黝 ⻉+*5דך剑黝⻉⸬卓然㹋ַאؔ٦ غ٦قحسזֻ⢪ִ ✮庠〳腉זػؿؓ٦وٝأ 农럀濼 ت٦ذ؍عحؙ חֶⴽ 㢳媮+*5ך剑黝⻉ٖكָٕ✮庠♶腉ד 鸞䏝ָ✮庠דֹזְ㉏겗ָזֻז ($ח״⨡姺儗ָ涪欰׃זֻז 'BTU1BSUTד֮BNTKTז然㹋ח鸞ֻIUUQBTNKTPSH
- 64. $鎉铂--7.ד؝ٝػ؎ٕ $ַ*3 ⚥鎉铂 ח㢌䳔 *3$16ꬊ⣛㶷ך،إٝـٔ 㣐⼱ך剑黝⻉Ⳣ椚כֿֿד遤ֲ DMBOHָ遤ֲךכֿךⳢ椚 --7.*3ַ/BUJWFח㢌䳔 Y3.זוך堣唒铂欰䧭 $鎉铂ا٦أ --7.*3 /BUJWF$PEF
- 65. $鎉铂+BWB4DSJQUח؝ٝػ؎ٕ $ַ*3 ⚥鎉铂 ח㢌䳔 --7.*3ַ+4ח㢌䳔 NTDSJQUFOד+4 BTNKT ח 㘗㔿㹀ד05Ⳣ椚〳腉ז؝٦س +4/BUJWFח㢌䳔 㘗㔿㹀؝٦س넝鸞ח㢌䳔㹋遤 ؎ٝأز٦ٕ儗ח✲㢌䳔〳腉 $鎉铂ا٦أ --7.*3 +BWB4DSJQU /BUJWF$PEF
- 66. $鎉铂ח鷄ְאְגֹ ! ! ! ! ! ! ! C 言語 (clang) 基準の実行時間 婁וךⳢ椚ד$鎉铂 DMBOH ך⦓⟃ⰻך儗 $鎉铂؝ٝػ؎ٓך鸞䏝畸✯חⰅ㨣 IUUQTIBDLTNP[JMMBPSHHBQCFUXFFOBTNKTBOEOBUJWFQFSGPSNBODFHFUTFWFOOBSSPXFS XJUIGMPBUPQUJNJ[BUJPOT 高速
- 67. BTNKTVQEBUFT 事前コンパイル (AOT) 余ってる CPU スレッドで AOT アプリではインストール時に AOT してコンパイル済みネイティブコー ドをキャッシュ 単精度演算など専用関数定義 Math.fround, Math.imul など ES6 SIMD 命令などは取組中 4 データ同時処理で 300% 高速化 6QEBUFE
- 68. 8FC1*T
- 69. 䚈䭁㣐ׅ8FC1* 8FC04ך鹌⻉הⰟח䚈䭁㣐 'JSFGPY04 $ISPNF04 8FC04 8FCط؎ذ؍ـז1MBUGPSN 垥彊⻉ה✼䳔䚍חכ铬겗 'JSFGPY04כ㛇劤涸ח垥彊⻉ 8JOEPXTכקר垥彊⻉׃זְ ⯓畭8FC1*涪ך䌢דׅי
- 71. 鸐濼 1VTI ! ًؕٓ ! .BSLFUQMBDF ! '.ٓآؔ 04橆㞮鏣㹀 م٦ي㠖秵 ꨵ鑧ծ4.4
- 72. 鸐濼 1VTI ! ًؕٓ ! .BSLFUQMBDF ! '.ٓآؔ 04橆㞮鏣㹀 م٦ي㠖秵 ꨵ鑧ծ4.4 طحزծꨵ寑 ! 鸬窃䌘 ! ⹛歗갈嚂 ! 鸐⥋ꆀ盖椚 ! ،فٔך盖椚 ،فٔ鸬䵿 ـٓؐؠ
- 73. 鸐濼 1VTI ! ًؕٓ ! .BSLFUQMBDF ! '.ٓآؔ 04橆㞮鏣㹀 م٦ي㠖秵 ꨵ鑧ծ4.4 طحزծꨵ寑 ! 鸬窃䌘 ! ⹛歗갈嚂 ! 鸐⥋ꆀ盖椚 ! ،فٔך盖椚 ،فٔ鸬䵿 ـٓؐؠ ׅץג8FC䪮遭ד
- 74. 8FC1* 'JSFGPY04 鸐⥋הطحزٙ٦ؙ /FUXPSL*OGPSNBUJPO ..4 .PCJMF$POOFDUJPO /FUXPSL 4UBUT Serial 4JNQMF1VTI 4.4 4ZTUFN9)3 5$14PDLFU 5FMFQIPOZ UDB Diagram Socket 7PJDFNBJM 8J'J *OGPSNBUJPO رغ؎أװإٝ؟٦ⵖ䖴 NCJFOU-JHIU4FOTPS #BUUFSZ4UBUVT #MVFUPPUI $BNFSB %FWJDF0SJFOUBUJPO '.3BEJP (FPMPDBUJPO /'$ 1PJOUFS -PDL 1PXFS.BOBHFNFOU Print 1SPYJNJUZ4FOTPS 4DSFFO 0SJFOUBUJPO USB 7JCSBUJPO WebCL 8FC(- WebGL2 ♴简岣湡ծ؎ةٔحؙ劢㹋鄲PS䲿周ծIUUQTXJLJNP[JMMBPSH8FC1*
- 75. 8FC1* 'JSFGPY04 ر٦ةך盖椚הⰟ剣 SDIJWF DeviceIndexedDB 'JMF)BOEMF *OEFYFE%# $POUBDUT %BUB4UPSF %FWJDF4UPSBHF USB File Reading ،فٔ盖椚ה،فٔ鸐⥋ QQT *OUFSQQ$PNNVOJDBUJPO 1FSNJTTJPOT 8FC DUJWJUJFT WebSocket Over Apps ءأذي MBSN #BDLHSPVOE4FSWJDFT #SPXTFS *EMF ,FZCPBSE *. -PH /PUJDBUJPOT 1BZNFOU 3FTPVSDF-PDL 4FUUJOHT 5JNF$MPDL ♴简岣湡ծ؎ةٔحؙ劢㹋鄲PS䲿周ծIUUQTXJLJNP[JMMBPSH8FC1*
- 76. 8FC1* $ISPNF04 ر٦ة 'JMF4ZTUFN .FEJB(BMMFSJFT 4UPSBHF 4ZOD'JMF4ZTUFN ءأذي MBSNT QQ VEJP WFOUT 'JMF4ZTUFN *O *EMF /PUJDBUJPOT 1FSNJTTJPOT 1PXFS 3VOUJNF 4ZTUFN 8BMMQBQFS رغ؎أװإٝ؟٦ #MVFUPPUI $P1SFTFODF -PDBUJPO )*% 4FSJBM 4PDLFU 64# ِ٦ؠ؎ٝة٦ؿؑ؎أ DDFTTJCJMJUZ'FBUVSFT $PNNBOET $POUFYU.FOVT 5FYU5P4QFFDI (PPHMF (PPHMF$MPVE.FTTBHJOH *EFOUJUZ 1VTI.FTTBHJOH ♴简#FUB1*IUUQTEFWFMPQFSDISPNFDPNBQQTBQJ@JOEFY
- 77. 4VNNBSZ
- 78. אך㢌⻉ /FUXPSL $PNQPOFOUT 8PSLPX -BOHVBHFT 8FC1*T
- 79. אך㢌⻉ /FUXPSL ؟٦غהֽ鸐⥋ׅ儗➿כ穄✪ $PNQPOFOUT 8PSLPX -BOHVBHFT 8FC1*T
- 80. אך㢌⻉ /FUXPSL $PNQPOFOUT 6*銲稆荈㖈ח䭁䓸٥ⱄⵃ欽 8PSLPX -BOHVBHFT 8FC1*T
- 81. אך㢌⻉ /FUXPSL $PNQPOFOUT 8PSLPX ػح؛٦آٖكٕדⱄⵃ欽 -BOHVBHFT 8FC1*T
- 82. אך㢌⻉ /FUXPSL $PNQPOFOUT 8PSLPX -BOHVBHFT 㣐鋉垷涪ח罣ִ鎉铂ח涪㾜 8FC1*T
- 83. אך㢌⻉ /FUXPSL $PNQPOFOUT 8PSLPX -BOHVBHFT 8FC1*T 8FC䪮遭ד⡦ד乼⡲〳腉ח
- 84. 8FCJTUIF/BUJWF1MBUGPSN 8FCָط؎ذ؍ـ ءٝفٕח⡦ד⳿勻״ֲח غحسظؐعؐכוו䐖姺 ط؎ذ؍ـず圫ך鸞䏝〳腉ח 8FCָفٓحزؿؓ٦ي ⱄⵃ欽䚍כ䚈鸞ח넝תגֹ 㛙暕זفؚٗٓىؚٝ〳腉ח 04ٖكٕך㣐鋉垷涪ָ〳腉
- 86. 'JSFGPY04TU:FBS 8FCJTUIF1MBUGPSN 珏ךرغ؎أ אٍؗٔ،ָ ٠㕂ח㉀欽㾜 䎃剢儗挿 䎃剢ךٔٔ٦أ䖓䎃
- 87. 'JSFGPY04ך،٦ؗذؙثٍ 8FCָط؎ذ؍ـ ׅץג8FC䪮遭ד㹋植 8FCח剑黝⻉ 8FCח暴⻉׃ءٝفٕ鏣鎘 (BJB(FDLP(POLך㾴 8FCؒٝآٝ(FDLPָ⚥䗰
- 88. 'JSFGPY04̒OESPJE 8FCח剑黝⻉ ءٝفٕأو٦ز Internet Packaged App (Local File) Hosted App (Web Site) Web Platform Device API System API Gecko Java App Native Library Internet WebView Contents Chrome (Browser App) App Framework Dalvik VM Android Runtime Native Interface Blink SGL etc... Libraries ⱄⵃ欽 Kernel HAL Kernel HAL
- 89. ػح؛٦آ،فٔח㼎䘔 )PTUFE 8FC铣鴥㘗 وصؿؑأز欽䠐ֽׅד،فٔח 鸐䌢8FC؟؎زה㛇劤涸חכずׄ ؎ٝأز٦ׇٕ׆ח⢪ֲֿה〳腉 1BDLBHFE تؐٝٗ٦س㘗 ؟؎زⰋ⡤;*1׃גػح؛٦آ⻉ و٦؛حز㻢叨ד鷄⸇埄ꣲ《䖤〳腉 䖞勻ךأوم،فٔח鵚ְ䕎䒭 サーバ 端末 IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FCQQT1BDLBHFE@BQQT )PTUFE QQT Internet 1BDLBHFE QQT local
- 91. NBOJGFTUXFCBQQ NBOJGFTUXFCBQQ⡲䧭 ،فٔ䞔㜠剅ֻֽד،فٔח 8FC؟؎زכךתת 䨱نةٝ搀׃דⴽ؟؎زחآٍٝفׅה䨱ג勻זְךד岣䠐
- 92. ،فٔ䞔㜠 NBOJGFTUXFCBQQ { name: フォクすけアプリ, description: あのフォクすけが遂にアプリに！, launch_path: /index.html, icons: { 128: /icons/foxkeh-128.png }, developer: { name: dynamis, url: http://dynamis.jp/ } } // 注意: ローカルで / - /index.html 変換はない IUUQTEFWFMPQFSNP[JMMBPSHFO64EPDTQQT.BOJGFTU
- 94. QBDLBHFNBOJGFTU NBOJGFTUXFCBQQ⡲䧭 )PTUFEQQTך儗הずׄ ؟؎زⰋ⡤;*1ׅ QBDLBHFNBOJGFTU⡲䧭
- 96. 倜莆㕂䋐㜥ח㼎䘔 4QSFBEUSVN醡⡚⣣呓أوم ؎ٝسדכ爡ַ顋㡰 *OUFY$MPVE'93T _ⰼ 4QJDF'JSF0OF3T _ⰼ ⚅歲⚥ך➂ח*OUFOFU畭劣 ⭙➂ָأو٦زؿؓٝ劢䨽剣 顋㡰㨣
- 98. ׀劍䖉ְֻׁկ ٥٥
- 99. 5IBOLT OZ2VFTUJPO CZEZOBNJT !EZOBNJUUFS GBDFCPPLDPNEZOBNJT