Hatena Blog Tags
はてなブログ トップ
react
このタグでブログを書く

react

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
APC 技術ブログ•15時間前

DatabricksとDSPyで作る、スケーラブルなAIルーティングエージェントの実践ガイド

※本記事は、Data + AI Summit のセッションを現地で視聴したエンジニアが、内容をできる限り客観的に共有することを目的に、生成AIを活用して作成したものです。 ― エーピーコミュニケーションズ Lakehouse部 Data + AI Summitで発表されたセッション「Route to Success: Scalable Routing Agents With Databricks and DSPy」では、Luis Moros氏が複雑化するAIシステムを統合するための実践的なアプローチを解説しました。本記事では、この講演内容を基に、分散したAIシステムを束ね、保守性と拡張性に優れ…

#Databricks#DAIS2025#DSPy#react#Simba#ベクトル検索#LakeBase

関連ブログ

fdm_logのほぼにち日記•2日前

ReactとSpring Bootの連携と新宿の夜・少しだけ「カリオストロの城」の感想：2025年6月26~29日記録

前回から後にした勉強 システム開発 React によって Web アプリケーションのフロントを作成する方法を入門編のみ勉強。具体的な機能を持たせることはできていないが、ともかくページを作る流れは理解できました。今後は並行して各フォルダ構成が持つ役割とバックエンドとの連携について理解していきたいですね。 さらに、バックエンドは Spring Boot で作成。本来は Eclipse という開発ツールを利用して実行するのがメジャーな方法のようですが、普段から使用している VS コードでも拡張機能を利用すれば可能なようなのでそちらを利用しました。YouTube 上でも日本語の入門動画が少ないので本を…

#筋トレ#react#Spring Boot#映画#カリオストロの城
えみろぐ•4日前

Reactで創作漫画のキャラ紹介ページを作ってみた②

前回の記事に引き続き、創作漫画のキャラ紹介ページのアップグレード版を作りました^^ 前回の制作物のアップグレード版。今度はメイン画像をクリックするとモーダル内で画像数枚が一定間隔でスライドするアニメーションをReactで実装しました😊 #プログラミング初心者 https://t.co/SNaWLOyP6B pic.twitter.com/8O9D9fPlYM — えみろぐ (@emy_log) June 26, 2025 今度はメイン画像をクリックすると、モーダル内に複数の画像が一定間隔でスライドするアニメーションをReactで実装しました。 こっちの方が動きがあって楽しい( ＾∀＾) もう少…

#プログラミング#プログラミング初心者#JavaScript
TECHSCORE BLOG•4日前

Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（概念とディレクトリ構造編）

1. はじめに 1.1 App Router とは何か Next.js 13.4 で正式リリースされた App Router は、従来の Pages Router に代わる新しいルーティングシステムです。最も重要な特徴は、React Server Components をデフォルトで採用している点にあります。これにより、サーバーサイドでコンポーネントをレンダリングし、必要な部分のみをクライアントに送信することで、パフォーマンスの大幅な向上を実現しています。 App Router は単なるファイル構成の変更ではありません。React 18 の新機能を最大限活用し、サーバーとクライアントの境界をよ…

#Next.js#App Router#フロントエンド#Web開発
プログラミングを頑張る土木系専攻大学院生のブログ•5日前

YouTubeAPIで、再生リストからデータを一覧取得してみた 　FastAPI × React アプリ開発【レシピ提案アプリ⑥】

こんにちは、今回のテーマは 「YouTubeの再生リストからレシピ動画を一括取得」 です！ 前回の記事 ↓ では、Djangoテンプレートでレシピを一覧表示する機能を実装しましたが、今回は レシピを一括追加するための自動化ツール を作っていきます。今回から使用するフレームワークや言語が変わります。 フロントエンド HTML/CSS & JavaScript → Reactバックエンド Django → FastAPI siip.hateblo.jp ランキング参加中プログラミング ランキング参加中Python ランキング参加中大学生 🎯 今回やること 以下のような処理を実装して、YouTube…

