BuefyのMaintainerを引き継いだ件

Vue.js v-tokyo Meetup #19
https://vuejs-meetup.connpass.com/event/309755/

Transcript

1. ,JLVP
   ೥݄೔ #VFGZͷ.BJOUBJOFSΛҾ͖ܧ͍ͩ݅ ࠓߋͳ͕Β7VF
   
   ˠ
   ΁ͷ৐Γ׵͑ۤ࿑࿩
2. ࣗݾ঺հ
   ,JLVP
   ߐຊ
   تٱஉ w ϑϦʔϥϯεͷԿͰ΋԰
   w ࠷ۙͷྲྀߦΓ
   3VTU
   5ZQF4DSJQU
   "84
   4FSWFSMFTT
   "84
   $%,
   w ϓϩάϥϛϯάҎ֎ͷझຯ
   ֆɺ૸Δ͜ͱ
   w ޷͖ͳΞΠεϗοέʔνʔϜ
   1JUUTCVSHI
   1FOHVJOT LJLVPNBY DPEFNPOHFSJP
3. #VFGZͱ͸ IUUQTCVFGZPSH w #VMNBϕʔεͷ7VFKT༻ܰྔ6*ίϯϙʔωϯτ
   w ެࣜ൛ CFVGZ! ͸7VF
   ઐ༻
   #VFGZ
   GPS
   7VF
   
   w ։ൃ൛ !OUPIRCVFGZOFYU ͸7VF
   ઐ༻
   #VFGZ
   GPS
   7VF
   
4. #VFGZ
   .BJOUBJOFSͷมભ w ݪ࡞ऀ
   !SBGBCFSBMEP
   w લͷ.BJOUBJOFS
   !KUPNNZ
   w ೥݄ʙ
   !XFTEFWQSP
   
   !LJLVPNBY
   ࢲ
   w ͦͷଞଟ͘ͷίϯτϦϏϡʔλʹࢧ͑ΒΕ͍ͯ·͢
5.  FYUFOEͷഇࢭ
    QSPQͷॳظԽͱUIJT
    7VF
   
6.  FYUFOEͷഇࢭ
    QSPQͷॳظԽͱUIJT
    7VF
   
7. 
   FYUFOEͷഇࢭ w #VFGZͷศརػೳ
   w ίϯϙʔωϯτΛ໌ࣔతʹຒΊࠐ·ͳͯ͘΋ϞʔμϧΛදࣔͰ͖Δ
   1SPHSBNNBUJDػೳ this.$buefy.dialog.alert('Everything looks fine!')
8. 
   FYUFOEͷഇࢭ #VFGZ
   GPS
   7VF
   ͷ࣮૷ w άϩʔόϧͳ7VFΠϯελϯεΛFYUFOE͠ɺಈతʹੜ੒ͨ͠%0.ʹϞʔμϧ ΛϚ΢ϯτ const ModalComponent = window.Vue.extend(Modal) const component = new ModalComponent({ el: document.createElement('div') }) ࣮ࡍͷίʔυΛ؆ུԽ 7VF
   ͰFYUFOE͸ഇࢭ
9. 
   FYUFOEͷഇࢭ #VFGZ
   GPS
   7VF
   ͷ࣮૷
   
   ެ։"1*ͷΈͰ࣮૷ w DSFBUF"QQͰ৽͍͠"QQΠϯελϯεΛ࡞੒ͯ͠ϞʔμϧΛϚ΢ϯτ const vueInstance = createApp({ render() { return h(Modal, { onClose: () => vueInstance.unmount() }) } }) vueInstance.mount(document.createElement('div')) ࣮ࡍͷίʔυΛ؆ུԽ ϝΠϯͷ"QQʹΠϯετʔϧͨ͠ϓϥάΠϯ౳͕Ϟʔμϧ಺Ͱ࢖͑ͳ͍
10. 
    FYUFOEͷഇࢭ #VFGZ
    GPS
    7VF
    ͷ࣮૷
    
    ݱঢ় w ϝΠϯ"QQͷ"QQ$POUFYU
    @DPOUFYU
    ͷத਎Λ৽͍͠"QQʹίϐʔ const { _context: srcContext } = mainApp const { _context: destContext } = destApp destContext.config = srcContext.config destContext.mixins = srcContext.mixins destContext.components = srcContext.components destContext.directives = srcContext.directives destContext.provides = srcContext.provides destContext.optionsCache = srcContext.optionsCache destContext.propsCache = srcContext.propsCache destContext.emitsCache = srcContext.emitsCache if ('__VUE_I18N_SYMBOL__' in mainApp) { destApp.__VUE_I18N_SYMBOL__ = mainApp.__VUE_I18N_SYMBOL__ } Πϯετʔϧ࣌ʹ͓֮͑ͯ͘ 👎ଞͷϓϥάΠϯͱͷ૬ੑ໰୊ ࣮ࡍͷίʔυΛ؆ུԽ 👎7VFͷ಺෦ߏ଄ʹґଘ͗͢͠
