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

多言語対応と絵文字ジェネレーター / i18n of Emoji Generator

Pine Mizune
December 14, 2019

多言語対応と絵文字ジェネレーター / i18n of Emoji Generator

第59回【フリースタイル】PORTもくもく会で発表した資料です
https://freestyle-mokumoku.connpass.com/event/157082/

---

I presented the presentation in the engineer event named Free Style Mokumoku in PORT INC, Tokyo Japan.
https://freestyle-mokumoku.connpass.com/event/157082/

Pine Mizune

December 14, 2019
Tweet

More Decks by Pine Mizune

Other Decks in Programming

Transcript

  1. UI 1035.FFUVQ %FD
    1JOF.J[VOF
    ଟݴޠରԠͱֆจࣈδΣωϨʔλʔ
    *OUFSOBUJPOBMJ[BUJPOPG&NPKJ(FOFSBUPS

    View full-size slide



  2. "CPVUNF
    *OUFSOBUJPOBMJ[JOHPG7VFBQQ
    *OUFSOBUJPOBMJ[JOHPGTFSWFSTJEF

    View full-size slide

  3. "CPVU NF
    QJOF
    QJOF
    8PSLBU4IJOKVLV
    IUUQTFNPKJHFOOJOKB
    &NPKJ(FOFSBUPSBVUIPS
    XSJUUFOCZ1ZUIPO $ BOE+BWB4DSJQU

    View full-size slide

  4. B
    *OUFSOBUJPOBMJ[JOH
    PG7VFBQQ

    View full-size slide

  5. § (FOFSBUPSPGUFYUCBTFEFNPKJ FNPUJDPOT
    GPS4MBDL
    § 'SPOUFOECVJMUBT41"VTFECZ7VFKT
    § 4FSWFSTJEF1ZUIPO BOE"*0)551PO"84
    § 4VQQPSUFEDSPTTMBOHVBHFT
    § "CPVU VOJRVFVTFSTQFSNPOUIPWFSUIFXPSME
    8IBU JT&NPKJ
    (FOFSBUPS
    63-IUUQTFNPKJHFOOJOKB

    View full-size slide

  6. WVFİO

    § *OUFSOBUJPOBMJ[BUJPOQMVHJOGPS7VFKT
    § %FWFMPQFECZ!LB[VQPO PG7VFKT PSHBOJ[BUJPO
    § IUUQTHJUIVCDPNLB[VQPOWVFJO
    § 4VSQSJTJOHMZTJNQMF
    § 6TJOHPOMZU b`
    PSWUlz JOUFNQMBUFT

    {{ $t(‘google’) }}

    View full-size slide

  7. WVFİO

    § "EE:".-GJMFTDPOUBJOFEUSBOTMBUFEUFYUT
    § "OEJNQPSUGJMFTUP+4XJUIXFCQBDL
    import ja from ‘@/locales/ja’
    import en from ‘@/locales/en’
    const i18n = new VueI18n({
    locale: ‘ja’, // default locale
    messages: { ja, en },
    })
    new Vue({ ..., i18n })

    View full-size slide

  8. İOJNBHFT

    § WVFJOJTDPOWFOJFOUCVU
    § JOPGJNBHFTJTOPUTVQQPSUFE
    4VQQPSUFECZWVFJ
    /PUTVQQPSUFE

    View full-size slide

  9. İOJNBHFT

    § 6TJOHMBOHlz BUUSJCVUFBOE$44MBOH TFMFDUPS
    § $IBOHJOHBSPPUFMFNFOUMBOH BUUSJCVUFXIFOMPDBMFDIBOHFE
    &:lang(ko) {
    &::before {
    background-image: url($site-url +
    '/assets/img/[email protected]’);
    }
    }
    SFGIUUQTHJUIVCDPNFNPKJHFOXFCNBJOCMPCDCDBGSPOUFOETSDDPNQPOFOUTNPMFDVMFT)FBEFS5JUMFWVF--

    View full-size slide

  10. B
    *OUFSOBUJPOBMJ[JOH
    PGTFSWFSTJEF

    View full-size slide

  11. § 4PNFDSBXMFSTDBO`UJOUFSQSFUNFUBEBUB
    § NFUBEBUB EFTDSJQUJPO DBOPOJDBM FUD
    GPSTFBSDIFOHJOF
    § 0(1 PHEFTDSJQUJPO PHJNBHF FUD
    GPS4/4
    § "QQSPYJNBUFQFSDFOUVTFSTDPNFGSPNTFBSDIFOHJOF
    § 4&0JTJNQPSUBOUGPSUIFXFCTJUF
    8IZ NVTU JOCF
    TVQQPSUFE POTFSWFSTJEF
    %FTQJUFCFJOHCVJMUBT41"

    View full-size slide

  12. 6TJOHMPDBMJ[FE QBUI
    § "EEMPDBMFQSFGJYUPQBUI
    § FHIUUQTFNPKJHFOOJOKBFO
    § 0VUQVUUFYUTBDDPSEJOHUPMBOHVBHF
    § "EESFMlBMUFSOBUFzISFGMBOHlz UBHJOUPIFBE
    § 5IFUBHJTSFRVJSFEUPEFUFDUPUIFSMBOHVBHFQBHFT
    § (PPHMFBMTPSFDPNNFOETUIJTXBZ
    § SFGhttps://support.google.com/webmasters/answer/189077?hl=ja

    View full-size slide

  13. $PODMVTJPO
    B
    § WVFO JTWFSZDPOWFOJFOU
    § CVUWVFJOEPFTO`USFTPMWFBMMJSFMBUFEJTTVFT
    § 0(1JOTIPVMECFTVQQPSUFEPOTFSWFSTJEF
    5IBOLZPV

    View full-size slide