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

5d715b858124e0dd59af1a92e4397acd?s=47 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

5d715b858124e0dd59af1a92e4397acd?s=128

Yuki Terashima

September 22, 2018
Tweet

Transcript

  1. 2.

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

    Ltd. • 4月から東京に来た新卒
  2. 6.

    主なトピック • Vue / Nuxt / Serverless(AWS Lambda) • Atomic

    Design • CSS Grid Layout • Vuex • Cognito
  3. 20.

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

    • Cognito • これらの功罪について見ていきます
  4. 22.
  5. 23.
  6. 24.
  7. 27.

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

    正直、最初はディレクトリ構成だけ切ってあとで
 キレイにする、で良い気がしている(時間がない場合)
  8. 29.
  9. 30.
  10. 31.
  11. 35.
  12. 36.
  13. 43.
  14. 44.
  15. 46.
  16. 49.

    Atomic Design / CSS Grid Layoutについて • Atomic Designはともかく、CSS Grid

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