Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Privileged Apps with Vue.js

Avatar for masawada masawada
November 15, 2014
Programming
0
180

Privileged Apps with Vue.js

Avatar for masawada

masawada

November 15, 2014
Tweet

More Decks by masawada

See All by masawada
10年続くサービスのデータを1日未満のメンテナンスウィンドウで安全に移管する
Avatar for masawada masawada
5
2.3k
よりよいレビュー環境を求めて / A code review odyssey
Avatar for masawada masawada
0
2.9k
フロントエンドの秩序は保たれているか？
Avatar for masawada masawada
1
4.2k
Getting Started with ScratchX
Avatar for masawada masawada
0
710
GyaPC::Asia Tokyo 2015 LT
Avatar for masawada masawada
0
1.5k
Chikubeam
Avatar for masawada masawada
1
1.5k
Git講習 2014.04.15
Avatar for masawada masawada
1
330
Hack U at UEC 2014.03.27
Avatar for masawada masawada
0
1.5k
Firefox OS勉強会 4th Untitled
Avatar for masawada masawada
0
1.4k

Other Decks in Programming

See All in Programming
Bytecode Manipulation 으로 생산성 높이기
Avatar for Daekyu bigstark
2
380
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
130
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
580
ReadMoreTextView
Avatar for Sungyong An fornewid
1
480
Hypervel - A Coroutine Framework for Laravel Artisans
Avatar for Albert Chen albertcht
1
100
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
690
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
260
A2A プロトコルを試してみる
Avatar for azukiazusa azukiazusa1
2
1.2k
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
8
1.5k
WindowInsetsだってテストしたい
Avatar for RyuNen344 ryunen344
1
200
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
Avatar for shiro seike seike460
PRO
1
330

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
57
9.4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
82
9.1k
Done Done
Avatar for chrislema chrislema
184
16k

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