📝 開催概要

── Next.jsを中心に「次」のフロントエンド開発や実践テクニックを学ぶ勉強会
株式会社タイミーは「一人ひとりの時間を豊かに」をビジョンに掲げ、日々の開発を行っています。 そんな私たちが開発を通じて得ている学びを発信することで新しい取り組みを後押ししたり、アンチパターンに陥らない様に出来るのであればそれもまたエンジニア一人ひとりの時間を豊かに出来ているのではないかと考え、定期的に勉強会を通じて我々の学びを発信していく予定です。

このWhat's "Next" JS Meetupは株式会社バベルのうひょさんを基調講演のゲストとしてお迎えして学ぶ、Next.jsをメインとした勉強会です。タイミーからはLTとして2名のフロントエンドエンジニアが実際の開発を通じて得た学びを皆様に共有する予定です。

🧑‍💻 こんなエンジニアにおすすめ

• 普段、ReactやNext.jsで開発しているエンジニア
• フロントエンド開発におけるTipsなどが好きなエンジニア
• 明日の開発をより良くしたいエンジニア

⌛ タイムスケジュール

時間	内容	登壇者
19:15	開場
19:30	オープニング（5分）	司会
19:35	基調講演（30分）	株式会社バベル うひょ 氏
20:05	事例LT①（10分）	株式会社タイミー 西浦 太基
20:15	事例LT②（10分）	株式会社タイミー 市岡 由偉
20:25	休憩・案内（5分）	司会
20:30	懇親会（60分）
21:30	完全終了

※ プログラムは変更となる可能性があります。随時こちらで更新いたします。

🎤 ゲスト登壇者情報

🗣️ 基調講演「App Router時代のデータ取得アーキテクチャ」

　うひょ 氏（@uhyo_）
株式会社バベル
プリンシパルエンジニア
2019年に新卒にてLINE株式会社に入社 2022年1月より株式会社バベルの技術顧問に就任、同年10月に正社員として入社 現在プリンシパルエンジニアとしてフロントエンドリーダー、アプリケーションレイヤーの基盤開発を担当 『プロを目指す人のためのTypeScript入門』好評販売中

Next.jsを使っていても、SSRは難しいものです。特に、サーバー側でのレンダリングとクライアント側でのレンダリングでステートを動機させるといったことを真面目に実装するととても大変です。App RouterでもReact Server Component (RSC) を使っている以上サーバーの存在は避けて通るのは難しいところですが、データ取得周りのアーキテクチャはRSCの影響を大きく受けます。そこで、このトークではApp Router時代にデータ取得がどのようなアーキテクチャになるかについて、私論も交えつつ解説します。

🎤 タイミーLT 登壇者情報

🗣️ タイミーLT「【Next.js 13】App Routerへのアップデートに向けて、タイミーのフロントエンド開発で今から取り組んでいること」

　西浦 太基
株式会社タイミー
フロントエンドエンジニア
北海道札幌市内のSIer企業で、10年間Webエンジニアとしてキャリアを積んだ後、2022年8月からタイミーにJOIN。 タイミーでは企業様にご利用頂く管理画面の開発を担当。

今Next.jsにおいては、App Routerがlatestとなりましたが、タイミーも今後、最新のバージョンに追随していく中でPages RouterからApp Routerへの移行が控えています。 そんな中、Pages Routerを利用している段階においても、App Routerへのアップデートを見越して、普段から心がけているTipsやテクニックを小ネタ的にLTで紹介させて頂きます。

🗣️ タイミーLT「Server Actionsを踏まえたフルスタックTypeScriptの一考察」

　市岡 由偉 （@redshoga）
株式会社タイミー
フロントエンドエンジニア
新卒でクラウドSIベンダーに入社。フロントエンドを中心とした開発業務に従事しながら、チームリーダーを経験する。2020年の4月タイミーに入社。フロントエンドエンジニアとして、機能開発や技術選定の業務を担当。

Next.jsのData Fetchingの新機能としてServer Actionsがalpha版で公開されました。 Server Actionsの登場により、バックエンドとフロントエンドの境界をよりなめらかに記述できるようになります。昨今のフルスタックなTypeScriptのアーキテクチャとServer Actionsを比較して、今後のウェブサービスの構成やServer Actionsの活用を考えます。

📺 参加方法

今回のオンライン勉強会は YouTube Live を使用してライブ配信いたします。
当日 19:30〜 配信がスタートしますので、下記のリンクよりチャンネル登録の上、ライブ配信予定枠のリマインダー設定をお願いします🙇‍♂️

🎥Timee Engineering

またライブ配信終了後、アーカイブ動画の公開を予定しております。
当日の開催時間にライブ参加できない方も、connpass 参加申込みの上、ご視聴くださいませ。

🤝 主催

主催：株式会社タイミー

タイミーは「この時間なら働ける」人と「この時間だけ働いてほしい」企業をつなぐマッチングプラットフォームです。 「『働く』を通じて人生の可能性広げるインフラをつくる」というミッションを実現するため、サービスの持続可能性の探究と実現を目指し開発・運用に勤しんでいます。 未来のことを考えて漸進的に改善がなされる自律的で小さなチームを実現し、サービス開発を推進していきたいエンジニアを募集中です！

共催：株式会社バベル

バベルは、" 世界中の人々の役に立つ事業を創り続ける " というミッションの基、AI（人工知能）及びML（機械学習）を活用し、仕事の生産性を飛躍的に向上させるグローバル事業を創ることを目指しています。 エンジニアを大募集中です！

プロダクト：商談解析クラウド ailead （エーアイリード）について
aileadは、顧客満足度No.1の商談解析クラウドです。 AI が商談データを自動で収集・解析・可視化することで、営業現場の業務効率化と「売れる」営業人材の育成を実現します。 お使いの Web 会議ツールと連携するだけで、既存の業務フローを全く変えずにご利用を開始いただけます。 文字起こし機能やSalesforce連携機能によって、営業組織の情報共有を効率化するとともに、商談データを人材育成に活用できる各種機能により、 様々な業界の企業のセールスイネーブルメント実現を目指してまいります。 プロダクトページはこちらからご覧ください。

⚠️注意事項 当イベントの内容およびスケジュールは、予告なく変更となる場合があります。予めご了承ください。 エンジニアの方を対象としたイベントのため、非エンジニアの方のご参加、ならびに同業に属する方の当イベント内でのリクルーティング活動につきましてご遠慮いただいております。 ブログやSNS等で当イベントに関する発信を行う際は、公序良俗に反する内容のないよう、ご協力をお願いします。 当イベントはオンライン開催のため、双方の通信状況により音声や映像に乱れがある場合がございます。 配信トラブル時のアナウンスはTimeeDevのTwitterよりイベントハッシュタグをつけて行います。 イベント参加時にご入力いただいた情報は、以下に基づき適切に扱います。 株式会社タイミー プライバシーポリシー 株式会社バベル プライバシーポリシー また、ご参加者の方々が最大限楽しんで頂けるよう、運営サイドで参加にふさわしくないと判断させて頂いた方については、イベント中であろうとご退席をお願いすることがございます。 保険、宗教、ネットワークビジネスの勧誘が目的と見られる方 その他運営サイドで参加が不適切だと判断した方 誠に恐れ入りますが、あらかじめご了承くださいませ。