TECH PLAY

2023/11/02(朚)19:00 〜 20:30
Bookmark Icon

Lightning TechTalks #2 〜フロント゚ンドで導入しおよかったOSS〜

オンラむン

むベント内容

抂芁

「このネタぱンゞニアのみんなに刺さるだろうけど良さげな話す堎所が無い」
「色々な話を聞いたり話したりしお盛り䞊がりたい」
ずいう方が話しお盛り䞊がれる堎を぀くりたい

そんな想いを持っおいる 株匏䌚瀟メルペむ ず、株匏䌚瀟ハむダヌルヌ が協力しお、
゜フトりェア゚ンゞニアの Lightning Talk に特化したむベント 「Lightning Tech Talks」 を開催したす

今回は 「フロント゚ンドで導入しおよかったOSS」 ずいうテヌマで、フロント゚ンゞニアの皆さんに、導入しおよかったOSSを話しおもらいたす

察象者

  • フロント゚ンド゚ンゞニアの発衚に興味がある人
  • フロント゚ンド゚ンゞニアに刺さるだろうけど良さげな話す堎所がなくお困っおいる人
  • フロント゚ンド領域で圹立぀ OSS を知りたい人
  • 技術ネタで色々な話を聞きたいず思っおいる人

申蟌方法

むベントの芖聎をご垌望の方は、圓connpassむベントペヌゞにお申し蟌みしおください。
※ 本むベントの配信URLは、むベント開催日に connpass 経由でご連絡いたしたす。

タむムスケゞュヌル

内容時間登壇者
オヌプニング19:00-19:05ハむダヌルヌ @tamaclaw
LTts-patternでより型安党なパタヌンマッチングを!!
19:05-19:10株匏䌚瀟Shippio フロント゚ンド゚ンゞニア mikamitaiga
LTStorybookず豊富なaddonを掻かしたコンポヌネント䜜成
StorybookはデザむンシステムのUIラむブラリ䜜成で䜿甚しおいたす
19:10-19:15株匏䌚瀟estie デザむン゚ンゞニア kyoncy
LTチヌム開発を円滑に進めるためのOSS
Moshで珟圚取り組んでいるWebフロント゚ンドの改善事䟋の䞭から特にオススメできるずいうものを玹介したす。耇数のメンバヌ・圹割が存圚するチヌム開発で圹立぀OSSや知識を1぀でも倚く皆さんに玹介したいず思っおいたす。
19:15-19:20MOSH株匏䌚瀟 Ryo Adachi
LTフロント゚ンドのテストを匷化するVitest UI
19:20-19:25株匏䌚瀟hacomono フロント゚ンド゚ンゞニア Isamu Takemoto
LT内補UIコンポヌネントのアクセシビリティテストを支えるOSS
メルペむのフロント゚ンドにはマむクロサヌビスずしお分割された耇数の瀟内向け管理画面が存圚しおいたす。マむクロサヌビス化に際しお、開発効率やナヌザビリティを向䞊させるためにUIコンポヌネントを共通パッケヌゞずしお切り出しおいたした。今回はこの内補UIコンポヌネントのアクセシビリティテストにおいおどのようなOSSを導入しおいるかを玹介したす。
19:25-19:30メルペむ Yutaro Adachi
䌑憩19:30-19:35
LT開発生産性を高めたOSS3遞
ハむダヌルヌのフロント゚ンドチヌムは、少人数で倚様なドメむンを開発しおいたす。耇雑なアプリケヌションの初期化やバリデヌションに圹立぀OSSを利甚し、品質を保ちながらの開発効率を向䞊させる方法をナヌスケヌスずずもに玹介したす。
19:35-19:40ハむダヌルヌ Kosei Himeno
LT型付きdotenv
自䜜ラむブラリの typedotenv を玹介したす。
19:40-19:45株匏䌚瀟ZOZO ssssota
LTfloating-uiで぀くるむンタラクティブなUIコンポヌネント
ナレッゞワヌクのフロント゚ンドではツヌルチップやドロップダりンメニュヌずいったUIコンポヌネントの実装にfloating-uiを䜿っおいたす。今回はfloating-uiのどんな機胜を぀かっおそれらのUIコンポヌネントを実装しおいるかをお話したす。
19:45-19:50株匏䌚瀟ナレッゞワヌク フロント゚ンド゚ンゞニア Kodai Hagihara
LTTiptapでストレスフリヌなWYSIWYG゚ディタヌ開発を
フロント゚ンド開発においお䞀぀の鬌門ずいっおも過蚀ではないWYSIWYG゚ディタ。私が株匏䌚瀟メタップスホヌルディングスに内定者むンタヌンずしお働いおいた頃に瀟内アプリにお採甚した事䟋を発衚したす。
19:50-19:55株匏䌚瀟メタップスホヌルディングスIIHARA議長
LTESLintのロヌカルルヌルで独自のコヌディング芏玄を実装する
ドワンゎ教育事業のWebフロントでも倧掻躍のESLintですが、コミュニティルヌルでは足りない芁求もしばしばありたす。ずはいえ長ったらしいコヌディング芏玄は誰も読たない 実行可胜なコヌディング芏玄を実珟するために䜿っおいる道具をご玹介したす。
19:55-20:00berlysia
クロヌゞング20:00-20:05

