「Next.js」に関連する技術ブログ
企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。
全304件中 1 - 15件目
Next.jsのServer Actionとreact-hook-formでフォームを実装した
2024/12/20
ブックマーク
はじめに 本記事は BASEアドベントカレンダー2024 の20日目の記事です。 Pay IDのフロントエンドエンジニアをしているnojiです。 以前執筆した システムリニューアルでNext.jsのApp Router/Server Actionを使って便利だと思ったところ に記載したように、Pay IDのアカウント管理画面ではNext.jsを採用し、Server Actionを活用しています。 今回は、そのServer Action導入時に行ったフォーム
Firebase Genkit と Next.js で構築する：お手軽生成 AI WebApp
2024/12/19
ブックマーク
こんにちは！クラウドエースの河野です。 この記事では Firebase Genkit と Next.js を使って、生成 AI を活用したシンプルな Web アプリを構築する方法を、初心者にも分かりやすく解説します。 ! Firebase Genkit は現在ベータ版です（2024年12月16日時点、バージョン v0.9）。 今後の更新において下位互換性がない変更が加えられる可能性がある点にご注意ください。 このガイドで得
カイポケ フロントエンドチームの歩み
2024/12/19
ブックマーク
株式会社エス・エム・エス Advent Calendar 2024 シリーズ 2の12月19日の記事です。カイポケリニューアルプロジェクトでエンジニアリングマネージャーをしている荒巻( @hotpepsi )です。この記事では、カイポケリニューアルプロジェクトでのフロントエンドチームの2年間の活動をお伝えしたいと思います。 qiita.com フロントエンドチームの発足 2022年末、ユースケースをもとに、
フロントエンドリポジトリの GitHub Actions で billable time を削減してみた
2024/12/19
ブックマーク
カケハシの AI 在庫管理でフロントエンド開発を主にしている鳥海 ( @toripeeeeee ) です。こちらの記事は カケハシ Advent Calendar 2024 の 19 日目の記事になります。 GitHub Actions では実行時間単位で課金される ため、課金対象時間を表す billable time というものがあります。 最近、私が利用しているリポジトリで billable time を削減するために動くことがあったので、そこでの削減に
CADC 2024 LPの舞台裏
2024/12/18
ブックマーク
こんにちは、CADCのLP開発チームです。皆さん、11/29-11/30に開催されたC ...
React19までの非同期処理まとめ
2024/12/18
ブックマーク
こんにちは、 電通 総研の金融ソリューション事業部の上野です。 普段の業務ではアーキテクトで案件に関わっており、現在は Java 、React、Next.jsを利用したソリューション開発に従事しています。 業務で利用する OSS のバージョンアップや技術選定はアーキテクトの重要な業務の一つであると考えており、今回は直近リリースされたReact19について調査した内容を一部記事
Starlightを使った簡単なドキュメントページの作り方
2024/12/17
ブックマーク
この記事は、 ニフティグループ Advent Calendar 2024 17日目の記事です。 はじめに こんにちは！新卒1年目の佐藤です。 現在ジョブローテの２期目で、基幹システムグループにて代理店様向けの申込ツールの開発・運用を主に行っています。 私が担当している開発の１つに ドキュメントのMarkdown化 があります。 この開発ではStarlightというフレームワークを使用したので、これ
NewsPicks Stage.のApp Router移行の一年を振り返って
2024/12/17
ブックマーク
こんにちは。ソーシャル経済メディア「NewsPicks」NewsPicks Stage. 事業のエンジニアをしています、林です。 業務では Next.js / Rust / Go などを用いて、経済・ビジネス情報に特化した動画配信サービスである NewsPicks Stage. の開発・運用を行っています。 概要 NewsPicks Stage.（以下Stage.）では去年末ごろから Next.js のフロントエンドを App Router へ段階的移行を進めてきました。 tech.uz
Pay IDシステム移管プロジェクトの技術スタックの紹介
2024/12/13
ブックマーク
本記事は BASEアドベントカレンダー2024 の13日目の記事です。 はじめに Pay IDのテックリードの大木( @roothybrid7 )です。 9/30に、PAY株式会社(以下PAY社)が保有していた「Pay ID」のシステム移管を行い、リニューアルしました。 カートやショップ管理画面、Pay IDアプリとは別の独立したシステムとなっており、アプリケーションの技術選定やアプリケーションアーキテクチャの設
フロントエンドのインフラ構成を見直したら運用コストを99%削減できた話
2024/12/13
ブックマーク
この記事は、 NTT Communications Advent Calendar 2024 13 日目の記事です。 フロントエンドのインフラ構成を見直すことで運用コストを 99%削減できた事例についてご紹介します。 目次 目次 はじめに 見直しの背景 これまでの環境 課題 実現方法 工夫した点 動的コンテンツを表示させる 設定の自動化 変更後の効果 おわりに はじめに こんにちは、 NeWork 開発チームの栄です。 普段
Storage Browser for Amazon S3 のアクセスログを取得・検索する [AWS CloudTrail 利用]
2024/12/13
ブックマーク
こんにちは、広野です。 以下の記事で、Storage Browser for Amazon S3 の実装方法を紹介しました。 【re:Invent 2024 発表】Storage Browser for Amazon S3 を React アプリに組み込みました 2024/12/1 に GA されました Storage Browser for Amazon S3 を既存 の S3 と React アプリに組み込みました。(AWS Amplify, Next.js 不使用) blog.usize-tech.com 2024.12.09 また、追加記事でダウンロードを禁止する設定にしました。 St
FlutterはWebアプリ開発でどこまで使えるか？
2024/12/13
ブックマーク
はじめまして、X（クロス） イノベーション 本部プロダクト イノベーション センターの瀧川亮弘です。 本記事は、 電通総研 Advent Calendar 2024 10日目の投稿です。 もともとネイティブアプリを主戦場とするFlutterですが、Web開発にどれほど活用できるのか調査したため共有します。 Flutter とは Flutter for Web とは Flutter for Web の注意点 注意点1. ネイティブアプリがメインターゲ
Storage Browser for Amazon S3 でダウンロードを無効にする
2024/12/12
ブックマーク
こんにちは、広野です。 以下の記事で、Storage Browser for Amazon S3 の実装方法を紹介しました。 【re:Invent 2024 発表】Storage Browser for Amazon S3 を React アプリに組み込みました 2024/12/1 に GA されました Storage Browser for Amazon S3 を既存 の S3 と React アプリに組み込みました。(AWS Amplify, Next.js 不使用) blog.usize-tech.com 2024.12.09 しかしながら、このままではセキュリティがザルなので、実用
レバレジーズの新規事業の裏側大公開！転職スカウトサービス「キャリアチケット転職」
2024/12/11
ブックマーク
はじめに こんにちは。レバレジーズ株式会社システム本部の及川です。 2024年9月に転職スカウトサービスである「キャリアチケット転職」をリリースしました！ 既存の新卒向け就職支援サービス「キャリアチケット就職」が生んだ、若手×成長志向に特化した転職メディアとなっています。 今回、求人機能やスカウト機能、応募機能などを盛り込んだ大きなリリースとな
技術目線でみた、PAY.JP YELL BANKのおもしろいところをご紹介！
2024/12/11
ブックマーク
本記事は BASEアドベントカレンダー2024 の11日目の記事です。 はじめに はじめましての人ははじめまして、こんにちは！BASE BANK Division（以下、BANKチーム）のフロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です。 今回は私が担当しているPAY.JP YELL BANKというサービスについてお話しします！ エンジニアとしてこのプロダクトを担当していて感じるおもしろいとこ