「Next.js」に関連する技術ブログ

企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。

【Next.js】App Routerを利用した際のStatic Exportsについて整理する

こんにちは、サイオステクノロジーの遠藤です。今回はNext.js 15でApp Routerを利用した際のStatic Exportsについて整理します。 Static Exportsとは? Static Exportsは、build時に、アプリケーションを静的コンテンツとしてエクスポートできる機能です。Static Exportsを利用せずにNext.jsのアプリケーションを公開する場合はNode.jsランタイムが必要となりますが、Static Exportsを利用してbuildを

【ONE CAREERエンジニアのホンネ vol.8】キャリアの地図を描き直す ワンキャリアでの第一歩

みなさんこんにちは! ワンキャリアで転職サイト「ONE CAREER PLUS」の開発を担当している鶴岡です。今回はワンキャリアに入社して3ヶ月が経過したため、振り返りの記事を書きます!

Next.jsのApp routerでMSWをserver componentsとclient componentsで利用する方法

こんにちは、サイオステクノロジーの遠藤です。 前回はReact Router v7でMSWを利用する方法を整理しました。 2025-02-27 React Router v7のブラウザ開発環境でMSWを利用する方法 今回はNext.jsのApp routerでMSW(Mock Service Worker)を利用する方法について整理していきます。 はじめに 今回の内容は以下のDraft状態のmsw exampleのPull requestを参考に作成しています。 https://github.com/mswjs/examples/pull/101

Google Analytics Data APIを使用して、ブログの視聴回数ランキングを表示しよう!

背景と目的 みなさんこんにちは。クラウドエースの清野です。 弊社では、10月の組織改編により、事業領域ごとにチームが再編されました。 そのため、これまでバックエンドを担当していたメンバーも、フロントエンドやインフラ領域に携わる機会が増えています。 そこで、元々バックエンドエンジニアリング部に所属していた私が、フロント領域のNext.jsと新たに加入

Revitalizing Internal Communications: a Fresh Approach Using Slack Profiles

This article the entry for day 9 in the 2024 KINTO Technologies Advent Calendar 🎅🎄 KINTO Technologies is an engineer-driven organization with a team of over 300 members. In an increasingly complex business environment, we continuously seek to balance organizational efficiency and creativity. With dispersed locations and increase in remote work, cross-departmental communication has become more limited, making it essential to address this challenge seriously. This article, written by Nakanis

社会課題を解決するHRテックSaaS「NALYSYS」の開発チームの魅力に迫る!

はじめに こんにちは。NALYSYS開発部の部長を務めている山下と申します。 本記事では、私たちが開発している NALYSYS (ナリシス)というプロダクトと、それを支える開発部の様子や魅力をお伝えします。 はじめに 対象読者 この記事を読むとわかること NALYSYSとは? 日本が抱える社会問題 NALYSYS(ナリシス)とは NALYSYSのプロダクトラインナップと今後の展望 NALYSYS開発チ

1年目がAWS Amplify Gen 2の使い方を解説してみた

はじめに こんにちは。新卒1年目の佐藤、緑川、keyliumです。24新卒の開発研修にてAWS Amplifyを使用しました。 詳細につきましては以下のブログ記事をご覧ください。 今年もリアルハッカソン合宿に行ってきました!@ノジマ大磯スクウェア ハッカソン合宿制作記② | 双方向通信の数字対戦ゲームを作成しました! 開発をしていくなかで、公式ドキュメントが英語のみで、

「コンテンツ制作ポリシー画面実装」から学ぶフロントエンド開発

はじめに 筑波大学情報メディア創成学類3年の桑原士門です。こちらの記事では、Amebaチョイスのフロ ...

React Router v7のルーティング方法 Configuring Routes を整理する

こんにちは、サイオステクノロジーの遠藤です。 今回は、WebフレームワークであるRemixとルーティングライブラリであるReact Routerが統合されたReact Router v7のルーティングについてまとめていきます。 ルーティング方法 React Router v7では、Configuring Routes、Component Routes、File Route Conventionsの3種類のルーティング方法があります。 Configuring Routes React Router v7のデフォルトで設定

JSConf JP 2024 Participation Report

Introduction Hello! JSConf JP 2024 recently took place, and we were proud to support it as a premium sponsor! In this post, we’d like to share a session report from our team members who attended the event firsthand! ITOYU You Don’t Know Figma Yet - Hacking Figma with JS https://jsconf.jp/2024/talk/hiroki-tani-corey-lee/ Since Figma runs in a browser, I learned that you can use JavaScript in DevTools to manipulate it. You can use Figma’s official API via the figma global object to retrieve

コンポーネント「ライブラリ」ではなく「コレクション」?shadcn/uiに入門してみた

こんにちは、サイオステクノロジーの遠藤です。 今回は、 JavaScript Rising Stars で2023年、2024年と二年連続で1位に輝いたUIコンポーネントコレクションであるshadcn/uiについてまとめていきます。 では始めていきましょう! shadcn/uiとは? shadcn/uiはRadix UIとTailwindCSSを用いて作成されたUIコンポーネントコレクションです。 shadcn/uiの一番の特徴は公式ドキュメントにも This is not

Next.jsの画像最適化の落とし穴

マイナビジョブサーチ WebチームのK.Kです。 今回は、Next.jsの画像最適化のお話をしたいと思います。 先日インフラ担当の方からこんな指摘をされました。 「Acceptヘッダーを転送していないから、画像の最適化が活かされていない。」 最初よくわからなくて「?」となったので、これをきっかけにNext.jsの画像最適化について調べてみました。 Next.jsの画像最適化とは? Next

OAuth2.0入門 (feat. Next.js)

はじめに こんにちは、クラウドエースの第3開発部に所属している金です。 本記事の前半では OAuth 2.0 の仕組みを軽く解説し、Next.js のコードを書きながらその動作を理解していきます。 対象読者 OAuth 2.0 の仕組みを知りたい方 Next.js で OAuth 2.0 を実装したい方 NextAuth.js の経験はあるが、OAuth 2.0 の仕組みを理解したい方 Next.js を経験したことがある方 事前準備 Next.js プロ

AWS Amplify Hosting でサーバーサイドレンダリングのための IAM Compute Roles

今日、 AWS Amplify Hosting は、AWS Amplify アプリケーションの IAM Compute Roles を導入しました。これにより、コンピュート実行時から AWS サービスへの安全なアクセスを可能にし、サーバーサイドレンダリング機能を拡張できるようになりました。IAM Compute Roles を使えば、開発者はサーバーサイドレンダリングアプリに特定の権限を付与でき、Amplify が他の AWS サービスへの承認さ

ハッカソン合宿制作記③|飲食店の投稿を行うサービスを作成しました!

はじめに 初めまして!新卒一年目のけに、後藤、塚崎です。 本記事では、私達が参加したエンジニア定例合宿で開発した飲食店に関する投稿を行うサービス「ふーどぴあ」について紹介します。 エンジニア定例合宿の詳細につきましては以下の記事をご覧ください。 今年もリアルハッカソン合宿に行ってきました!@ノジマ大磯スクウェア チームメンバー紹介 けに 今
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?

エラータイトル

エラー本文