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

俺とCapacitor

 俺とCapacitor

ありがとう cordova よろしくね Capacitor

ふぁらお加藤

January 18, 2020
Tweet

More Decks by ふぁらお加藤

Other Decks in Technology

Transcript

  1. Զͱ$BQBDJUPS
    ,BOB[BXBSC
    ୅ද;͊Β͓Ճ౻

    View full-size slide

  2. 1SPpMF
    /BNF
    ;͊Β͓Ճ౻
    !1IBSBPI,+
    )PCCZ
    αϒΧϧݪ෇໺॓##2
    +PC8PSLT
    *$5'SFFMBODFS
    1IBMBO9XBSF
    5TVOEPLBOBJ3BEJP
    $PNNVOJUZ
    ,BOB[BXBSC
    +"846(ۚ୔
    $G,$JWJD)BDL/JHIU

    View full-size slide

  3. ֓ཁ
    • *POJD'SBNFXPSLͬͯ஌ͬͯΔʁ
    • ͋Γ͕ͱ͏"QBDIF$PSEPWB
    • ΑΖ͓͘͠Ͷ͕͍͠·͢$BQBDJUPS

    View full-size slide

  4. "QBDIF$PSEPWB͸ྺ࢙తܦҢ͔Βݴͬͯ
    ֦ு͸+BWBͱ͔0CKFDUJWF$
    $BQBDJUPS͸৽͍͠ͷͰ
    ֦ு͸,PUMJOͱ͔4XJGU

    View full-size slide

  5. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View full-size slide

  6. https://ionicframework.com

    View full-size slide

  7. https://ionicframework.com/jp/docs/intro

    View full-size slide

  8. 1IPOF(BQͱ͍͏΋ͷ͕͋Γ·͢
    ໊લͷ௨ΓJ04"OESPJE྆։ൃͰ͖Δ

    View full-size slide

  9. "EPCF͞Μ͕։ൃձࣾΛങऩ
    ͦͷޙ"QBDIFʹιʔείʔυ͕دଃ
    "QBDIF$PSEPWBര஀
    "EPCF͞Μͷ1IPOF(BQ͸·ͩ͋Δ

    View full-size slide

  10. ͞Βʹ͜ͷ"QBDIF$PSEPWBͷ্ʹ
    ΞϓϦ։ൃϑϨʔϜϫʔΫΛ৐͚ͬͨ΋ͷ
    ͦΕ͕*POJD'SBNFXPSL

    View full-size slide

  11. ·͊ͭ·Γ
    +BWB4DSJQUͰ
    /BUJWFΞϓϦ࡞ΕΔ
    HTML / CSS + JavaScript
    Ionic Framework
    Apache Cordova
    Native

    View full-size slide

  12. ੲ͸"OHVMBS୒Ұ
    ͕ͩͬͨͩͬͨɺ
    ࠓ͸ΈΜͳେ޷͖
    3FBDU΋ରԠ
    7VFͱ͔΋ରԠ͠Α
    ͏ͱͯ͠Δ
    HTML / CSS + Angular
    Ionic Framework
    Apache Cordova
    Cordova Plugin
    Java Objective C
    Android SDK / API iOS SDK / API

    View full-size slide

  13. ϝϯς͕ΩπΠ
    ֤ϨΠϠͷมߋʹ
    ௥ै͢Δͷ͕
    ϚδͰΩπΠ
    ·͊΋͏ੲͷ΋ͷײ
    Ͳ͏ͯ͠΋͋Δ
    ͙͢Ϗϧυ௨Βͳ͘ͳΔ
    HTML / CSS + Angular
    Ionic Framework
    Apache Cordova
    Cordova Plugin
    Java Objective C
    Android SDK / API iOS SDK / API

    View full-size slide

  14. ͦ͏͍͏Θ͚Ͱ
    $BQBDJUPS https://capacitor.ionicframework.com/

    View full-size slide

  15. ฒ΂ͯΈΔ
    HTML / CSS + Angular
    Ionic Framework
    Apache Cordova
    Cordova Plugin
    Java Objective C
    Android SDK / API iOS SDK / API
    HTML / CSS + 各種View Framework
    Ionic Framework
    Capacitor
    Kotlin / Java Swift
    Android SDK / API iOS SDK / API
    Electron
    Electron 対応
    SDK / API

    View full-size slide

  16. ·ͱΊ
    • ͋Γ͕ͱ͏"QBDIF$PSEPWB
    • ΑΖ͓͘͠Ͷ͕͍͠·͢$BQBDJUPS

    View full-size slide

  17. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View full-size slide