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

How to quickly develop static pages in LINE

How to quickly develop static pages in LINE

LINE DevDay 2020

November 26, 2020
Tweet

More Decks by LINE DevDay 2020

Other Decks in Technology

Transcript

  1. Database Web App Server Client Request HTML Data Query Request

    Data Rendering Dynamic Page External Server Data </> HTML
  2. Database Web App Server Client Request HTML Data Query Request

    Data Rendering Dynamic Page External Server Data </> HTML
  3. Advantage Static Page › No need for database › Fast

    transfer speed › Fast FMP(First Meaningful Paint) › Aggressive Cache
  4. Advantage Static Page › No need for database › Fast

    transfer speed › Fast FMP(First Meaningful Paint) › Aggressive Cache
  5. Advantage Static Page › No need for database › Fast

    transfer speed › Fast FMP(First Meaningful Paint) › Aggressive Cache
  6. Advantage Static Page › No need for database › Fast

    transfer speed › Fast FMP(First Meaningful Paint) › Aggressive Cache
  7. Dev Process FRONT DEV BUILD DEPLOY Markup JavaScript SEO i18n

    DevServer Bundling Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery
  8. Dev Process FRONT DEV BUILD DEPLOY Markup JavaScript SEO i18n

    DevServer Bundling Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery
  9. Dev Process FRONT DEV BUILD DEPLOY Markup JavaScript SEO i18n

    DevServer Bundling Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery
  10. Dev Process FRONT DEV BUILD DEPLOY Markup JavaScript SEO i18n

    DevServer Bundling Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery
  11. Dev Process BUILD DEPLOY Markup JavaScript SEO i18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  12. Dev Process BUILD DEPLOY Markup JavaScript SEO i18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  13. › Simple Deploy › Providing a Development Environment › Support

    transpile, unify, minify and i18n Feature Command Line Interface
  14. Dev Process BUILD DEPLOY Markup JavaScript SEO i18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  15. Dev Process BUILD DEPLOY Markup JavaScript SEO I18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  16. Dev Process BUILD DEPLOY Markup JavaScript SEO I18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  17. Headless CMS Cluster CMS Container CMS Container CMS Container CMS

    Container CMS Container CMS Container CMS Container CMS Container CMS Container Docker
  18. Github Headless CMS CDN Land Press User Write contents Webhook

    trigger Request source code Response source code Request contents data Response contents data Deploy Bundle Bundling
  19. Github Headless CMS CDN Land Press User Write contents Webhook

    trigger Request source code Response source code Request contents data Response contents data Deploy Bundle Bundling
  20. Github Headless CMS CDN Land Press User Write contents Webhook

    trigger Request source code Response source code Request contents data Response contents data Deploy Bundle Bundling
  21. Github Headless CMS CDN Land Press User Write contents Webhook

    trigger Request source code Response source code Request contents data Response contents data Deploy Bundle Bundling
  22. Github Headless CMS CDN Land Press User Write contents Webhook

    trigger Request source code Response source code Request contents data Response contents data Deploy Bundle Bundling
  23. Person-Day Conventional With Land Press 0 1 2 3 4

    5 Front Dev Project Setting Build Task Deploy Task Server Setting
  24. Dev Process BUILD DEPLOY Markup JavaScript SEO i18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV
  25. Dev Process BUILD DEPLOY Markup JavaScript SEO i18n DevServer Bundling

    Uglify Minify Env Injection Continuous Integration TLS Domain Setting Caching Strategy Continuous Delivery FRONT DEV