Privileged Apps with Vue.js

Privileged Apps with Vue.js Firefox OS ίʔυϦʔσΟϯάϛʔτΞοϓ #11 (2014/11/15) @masawada

͜Μ͹Μ͸

@masawada

FxOSϋοΧιϯͱ͔ओ࠵

http://masawada.me

εϥΠυ50ຕͳͷͰ ඈ͹͠·͢

Privileged Apps with Vue.js

Vue.js

MVVMϑϨʔϜϫʔΫ

MVCͷѥछΈ͍ͨͳͷ

ৄࡉ͸ׂѪ

(͜Θ͍͓͡͞Μ͜Θ͍)

Model View ViewModel

Model var model = { hello: “” };

View <body> <div id=“app”> <p v-text=“hello”></p> <input type=“text” v-model=“hello”> </div>
</body>

ViewModel var app = new Vue({ el: "#app", data: model
});

ViewͱModelΛ ViewModel͕όΠϯυ

Privileged Apps (ಛݖΞϓϦ)

Privileged Apps ɾHosted AppsͰ͸࢖͑ͳ͍API͕࢖͑Δ ɾmanifest.webappʹࢦఆΛॻ͘ ɾ੍͍͔ͭ͘ݶ͕͋Δ ɾΞϓϦΛެ։͢Δͱ͖ʹ৹͕ࠪ͋Δ

੍͍͔ͭ͘ݶ͕͋Δ

Content Security Policy

Content Security Policy ɾؔ਺ίϯετϥΫλͷېࢭ ɾeval ͷېࢭ ͳͲͳͲ… https://developer.mozilla.org/ja/Apps/CSP ΛݟͯͶ

Vue.js

ؔ਺ίϯετϥΫλଟ༻ͯͨ͠

΍ͬͨͥ

Ͳ͏΍࣮ͬͯݱ͍ͯ͠Δ͔

mmckegg/notevil

mmckegg/notevil ɾNode.jsͷϞδϡʔϧ ɾVue.jsͰ͸͜ΕΛforkͯ͠ґଘϥΠϒϥϦΛ݁߹ ɾariya/esprimaͰparseͯ͠Δ ɾάϩʔόϧΦϒδΣΫτʹΞΫηε͠ͳ͍

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

.oO(not evil …?)

ศརͳͷͰ࢖͍·͠ΐ͏

ݱ஍͔Β͸Ҏ্Ͱ͢

༨ஊ

ίʔυϦʔσΟϯάͷ ͓ͱ΋ʹ

git ﬁnd ίϚϯυ

git find ɾgit subcommand ɾPATHͷ௨Δॴʹgit-findϑΝΠϧΛஔ͘ → git findͰ࣮ߦͰ͖Δ ɾpeco͕ඞཁ

pecoͷΠϯετʔϧ (mac) $ brew tap peco/peco $ brew install peco

git ﬁnd 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

[git ﬁnd peco][ݕࡧ]

ͥͻ͓࢖͍͍ͩ͘͞

͋Γ͕ͱ͏͍͟͝·ͨ͠

Privileged Apps with Vue.js

Privileged Apps with Vue.js

More Decks by masawada

Other Decks in Programming

Featured

Transcript