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

Vue + Nuxt + Serverless の開発で得た知見 (主につらみ) / JSer.info 400th Memorial Event

Yuki Terashima
September 22, 2018

Vue + Nuxt + Serverless の開発で得た知見 (主につらみ) / JSer.info 400th Memorial Event

スライド内のURL

・About ALIS:https://alismedia.jp/ja/
・【ALISのシステム】サーバサイドアーキテクチャ:その1 〜ALIS サーバサイド構成〜:https://alis.to/AB2/articles/KBXeJ1VgwzNB
・Atomic Designの考え方と利点・欠点
:https://blog.kubosho.com/entry/using-atomic-design/
・ALISのGitHub:https://github.com/AlisProject

Yuki Terashima

September 22, 2018
Tweet

More Decks by Yuki Terashima

Other Decks in Programming

Transcript

  1. About me • Yuki Terashima • Twitter/@y_temp4 • ALIS Co.,

    Ltd. • 4月から東京に来た新卒
  2. 主なトピック • Vue / Nuxt / Serverless(AWS Lambda) • Atomic

    Design • CSS Grid Layout • Vuex • Cognito
  3. ALISのフロントエンドのトピック • Atomic Design • CSS Grid Layout • Vuex

    • Cognito • これらの功罪について見ていきます
  4. 現実 • スピードが求められる現場では
 「なんちゃってAtomic Design」になる • 大きすぎるAtom • 切り分けられていないコンポーネント •

    正直、最初はディレクトリ構成だけ切ってあとで
 キレイにする、で良い気がしている(時間がない場合)
  5. Atomic Design / CSS Grid Layoutについて • Atomic Designはともかく、CSS Grid

    Layoutは採用している ところをあまり聞かない • ふつうに便利なので、試してみてもいいと思う • 対応ブラウザにもよるが… • 両者の相性は良いと感じた