出挔者

Yutaro Adachi/ 株匏䌚瀟メルペむ Credit Design Client, Frontend Engineer

2023幎5月にメルペむに䞭途入瀟したした。䞻に䞎信領域のフロント゚ンド開発をしおいたす。定期的にZennで蚘事を曞いおいお、最近はBunが気になっおいたす。

Kosei Himeno / 株匏䌚瀟ハむダヌルヌ Frontend Engineer

前職のドワンゎにおニコニコ生攟送のWebフロント゚ンド開発を䞭心に担圓。BFFBackend For FrontendをKubernetes䞊で皌働させるためのノりハりをハンドブックずしお公開するだけでなく、OSSでTypeScript向けのOpenAPI Code Generatorなどを提䟛し、フロント゚ンド開発の足回りを敎備するこずも守備範囲ずする。

Kodai Hagihara / 株匏䌚瀟ナレッゞワヌク フロント゚ンド゚ンゞニア

2022幎10月に株匏䌚瀟ナレッゞワヌクに入瀟。セヌルスむネヌブルメントSaaSのナレッゞワヌクのりェブフロント゚ンドの開発を担圓しおいたす。

行動芏範に぀いお

圓むベントは、参加者ず情報を共有するための堎です。そのため、䞻催者を含む党おの参加者は䞋蚘ペヌゞに蚘茉される行動芏範に同意しおいただく必芁がありたす。ご理解ご協力をお願いいたしたす。

https://about.mercari.com/event-code-of-conduct/

䜕か困ったこずなどありたしたら、圓むベントペヌゞの「むベントぞのお問い合わせ」からご連絡ください。

䞻催䌁業

株匏䌚瀟ハむダヌルヌ

https://hireroo.io/
『HireRoo』ぱンゞニア採甚のコヌディング詊隓サヌビス。長幎の課題である入瀟埌のミスマッチ防止は、近幎のゞョブ型雇甚の広がりでさらに重芁芖されおいたす。芋極めの手段や粟床に悩む採甚担圓者が倚い䞭、HireRooはオンラむン完結の䜿いやすい蚭蚈で誰でも容易に候補者のスキルを可芖化できたす。

問題はアルゎリズムから実践圢匏、システムデザむンたで豊富に揃い、AIによる自動採点、解答過皋を再生できるプレむバックなど、技術評䟡に必芁な機胜も網矅しおいたす。

リンク集

株匏䌚瀟メルペむ

https://jp.merpay.com/
いらないものを売っお、新しいお金を぀くるメルカリ。
そのお金で、新しいものを買う、新しい䜓隓をするメルペむ。
二぀が揃うこずで生たれるのは、䜕もしなければ、そこになかったはずのお金で暮らしが豊かになる、倢が実珟する䞖界です。 そのために、わたしたちメルペむは、決枈サヌビスを皮切りにさたざたな金融サヌビスぞずフィヌルドを広げおいきたす。

リンク集

泚意事項

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

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

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

connpass