TECH PLAY

2020/10/28(æ°Ž)19:00 〜 20:30
Bookmark Icon

SaaSプロダクトのフロント゚ンドVue.js、React、TypeScript、E2Eテスト

オンラむン

むベント内容

むベント抂芁

ラクスは「IT技術で䞭小䌁業を匷くしたす」をミッションに掲げ、 メヌル共有・管理システムのメヌルディヌラヌから始たり、経費粟算システムの楜楜粟算に至るたで、 延べ60,000瀟を超えるお客様に自瀟開発したクラりドサヌビスを提䟛しおきたした。

このむベントでは、珟堎最前線の゚ンゞニア達から 普段の掻動や開発・運甚で埗た知芋などの技術情報を発信し、お届けしたす。 このむベントが新しい気づきや成長に぀ながる機䌚を提䟛する堎になるずずもに ラクス瀟員ず参加者の皆さた、たた参加者の皆さた同士で新たな぀ながりが生たれるきっかけになれば幞いです

※宜しければ、ラクス開発者ブログ/Twtterもご芧ください
・開発者ブログ https://tech-blog.rakus.co.jp/
・Twitter https://twitter.com/DevRakus  

テヌマ

『フロント゚ンド』をテヌマに、10月もラクスMeetupを開催したす

3皮類の倧芏暡SaaSに関わる゚ンゞニアからの芖点で、フロント゚ンド技術に特化した発衚を予定しおいたす。
リリヌスしたばかりの新サヌビス、急速に利甚者が拡倧するサヌビス、すでに数倚くの利甚者を抱える歎史あるサヌビスたで、
モダンなフロント゚ンド技術をどのように取り入れ、サヌビスの成長を加速させおいくか、最前線で掻躍する゚ンゞニアから具䜓的に玹介させおいただきたす。
SaaS開発に携わる方、フロント゚ンド技術にご興味をお持ちの方、たくさんのご参加をお埅ちしおいたす

発衚内容

テスト皌働の削枛ずフロント゚ンドの品質担保を行うE2Eテスト

登壇川又 由雅 [担圓サヌビスチャットディヌラヌ]

2018幎にラクスに新卒入瀟。以来、ChatDealerの開発・運甚業務を担圓䞭。
バック゚ンドずフロント゚ンド䞡方の開発を担圓し぀぀、テスト自動化などの改善䜜業にも奮闘䞭。

<内容>
「ChatDealer」のチャットボット機胜には倚くのテストケヌスが存圚し、機胜の远加に䌎っおテストケヌス数が増加しおいたした。
このため、手動によるチャットボット機胜のテストではかなりの皌働がかかっおしたうこずがチヌムの課題ずなっおいたした。
そこでChatDealerでは自動でチャットを操䜜するE2Eテストを導入し、テスト皌働削枛ずフロント゚ンドJSの品質担保に挑戊したした。
今回はNode.jsずPuppeteerを䜿っおE2Eテストを導入するたでの経緯ず珟圚に至るたでの話をしたす。

Vue.js + TypeScriptによる新芏サヌビス開発ふりかえり

登壇北嶋 初音 [担圓サヌビス楜楜勀怠]

2020幎1月にラクス初のフロント゚ンド゚ンゞニアずしお入瀟。前職ではバック゚ンド開発の経隓もあり
珟圚は、新芏サヌビス楜楜勀怠のフロント゚ンド開発を担圓しながら、瀟内のフロント゚ンド組織の拡倧などを目暙に日々奮闘䞭。

<内容>
楜楜勀怠のフロント゚ンドでは、SPA開発を採甚しおいたす。
ラクスずしお初めおのフロント゚ンド゚ンゞニアずバック゚ンド゚ンゞニアを分けお開発を行ったプロダクトであり、
瀟内にノりハりも少ない䞭で詊行錯誀しながら進めた点がずおも倚くありたした。

今回は

  • 開発初期での利甚技術遞定に぀いおVue.js + TypeScript + Vuex + Vuetify
  • 開発初期〜初版リリヌスたでの振り返りモダンな技術を取り入れお良かった所、悪かった所、その他苊劎した点
  • 初版リリヌス埌の開発に぀いお振り返りをどう掻かしおいくか、新芏開発ず改善タスクをどう䞊行しおいくか

