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:35 | Vue.js + TypeScriptによる新規サービス開発ふりかえり | 北嶋 初音 |
20:00 | 息の長いサービスのフロントエンドを少しずつ改善していく営み | 三田 英一 |
20:25 | クロージング | 主催者 |
※発表内容、タイムテーブルなどは変更となる場合がございますのでご了承ください
注意とお願い
個人情報の取り扱いについて
個人情報は関係法令に従って管理いたします。
なお、当日アンケートなどでご回答頂いた情報につきましては、ラクスの個人情報保護方針に基づき適切に管理いたします。
注意事項
- 内容は予告なく変更される場合がございます。
- 本イベントはオンライン開催のため、通信状況によって音声や映像の乱れがある場合がございます。
- 配信トラブル時のアナウンスはこのアカウントから行います https://twitter.com/DevRakus
- 当日のイベント風景(写真)や内容は後日レポート記事やSNSにて掲載される場合がありますのでご了承ください。
注意事項
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。
新規会員登録
このイベントに申し込むには会員登録が必要です。
アカウント登録済みの方はログインしてください。
※ ソーシャルアカウントで登録するとログインが簡単に行えます。
※ 連携したソーシャルアカウントは、会員登録完了後にいつでも変更できます。