記事

絞り込み中 category: react-next-js

絞り込みを解除
React Compiler時代の設計指針

React Compiler時代の設計指針

―「最適化を書く」から「正しく書く」へ 旧来の設計思想(〜2024) 再レンダリングは「危険」 依存配列は人間が管理 パフォーマンスは開発者の責任 この思想のもとで、 useMemo useCallback React.memo が日常的な儀...

読む
2026年のWeb開発

2026年のWeb開発

2026年のWeb開発のパラダイムシフト Introduction: A Paradigm Shift in Web Development Web開発の世界は、常に目まぐるしい速さで変化しています。しかし、新しいライブラリやフレームワークの登場といった表面的...

読む
WEBアプリケーションを取り巻く開発環境、開発言語について考える

WEBアプリケーションを取り巻く開発環境、開発言語について考える

WEBアプリケーションを取り巻く「開発環境」と「開発言語」について考える際には、以下のような観点で整理すると全体像が明確になります。 言語もフレームワークも環境もあっというまにバージョンがかわり、流行りや...

読む
状態をどう管理するか

状態をどう管理するか

いまだに、プログラムを処理の集まりとして捉えて作る人も多いが、最終的にはそうなんだが、その途中では、その考えでは破綻する場合が多い。プログラム中で状態を持つのか持たないのかによってプログラムコードの量...

読む
AIをAPIで利用する、から、エージェントとして自律させる

AIをAPIで利用する、から、エージェントとして自律させる

「AIをAPIで利用する」から「AIエージェントを自立させる」までの流れは、技術的にも思想的にもとても重要なステップです。順に整理して説明します。 🧩 第1段階:AIをAPIとして利用する(利用=指示された仕事をこ...

読む
コスメブランド支援システム マルチテナント構築プラットフォームの開発

コスメブランド支援システム マルチテナント構築プラットフォームの開発

コスメ・オーガニック・健康などに特化したブランドを立ち上げ、年商1億円を目指す人たちを支援するためのサービスを構築します。 ブランド立ち上げの多くは、本業の商品開発や販売に集中しすぎて、経営や管理の業務...

読む
チャットアプリケーションの開発

チャットアプリケーションの開発

みなさん、おはようございます。ただいまAM1:53。寝たのは8時で起きたのが23時。仕事開始は24時。0時ともいう。 人が寝静まった時間というものは、それだけでワクワクします。 人と違うことに価値がある。AIと共に生...

読む
OpenAI APIを使ってChatGPT風のチャットアプリを作成していこう

OpenAI APIを使ってChatGPT風のチャットアプリを作成していこう

⚙️ 拡張構想 機能概要🔄 ストリーミング表示OpenAI APIのstreamオプションでリアルタイム出力💾 会話履歴保存DB保存済み、タイトル自動生成(最初の質問を要約)🧍‍♀️ ユーザー認証Laravel Sanctumで個別チャット管...

読む
React +Laravel12 での開発~Laravel12はBladeで完結できるが、要件が高度化するほど React → Next.js の順にシフトしていく

React +Laravel12 での開発~Laravel12はBladeで完結できるが、要件が高度化するほど React → Next.js の順にシフトしていく

Laravel12ではBladeを使ってビューまで作成できるが、要求の高いユーザインターフェイスを実現するにはフロントエンド側の開発比率が高くなってくる。特にUI/UXを実現するために要件が複雑になってくると、JavaScrip...

読む
React/Next.jsを動作させる環境について

React/Next.jsを動作させる環境について

✅ 1. サーバーサイド(Node.js)で動く部分 これは以下のような処理です: getServerSideProps などを使った SSR(サーバーサイドレンダリング) app/api/ にある API Routes app/page.tsx のような App Router の...

読む
React/Next.jsのプロセスをVPSサーバで起動する/停止する

React/Next.jsのプロセスをVPSサーバで起動する/停止する

$ sudo npm install up to date, audited 123 packages in 804ms 43 packages are looking for funding run `npm fund` for details found 0 vulnerabilities $ sudo npm run build > frontend@0.1.0 build > next b...

読む