Kotlin/JSͰReactΞϓϦΛ࡞ͬͯΈͨ גࣜձࣾICS ৿ా উॣ ྩ࿨ݩ೥8݄27೔

ࣗݾ঺հ ৿ా উॣ (΋Γͨ ·͞ͱ͠) @texdeath લ৬: Ϡϑʔגࣜձࣾ → ݱ৬: גࣜձࣾICS ϑϩϯτΤϯυΤϯδχΞ ීஈ͸React / Vue / Node.js ͋ͨΓΛॻ͍͍ͯ·͢

What is Kotlin/JS?

KotlinͷίʔυΛJSʹίϯύΠϧ͢Δ KotlinΛJavaScriptͷจ๏Ͱॻ͚Δ ⭕ ❌

Kotlin/JSͱ͸ɾɾɾ • KotlinͷϞμϯͳจ๏ΛϑϩϯτΤϯυଆͰ࢖͑Δʂ • ϑϩϯτΤϯυΛKotlinʹدͤΔ͜ͱͰɺ҆શͰ؆ܿʹॻ͚Δ ϝϦοτΛڗडͰ͖Δ • ܕਪ࿦ɾNull҆શɾwhenɾdata classͳͲ • Kotlinࣗମ͕ϚϧνϓϥοτϑΥʔϜݴޠͰ૬ޓӡ༻ੑ͕͋Δ • ReactͷKotlinϥούʔ͕ఏڙ͞Ε͍ͯΔͷͰɺٕज़બఆ΋ָ

Kotlin/JSͱ͸ɾɾɾ • KotlinͷϞμϯͳจ๏ΛϑϩϯτΤϯυଆͰ࢖͑Δʂ • ϑϩϯτΤϯυΛKotlinʹدͤΔ͜ͱͰɺ҆શͰ؆ܿʹॻ͚Δ ϝϦοτΛڗडͰ͖Δ • ܕਪ࿦ɾNull҆શɾwhenɾdata classͳͲ • Kotlinࣗମ͕ϚϧνϓϥοτϑΥʔϜݴޠͰ૬ޓӡ༻ੑ͕͋Δ • ReactͷKotlinϥούʔ͕ఏڙ͞Ε͍ͯΔͷͰɺٕज़બఆ΋ָ

Kotlin/JSͱ͸ɾɾɾ • KotlinͷϞμϯͳจ๏ΛϑϩϯτΤϯυଆͰ࢖͑Δʂ • ϑϩϯτΤϯυΛKotlinʹدͤΔ͜ͱͰɺ҆શͰ؆ܿʹॻ͚Δ ϝϦοτΛڗडͰ͖Δ • ܕਪ࿦ɾNull҆શɾwhenɾdata classͳͲ • Kotlinࣗମ͕ϚϧνϓϥοτϑΥʔϜݴޠͰ૬ޓӡ༻ੑ͕͋Δ • ReactͷKotlinϥούʔ͕ఏڙ͞Ε͍ͯΔͷͰɺٕज़બఆ΋ָ

Sandbox https://try.kotlinlang.org/

ఆٛ͞ΕͨKotlinΦϒδΣΫτͷ֬ೝ mainؔ਺ͷΤΫεϙʔτͱݺͼग़͠ ಗ໊ؔ਺શମ͕࣮ߦ͞ΕΔ

• create-react-kotlin-app͕Ұ൪ָ • JetBrains͕ϞδϡʔϧͷϥούʔΛग़ͯ͘͠Ε͍ͯΔ • react-routerɺreduxɺwebpackɺstyled-componentͳͲ • KotlinͰॻ͘ϝϦοτΛ่ͣ͞ʹΞϓϦέʔγϣϯͷઃܭ͕Մೳ • ิ׬΋όονϦ • JSͷϞδϡʔϧ΋ΠϯϙʔτͰ͖ΔͷͰɺखܰʹ৮ΕΔ Kotlin/JSͰReactΛѻ͏

JetBrains͕ఏڙ͍ͯ͠ΔɺKotlinͰϥοϓͨ͠create-react-app create-react-kotlin-app

create-react-kotlin-appΛ࢖ͬͯΈΔ

σϞ GitHub URL https://github.com/texdeath/kotlin-todos

͜Μͳײ͡Ͱॻ͘ State, RBuilderʹ֦ுؔ਺Λఆٛ είʔϓ಺ʹDOMΛهड़ͯ͠Ώ͘ɻ IntelliJͩͱͲͷείʔϓΛ ࢀরͯ͠Δ͔ग़ͯ͘͠ΕΔ

IntelliJ IDEAͷαϙʔτ΋ڧྗ

IntelliJ IDEAͷαϙʔτ΋ڧྗ ֦ுؔ਺಺෦ͷthis͕ Ͳ͜Λࢦ͍ͯ͠Δ͔ Ұ໨ͰΘ͔Δ

JSͷϞδϡʔϧͷΠϯϙʔτ

·ͱΊ • Kotlin/JavaΛॻ͍ͨ͜ͱ͕ͳͯ͘΋΍ΕΔײ • IntelliJ IDEAͰͷิ׬͸ຊ౰ʹڧྗ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Copyright 2019 ICS INC. All rights reserved. ৿ా উॣ @texdeath ICS MEDIA΍TwitterͰ΋΢ΣϒςΫϊϩδʔͷ৘ใΛൃ৴த ics.media