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

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

LINEヤフーのフロントエンド技術を明らかにするState of LY Frontend 2024実施レポート

LINEヤフーでは、2024年の10月に社内のWebフロントエンド開発に携わる社内のメンバーを対象に、昨今のWebフロントエンド関連のトレンドや周辺ツールの利用状況について調査するアンケート「Stat...

Cursorで手軽にWebアプリ開発!AIアシストで自動デプロイを実装

こんにちは、AGESTでエンジニアをしているタカです。 今回は、最近話題のAI活用型コードエディタ「Cursor」のComposer機能を使って、簡単なNext.js製Webアプリケーションを開発し、CI/CDパイプラインを構築してGoogle Cloudの環境にデプロイする、という一連の流れに挑戦します。 目的は、個人的にCursorの操作に慣れることと、直近で触れていなかったGoogle Cloudの設定やCI/CD周りの

ミイダス社内勉強会レポート【古川陽介さん】フロントエンドの技術と楽しみ方

こんにちは、ミイダステックオフィスです。今回の社内勉強会ではフロントエンドの豊富な経験をお持ちの古川陽介さんをお招きし、フロントエンドの技術やエンジニアとしてのキャリア形成や働き方、そして日々の技術への向き合い方についてお話しいただきました。 本記事ではその概要と学びの一部を皆様に共有いたします。

aws-amplify の SSR (Nuxt3) 対応についての補足

SCSKの畑です。10回目の投稿です。 今回は 6回目 のエントリで記載した、aws-amplify のSSR (Nuxt3)対応の詳細もとい補足について記載します。小ネタです。 対応の背景などは同エントリに記載しているのでここでは省略します。   aws-amplify 用のコンフィグファイル実装 aws-amplify モジュールを使用するにあたり、AppSync や Cognito など、モジュールが使用する各種サービスの情

事前認証が必要なアプリケーションにおける初期化処理の実装でハマった話

SCSKの畑です。9回目の投稿です。 今回は、 6回目 のエントリで少し言及したアプリケーションの初期化処理について、詳細について記載してみます。 アーキテクチャ概要 そろそろ食傷気味かもしれませんがいつもの図を。今回はほとんどアプリケーション側の話題ですが、一部 Amazon Cognito 認証の話が出てきます。 背景 これまでのエントリで説明した通り、本アプリケー

新しい Amplify AI Kit で、フルスタックの AI アプリを数分で構築

2024 年 11 月 29 日、私たちはフルスタックの開発者が会話型検索やチャット、要約などの AI 機能を備えたウェブアプリを構築する最も早い方法である、AWS Amplify AI Kit の一般提供を開始しました。Amplify AI Kit を使えば、クラウドアーキテクチャや機械学習の経験がなくても、フルスタックの生成 AI 機能を構築することができます。リソースのプロビジョニングやセキュアな

アプリケーションデータを使用して、カスタマイズされた AI ベースのチャットインターフェースを作成

フロントエンドの開発者は、アプリで永続的な会話型 AI チャット体験を開発するとき、しばしば複雑な API、複雑なリアルタイム UI の更新、設定が難しいアクセス許可を扱う必要があります。それに加えて、複雑なクラウド インフラストラクチャをセットアップしなければなりません。そういった理由から、私たちは AWS Amplify AI Kit とその会話型チャット体験をご紹介で

【MIIDAS Tech LIVE #8】を開催しました

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「MIIDAS Tech LIVE」 第8回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、

来たるNuxt4リリース

こんにちは! 株式会社ココナラ フロントエンド開発グループのよしみんです。 突然ですが、エンジニアのみなさん。フレームワークは何を使っていらっしゃるでしょうか? ココナラスキルマーケットのフロントエンドの大部分ではNuxt.jsを使用しています。 Nuxt.jsは2025年1月16日現在v3.15.2を最新バージョンとしていますが、Nuxt4へのアップデートが予定されています。 2022

Web アプリケーションにおける排他制御の実装例(第三回)

SCSKの畑です。6回目の投稿です。 今回も引き続きアプリケーションにおける排他制御の話題ですが、よりアプリケーション側の実装にフォーカスしています。 はじめに 第一回 で整理していた排他制御の要件は以下の通りです。 主にデータベース/DWH 上のテーブルデータのメンテナンスを実施するアプリケーション 以下の要件に基づき、アプリケーション側で排他制御(

NaniwaNOG 2ミーティングで会場ネットワークをゼロから構築してみた

はじめに 2024年10月、兵庫県姫路市でNaniwaNOG 2ミーティングが開催されました。主に関西のネットワーク技術者が集うこのイベントで、新たに発足したNOCチーム "Team Shirankedo" が会場ネット […]

コンポーネントライブラリではない!?「shadcn/ui」を触ってみた

こんにちは、フロントエンドエンジニアとして働いているぱやぴです。 これまで主にMantine UIを使って実務を進めてきましたが、最近注目されている「 shadcn/ui 」を試してみました。 本記事では、shadcn/uiの概要やメリット・デメリット、実際に触ってみた感想などを紹介していきます。Mantine UIに慣れている方はもちろん、その他のコンポーネントライブラリを使っている

Server Actions を 使って Next.js で フォーム処理を実装。

はじめに こんにちは、クラウドエースの第3開発部に所属している金です。 今回は Next.js で Server Actions を使ってフォームの送信処理を行う方法について紹介します。 フォームの処理については、これまでの Route Handler を使用したカスタムハンドラーの実装方法でも対応できますが、 Server Actions を利用することで、よりシンプルかつ効率的にサーバーサイドの処理を実装

【ONE CAREERエンジニアのホンネ vol.6】加速度的に成長し続ける環境の楽しさ

みなさんこんにちは!ワンキャリアで共通基盤の開発を担当しています吉田(X: yoshida_baystar )です。 今回はワンキャリアに入社して3ヶ月が経ちましたので、振り返りの記事を書きたいと思います! 自己紹介 ・出身:福島県須賀川市 ・職歴:人材系サービスのバックエンドエンジニア(3年) → ワンキャリア「共通基盤チーム」 ・趣味:TVゲーム、ラーメン屋巡り、サウナ

【NestJS + PostgreSQL + Prisma】DevContainerで作る快適な開発環境

ども!年末年始の検証結果を順次ブログ化している龍ちゃんです。思いついたらすぐ検証という流れで、いろんなことを検証していたので10本ぐらいはブログのネタに困らなさそうですね。反動が今から恐ろしいです。 今回の内容は、以下の二つになります。 ローカル開発環境をDevContainerで作成する(nest.js + postgres) nest.jsからPrismaを使用してpostgresに接続する 今回のゴ
技術ブログを絞り込む

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

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