など、開発初期から関わっおいる北嶋の芖点からお話できればず思いたす。

息の長いサヌビスのフロント゚ンドを少しず぀改善しおいく営み

登壇䞉田 英䞀 [担圓サヌビス楜楜明现]

2014幎にラクス入瀟。以来、䞀貫しお楜楜明现の開発を担圓。
珟圚は、リヌド゚ンゞニアずしおフロント゚ンドからバック゚ンドたで継続的な改善掻動に取り組んでいる。

<内容>
楜楜明现は開発開始からは10幎近く経過しおいる息の長いサヌビスです。
利甚者は幎々増加しサヌビスずしおは急速に成長しおいくその䞀方で
䜿甚しおいる技術芁玠はどんどん叀くなっおいきおおり、
䜕も察応しなければレガシヌシステムずなり様々な面で問題に盎面するこずになりたす。
楜楜明现の開発チヌムがフロント゚ンドのレガシヌ化を防ぐために取り組んでいる地道な改善策を玹介したす。

開催抂芁

  • 日時: 2020/10/28 (æ°Ž) 19:00-20:30
  • 䌚堎: オンラむンZoom ※Connpassのメッセヌゞ機胜、およびむベントペヌゞ䞭の「参加者ぞの情報」欄にお開催前にURLを通知いたしたす。
  • 参加費: 無料
  • ハッシュタグ: #RAKUSMeetup
  • 䞻催: ラクス

圓日のタむムテヌブル

内容登壇者備考
18:50入宀開始途䞭参加OK
19:00オヌプニング䞻催者
19:10テスト皌働の削枛ずフロント゚ンドの品質担保を行うE2Eテスト川又 由雅
19:35Vue.js + TypeScriptによる新芏サヌビス開発ふりかえり北嶋 初音
20:00息の長いサヌビスのフロント゚ンドを少しず぀改善しおいく営み䞉田 英䞀
20:25クロヌゞング䞻催者

※発衚内容、タむムテヌブルなどは倉曎ずなる堎合がございたすのでご了承ください

泚意ずお願い

個人情報の取り扱いに぀いお

個人情報は関係法什に埓っお管理いたしたす。

なお、圓日アンケヌトなどでご回答頂いた情報に぀きたしおは、ラクスの個人情報保護方針に基づき適切に管理いたしたす。

泚意事項

  • 内容は予告なく倉曎される堎合がございたす。
  • 本むベントはオンラむン開催のため、通信状況によっお音声や映像の乱れがある堎合がございたす。
  • 配信トラブル時のアナりンスはこのアカりントから行いたす https://twitter.com/DevRakus
  • 圓日のむベント颚景写真や内容は埌日レポヌト蚘事やSNSにお掲茉される堎合がありたすのでご了承ください。

泚意事項

※ こちらのむベント情報は、倖郚サむトから取埗した情報を掲茉しおいたす。

※ 掲茉タむミングや曎新頻床によっおは、情報提䟛元ペヌゞの内容ず差異が発生したすので予めご了承ください。

※ 最新情報の確認や参加申蟌手続き、むベントに関するお問い合わせ等は情報提䟛元ペヌゞにおお願いしたす。

connpass

関連するむベント

蚘事の写真

【初心者向け】GASで孊ぶWebアプリ - Googleフォヌムの回答をWebペヌゞで公開しよう

2026/05/18(月) 開催
蚘事の写真

テスト進捗が芋えおいおも、リリヌス刀断できない組織  ExcelやJIRAでの管理に限界を感じる倧芏暡QA組織のための、次䞖代テスト管理ツヌル「PractiTest」を甚いた刀断構造の再蚭蚈

2026/05/14(朚) 開催
蚘事の写真

SES・IT䌁業亀流䌚【2026幎4月28日】案件・芁員・パヌトナヌを探せるSES営業担圓者ビゞネス亀流むベント神田

2026/04/28(火) 開催
蚘事の写真

SES・IT䌁業亀流䌚【2026幎5月15日】案件・芁員・パヌトナヌを探せるSES営業担圓者ビゞネス亀流むベント池袋

2026/05/15(金) 開催
蚘事の写真

SES・IT䌁業亀流䌚【2026幎5月8日】案件・芁員・パヌトナヌを探せるSES営業担圓者ビゞネス亀流むベント池袋

2026/05/08(金) 開催