mz-logo

豆蔵デベロッパーサイト

開発に役立つチュートリアルやテクニック・ノウハウを豆蔵メンバーがご紹介します!

記事のタグから検索 ...(全てのタグを表示)

本サイトは本家の豆蔵ホームページではありません。会社概要、製品紹介等はこちら、 募集中の求人情報はこちらをご覧ください。

mameka豆香の豆知識 image for mameka column
React Server Componentsで未来のUXを水先案内!
みんな~、聞いて!豆香が今日熱々のフロントエンド最新技術のお話するね~!最近のReact Server Components、ほんとすごいよね!サーバーサイドでのレンダリングが自由自在にできちゃうから、ページロードが超スムーズになって、ユーザーの体験がまるでジェットコースターのように爽快なんだ~!これまでのクライアントサイドだけのやりとりじゃ考えられなかった新感覚のUXを水先案内してくれる感じ!たとえば、データの取得とか状態管理とか、もう手間いらず!即レスポンスで、ユーザーの「待ち時間なんてどこ行ったの?」って驚かれること間違いなし!
正直、最初は「こんな魔法みたいな仕組みがあっていいの?」って半信半疑だったんだけど、使ってみたらそのパフォーマンスのキレ具合にもうビックリ!動作が速すぎて、まるで豆香が一瞬でおにぎり握って、目の前においしいおにぎりを置いたみたいな感覚!笑 家でも友達と一緒に「これ、やばいね!」って盛り上がっちゃったほど!技術の進化って、本当に日常を変えるパワーを持ってるんだと再認識させられる瞬間だよね~!
さらに、React Server Componentsなら、フロントとバックをシームレスに連携できるから、開発者の作業負荷もグッと減るんだ!例えば、コードの再利用がめっちゃ簡単になって、無駄な処理やバグの温床になりかねなかった部分もスッキリ整理可能!これでデザイナーのイラストもエンジニアのコードも、みんなが笑顔でハイタッチしながら一緒に作業できる未来が目の前に広がってる感じ!なんか超エモいよね!
これからのUXは、ユーザーが感じる「待たされるストレス」がゼロになる真新しい体験でいっぱい!React Server Componentsがその先導役として、もっともっと未来のウェブをカッコよく、そして使いやすく進化させてくれるって思うと、もうワクワクが止まらない!豆香も、この技術の波に乗り遅れないために、今日もドキドキしながら最新情報を追いかけるぞ~!みんなも一緒に、新しいUXの未来を楽しもうね!
※本コラムはAIで生成したものです。内容の正確性を保証するものではありません。
過去のコラムはこちらから!

