Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Privileged Apps with Vue.js

E35ded9f4d9da564ecf85ad527f11639?s=47 masawada
November 15, 2014
Programming
0
130

Privileged Apps with Vue.js

E35ded9f4d9da564ecf85ad527f11639?s=128

masawada

November 15, 2014
Tweet

More Decks by masawada

See All by masawada
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
2.5k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
3.5k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
470
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1.2k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
1
1.2k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
1
290
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1.3k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
980
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
110

Other Decks in Programming

See All in Programming
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
1
1.4k
635e53b96114c922fa5486b418895960?s=48 fadis
0
1.4k
1d3fab5abb85de9abc092b72a036965b?s=48 bot6rice
1
150
B05baacb6000fe55fe558ce75aa9bc74?s=48 jdkfx
0
110
B311713ff6de02a7b88c2e9f63d2ea45?s=48 mcavaliere
0
180
2b67c3578e104daca8c6609e5be43d8d?s=48 balconia
0
150
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
0
170
90e11cd0d2dfa44d784a3544614ea374?s=48 scior
1
390
D3be793aaf76ed1915295001712ce0f1?s=48 jrfk
0
660
82aa6e293e94bf37796f4ae50f583f6c?s=48 veronikapj
2
130
347b7e6efc62b633d37a5d0a8d62ae86?s=48 junghyeonjae
0
170
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
300

Featured

See All Featured
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
24
4.8k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
777
200k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
304
32k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
77
270k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
235
18k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
403
20k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
225
48k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k

Transcript

  1. Privileged Apps with Vue.js Firefox OS ίʔυϦʔσΟϯάϛʔτΞοϓ #11 (2014/11/15) @masawada

  2. ͜Μ͹Μ͸

  3. @masawada

  4. None

  5. FxOSϋοΧιϯͱ͔ओ࠵

  6. http://masawada.me

  7. εϥΠυ50ຕͳͷͰ ඈ͹͠·͢

  8. Privileged Apps with Vue.js

  9. Vue.js

  10. MVVMϑϨʔϜϫʔΫ

  11. MVCͷѥछΈ͍ͨͳͷ

  12. ৄࡉ͸ׂѪ

  13. (͜Θ͍͓͡͞Μ͜Θ͍)

  14. Model View ViewModel

  15. Model var model = { hello: “” };

  16. View <body> <div id=“app”> <p v-text=“hello”></p> <input type=“text” v-model=“hello”> </div>

    </body>

  17. ViewModel var app = new Vue({ el: "#app", data: model

    });

  18. ViewͱModelΛ ViewModel͕όΠϯυ

  19. None

  20. Privileged Apps (ಛݖΞϓϦ)

  21. Privileged Apps ɾHosted AppsͰ͸࢖͑ͳ͍API͕࢖͑Δ ɾmanifest.webappʹࢦఆΛॻ͘ ɾ੍͍͔ͭ͘ݶ͕͋Δ ɾΞϓϦΛެ։͢Δͱ͖ʹ৹͕ࠪ͋Δ

  22. ੍͍͔ͭ͘ݶ͕͋Δ

  23. CSP

  24. Content Security Policy

  25. Content Security Policy ɾؔ਺ίϯετϥΫλͷېࢭ ɾeval ͷېࢭ ͳͲͳͲ… https://developer.mozilla.org/ja/Apps/CSP ΛݟͯͶ

  26. Vue.js

  27. ؔ਺ίϯετϥΫλଟ༻ͯͨ͠

  28. None

  29. ΍ͬͨͥ

  30. Ͳ͏΍࣮ͬͯݱ͍ͯ͠Δ͔

  31. mmckegg/notevil

  32. mmckegg/notevil ɾNode.jsͷϞδϡʔϧ ɾVue.jsͰ͸͜ΕΛforkͯ͠ґଘϥΠϒϥϦΛ݁߹ ɾariya/esprimaͰparseͯ͠Δ ɾάϩʔόϧΦϒδΣΫτʹΞΫηε͠ͳ͍

  33. mmckegg/notevil case 'BinaryExpression': var l = walk(node.left) var r =

    walk(node.right) switch(node.operator) { case '==': return l === r case '===': return l === r

  34. .oO(not evil …?)

  35. ศརͳͷͰ࢖͍·͠ΐ͏

  36. ݱ஍͔Β͸Ҏ্Ͱ͢

  37. ༨ஊ

  38. ίʔυϦʔσΟϯάͷ ͓ͱ΋ʹ

  39. git find ίϚϯυ

  40. git find ɾgit subcommand ɾPATHͷ௨Δॴʹgit-findϑΝΠϧΛஔ͘ → git findͰ࣮ߦͰ͖Δ ɾpeco͕ඞཁ

  41. pecoͷΠϯετʔϧ (mac) $ brew tap peco/peco $ brew install peco

  42. None
  43. None
  44. None
  45. None

  46. ࠷ߴ

  47. git find DST_PATH=$(git grep -n $1 | grep -v "[0-9]:\s*//"

    | peco | awk -F ":" '{print "-c "$2" "$1}'); if [ ${#DST_PATH} -ne 0 ]; then vim $DST_PATH; fi

  48. [git find peco][ݕࡧ]

  49. ͥͻ͓࢖͍͍ͩ͘͞

  50. ͋Γ͕ͱ͏͍͟͝·ͨ͠