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
よりよいレビュー環境を求めて / A code review odyssey
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
2.6k
フロントエンドの秩序は保たれているか？
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
3.7k
Getting Started with ScratchX
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
500
GyaPC::Asia Tokyo 2015 LT
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1.2k
Chikubeam
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
1
1.2k
Git講習 2014.04.15
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
1
290
Hack U at UEC 2014.03.27
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1.3k
Firefox OS勉強会 4th Untitled
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
1k
C Lecture 2013.09.19
E35ded9f4d9da564ecf85ad527f11639?s=48 masawada
0
120

Other Decks in Programming

See All in Programming
Loom is Blooming
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
3
540
Nix for Scala folks
08f642741fba006656cb86fb61c160b3?s=48 kubukoz
0
130
dbtとBigQueryで始めるData Vault入門
F2bd408c57c20505bd4202c9e28ecd59?s=48 kazk1018
0
180
2022 FrontEnd Training
B16717ef4b7aab0b253d933c3934f280?s=48 mixi_engineers
1
280
Jakarta EE 10 is Coming Your Way
B489790e1a844284d7cd1fa2cd6e021f?s=48 ivargrimstad
0
2.6k
ebpfとWASMに思いを馳せる2022 / techfeed-conference-2022-ebpf-wasm-amsy810
De266761b955b2636e454a1bc7a99ed4?s=48 masayaaoyama
0
690
読みやすいコードを書こう
A7048be18b1c2e712e5b564b1adb1f7e?s=48 yutorin
0
410
Android Architecture Design With Koin
E02cd1d0fc5c51ac491b484a258a63a6?s=48 agiuliani
0
230
Jetpack Compose 頑張らないPreviewParameterProvider
785263a3fda3ca9334daeac85c32927f?s=48 horie23
0
110
書籍『良いコード/悪いコードで学ぶ設計入門』でエンジニアリングの当たり前を変える
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
3
1.1k
Update from the Elixir team - 2022
Faafc04d9e69b73b9f49995fd4c94d4d?s=48 whatyouhide
0
180
プログラミングを勉強したいと言われたら
6dd39716ef7dde18a609703e8e26b7ec?s=48 yuba_4
0
400

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
3
440
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
12k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.9k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
196
16k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
Fantastic passwords and where to find them - at NoRuKo
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
25
1.5k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
410k

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