新着記事new-articles全ての記事を見る

  • | ブログ | 19 min read
    #LLM #生成AI #AI #Ollama #DeepSeek

    Ollamaを使ってオープンソースLLMをローカルホストしてみよう

    はじめに # 今回はオープンソースLLMをローカルPCで起動する方法を試してみたいと思います。オープンソースのLLMにはすでに多くの種類があり、パラメタ数の小さなモデルや最近話題になった中国企業発の推論モデルDeepSeek-R1などがどんな回答が得られるのか、いろいろ気になることがあるのでその起動方法から回答結果まで確認していきたいと思います。 Ollamaとは # 今回オープンソースLLMをローカル起動するのに使うのはOllamaというソフトウェアです...

    記事を読む
  • | ブログ | 6 min read
    #AIエージェント #GitHub Copilot #vscode

    GitHub Copilot のエージェントモード(パブリックプレビュー)を試す

    はじめに # GitHub Copilot のエージェントモードが覚醒したそうです。 https://github.blog/news-insights/product-news/github-copilot-the-agent-awakens/ 紹介ビデオも YouTube に上がっています。 GitHub Copilot のエージェント、どんなものか使ってみたいと思います。 --> Information昨年のアドカレ記事でも今年2025年は、エージェントがくると予想されていました...

    記事を読む
  • | ブログ | 6 min read
    #GitHub Copilot #リファクタリング #vscode

    VS Code の Copilot Edits で効率的にリファクタリングを行う

    はじめに # GitHub Copilot の開発目標は、AI ペアプログラマーを提供することで開発者の生活を楽にすることだそうです。 VS Code の GitHub Copilot 拡張では編集中のファイルに対して、コード変更をサジェストしてくれます。これとは別に Chat の UI で、プロンプトを書いて1からコード生成してもらい、それを利用するワークフローもあります...

    記事を読む
  • | ブログ | 5 min read
    #TCP/IP #bgp #シミュレーション #探索

    bgpsimでBGPリフレクションを検証してみよう

    はじめに # ビジネスソリューション事業部の山下です。 前回は、ネットワークの経路探索に使われるプロトコルであるBGPと、BGPをブラウザ上で検証できるbgpsimについて書かせていただきました。 今回は続きとして、BGPピアの確立を一層シンプルにできるパターンである”ルートリフレクタ”をbgpsim上で実装し、検証してみようと思います。 BGPとbgpsimのおさらい # ここで、簡単にBGPとbgpsimについておさらいしておきます。より細かい概要については前の記事を参考にしてください...

    記事を読む
  • | ロボット - 強化学習 | 12 min read
    #ロボット #強化学習 #Q学習 #ベルマン方程式

    ロボット開発者のための強化学習入門

    はじめに # 本記事では、制御の分野ではおなじみの倒立振子の問題に取り組みながら、強化学習の基本的な理論とその実践方法について解説します。 強化学習の初心者向けの記事では、迷路を探索するプログラムやスロットマシンを例として挙げながら説明するものが多い印象がありますが、ロボットや機械の制御に関心がある、またはそれらの分野への応用を考えている人にとっては倒立振子のような問題のほうが分かりやすいのではないかと思います...

    記事を読む
  • | ブログ | 9 min read
    #TCP/IP #bgp #シミュレーション #探索

    BGPの基礎と実践 ~bgpsimで経路制御をシミュレーションしよう~

    はじめに # ビジネスソリューション事業部の山下です。今回はネットワークのプロトコルの1つであるBorder Gateway Protocol(BGP)について説明しようと思います。 普段の実務で馴染みがなくても、IPAやクラウドベンダーの資格を勉強する際に、経路探索に利用できるプロトコルとして聞く方も多いと思います。 今回はBGPについて調べる機会があったので、概要をまとめたうえで、Web上でBGPを検証できるシミュレータであるbgpsimの紹介をしたいと思います...

    記事を読む
  • | ブログ | 10 min read
    #textlint #typescript #javascript

    textlintのallowlistルールをkernelから活用する方法

    注意事項 # この記事は、VSCodeで校正ツールのヒントを表示 - problem matcherの解説で網羅できなかったことをフォローしている記事です。 記事そのものの内容は独立していますが、これまでの背景を知りたい場合には前の記事をご確認ください。 前回の記事と同様、サンプルは以下に掲載しています...

    記事を読む
  • | ブログ | 9 min read
    #textlint #regex #vscode

    VSCodeで校正ツールのヒントを表示 - problem matcherの解説

    はじめに # ビジネスソリューション事業部の山下です。今回は、Visual Studio Code(VSCode)のタスク機能で設定できるProblem Matcherについて解説していこうと思います。 普段の開発にあたって、コードチェック機能はエディタやその拡張機能で提供されるため、あまり意識しないはずです。 しかしながら、スクラッチで開発したCLIツールの出力をエディタ上でも確認したいといったケースもあるでしょう...

    記事を読む
  • | ブログ | 9 min read
    #Sonar #Perplexity #生成AI #LLM #Python

    オンライン検索×AI:Perplexity新API Sonarの概要と基本的な使い方

    オンライン検索型AIサービスとして知られるPerplexityが、2025年1月21日に以下発表をしました...

    記事を読む
  • | ブログ | 3 min read
    #プロジェクト管理 #GitHub

    GitHub Issues で Sub-issues による進捗状況把握ができます

    はじめに # 昨年の秋に GitHub Issues の Sub-issues がプライベートプレビューになって試したのを記事にしていました。 GitHub Issues で Sub-issues が作れるようになりました(ベータ) 今年に入ってこの機能がパブリックプレビューになり、全ユーザが試せるようになりました...

    記事を読む

豆蔵では共に高め合う仲間を募集しています!

recruit

具体的な採用情報はこちらからご覧いただけます。