11.  FYUFOEͷഇࢭ
     QSPQͷॳظԽͱUIJT
     7VF
    
12. 
    QSPQͷॳظԽͱUIJT #VFGZ
    GPS
    7VF
    ͷ࣮૷ w λϒදࣔͳͲͰҰ෦QSPQͷॳظԽʹ7VFͷ಺෦ϑΟʔϧυUIJT@VJEΛ࢖༻
    w ஋ͷলུ࣌ʹϢχʔΫ͞Λอূ͢ΔͨΊ props: { value: { type: String, default() { return this._uid.toString() } } } ࣮ࡍͷίʔυΛ؆ུԽ 7VF
    Ͱ͸QSPQͷσϑΥϧτؔ਺ͰUIJTΛ࢖༻Ͱ͖ͳ͍ ˠ
    ୯७ʹUIJTVJEʹஔ͖׵͑ΒΕͳ͍
13. 
    QSPQͷॳظԽͱUIJT #VFGZ
    GPS
    7VF
    ͷ࣮૷
    
    ۪௚൛ w ϥϯμϜͳ஋ͰQSPQΛॳظԽͯ͠ϢχʔΫ͞Λอূ // props: { value: { // type: String, // default() { return makeUniqueId() } // }} function makeUniqueId() { const values = new Uint8Array(12) window.crypto.getRandomValues(values) return Array.prototype.map.call( values, (v) => v.toString(16) ).join(‘') } ࣮ࡍͷίʔυΛ੔ܗ 4FSWFS
    4JEF
    3FOEFSJOH
    443 ͰXJOEPXͱཚ਺͸ޚ๏౓
14. 
    QSPQͷॳظԽͱUIJT #VFGZ
    GPS
    7VF
    ͷ࣮૷
    
    ݱঢ় w QSPQΛOVMMͰॳظԽ͠ɺDPNQVUFEͰUIJTVJEʹϑΥʔϧόοΫ props: { value: { type: String, default: null } }, computed: { uniqueValue() { return this.value != null ? this.value : this.$.uid } } ࣮ࡍͷίʔυΛ؆ུԽ
15.  FYUFOEͷഇࢭ
     QSPQͷॳظԽͱUIJT
     7VF
    
16. 
    7VF
     w 7VF
    ΁ͷҠߦ࡞ۀͷେ൒͸೥݄ʙ݄ࠒ
    ˠ
    7VF
    
    w 7VF
    ͷมߋ͕Өڹ
17. 
    7VF
     มߋ఺
    WGPSதͷSFG w WGPSதͷSFG͸഑ྻͱͯ͠ΞΫηεՄೳʹ
    w 7VF
    ͱಉ͡ڍಈʹ໭ͬͨ
    ˠ
    7VF
    ༻ͷରࡦ͕ٲʹ 7VFެࣜυΩϡϝϯτ IUUQTKBWVFKTPSHHVJEFFTTFOUJBMTUFNQMBUFSFGTSFGTJOTJEFWGPS ΑΓൈਮ ˡ
    
18. 
    7VF
     ͪͬͱ΋ϚΠφʔ͡Όͳ͍ϚΠφʔνΣϯδ w 7VF
    
    ʙ
    ͷڍಈ
    WGPSͷ࠷ޙͷཁૉͷΈSFGTʹ֨ೲ ඇ഑ྻ
    w SFG໊ʹΠϯσοΫεΛ௥Ճ໊ͯ͠લͷॏෳΛճආ <li v-for="childItem in items" :key="childItem.value"> <a :ref="`tabLink${childItem.index}`">{{ childItem.label }}</a> </li> const tab = this.$refs[`tabLink${index}`] tab.focus() ࣮ࡍͷίʔυΛ؆ུԽ ࣮ࡍͷίʔυΛ؆ུԽ
19. 
    7VF
     ϋΠϒϦου w SFG໊ʹΠϯσοΫεΛ௥Ճ໊ͯ͠લͷॏෳΛճආ
    w SFGT͕഑ྻ͔൱͔Ͱόʔδϣϯ൑ఆ const tab = this.$refs[`tabLink${index}`] if (Array.isArray(tab)) { tab = tab[0] } tab.focus() ࣮ࡍͷίʔυΛ؆ུԽ WҎ߱
    ˠ
    ཁૉͷ഑ྻ
20. ެࣜϦϦʔεʹ޲͚ͯ w 5ZQF4DSJQU΁ͷҠߦ
    w ෆ۩߹मਖ਼
    w ࡉ͔͍#VFGZ
    GPS
    7VF
    ͱͷඇޓ׵ੑͷൃݟͱରԠ
    w "1*υΩϡϝϯτͷߋ৽
    w /VYU
    ༻ͷϞδϡʔϧ։ൃ ͝ࢼ༻ɾίϯτϦϏϡʔγϣϯ͓଴͍ͪͯ͠·͢
    IUUQTHJUIVCDPNOUPIRCVFGZOFYU