多言語対応と絵文字ジェネレーター / 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/

Transcript

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

   View Slide

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

   View Slide

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

   View Slide

4. B
   *OUFSOBUJPOBMJ[JOH
   PG7VFBQQ
   

   View Slide

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

   View Slide

6. WVFİO
   
   § *OUFSOBUJPOBMJ[BUJPOQMVHJOGPS7VFKT
   § %FWFMPQFECZ!LB[VQPO PG7VFKT PSHBOJ[BUJPO
   § IUUQTHJUIVCDPNLB[VQPOWVFJO
   § 4VSQSJTJOHMZTJNQMF
   § 6TJOHPOMZU b`
   PSWUlz JOUFNQMBUFT
   
   {{ $t(‘google’) }}
   
   

   View 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 Slide

8. İOJNBHFT
   
   § WVFJOJTDPOWFOJFOUCVU
   § JOPGJNBHFTJTOPUTVQQPSUFE
   4VQQPSUFECZWVFJ
   /PUTVQQPSUFE
   

   View Slide

9. İOJNBHFT
   
   § 6TJOHMBOHlz BUUSJCVUFBOE$44MBOH TFMFDUPS
   § $IBOHJOHBSPPUFMFNFOUMBOH BUUSJCVUFXIFOMPDBMFDIBOHFE
   &:lang(ko) {
   &::before {
   background-image: url($site-url +
   '/assets/img/logo_ko-40x40@1x.png’);
   }
   }
   SFGIUUQTHJUIVCDPNFNPKJHFOXFCNBJOCMPCDCDBGSPOUFOETSDDPNQPOFOUTNPMFDVMFT)FBEFS5JUMFWVF--
   

   View Slide

10. B
    *OUFSOBUJPOBMJ[JOH
    PGTFSWFSTJEF
    

    View 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 Slide

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

    View Slide

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

    View Slide