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

1月

28

Vue.jsで中規模以上のフロントエンドを組む際、役に立ったtips【サポーターズCoLab勉強会】

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

タグ: 勉強会, キャリア
ハッシュタグ :#spzcolab
募集内容

Web配信参加枠

無料

参加者数
55

イベントの説明

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

オンライン勉強会について

  • こちらの勉強会は、YouTubeLiveにてオンライン配信を実施します。

  • URLは開催日にメールにてご連絡いたします。

イベント概要

Vue.jsで、APIエンドポイントが3桁くらいあったり、ページが50くらいあったりする

比較的大きなアプリケーションを組もうとして、コードがこんがらがってしまうことがあると思います。

そのような際、VueはReactに比べて、「こんなふうに状態を管理するとやりやすい」といった

具体的なノウハウがあまり手に入りづらく、ネットからも見つけづらいのが現状だと感じています。

そのような中で、手探りで実際に上のようなアプリを作ろうとして役に立ったことや、

実際にやってみて気をつけた方がいいと感じたことを、みなさんに伝えたいと思います。

こんなお話をします

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

  • swaggerからAPIクライアントを自動で作った話

  • Atomic Designを導入した話

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

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

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

こんな方にオススメ

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

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

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

タイムスケジュール

19:30- 配信開始

  • ガイダンス (10分)

  • 講義(40分)

  • 質疑応答(10-20分)

21:00- 配信終了

事前に準備をお願いしたいこと

インターネットや技術書を見て、「Vueのお作法」や「アトミックデザイン」をなんとなくおさらいしておこう!

参加資格

  • 社会人エンジニアの方

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

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

※参加者は20代を想定していますが、30代・40代の方も参加しやすいように調整をしております。

「自分は参加しても大丈夫かな??」と思った方は、「サトアズ」へご一報下さい!

講師紹介

【張 たいよ】(大学4年生)

プログラミングを始めたのは、中学生の頃。

環境構築の不要な、JavaScriptの知見を深めてきました。

自前のパソコンが手に入ったのは大学時代からは、学園祭の情報部門に所属。

後輩の指導を行ったり、知人の立ち上げたベンチャーでフロントエンドを書くようになりました。

サポーターズCoLabについて

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

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

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

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

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

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

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

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

当日アンケート


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

発表者

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

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

フィード

サポーターズCoLab

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

01/14/2020 12:03

Vue.jsで中規模以上のフロントエンドを組む際、役に立ったtips【サポーターズCoLab勉強会】 を公開しました!

グループ

勉強会

イベント数 851回

メンバー数 5599人

開催前

2020/01/28(Tue)

19:30
21:00

イベントに申し込むには
ログインしてください

募集期間
2020/01/14(Tue) 12:02 〜
2020/01/28(Tue) 21:00

会場

YouTubeLive

オンラインで開催

YouTubeLive

参加者(55人)

yut0n(Tanto)

yut0n(Tanto)

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

vbxy95xwy

vbxy95xwy

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

falconws

falconws

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

harop

harop

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

yaza_ta

yaza_ta

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

kawakawaryuryu

kawakawaryuryu

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

p238010y

p238010y

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

tttttt_621_s

tttttt_621_s

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

YumaYamada

YumaYamada

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

TsuchinokoLight

TsuchinokoLight

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

参加者一覧(55人)