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
120

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.4k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
3.5k
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
460
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
940
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
110

Other Decks in Programming

See All in Programming
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
560
6ef7914944df6af99a2ca81e98087332?s=48 taoshotaro
1
370
590371c05fc56adf612fd91ea509cf74?s=48 brunopulis
1
100
1081586739576c17a6c64dfd7e8049a1?s=48 ogidow
0
180
6338c8fa4e2e6325094fe30b1e9f9443?s=48 malvinstn
1
660
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
1k
3c4e24fd827c789cb67a9f759f057b06?s=48 kgmyshin
0
130
3aae47c11fab74b1db6ec80cd6f49058?s=48 takahi5
0
250
1623dd1adf096ba35ba33727d933e14c?s=48 nbkouhou
9
4.8k
347a1b64f3a6e38981bc99b53919e2b1?s=48 azdaroth
0
100
Ad8afdde67ccf5cccbde704dd9e35f84?s=48 jun0
3
680
3f309c992e2b1a5c3c014e63810a2f68?s=48 viteinfinite
0
210

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.6k
79acae287842acf29084005533a7fb3b?s=48 hursman
106
9.2k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
220
120k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
78b475797a14c84799063c7cd073962f?s=48 holman
461
280k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
7.2k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
27
1.9k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
11
740
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.5k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
204
35k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