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

Other Decks in Programming

See All in Programming
D0a6969000c3715087b3a00abd646d20?s=48 timeseriesfr
0
130
828bebe205894e1aa5f75a1fc6935a9c?s=48 ganchan11
0
170
B51ca7a51ae1fd06bc536fe83e6113e2?s=48 kaz29
2
130
D8281434c0409ba2051cd3f7590e4c2f?s=48 hkusu
0
280
88ad4f75d7c84fcf560bb6205c52e8c1?s=48 dnskimo
7
1.4k
A8ca33aaa087bf3b664e8a0cab415455?s=48 matyo91
1
150
Acd2f6f7498ea41881e161e191aa7c02?s=48 yattom
32
11k
9184d05c3493636df20a38b8bcfd66df?s=48 kazuhei0108
3
960
9e32efa81b675ecd55c166fb7b0a1890?s=48 clusterinc
0
290
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
10
3.6k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
6
710
75baf8a56acce7086013da05fd125af5?s=48 dhmegane
0
250

Featured

See All Featured
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
15
4.5k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
657
54k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
176
7.6k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
790
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3.1k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
29
980
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
58
6.4k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
776
200k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
17k

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