Skip to content
公開日

2025-11-23

Next.js

ここ一週間でNext.jsに関する話題では、Next.js 15の新機能やReact 19との統合、Tailwind CSSとの組み合わせによる高速UI構築が注目を集めています。特に、Next.jsを活用したAIインターフェースやバックエンド分離の議論が活発です。

  • @wesley_bytegrad は、Next.jsアプリに別途バックエンドが必要な理由を解説し、BFF（Backend-for-Frontend）パターンやMotiaバックエンドの利点を動画で紹介しています。
  • @Suryansh777777 が、Gemini 3 Proを使ってNext.jsでJarvis風HUDインターフェースを構築した実験を共有し、MediaPipeやThree.jsとの連携が話題に。
  • @1337hero は、Next.jsとTypeScriptを排除してPreact + HonoでFaster Chatを再構築し、オフライン対応の高速性を強調。
  • @mohamed_djoudir が、Next.js 16とTailwind CSS 4を使ったAIアシスタント付きAdminダッシュボードを公開し、NestJSバックエンドとの統合が注目。
  • @insights_m_x は、2025年のフロントエンドツールとしてVercelを挙げ、Next.jsのデプロイを推奨。

Tailwind CSS

Tailwind CSSの話題では、FlutterやReactとのクロスプラットフォーム統合、メールビルダーでの活用が目立ちました。カスタムテーマやパフォーマンス向上のTipsも共有されています。

  • @cossssmin が、Tailwind CSS対応のメールコンポーネントライブラリMailviewsをリリースし、140以上のコンポーネントとドラッグ&ドロップビルダーが話題。
  • @anthonyriera は、軽量Intercom代替ツールのカスタマイズでTailwind CSSを活用し、Reactコンポーネントとの柔軟性を動画でデモ。
  • @krayetor が、React + ViteとTailwind CSSで作ったGitHubユーザー検索アプリを公開し、Glassmorphism UIとダークモードが好評。
  • @mickrich384 は、FlutterにTailwind CSSを適用した実験を共有し、クロスプラットフォームの可能性を議論。
  • @codecondev が、Tailwind CSSの好き嫌いをジョーク交じりに投稿し、コミュニティで賛否両論を呼ぶ。

shadcn/ui

shadcn/uiは今週のハイライトで、100Kスター達成やReact版Pro Kitのリリースが大々的に祝われました。CLIのアップデートやFlutter版の登場も話題です。

  • @shadcn が、shadcn/uiの100Kスター達成を発表し、AI向けUIとしての地位を強調。
  • @shadcn は、shadcnのエコシステム（レジストリ、CLI、MCP）を動画で解説し、コード配信プラットフォームとしての進化をアピール。
  • @shadcraft_ が、Pro React shadcn/ui Kitをリリースし、Black Fridayセールで30%オフを告知、レスポンシブ対応が注目。
  • @jezell は、Flutter版shadcn_uiの入力コンポーネントをAIウィジェットビルダーで使用し、@nank1roのライブラリを称賛。
  • @iamncdai が、shadcn/uiのナビゲーションコンポーネントをインスパイアしたブログ検索機能をポートフォリオに追加。
  • @wizardashwin は、shadcn/ui専用のプレイグラウンドplaycn.devを構築し、Tailwind CSSのプレイグラウンドに匹敵する便利さを宣伝。

React Aria Components

React Aria Componentsのダウンロード数が急増し、アクセシビリティ重視のUI構築ツールとして推奨されています。Adobeの貢献が目立つ週でした。

  • @zaru が、React Aria Componentsを一番おすすめと投稿し、日本語コミュニティで注目。
  • @devongovett は、React Aria Componentsの週間ダウンロード数が100万を突破したことを報告（フック込みで560万）。

Prisma

Prismaの話題はバックエンド開発を中心に、Node.jsやPostgreSQLとの統合が議論されました。セキュリティ強化のプロジェクト例が共有されています。

  • @neuroquark が、Prismaを使ったバックエンドプロジェクト（ImgX、Authify、TinyQueue）を紹介し、求職活動でアピール。

Biome

Biome（JS/TSのリンター/フォーマッター）に関する直接的な話題は少ないですが、ウェブ開発ツールとしての速度と互換性が言及されています。Rustベースの効率が評価されていますが、今週のX投稿では環境関連のバイオーム（biome）と混同されるものが多かったため、技術的な新着はウェブ検索から抽出。