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.6k
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
Cb88f765dd38cd942c39aacb5abbea06?s=48 ufoo68
0
110
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
0
160
4ce0d60e368cef89450f1d9dfdcb493f?s=48 n8ebel
1
190
Ee4cc84c4dedde009c013c6d5f1a2e84?s=48 tatchnicolas
2
1.2k
Cfbe23392787cb3ad4689c5f72463fcc?s=48 makicamel
3
700
C69a66be00bc04081feb1674c9085ca2?s=48 n_makoto
2
250
8924d254fe8a39021d3822b5d51b6fec?s=48 wiroha
3
200
652359244199b2b5108a5e09c027e0da?s=48 ykanazawa
0
260
79fe3c13c618a61329298bdd6a86ec42?s=48 basthomas
0
120
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
170
Acdecb7b4baebb0d4c521626d21adc6a?s=48 motikoma
0
460
23e7f90fa36af44f13000c1229240984?s=48 uri
2
200

Featured

See All Featured
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
750
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
236
18k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
396
61k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
55
4.8k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
10k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.6k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.6k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
45
2.5k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
38
1.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. ͋Γ͕ͱ͏͍͟͝·ͨ͠