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

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜

モデリング起点で考えるフロントエンド開発プロセスの話です。

tai-hey(kazushi.oohira)

October 30, 2019
Tweet

More Decks by tai-hey(kazushi.oohira)

Other Decks in Technology

Transcript

  1. 3 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ࣗݾ঺հ େฏ

    ࿨࢙(31) (ΦΦώϥ Χζγ) Kazushi Ohira Github : @tai-hey Twitter : @Victoria_Peak_ ϒϩάɿhttps://www.taihey-blog.com/ • גࣜձࣾϓϨΠυॴଐ • Softwear Engineer • 2011/4ʙ NRI • 2018/7ʙ ϓϨΠυ
  2. 4 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ࣗݾ঺հ େฏ

    ࿨࢙ גࣜձࣾϓϨΠυ ΤϯδχΞ1೥ ໺ٿ Vue.js ॳొஃ ΞΧϖϥ(ϏʔτϘοΫε) 31 ϩʔυόΠΫ ૣى͖
  3. ɹɹʛɹɹ© 2019 PLAID Inc. 5 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ גࣜձࣾϓϨΠυ

    ౦ژ౎தԝ۠ۜ࠲6-10-1 GINZA SIX 10F ઃཱɿ2011೥10݄ ैۀһɿ130໊ ࢿຊۚɿ1ԯԁ ※ࢿຊ४උؚۚΉ
  4. 9 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ ֬ೝ͢Δ

    جຊαʔϏε΍͝ར༻ํ๏Λ͝঺հ͠·͢ɻ ͓ಘͳಛయ΍໾ཱͭ৘ใ͕ຬࡌͰ͢ɻ ॳΊͯͷํ΁ ְתּׅ然钠ׅ׷ 6*رؠ؎ش٦׌ֽוזַזַ♳麦׃זְծ➙ ״׶إٔؗ،حف׃׋ְהְֲ倯䗳铣דׅկ UIرؠ؎ش٦ָ濼׏גֶֻץֹ 7אךرؠ؎ٕٝ٦ٕ DESIGN RULES » CHECK ׆׏ה⢪ִ׷،؎ذي׌ֽ׾䲧ִת׃׋կ ֿך堣⠓׾ֶ鋅鷕׃זֻկ 窫㼎ծ 妜׃ְ ౙͷओ໾ɺ Ξ΢λʔ COLLECTION OUTER 嗚稊勴⟝׾㼰׃㢌刿ׅ׷׌ֽדծ֮ז׋ך椚 䟝ך暟⟝ח⳿⠓ִ׷〳腉䚍ָ넝ֻז׶תׅկ 勴⟝׾㢌ִג嗚稊׃ג׫גֻ׌ְׁկ ׀䋞劄ך暟⟝כ 鋅אַ׶תׇ׿ד׃׋ַ ꟗׄ׷ ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧΛఏڙ WebαΠτͷ๚໰ऀͷߦಈΛ
 ސ٬͝ͱʹϦΞϧλΠϜʹղੳ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
  5. 10 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. Stats of

    KARTE Real-time, Large-Scale, Global sec to real-time actions 0.x events per day 3 billion stored in BigQuery 2+ PB datasets for clients 2000+ events (rows) / sec 65,000 streaming insert per month 1 PB analysis per month 60+ PB slots with flat Rate US & JP 6000
  6. ɹɹʛɹɹ© 2019 PLAID Inc. 12 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ݟग़͠ςΩετ Google

    Cloud Next '19
 in San FranciscoͰɺ
 CTOͷ຀໺͕ొஃ PLAID’s journey to Global large scale real-time analytics with Google BigQuery KARTEʹ͍ͭͯ
  7. 14 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ຊ୊ ʲຊ୊ʳ

    Vue.jsઃܭ஍ਤ ʙઃܭ֓೦ͷґଘؔ܎͔Β ϑϩϯτΤϯυઃܭΛݟͭΊ௚͢ʙ
  8. ɹɹʛɹɹ© 2019 PLAID Inc. 17 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ Ϩδϡϝ ࠓճ͸ઌ೔͔͍ͨϒϩάΛ

    Ϩδϡϝͱ͠·͢ɻ ʮVue.js ઃܭ஍ਤʯͰݕࡧΛ͓ئ͍͠·͢ɻ Ϩδϡϝ ϒϩάղઆ ↑͜ͷը૾ͷϒϩά
  9. ຊ೔ͷςʔϚ 40 ɹɹʛɹɹ© 2019 PLAID Inc. yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ ࿩͢͜ͱ

    ϒϩάͷղઆ ࠷ۙͷؾ͖ͮ ࣭ٙԠ౴ ࡁ ࡁ ! Vue.js ઃܭ஍ਤ