【Nuxt.js/Vue.js】スタートアップ導入事例 LTイベントに参加しました!

f:id:marron-web-engineer:20190202124120p:plain

こんにちは! ITプロパートナーズ(https://itpropartners.jp/)インターンの栗岡です!

普段は、Laravelで自社サービスの開発をしたり、新卒採用関係の業務をやっています。

今回は、1月30日に弊社渋谷オフィスで行われたNuxt.js/Vue.jsで開発しているスタートアップ企業によるLTイベントのレポートを行います!

弊社のエンジニアの米川も登壇しました!

re-build.connpass.com

 

2019年1月12日(土)に、

【増枠】【Nuxt.js/Vue.js】スタートアップ企業導入事例 - connpassを開催しました!

応募枠60人対して、100人の応募があり、Nuxt/Vue.jsがいかに流行りの技術なのかが

伺われまれました。

今回のイベントは

株式会社コークッキング

株式会社ReBuild

株式会社スタディスト

株式会社ITプロパートナーズ

の4社による合同開催となりました。

イベントでは各企業からLTが行われました!

f:id:marron-web-engineer:20190202153256j:plain



 

ここからは、各企業のLTの内容をレポートしていきます!

 NO1.   嘉数 侑起様(株式会社リビルド) 

テーマ:SPA開発未経験者によるNuxt.jsを使った自社サービス開発

speakerdeck.com

 

Vue.jsであれば開発経験のあるメンバーはいたものの、SPA開発経験があるの1名と社内のSPAのノウハウが少なかったため、規約に従うことでSPAを実現できるNuxt.jsを採用した際のLTです。

『ここにこう置けばこういうことが実現できる』

と発表されている通り、規約に従うことで開発スピードを落とさずに実装できるNuxt.js、特にチーム開発の際に威力を発揮したそうです。

規約のおかげで、

  • 開発者独自ルールや独自アーキテクチャの排除
  • 開発者全員のファイル構成・コードの書き方の統一
  • 開発者レベルが多少低くてもコード品質の維持が可能

ができたそうです。

LTの最後には、「JWT(JSON Web Token)での認証の実装方法」・「firebaseを使ったNuxt.jsでのチャット機能の実装」について説明して頂きました!

 

NO.2 榊原 徹哉様(株式会社コークッキング)

テーマ:「TABETEのフロントエンドをNuxt.jsでリプレイスする話」

 

drive.google.com

フードロス削減のベンチャーとして、Ruby Bizでグランプリを受賞したTABETEさんがフロントエンドをVue.jsでリプレイスした際の経験のLTでした。技術選定でReact.jsではなく、Vue.jsを選んだ理由とVue.jsで開発する際のメリットを中心に説明して頂きました。Vue.jsは学習コストやドキュメントが豊富という特徴だけではなく、Vueコミュニティの方々が非常に優しいという特徴もあるそうです。

 

 

NO.3 米川 桂(株式会社ITプロパートナーズ)

テーマ:「Nuxt.jsでプロダクトを開発して得た知見」

speakerdeck.com

弊社の米川による登壇です。

Graspy(https://graspy.jp/)という、プログラミング学習とキャリア支援のプラットフォームサービスを、Nuxt.jsを使い開発した際のLTでした。

Nuxt.jsの制約により、開発効率が向上したというメリットはもちろん、会社の技術ブランディングにも繋がったとエンジニア採用の観点からもメリットがあったそうです。

Nuxt.jsには、たくさんのメリットがある一方で、SSR・SPA・リロードの際によく分からないバグで出たりと、リリース前のテスト工数が増えてしまうデメリットもあったそうです。

また、Graspyの開発するにあたり、PC/SP専用コンポーネントの使用やクライアント側・サーバー側でCookieのライブラリを分けるなど、工夫された点についても説明がありました。

 

 NO4. 小宮山 智也様(株式会社スタディスト)

テーマ:「Vueと共に走ったフロントエンドリプレイス1年間」

speakerdeck.com

 

Techme Biz (https://biz.teachme.jp/ ) という業務マニュアル作成ツールサービスのフロントエンドをVue.jsをフル活用し、リプレスした際のLTです。

元はRailsのERBを利用したフロントエンドでしたが、1年かけVue.jsで完全にリプレイスされたそうです。

流行りのAtomic Designで設計されているため、参加したエンジニアの方々にとって、凄くホットな内容でした。

Vue.jsでの開発で、Nuxt.jsのルーティング設計を採用するなど、工夫に富んだ設計をされており、会場を湧かせていました。

 

Vue.jsの機能がフルに使われている設計をされています。Vue.jsユーザーは必見です!

 

 【懇親会】

4名のLTが終わったあとは、参加者・登壇者含めた懇親会が行われ、餃子・お酒が60人前振舞われました。

f:id:marron-web-engineer:20190202152114j:plain

 

懇親会でもLTが行われました!

f:id:marron-web-engineer:20190202152322j:plain

 ↓懇親会のLTの資料です

docs.google.com

 

LTも懇親会も非常に盛り上がったイベントになりました!

(盛り上がり過ぎて、イベントは22:30過ぎまで続きました笑)

Nuxt.js/Vue.jsが凄くホットな技術になっているため、私もキャッチアップしていかないと時代に置いて行かれそうです、、、

個人的には、次回は、LaravelとVue.jsのイベントに参加したいところです!その際は、またイベントレポート書きます!

 

おわりに

ITプロパートナーズでは、自社サービスを一緒に開発するエンジニアを募集しています!本日のイベントのテーマであったNuxt.js/Vue.jsとLaravelを使った開発を行なっています!

モダンな技術でのサービス開発に興味がある方!是非弊社のエンジニアとお話しませんか?渋谷のオフィスでエンジニア一同、お待ちしております!

 

www.wantedly.com

www.wantedly.com