BEGIN:VCALENDAR VERSION:2.0 PRODID:-//connpass.com//Connpass//EN CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:connpass-クラスメソッドのReact事情大公開スペ シャル#7 X-WR-CALNAME:connpass-クラスメソッドのReact事情大公開スペ シャル#7 X-WR-TIMEZONE:UTC BEGIN:VEVENT SUMMARY:クラスメソッドのReact事情大公開スペシャル#7 DTSTART:20251222T100000Z DTEND:20251222T120000Z DTSTAMP:20261115T023645Z CATEGORIES: CREATED:20251120T013004Z DESCRIPTION:## これは何？\n\nクラスメソッドの大阪オフィ スで開催するReactの勉強会、第7弾です 🦖\n\n## クラス メソッドのReact事情大公開スペシャルとは\n\nクラスメ ソッド株式会社およびリテールアプリ共創部では、日 々様々な案件にReactやReact\nHooksを積極的に導入していま す。その中で培った技術・知見や最近のReact開発事情な どを登壇者の皆様に惜しみなく発表していただきます 。\n\n## こんな方が対象です\n\n * Reactに興味があるエン ジニアの人\n * Reactが大好きなエンジニアの人\n * 最近 のReactの開発事情について弊社エンジニアとあれこれ話 してみたい人\n\n# 開催概要\n\n開催日時 | 2025年12月22日 （月）19:00〜21:10（受付開始18:30） \n---|--- \n募集締切 日 | 2025年12月22日（月）19時まで※定員に達した場合、 早めに締め切る場合があります \n現地会場 | クラスメ ソッド株式会社 大阪オフィス \n現地定員 | 30名（先着 順） \nオンライン会場 | YouTube Live \n \n◆大阪オフィ ス◆\n\nクラスメソッド大阪オフィス\n\n〒541-0044 大阪府 大阪市中央区伏見町3-6-3 三菱UFJ信託銀行大阪ビル8階\n\n （※会場は 8階のオフィスになります）\n\n◆最寄交通 機関からの経路◆\n\n * 御堂筋線 淀屋橋駅 11番出口 徒 歩1分\n\n# コンテンツとタイムテーブル\n\n# | 時間 | セ ッションタイトル | スピーカー（敬称略） \n---|---|---|- -- \n- | 19:00-19:05 | 会社の紹介 | \n1 | 19:05-19:25 | フロン トエンドを書けない私が \nVercel v0とvibecodingでなんとか やり切った話 | クラスメソッド \n製造ビジネステクノ ロジー部 \n田中聖也 \n2 | 19:25-19:45 | Next.js 16の新機能 C ache Components について | クラスメソッド \nマッハチー ム \n西田将幸 \n3 | 19:45-20:05 | 楽観的UIのすすめ | クラ スメソッド \n製造ビジネステクノロジー部 \nもりし げ \n| | ※飛び込みLT大歓迎です🔥 | \n| 20:05-20:10 | ク ロージング | \n- | 20:10-20:50 | 懇親会 \n（現地にて自由 参加） | \n \n## フロントエンドを書けない私がVercel v0 とvibecodingでなんとかやり切った話\n\n製造ビジネステク ノロジー部の田中聖也です。 \nフロントエンドの知識0 かつ経験0の私がVercel v0とvibecodingでなんとか実装を終え た話をします。 紆余曲折、難しかったこと、得た知見 を話ます\n\n> ### クラスメソッド 製造ビジネステクノロ ジー部 田中聖也\n>\n> 楽な気持ちで聞いてください\n\n## Next.js 16の新機能 Cache Components について\n\nNext.js 16で追 加された新機能 Cache Components についてお話しさせてい ただきます。Cache Components\nは、1つのページで静的でキ ャッシュされたコンテンツと、動的なコンテンツを共 存させることができる機能です。 \nページの大部分が 全ユーザー共通で利用できるのでキャッシュしたい、 だけどユーザー毎のリコメンドや、カート部分など、 ページの一部にユーザー毎に出しわけが必要な場合に 利用できる機能です。 \n以前筆者も似たようは機能を 自分で工夫して行おうとしてましたが、その違いにつ いてもお話しさせていただきます \n参考: https://dev.class method.jp/articles/nextjs-static-cache/\n\n> ### クラスメソッド マ ッハチーム 西田将幸\n\n## 楽観的UIのすすめ\n\nReact 19のu seTransitionとuseOptimisticを活用し、「待たせない」「引っ かからない」UI体験を実現する方法を紹介。 \nフォー ムやフィルタリングなど日常的なUIを題材に、実装パタ ーンを探ります。\n\n> ### クラスメソッド 製造ビジネス テクノロジー部 もりしげ\n\n## LT枠について\n\n * 1人あ たり5分~15分です。\n * テーマはReactに関連していれば なんでもOKです、初心者もニッチな話をしたい方でも誰 でもwelcomeです🥳\n * connpass申込後、イベント当日まで にこのページのフィード欄でタイトルを教えてくださ い\n * ディスプレイに接続するためのHDMI変換のコネク タは会場に用意してあります\n * ディスプレイとの接 続確認は、イベントの休憩時間の間に行っていただき ます。\n * Wifiは提供していますので、登壇中でもネッ トワーク接続が可能です\n\n## オンライン会場に関する 諸注意\n\n * オンライン配信（Youtube Live）のURLは、connpa ssお申し込み後に 参加者への情報 に表示されますので そちらからアクセスください。\n * 現在調整中ですが 、前日までには掲載する予定です\n\n## 現地会場に関す る諸注意\n\n * 本イベントでは、セッションや会場の風 景をYoutube Liveでリアルタイムに配信します。そのため 、現地会場でご参加頂く方は配信や写真撮影等に映り 込むことがあり得ます。ご了承の上、お申し込み下さ い。\n * 発表中に後方から写真を撮らせていただき、 会社のブログに掲載する場合がありますのでご了承く ださい\n\n#### 入場について\n\n * PM8時以降は、このビル の玄関が閉まります。\n * この時間より入場が遅れて しまった場合は 担当者のXアカウント へDMでご連絡くだ さい。担当者が玄関まで迎えに行きます。\n\n#### 電源 ・Wi-Fi\n\n電源は会場都合によりご提供できません。ご 了承ください。Wi-Fiは当日ご案内いたします。\n\n#### 喫 煙\n\n館内は禁煙です。\n\n#### その他\n\n * 立ち入り禁 止区域への立ち入りはご遠慮願います。\n\nhttps://classmet hod.connpass.com/event/376624/ LOCATION:大阪府大阪市中央区伏見町3-6-3 三菱UFJ信託銀行 大阪ビル8階 (クラスメソッド 大阪オフィス) URL:https://classmethod.connpass.com/event/376624/ END:VEVENT END:VCALENDAR