#fastapi#react#YouTube#API
なんでも書く•5日前

ChatGPT APIを活用したアプリ開発メモ

はじめに ChatGPT APIを使ったアプリを開発したい。 ChatGPT APIの使い方、アプリへの組み込み方のメモ。 前提 ChatGPTのアカウントは作成済み。 Plus版課金済みだが、API利用時はまた別の料金設定のため関係ない。 手順 アカウント作成 APIキーの発行 クレジットカードの登録 手順詳細 アカウント作成 ChatGPTにアクセスする。 chatgpt.com 右上の「無料でサインアップ」をクリックする。 画面の指示に従いアカウントを作成する。 APIキーの発行 ダッシュボードのAPIキー画面にアクセスする。 platform.openai.com 右上の「Create…

#プログラミング#ChatGPT API#ChatGPT#AI開発
KENTEM TechBlog•6日前

Jotaiの採用で可読性と保守性向上！：React.ContextからJotaiへの移行

こんにちは！KENTEMでフロントエンドエンジニアをしているS.W.です。 私が担当しているプロダクトでは、React Contextを用いた状態管理において、ひとつのContextに複数の状態変数が密集している状態でした。 その結果、 可読性の低下 保守性の悪化 パフォーマンスへの影響 といった課題が顕在化していました。 こうした問題を解決するために、まずは状態管理のアプローチを見直す必要があると考え、第一歩として状態管理ライブラリの導入を検討しました。 その結果、Jotaiを採用する決断をしました。 この記事では、Jotaiへの移行ポイントや実際の移行手順を、具体的なコード例を交えながら詳…

#状態管理#react#jotai#Webフロントエンド
えみろぐ•8日前

Reactで創作漫画のイラストページを作ってみた

Reactの公式ドキュメントを読みながら、遊びで創作漫画のイラストページを作ってみた( ＾∀＾) reactで創作漫画のイラストページを作ってみた💡サムネを横スクロールにして、メイン画像をクリックするとモーダルで画像全体が表示されるようにしてみました😊 #プログラミング pic.twitter.com/EqH0KsFElq — えみろぐ (@emy_log) June 22, 2025 ①サムネを横スクロール表示②メイン画像をクリックするとモーダルで画像全体を表示 次回はReactで登場人物の紹介ページを作ってみるのだ＼(^o^)／

#プログラミング#プログラミング学習
kitaroの自由帳•9日前

GitHub Pages で React アプリケーションをデプロイする

ポートフォリオを作成したときに得た知見を記録として残していきます。 この記事では、Viteで作成したReactアプリケーションを、GitHub Pagesで公開する手順を説明します。 核心となるポイント ReactをGitHub Pagesにデプロイする方法の鍵は、vite.config.js ファイルにある以下の2つの設定です。 base: GitHub Pagesでは、プロジェクトは https://ユーザー名>.github.io/<リポジトリ名>/ のようなサブディレクトリ形式で公開されます。このため、Viteにリソース（CSSやJSファイルなど）のパスの基準となる場所を教えてあげる必…

#GitHub#ポートフォリオ#エンジニア
KENTEM TechBlog•11日前

IT未経験から3年間React開発を行った振り返り

UnsplashのYannik Zimmermannが撮影した写真 こんにちは。フロントエンドエンジニアのT.C.です。私はITエンジニア未経験でKENTEMにキャリア入社し、React歴も4年目になりました。 どのくらいのスキル感で入社して、各年次ごとにざっくりどの程度のスキルを持つようになったのかを共有します。 スキルの成長は具体的な数値で測りにくい部分もありますが、当時の感覚や経験したことを中心にお伝えできればと思います。 また、後半ではアトミックデザインやフロントエンドテストを導入した際に学んだことも書かせていただきます。 主観の多い記事にはなりますが、Reactエンジニアを目指してい…

#Webフロントエンド#react#Atomic Design#フロントエンドテスト