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

react

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

Next.jsをVercelからCloudflareへ移行し、90%のコスト削減を実現した話

See More

酒井です。ハローでは、プロダクトのローンチ前からAutoReserveの開発に関わっています。 この記事では、Next.jsアプリケーションであるautoreserve.comをVercelからCloudflareに移行し、月額コストを約90%削減した背景と実装の詳細を共有します。 Next.jsは比較的セルフホスティングが難しいフレームワークとして知られており、Vercelへのベンダーロックインが懸念されることがあります。Next.js 16でBuild Adapters APIが導入されるなど、セルフホスティングのハードルは徐々に下がっていますが、実運用では課題が多いのが現状です。 Ver…

#Next.js#react#TypeScriipt#Cloudflare Workers#Vercel

関連ブログ

基本的に怠Diary•5日前

AsyncStorageって裏側何やってんの？ - 2.0と3.0の実装の違いを調べてみた

私は普段React NativeでExpo触ってるので、AsyncStorageはよく使うんだけど、「そういえばAsyncStorageって裏側何やってんだろう？」って疑問が湧いてきたので調べてみることにした。 AsyncStorageの裏側 AsyncStorageのバージョンによって実装が少し違う。 AsyncStorage 2.0の実装 iOS/Androidのみ調査。 公式ドキュメント: Where your data is stored - Async Storage iOS (2.0) manifest.jsonファイルに保存される JSONファイル形式 パス: Documents…

#Tauri#Rust#TypeScript
OPTiM TECH BLOG•10日前

React Tokyo ミートアップ #13 参加レポート - フロントエンド開発者のための「厄払い」

こんにちは！DXビジネス開発部の澤です。普段は医療系プロダクトのPjMやエンジニアまた技術広報として活動しています。 2026年1月23日に開催された「React Tokyo ミートアップ #13」に参加してきました。 当社からは、メイントークとして高橋が『フロントエンド開発者のための「厄払い」』というテーマで登壇させていただきました。 React Tokyoは、Reactやフロントエンド技術に興味を持つエンジニアが集まるコミュニティで、定期的にミートアップやカンファレンスを開催しています。 当社もReact Tokyoのコミュニティスポンサーとしてご支援させていただいており、先月は当社コミュ…

#React Tokyo
記録をココに。– my Log –•24日前

【React + TypeScript】ストップウォッチ（ラップ付き）の作成 #004

はじめに 第4回目はストップウォッチ（ラップ付き）を作成しました。 GitHub リポジトリ管理 https://github.com/masakiYLv1/build-with-react/tree/main/apps/004-stopwatch 過去作品一覧 https://masakiylv1.github.io/build-with-react/ この記事でやること ChatGPTから出題される問題、ストップウォッチ（ラップ付き）をReact + TypeScriptを使用して解くこと。 主にReactとTypeScriptを使用すれば、そのほかは自由（ライブラリやフレームワークなど）…

#react#TypeScript#Tailwind CSS
amahisa3のブログ•1ヶ月前

Reactでアコーディオン内のチェックボックスが親を動かす問題をstopPropagation()で解決

はじめに 問題の背景 作りたかったUI 発生した問題 問題が起きたコード なぜ起きるのか？ イベント伝播とは 解決策 stopPropagation() を使う 修正後のコード 関連知識 stopPropagation() vs preventDefault() 使い分けの例 stopImmediatePropagation() との違い 使用例 注意点・ベストプラクティス 乱用は避ける 本当に必要か検討する まとめ 参考 はじめに こんにちは！ 今回はReactでアコーディオン内にチェックボックスを配置した際に遭遇した問題についてまとめます。 具体的には、 チェックボックスをクリックしただけ…

#JavaScript#TypeScript#フロントエンド#stopPropagation#イベント伝播#Event Bubbling
記録をココに。– my Log –•1ヶ月前

とりあえず動くアプリ開発記｜ErrorDict #006

はじめに 3週間前から始めて、ようやくMVP(Minimum Viable Product)構成を9割ほど開発できました。 残り1割はDelete機能実装ですが、これはPhase2ログイン処理実装で行うことにしました。 今回の記事はMVP全体像ではなくて、簡易な検索機能を実装しましたのでココに記録します。 GitHubリポジトリ管理 https://github.com/masakiYLv1/errordict ErrorDict https://errordict.web.app/ あ、ローディング画面の実装を忘れていました… この記事でやること 検索機能の実装 学んだこと 検索機能の実装 …

#react#typesciprt#Chakra UI#Supabase
記録をココに。– my Log –•1ヶ月前

とりあえず動くアプリ開発記｜ErrorDict #003

はじめに 前回は記事詳細ページを作成いたしました。 今回はエラーを登録するための、記事登録ページを作成しましたのでココに記録します。 記事登録ページ https://errordict.web.app/errors/new GitHubリポジトリ管理 https://github.com/masakiYLv1/errordict この記事でやること 現在の進捗 学んだこと 進捗 プログラミング学習中などに遭遇したエラーを登録できる処理、記事登録ページを作成しました。 データを登録するために「React Hook Form」を導入しました。 Reactでフォームをシンプルかつ高性能に扱うためのラ…

#react#TypeScript
記録をココに。– my Log –•1ヶ月前

【React + TypeScript】タイマー（ストップウォッチ）の作成 #003

はじめに 今回はタイマー（ストップウォッチ）を作成いたしました。 ChatGPTには2～3時間で作成できるといわれましたが、ほぼ半日ほど掛かりました… たくさん勉強していると自負していましたが、まだまだのようですね。これからも精進していきます。 プログラミングを楽しくできる日に期待を込めて。 GitHubにてリポジトリ管理 https://github.com/masakiYLv1/build-with-react/tree/main/apps/003-timer 先におまけ 今までは作成したアプリを画像のみで紹介していましたが、今回からGitHub Pagesという機能を使用して、作成したア…

#react#TypeScript#tailwindcss