このエントリーをはてなブックマークに追加

6月

13

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】

vuexやAPIとの通信、状態管理のやりかたについて

タグ: 勉強会
ハッシュタグ :#spzcolab
募集内容

一般参加枠

無料

先着順
24/21

イベントの説明

※実装したことがある方向け

イベント概要

vueでAPIエンドポイントが3桁くらいあったり、ページが50くらいあったりする、比較的大きなアプリケーションを組もうとして、コードがこんがらがってしまうことがあると思います。

そんなときに、vueだとreactに比べて、「こんなふうに状態を管理するとやりやすい」といった具体的なノウハウがあんまりネットに無いように思います。

そんな中で、手探りで実際に上のようなアプリを作ろうとして役に立ったこと、そして実際にやってみて気をつけたほうがいいことを伝えたいと考えました。

こんな話をします

  • 無秩序だったvueプロジェクトを大幅にリファクタリングした話

  • API通信を一本化した話

  • atomic designを導入した話

  • vuexとnormalizrを使ってデータの記録方法を統一した話

  • vuexでのAPIに由来するデータとviewの状態に由来するデータの書き分け

  • これらの点を実際にやってみてよかったところ

こんな方にオススメ

  • 現在作ってるvueのアプリケーションが無秩序になっている

  • リファクタリングをしたいけど、方針がわからない

  • 将来的に拡張されても見通しがいいようなコードを書きたい

当日の詳細

タイムスケジュール

  • ガイダンス (10分)

  • 講義(40分)

  • 質疑応答(10-20分)

  • 懇親会

参加資格

  • エンジニア職志望の学生の方(学年不問)

  • 20代 or 2010年卒以下の社会人エンジニアの方

  • エンジニア職に興味のある20代社会人の方

講師紹介

【張 たいよ】

プログラミング自体は中学生のころからやっていましたが、自前のパソコンが手に入ったのが大学だったので、ずっと環境構築の不要なJavaScriptをやっていました。大学に進学したあとは、学園祭の情報部門で、後輩の指導を行ったり、知人の立ち上げたベンチャーでフロントエンドを書いています。現在は大学の4年生で、今は院試の勉強中です!

特別抽選会を開催しています

勉強会後にAmazonギフト券 サトアズグッズなどが当たる特別抽選会を開催しています。

抽選は公式LINE@上で行なっております。

おすすめ勉強会情報や特別なキャンペーン情報など、エンジニアの方にお得なコンテンツを発信しています!

ぜひ事前に友だち登録をしてお越しください。

▼LINE@の友だち登録はこちらもしくは下記のQRコードから!

※抽選会は予告なく中止になる場合もございますので、予めご了承ください。

サポーターズCoLabについて

CoLab(コラボ)は、仲間と共に(Co)、楽しみながら成長できる研究室(Lab)のような存在を目指しています。

若手エンジニア向けの技術勉強会やミートアップをオリジナルコンテンツでほぼ毎日開催しており、

同世代エンジニアの仕事、スキル、キャリア、悩みを知り、交流することで仲間を増やすことができます。

(勉強会の講師は、サポーターズCoLabユーザーの有志が務めています)

そんな仲間たちと、新たな技術を学ぶ、もの創りを始める、新しいチームにジョインする。

様々な形で、キャリアを考え、動き出すきっかけを提供していきます。

※connpassのシステム協力のもと、キャリア支援会社サポーターズが運営しています。

※就活生向け:交通費がもらえる日本唯一の就活サービス「サポーターズ

開催予定のイベント

スペシャルイベント

スペシャルキャンペーン

勉強会・交流会スケジュール

当日アンケート


※イベント参加後にスタッフの指示にしたがってご回答をお願い致します。

発表者

資料 資料をもっと見る/編集する

資料が投稿されると、最新の3件が表示されます。

フィード

サポーターズCoLab

サポーターズCoLab さんが vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 を公開しました。

06/07/2019 16:54

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 を公開しました!

グループ

終了

2019/06/13(Thu)

19:30
21:00

募集期間
2019/06/07(Fri) 16:53 〜
2019/06/13(Thu) 21:00

会場

渋谷ソラスタオフィス15F

東京都渋谷区道玄坂1-21-1

渋谷ソラスタオフィス15F

参加者(21人)

YukiKanamitsu

YukiKanamitsu

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

Masa

Masa

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 に参加を申し込みました!

RyouseiTakahashi

RyouseiTakahashi

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

wrongwrong

wrongwrong

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

MikihiroSaito

MikihiroSaito

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

YuiHaruyama

YuiHaruyama

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

TiAiuto

TiAiuto

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 に参加を申し込みました!

_hid3

_hid3

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 に参加を申し込みました!

hiropanda

hiropanda

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 に参加を申し込みました!

ShioriMasuda

ShioriMasuda

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

参加者一覧(21人)

補欠者(3人)

TakayukiOchiai

TakayukiOchiai

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】 に参加を申し込みました!

ShishoCho

ShishoCho

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

fiotto

fiotto

vueで中規模以上のフロントエンドを組んでいて役に立ったtips【サポーターズCoLab勉強会】に参加を申し込みました!

補欠者一覧(3人)

キャンセルした人(5人)