カテゴリ: notes

「【シューマイ】Tech Lead Engineerから最新技術を学べ!Vue.js編]」に行ってきました

[【シューマイ】Tech Lead Engineerから最新技術を学べ!Vue.js編]](https://shuuu-mai.connpass.com/event/134981/)に行ってきました

1. LTテーマ:Vue.jsのslotを活用した汎用的コンポーネント設計について

スライド

  • コンポーネントにべた書きするんでなくて、atomに切り出してslotで組み込んでいこうという話
    (Laravelで例えると祖先からデータをインクルードファイルにリレーして渡してUIコンポーネントの設計破綻を防ごうという具合です) ​

2. LTテーマ: Vue/Vuexを限りなくReact/Redux風に書く話

スライド

  • 正確にはFSA(Flux Standard Action)の発想を取り入れようという話
  • FSAが何かというとActionのフォーマットをきちんと定義しようというやつ ​
const hoge = hoge => {
  done: `$hoge`_success {},
  error: `$hoge`_success {},
  default: `$hoge`_success {},
}

​ みたいなのを定義してStringを渡してその中で決まったことをやろうみたいな話でした
※雑に書いてみたコードです ​ ​

3. LTテーマ:Vue.js × Atomic Design - コンポーネント分割の指針

スライド

  • 完全にアトミックデザインの世界に落とし込んでSPAをやるという話でした
  • clickとかのデータ受け渡しは必ずPagesからやります
  • atomも誰がやっても同じになるくらいの最小の粒度にします
  • そしてファイルも膨大になりますが、最小のパーツができてるので、1パーツごとが抱える状態は限りなく1という具合なのでどんなものにも耐えられるという設計の話でした(modifireみたいなのは除く)

About

はらぺこ

職業:フロントエンドエンジニア
趣味:自転車/テニス/空手
愛車:
 ✓ブリヂストン オルディナs5
 ✓アンカー RS8 EL

神戸にて爆誕。
友人から「お前がマスターして教えてくれ」と渡された『HTML&スタイルシート ポケットリファレンス』がキッカケでWeb業界への一歩を踏み出す事になる。

2013年7月にクロスバイクを購入して自転車にドハマリする。
全力で遊ぶ合間に、ほどほどに頑張る日々を過ごしています。

飼い主 はっぴー

2014年10月20日(誕生日)の引っ越し日、捨て猫になっていた所、運命の出会いを果たす。 
(その日は雨で、3日間雨が続く寒い日だった。このまま放っておけないと自転車生活と秤にかけて、はっぴーを選択する)
5時間かけて油断させ、近づいてきた所をガッと拾い上げ、そのまま家へ猛ダッシュ、玄関の鍵を閉めて家族になる。以後オレたちはファミリーだ。

助けたつもりが、実際は自分の方が精神的に救われている。はっぴーなしでは生きていけない。(最早「飼い主」と言って差し支えないだろう)

「はっぴー」という名前の由来は、『幸せになってほしい』という想いで名付けた。