「Next.js」に関連する技術ブログ
企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。
全258件中 16 - 30件目
社内A/Bテスト標準化に向けたA/Bテスト管理基盤プロトタイプの開発
2024/08/27
ブックマーク
エンジニアの小林と申します。 LIFULL HOME'S の横断領域の開発を担当しています。 私たちの開発しているLIFULL HOME'Sでは、A/Bテストの実施によって市場学習（≒PDCA）の回数を増やし、より良いプロダクトを作り上げることを目的として、日々多くのA/Bテストが実施されています。 しかしながら、いくつかの問題があります。 今回はLIFULL HOME'SにおけるA/Bテストの成熟度と課
Lighthouse CIでデータを蓄積し、Looker Studioで日々のスコアを可視化した話
2024/08/27
ブックマーク
はじめに こんにちは、WEARフロントエンド部Webブロックの 新 です。普段は WEAR のWebサイトのリプレイス開発を担当しています。リプレイスを進める中で、不具合やリプレイス前後での変化にいち早く気づくため、Lighthouse CIによる日々の記録を可視化し定期的に通知する仕組みを作りました。本記事ではその取り組みについて詳しくご紹介します。 目次 はじめに 目次 背
SHOPLISTのクライアントサイドフレームワークの導入を検討している話
2024/08/26
ブックマーク
こんにちは。クルーズ株式会社CTOの鈴木です。 過去のテックブログにて「今後を見据えてFlutterの検証を始めた話」でも触れたとおり、インフラ構成を変える構想を今考えています。 あらためて要点でいうと、 MVC アーキテクチャ 、特にテンプレートエンジンの利用をやめるサーバは API の結果のみを返し、ブラウザの場合はフロントエンド フレームワーク がHTMLを組み
ココナラでの共通UIについての取り組み
2024/08/22
ブックマーク
こんにんちは。 フロントエンド開発グループのいっちーです。 ココナラでは新規サービスの立ち上がりに伴い、ヘッダやフッタといったすべてのサービスで利用される共通UIの需要が高まってきております。 今回はその課題解決に向けて現在進行している取り組みについてのお話になります。 課題感 すべてのサービスで共通のUIとして実装されているヘッダ、フッタに
Firebase App Hosting : スマートデプロイメントでモダンウェブフレームワークをお手軽デプロイ
2024/08/20
ブックマーク
はじめに 皆様、こんにちは。クラウドエース フロントエンド・UI/UX部の河野と申します。 今回は、新卒研修の成果物として開発した Next.js ウェブアプリケーションのデプロイ過程で、Firebase App Hosting で実際にデプロイをした経験をご紹介できればと思います。 この記事を通じて、最新のクラウドテクノロジーがもたらす可能性と、実践的な知見を皆様と共有できればと
GraphQLを使ってAPIサーバーを実装してみた
2024/08/16
ブックマーク
この記事は、リレーブログ企画「24新卒リレーブログ」の記事です。 はじめに こんにちは。初めまして、新卒1年目の塚崎です。 現在、ジョブローテの1期目として、第一開発チーム（ https://engineering.nifty.co.jp/blog/26940 ）でとあるサイトをリニューアルするプロジェクトを進めています。このリニューアルではフロントエンドでNext.jsを採用し、バックエンドではGraphQLを採用
ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜
2024/08/16
ブックマーク
目次 はじめに Colocation を意識した設計方針 Parallel Routes と Int ...
ジャンプTOON Web アプリケーションの全体像〜採用技術と開発方針〜
2024/08/13
ブックマーク
目次 はじめに Next.js × GraphQL のサーバー間通信 Fastly でのコンテンツ配 ...
JavaScriptの学び直し/スコープ
2024/07/30
ブックマーク
はじめに 初めまして。KINTO ONE開発部の新車サブスク開発グループでフロントエンド開発を担当しているITOYUです。 今、Webアプリケーションを作成する際はVue.js、React、Angularなどのフレームワークを使うことが一般的です。新車サブスク開発GでもReact、Next.jsを使って開発を行っています。 やれReactのver.19がリリースされた、やれNext.jsのVer.15がリリースされたというように
Next.js入門してみた
2024/07/24
ブックマーク
こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Next.jsの入門ガイドを紹介します。 Next.jsとは？ Next.jsの概要 Reactとの関係性 Reactの基本情報 Next.jsの特徴 各種レンダリング手法 ファイルシステムベースのルーティング Route Handlers Next.jsのセットアップ システム要件 プロジェクトの作成方法 新しいページの作成方法 ファイル
Next.jsのファイルの規約について
2024/07/24
ブックマーク
こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Next.jsのApp Routerのファイル構成について解説します。 App Routerについて ファイル規則 page.jsについて ルーティングの基礎 サンプルコード layout.jsについて サンプルコード loading.jsについて サンプルコード not-found.jsについて サンプルコード error.tsxについて サンプルコード globa
【7/30 (火曜日) 12:00~13:00 昼開催(※オンライン)】 ！AWS GameDay入賞者が語るAWS Summit JapanとAWS GameDayでの学びとは？ NIFTY Tech Talk #20を開催します！
2024/07/23
ブックマーク
参加登録はこちらから (connpass)7月 30 AWS GameDay入賞者が語るAWS Summit JapanとGameDayでの学びとは？ イベント概要 NIFTY Tech Talkは、ニフティ株式会社の社員が主催するトークイベントです。 本イベントでは、ニフティグループの社員が業務を通じて学んだことを発信しています！ テーマ 2024年6月20日、21日にAWS社の大規模イベント AWS Summit Japan 2024 が開催されました。AWS Summit Japan
Next.js と Server-side Rendering をプロダクト環境で3年運用してきた知見と率直な所感
2024/07/23
ブックマーク
こんにちは、医療プラットフォーム本部・プロダクト開発室・第1開発グループ所属の加藤です。 オンライン診療・オンライン服薬指導アプリ「CLINICS」 の開発を担当しています。 今回は CLINICS で採用している Next.js と Server-side Rendering (SSR) についてお話ししたいと思います。 Next.js は昨今注目を集めている React ベースの Web フレームワークです。 これから Web フロントエ
フロントエンド開発4年目を迎えた今、受託開発企業から自社開発企業に転職して思ったこと
2024/07/16
ブックマーク
はじめに 2024年4月にエス・エム・エスに入社した泉澤です。現在、介護事業者向け経営支援サービス「カイポケ」のフルリニューアルプロジェクトに携わり、フロントエンドエンジニアとして機能開発を行っています。 careers.bm-sms.co.jp まだ入社して3ヶ月ではありますが、今までの経歴や転職した背景などに触れ、入社して感じた前職との違いや、この3ヶ月をどのように
【App Router】Next.jsのRoute HandlersとServer Actions、どう使い分ける？
2024/07/12
ブックマーク
はじめに こんにちは。ココナラテックの開発をしているエンジニアのもちさんです。 ココナラではエージェント事業部で使っているフロントエンドのフレームワークとして Next.js を採用しており、2023 年の 9 月から App Router への移行を始めています。 実際に App Router で Cookie を設定しなければいけない時があったのですが、Next.js の公式ドキュメントにあるように Cookie を