フロントエンドのディレクトリ設計思想

2023/12/04 108 users ディレクトリ設計 趣旨 フロントエンド ディレクトリ構成 構成

はじめに フロントエンドのディレクトリ構成、世の中に色んな「推し」が有って悩みますよね。 例えば、、、 さらに最近は、App Directoryの登場や、それに合わせたNext.js公式の「推し」構成がドキュメント化されたりと、さらに色々なパターンが出てきています。 本記事の趣旨 本記事では、具体的な構成そのものではなく... 続きを読む

2023-08-16のJS: Next.js v13.4.16(test mode)、SafariのStorage Policy、ESMへの移行(Redux)

2023/08/16 6 users Vercel playwright MSW ESM redux

JSer.info #656 - Next.js v13.4.16がリリースされています。 Release v13.4.16 · vercel/next.js v13.4.16には、実験的な機能としてtest modeというPlaywrightとMSWを使ったテストする仕組みが追加されています。 Next.jsのApp Directoryでは、MSWがNext.jsの処理に差し込めるポイントがなかったため、MSWが動かないな... 続きを読む

新しいNext.jsの入門 ─ App DirectoryによるWeb開発をハンズオンで理解しよう - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/04/18 193 users ハンズオン エンジニアHub 入門 Webエンジニア キャリア

使用するライブラリ このアプリで、Next.js以外に使用するライブラリは以下の4つです。インストール方法等は必要な箇所で説明します。 Prisma TypeScriptのORマッパーです。アプリでのノートの保存等に使用します。 ▶ Prisma | Next-generation ORM for Node.js & TypeScript Tailwind CSS CSSフレームワークです。アプ... 続きを読む

React Server ComponentsとGraphQLは競合するか - cockscomblog?

2023/01/10 16 users cockscomblog GraphQL RFC 重要度 魅力

Next.jsのapp directoryについて話していて、GraphQLを使う場面ではServer Componentsの魅力がいくらか落ちるよな、と思った。裏を返せば、Server Componentsが活用されるような時代ではGraphQLの重要度が下がるかもしれない。 現にServer ComponentsのRFCの「Credits and Prior Art」を見ると次のように書いてある。 Re... 続きを読む

バックエンドエンジニアがNext.jsのApp Directoryに夢を見る - ぷらすのブログ

2023/01/06 17 users プラス Next.js バックエンドエンジニア SPA ＣＳＲ

SPA に移行しづらいシステムたちレンダリングの移り変わりCSR を有効活用しづらい事業領域App Directory によって Next.js は他と対等な選択肢になりうるServer Component がデフォルトの世界React のエコシステムの恩恵を受けられるようになるどういうアーキテクチャになるか1. モノリスから Frontend サーバを分離する... 続きを読む

Slack、専用アプリストア「App Directory」を立ち上げ──エコシステム強化へ - ITmedia ニュース

2015/12/16 41 users Slack ボット ファンド チーム 専用アプリストア

チーム向けコラボレーションツールの「Slack」の専用アプリストア「App Directory」が開店した。160本以上のアプリやボットを検索し、チームで使っているSlackにインストールできる。同社は関連アプリ開発者のエコシステム強化の目的で約98億円のファンドも立ち上げた。 米Slack Technologiesは12月15日（現地時間）、チーム向けコラボレーションツール「Slack」と連係す... 続きを読む