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.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
930
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
110

Other Decks in Programming

See All in Programming
B3f560d34c14a9113e5024bc34ac26a0?s=48 heyitsmohit
1
110
9e9eb825c69d719f2d3c32bdd3bc971e?s=48 atp
2
500
2bedb1eb8f841cd3c3ae584600b016e0?s=48 okunokentaro
1
450
1e90d209fa2f67b4f2bfd8106b93dbc6?s=48 tmizuma
9
3.7k
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
21
3.6k
5bd19ec9172dcb6dd3cb8033d88b262e?s=48 rom1000
1
170
1102d6e3810fcc652a8b2887d1642ade?s=48 47degacademy
0
210
70adfe7679427fa498899769e632b672?s=48 itok
1
220
E834b4b7cfcba6918f01f45d2916c302?s=48 f110
2
160
49df09ab2eadd025342b9b3387936eb9?s=48 stefafafan
0
360
C6296f654b1cc6886aabe5b9703cbe67?s=48 ishiitetsuji
1
580
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
24
5.9k

Featured

See All Featured
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
296
39k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
101
4.8k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
5
360
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
12
1.3k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
105
14k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
18k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.8k

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