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

LIFF SDK: Actions for DX Improvements

LIFF SDK: Actions for DX Improvements

LINE DevDay 2020

November 26, 2020
Tweet

More Decks by LINE DevDay 2020

Other Decks in Technology

Transcript

  1. DX Improvements Changes related to developer experience › Also fixed

    some minor issues: › Incorrect API description in document › Error handling › Undefined behaviors › NPM Package and TypeScript Type Definition
  2. Modern Front-end Development Use frameworks like • React • Vue

    • Angular Build with • Webpack • Rollup ! Install packages with > yarn add @line/liff > npm install @line/liff
  3. Modern Front-end Development Use frameworks like • React • Vue

    • Angular Build with • Webpack • Rollup ! Install packages with > yarn add @line/liff > npm install @line/liff But LIFF only provided:
  4. LIFF Development in 2019 No Hints, No TypeError. Need to

    check document carefully " Which one is right?
  5. Friendly Hints In VSCode and all Editors connected with TypeScript

    LSP › Hints for function names › Hints for paramaters
  6. Static Type Checking See type errors just in time! *

    You can also enjoy this in JavaScript files!
  7. Problems we faced › Other minor issues › Like versioning

    policy, documentation… › LIFF had high dependance with native clients. › LIFF was not typed perfectly. https://developers.line.biz/en/docs/liff/versioning-policy/
  8. Problems we faced › Other minor issues › Like versioning

    policy, documentation… › LIFF had high dependance with native clients. › LIFF was not typed perfectly. https://developers.line.biz/en/docs/liff/versioning-policy/ $
  9. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly.
  10. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly.
  11. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly. $
  12. LIFF Native Client › Affected by iOS, Android and LINE

    App › LIFF is dependent on native client
  13. The Old Way LIFF sdk.js LINE 10.9 LIFF sdk.js LINE

    10.10 LINE App updated Just update this file #SPLFO
  14. The Old Way LIFF sdk.js LINE 10.9 LINE App updated

    Just update this file LIFF sdk.js (new) LINE 10.10
  15. LIFF Installed with NPM > npm install @line/[email protected] LIFF 2.2.3

    LINE 10.9 LIFF 2.2.3 LINE 10.10 LINE App updated
  16. LIFF Installed with NPM > npm install @line/[email protected] LIFF 2.2.3

    LINE 10.9 LIFF 2.2.3 LINE 10.10 LINE App updated #SPLFO All LIFE app using LIFF < 2.2.4 are broken &
  17. Separate Code related to Native Client Before: All features were

    included in one file Web Features Messaging Login LIFF iOS supporting Android supporting
  18. Separate Code related to Native Client After separated Web Features

    LIFF Core LIFF Android LIFF iOS Provided on NPM Dynamically loaded, always latest.
  19. LIFF Installed with NPM > npm install @line/[email protected] LIFF 2.2.3

    LIFF-iOS 2.2.3 LINE 10.9 LIFF 2.2.3 LIFF-iOS 2.2.4 LINE 10.10 LINE App updated Dynamically Loaded
  20. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly.
  21. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly.
  22. Problems we faced › LIFF had high dependance with native

    clients. › LIFF was not typed perfectly. LIFF’s NPM package released ʋ(ŋ㱼ŋ)ů
  23. Future Works › Web Oriented: Make developing and testing easier.

    › More in next section! › Improve workflows to make document better.