🎥 アーカイブ動画

アーカイブ動画はこちらから

📝イベント概要

Next.jsが提供するApp Routerによるルーティング設計、クライアント／サーバーの役割分離、柔軟なレンダリング戦略、
そして段階的な導入が可能な構成は、スピードとスケーラビリティの両立を求められるAI時代の開発において大きな武器となります。

本イベントでは、AI AgentのアウトプットをNext.jsでどう受け止め、構造化するか、
そしてApp Routerを用いたコンポーネント設計をどう可視化し、整理するかという2つの実践トピックを軸に、
あっきーさんとmakototさんお話しをいただきます。

▪️あっきーさん
・「Next.jsの考え方」
・「AI Agentのアウトプットに『Next.jsの考え方』を反映するプラクティス」

▪️makototさん
「Next.js App RouterのコンポーネントをVS Codeでサーバー・クライアント別に可視化する」

Next.jsを使いこなす開発者はもちろん、AI活用に関心のあるフロントエンドエンジニア、プロダクト開発チームにとっても、
新たなヒントとなる内容をお届けします。

🧑‍💻こんな方におすすめ

• Next.jsをプロダクションで活用しており、より実践的な設計・運用知見を得たい方
• App Routerや柔軟なレンダリング戦略（SSR／ISR／CSRなど）を現場でどう使い分けるかを学びたい方
• クライアント・サーバーの責務設計や、Next.jsをより深く理解したい方

☑️イベントのゴール

• 現場で得られたNext.jsの設計・実装に関する実践知を具体的な事例から学ぶ
• Next.jsの思想に沿って、複雑な機能をどう分割・設計・構成していくかの視点を深める
• AIなど多様な要素と統合する際のNext.jsアーキテクチャの柔軟性や限界を実例で理解する

🎁参加方法とプレゼント企画

お申し込みいただいた方へ視聴用URLをお渡ししています。
参加後アンケート回答者の中から抽選で5名様へ以下の書籍をプレゼント差し上げます。
『実践Next.js — App Routerで進化するWebアプリ開発』

🕛タイムテーブル

※セッション内容は変更の可能性があります、ご了承ください。

🎤登壇者

『そのコンポーネント、サーバー?クライアント?~ App Routerの不明瞭なコンポーネント実行環境を可視化する ~』

タテノ(makotot)/株式会社カオナビ
エンジニア

『Next.jsアプリケーションのAgeticコーディングを最大化する』(仮)

あっきー(akfm_sato) @akfm_sato
フロントエンドエンジニア
Next.jsの話をよくZennで記事にしています。Rust、テスト、アジャイルが好きです。
「Next.jsの考え方」を執筆。

⚠️諸注意

• 参加用リンクは開催当日、参加確定者にconnpass経由で通知します。
• エージェントの方や営業目的でのイベントの参加はご遠慮ください。
• 性別/性的指向/障碍の有無/人種/宗教/年齢/容姿/体格/技術の選択に関わりなく、 誰もが気持ちよく参加できるようにご協力ください。
• 当イベントの内容およびスケジュールは、予告なく変更となる場合があります。予めご了承ください。
• イベント参加時に入力いただいた情報は、以下に基づき扱います。
  ファインディ株式会社 プライバシーポリシー

📣主催・運営

ファインディ株式会社

• IT/Webエンジニアの転職サービス「Findy」 :
  独自のアルゴリズムを用いてエンジニアのスキルを可視化し、ハイスキルなエンジニアと企業をマッチングする転職サービスです。登録エンジニアは12万人を突破、登録企業数は約1,100社、スタートアップ企業を中心にDXを推進したい大手企業まで幅広い企業に導入していただいております。

• ハイスキルなフリーランスエンジニア紹介サービス「Findy Freelance」 :
  ハイスキルなフリーランスエンジニアと企業の業務委託案件のマッチングサービスです。「Findy」同様にGitHubを解析した独自アルゴリズムを用いたスキル評価をもとに、単価保証の案件を紹介しています。登録エンジニア数は5万人を突破し、スタートアップ企業を中心にDXを推進したい大手企業まで1,500社以上に導入いただいております。

• エンジニア組織の開発生産性可視化・向上SaaS 「Findy Team+」 :
  特許取得の独自技術を用いて、GitHub、GitLab、Bitbucket、Backlog、Jiraなどを解析し「Four Keys」や「SPACE」といった指標やフレームワークに基づき、開発のアクティビティ・効率・クオリティやエンゲージメントなどを多面的に可視化することで、開発生産性・開発者体験向上をサポートしています。

• 開発ツールのレビューサイト「Findy Tools」：
  開発ツールに特化したレビューサイトです。第三者の視点で実際にツールの選定を行った企業の生の声を集めることで、ツール選定に関する不安を解消し、導入検討に必要な情報を提供します。