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
450
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1.1k
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
920
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
110

Other Decks in Programming

See All in Programming
6f411237444fb0f49c63baeb9c5f2a38?s=48 yusukeiwaki
0
100
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
180
9fbbe5d0b8e2ee1cdc3a576b55a2d63d?s=48 uzimaru0000
0
240
E6143330e12cd226c3dab99f3fe8cb3e?s=48 yanaemon
1
140
826c34bb94d4fe786230bd95c5bdc409?s=48 fornewid
1
270
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
270
E48bd6aeb77b88d5762cd5d96e2c397d?s=48 wen_liao
2
990
0a98ad166f9cdf8d27d92c37438c6e9d?s=48 matsumana
0
320
2e7087b86608d4497c209eb9ba14d8f5?s=48 rosylilly
2
4k
A10e41b0a61d59f2258d7f6172c33479?s=48 kaityo256
0
420
37618b4d60cf3d1f43f7196253264edc?s=48 numeroanddev
0
150
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
1
940

Featured

See All Featured
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
3.9k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
314
18k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
447
35k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.2k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
202
35k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
84
8.3k

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