Hatena Blog Tags
はてなブログ トップ
react
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

react

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

「とりあえず動いた」react-pdf の設定を、ちゃんと理解できるまで調べました

はじめに 支払い.com フロントエンドエンジニアの Torii です。 react-pdf を Next.js に入れてみたところ、思ったより設定が多くて手こずりました。worker ファイルをどこに置くか、webpack をどう設定するか、あちこちに手を入れる必要があります。正直なところ、私は最初、それぞれの設定が何をしているのか分からないまま、動いているコードをコピペして "とりあえず動く" 状態で使っていました。 ただ、それだと少し気持ち悪さが残ります。エラーが出たときに自分で直せません。そこで一つずつ「なぜこの設定が必要なのか」を調べてみたところ、それぞれにちゃんと理由がありました。…

#Next.js#react-pdf#フロントエンド

関連ブログ

Np-Urのデータ分析教室•8日前

【要件定義の打合せ】生成AIとRemotionで難しい仕様を動画にしたら円滑だった

www.youtube.com はじめに テキストだと何が伝わらないのか スライドだとこうなる 動画にするとこうなる デモのシナリオと全体構成 作り方 1: シーケンス図はデータ駆動にする 作り方 2: 動きは「キーフレーム表」で書く 作り方 3: 名前付きタイムスタンプで同期を守る というか、書くのは生成 AI に任せられる 打ち合わせで何が起きたか まとめ はじめに 私は普段、色々なお仕事をさせてもらっていますが、その中でも多いのが製造業関連のAI開発です。この分野では、「動くモノ」と「その裏で飛び交う通信」をセットで説明しないといけない場面がちょくちょくあります。 とあるロボット連携プロ…

#Remotion#react#生成 AI#動画生成AI
UPSIDER Techblog•14日前

レンダリング設定によって変わるTanStack RouterのbeforeLoadのふるまい

はじめに UPSIDERのエンジニアの 太田 です。 新規プロダクト開発において、初めて実務でTanStack RouterとTanStack Startを使用する機会がありました。 本記事ではこれらのフレームワークを初めて使った際に戸惑った、TanStack Startのレンダリング方法と、TanStack RouterのbeforeLoadのふるまいについて書きます。 なお、本記事では以下のバージョンを使用しました。 @tanstack/react-router: 1.142.13 @tanstack/react-start: 1.142.13 TanStack RouterとTanSta…

#TanStackRouter#Next.js#SPA
minitonyの日記•16日前

(VSCode+ZooCode) React学習5 天気アプリの生成

7/18記事から始めたReact学習の課題5「天気アプリ」生成を始める。 ◆生成開始 Roo(Zoo)に指示した。 「(リポジトリ名: JS06Weather) Reactを学習を開始する目的で、(1)useEffect の依存配列 (2)fetch API (3)ローディング状態 (4)エラーハンドリングの技術範囲をカバーする課題として時計アプリを作成します。このアプリで実現する機能は(a)OpenWeatherMap API から天気情報を取得 (b)読み込み中は「Loading...」を表示 (c)エラー時は「取得できませんでした」を表示です。(発展: 都市名を入力して検索/ 天気アイコ…

#Cline#ZooCode
ENECHANGE Developer Blog•16日前

Jotai への移行途中で見えた構造的課題

こんにちは、ENECHANGE でエンジニアをしている清水です。 今年の7月に電力料金シミュレーション領域のチームへジョインしました。 当時、チームではフロントエンドの状態管理の複雑さを解消するため、 Jotai への移行が進められていました。 しかし、実際にコードを追うにつれ、根本的なつらさの原因は状態管理の手段ではなく「判定の所在」という構造そのものにあることに気づきました。 本記事では、5回の「なぜ」で真因に辿り着き、仕組みを足さずに判定の所在を変えるだけで解決した過程をご紹介します。

#状態管理
AKARI Tech Blog•17日前

デプロイ後の環境でだけPDFのフォント読み込みが壊れた件

こんにちは！今週のテックブログは、AI SaaS事業本部で「Digital Billder請求書」の開発を担当している林が執筆します。 私たちが開発・提供している Digital Billder は、建設業界における「見積・発注・請求」といった一連の業務をクラウドで一元管理できる Web アプリケーションです。建設業界では、協力会社とのやり取りが紙やFAX、電話で個別に行われることが多く、書類の作成・管理やコミュニケーションに多大な時間がかかるという課題がありました。Digital Billderは、こうしたアナログな業務プロセスをデジタル化し、協力会社とのやり取りも含めたバックオフィス業務全…

#PDF#react#HTML#Amplify#PDF.js#Terraform#正規表現#Vite
minitonyの日記•18日前

(VSCode+ZooCode) React学習3 ToDoリストの生成 Phase4～7

前回から続く フェーズ1: プロジェクト初期化（React環境構築、依存関係インストール）フェーズ2: Todoリストの基本UI実装（追加機能）フェーズ3: 削除機能の実装フェーズ4: 配列 state 管理の学習と実装フェーズ5: 子コンポーネントへのpropsの伝達フェーズ6: 削除イベントのハンドリングフェーズ7: map, filter の活用 ◆ Phase4 生成 (差分) src/hooks/useTodo.js state変数todosおよび todos要素の追加・削除・更新(テキスト・完了状態)を行なう関数(addTodo・deleteTodo・updateTodoText・…

#Cline#ZooCode
minitonyの日記•20日前

(VSCode+ZooCode) React学習3 ToDoリストの生成 Phase1～3

今までVSCodeでGitHubリポジトリにアクセスするにも右往左往してよく分からないうちにアクセスしてたけど、 GitHubでJS03Inputリポジトリを作ってローカルに git cloneし、VS CodeでWorkspaceを新しくして Open Folderして Trustしたらリポジトリを認識できた。ﾅﾙﾎﾄﾞ... ◆React学習2 入力フォームの生成 (パス) 「(JS03Input) Reactを学習を開始する目的で、 useState/ onChange/ props で値を渡す/ コンポーネント分割の設計の技術範囲をカバーする課題として入力フォームを作成します。このアプ…

#Cline#ZooCode
minitonyの日記•1ヶ月前

(VSCode+RooCode) React学習1 Counterアプリの生成 Phase3, 4

前回に続き、Phase3を生成して見ていく。 Phase 1: Create basic Counter component with JSX and initial renderPhase 2: Add state management using useState for count tracking Phase 3: Implement + and - buttons with onClick event handlersPhase 4: Split into Parent and Counter components, pass initial value via props ◆Pha…

#Cline#RooCode