概要 こんにちは。ニフティの山田です。 2025年10月21日に、Next.js 16がリリースされました。 https://nextjs.org/blog/next-16 大きな変更がそれなりにあるので、上記記事からピックアップしてみます。 破壊的変更点 ブラウザサポートのBaseline Widely Available基準への変更 Next.js 15からサポートブラウザが一気にバージョンアップしています。 Chrome Edge Firefox Opera Safari Next.js 15.5

概要 参加を決めた理由 聴いた講演 オープニング キーノート webpack 依存からの脱却！快適フロントエンド開発を Viteで実現する Storybook 駆動開発で実現する持続可能な Vue コンポーネント設計 昼食 生成AI時代のWebアプリケーションアクセシビリティ改善 Inside Vitest: テストフレームワークアーキテクチャの詳細解説 Vue で 3D を楽しむ Vue.jsでつくる実験映像 AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践

はじめに 基本知識・用語の確認 1. なぜ移行をしたのか 1.1 テストの実行時間がとにかく長い 1.2 Nuxt3移行に伴うビルド＆テスト環境の統一 1.3 テストコードの見直しが必要 2. Vitest を選んだ理由 2.1 手軽 2.2 フロントエンドロードマップの Testing に変化 2.3 Jest との互換性も問題なし 3. 実装 3.1 Vitest 1. Vitest をインストール 2. Vitest の設定ファイルを追加 3. Jest で記述されている箇所を、vi に変更する 4

TSKaigi2025 TSKaigi2025 「学び、繋がり、”型”を破ろう」をテーマに、TypeScript に関するあらゆるテーマを扱う国内最大級のカンファレンスとして、まさに「型破り」なイベントを目指し成長を続けるカンファレンスです。 朝から夕方までTypeScriptについての講演があり、事前に自分が気になるセッションを聞きに行く方式でした。 開催日 2025/05/23、2025/05/24 印象に残ったセッション SignalとObservable―新たなデータモデルを解きほぐす AI Co

Muddy WebはMuddy = 泥臭いとして、Webフロントエンドの開発現場における話やケースス ...

こんにちは、GENIEE CHAT機能開発チームリーダーの鎌原です。 GENIEE CHATでは現在、管理画面のリニューアルプロジェクトが進行中です。 デザインそのものもモダンに変わっていますが、それ以上にライブラリやディレクトリ構成などが大きくブラッシュアップされました。 本記事では、この移行のプロジェクトの概要と気をつけたポイントや学んだこと・反省点等をご紹介させていただきたいと思います。 移行プロジェクトの概要 移行前の管理画面には主に2つの課題がありました。 1. 脆弱性の更新対象のパッケージが多

こんにちは。世界から法律に関わる悩みをなくしたい高崎です。普段は「ココナラ法律相談」という、悩みにあった弁護士を探せる検索メディアをつくっています。 https://legal.coconala.com/ 先日ココナラのエンジニアが一堂に会する 第15回社内技術カンファレンスを開催しましたので、今回はそれをレポートします。 ココナラでは四半期ごとに全エンジニアが集まり、各開発組織やエンジニアがLTする会を定期開催しています。 今回はSPOT表参道青山骨董通り入口GRANDEさんをお借りして開催しました。

この記事は CyberAgent Developers Advent Calendar 2024 2 ...

はじめに こんにちは！ 先日、弊社もプレミアムスポンサーを務めた「 JSConf JP 2024 」が行われました！ 今回は実際に現地参加したメンバーによるセッションレポートをお届けします！ ITOYU You Don’t Know Figma Yet - FigmaをJSでハックする https://jsconf.jp/2024/talk/hiroki-tani-corey-lee/ Figmaはブラウザで開ける、だからこそdevtoolsを使ってJSで操作出来るということを知りました。 Figma公式

前回に引き続き、対応内容のご紹介です。具体的には、状態管理ライブラリをVuexからPiniaに変更し、ビルドツールをWebpackとVue CLIからViteに移行した際の対応内容や問題点、対処方法について詳述しています。

みなさんこんにちは！ワンキャリアのOCC（ONE CAREER CLOUD）チームで開発エンジニアを担当しているJustin（Github ： justin3-1 ）です。 これまで中国で3社、その後シンガポールで1社経験し、ワンキャリアへの転職を機に日本に来ました！ 今回はワンキャリアに入社してから3ヶ月が経ったので、振り返りとして記事を執筆しました。エンジニアを目指し始めたきっかけも紹介しているので、もしよろしければご覧ください。

はじめに

はじめに

はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（ @hiro0218 ）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています。以前の記事ではCSS in JSの技術選定をした際の背景や課題について紹介しました。 techblog.zozo.com その後、「 ZOZO Tech Meetup - Web フロントエンド 」でおよそ1年後の状況を簡単に共有させて頂きました。 speakerdeck.com 今回はZOZO Tech Meetu

Viteを用いたReact開発を行っている際、vite devで立ち上げたDevモードと実際にビルド&デプロイしたProdモードで挙動が異なるという問題が発生したので、その原因究明メモです。 そもそもViteとは Viteはフロントエンド向けビルドツールです。2020年に登場し2024年現在ではフロントエンド領域で幅広く使われるツールとなっています。GitHubのstar数で見ると、ビルドツールとしてこれまで多く利用されてきたwebpackを追い越しています。 特徴としては高速な開発サーバー立ち上