React Hook Formでは公式ドキュメントにもある通り、再帰的な型のサポートをしていません。しかし、再帰的なデータをどうしても扱いたいケースが出てきたので解決方法を記します システムのパフォーマンス等について勉強している中で、どうしてもOSレイヤーがブラックボックスになって納得しきれない点があったため本書に手を出しました。… · awslogs, react, hook, form, aws

とりあえず挙げてみたが、なにか特定のライブラリを使う、という感じではなく、レイヤーが一つ下にいった感じがあり、実際にはなんかもうちょっと下のミドルウェアみたいなものを作っていることが多かった気がする。ASTをいじるコンパイラ周辺ツールを作っていることが多かった。 サクッとなにか作る場合、 React + TypeScript + Vite(esbuild) が鉄板という感じで、 esbuild が異次元に速すぎて、typescript… · typescript, webpack, wasm, react, vite

FlutterKaigi 2025でLT登壇してきた参加記です。お気に入りセッションや、登壇テーマを決めるまでの経緯・発表でやってみた試みについてまとめています。 こんにちは。グッドパッチの宍戸です。 2025年10月27日、グッドパッチ渋谷オフィスにて「バイブコーディングで未来の世界の道具を作ろう」というイベントをゆめみさんと共催で実施しました。 その様子や気付きをレポートします。 AI活用をワイガヤ楽しくやっ… extension… · 2025, flutterkaigi, extension, day2, liquid

僕の利用形態としては、React Aria + Tailwind が最も妥当性が高いということになった。 という話を、ここから延々と説明する。何の話をするのかわかる人や結論だけ欲しい人向けの情報は、これ以降何も存在しないので、どうぞよしなに。 これはpyspa アドベントカレンダー 2024の12日目の記事です。11日目は@aodagの走るということについてでした。 · pyspa, aodag, react, aria, tailwind

半年くらい前からは新しく作った自分のサイトに書いている。たぶんここはもう更新しないと思います。ありがとうはてなブログ。 CSS in JSライブラリのEmotionにはReact版とFramework agnostic版がある。なのでReact以外のビューライブラリと組み合わせたりバニラJSでも使ったりできるけど、Babelプラグインが実質必須なのでSingle File Componentsみたいなスタイルとは相性が悪い。… · babel, emotion, css, react, framework

こんにちは、アプリケーションエンジニアの鈴木です。 先日、私が担当しているtebiki現場分析を React v18 から v19 にアップグレードしました。 この対応は半年以上前から計画されていたものの、私自身初めての経験が多く、なかなか着手できずにいました。 … Tebiki で CTO をしています渋谷（@shibukk）です。… · tebiki, react, web, 2025, v18

Organizing : React Native Tech Blog ReactNativeを使った開発について情報交換し、参加者のみなさんが実際に開発・リリース・運用まで出来るようになることが最終目標です。 勉強会から様々な資料や記事、プロダクト・プロジェクトがアウトプットされると良いなと思っています。 ReactNativeはWebエンジニアでも取っ付きやすいので、様々なバックグラウンドの人が集まって情報交換できれば幸いです！… · reactnative, organizing, react, native, tech

目にした数字が素数かどうかって気になってしょうがないですよね。そんなわけで、カメラで撮影した画像中の数字を認識して素数かどうか判定するアプリを作りました。 ファイル選択ボタンを押して判定したいの数字が写っている写真を指定します。このとき「写真を撮る」を選ぶとカメラで撮影した画像を保存せずにそのまま使うこともできます。例として、未読メール数字が表示されているスマホのスクリーンショット画像を使ってみます。… · 1129, react, cloud, vision, api

こんにちは、Reactを中心にフロントエンド開発をしているエンジニアです。 AIコーディングエージェントが普及し始めてしばらく経ちますが、みなさんの現場ではどうでしょうか。私もGitHub Copilotを活用して半年が経ちました。 半年経った今、設計について考… こんにちは！KENTEMのフロントエンジニア、S.W.です。 昨年React19の正式版が公開され、私のプロジェクトでは今年の夏にReact18から19へ更新を実施しました。… · kentem, react19, react, github, copilot

ソフトウェア開発において「テスト」と言うものは非常に重要です。一方でLSI開発などを含めて、RTL界隈では「検証」という言葉をよく聞きます。 業種や人によっても用語の定義が微妙に違ったりもするので一概に定義できない部分もある気がしますが、今日は 主観100% となりますが、私なりの考えでこの二つを考えてみようと思います。… · lsi, rtl, 100, cpu, gpu

Unityで長らくゲーム開発をやっているけれど、Web界隈などで色々と発達しているアプリケーション設計パターンをおいそれと持ち込めば良いわけではないと感じているので、それについて考えてみようと思う。 ここでいう設計パターンていうのは、たとえばUIとかをつくるフレームワークの競争で発達してきた MVC派生 や ReactとかのElmアーキテクチャに影響を受けたものたち、はたまた、Webサーバ(HTTPサーバ) を書くときに… · web, http, unity, mvc, react

個人開発している Furigana Studio が、進研ゼミ小学講座『情報発信局』の字幕制作に採用されました！ ご厚意でエンドロールに名前も掲載してくださっていました。感謝です😭 Furigana Studio はプロトタイプ開発から数えると開発開始からそろそろ2年が経ちます。ときには4ヶ月近く開発が止まっていることもありましたが、細々と作り続けてきて良かったなと思える瞬間でした。 · furigana, studio, setchi, 2023

Reason は JSX をサポートしているので、React 関連バインディングが充実している。 bs-react-native という React Native のバインディングもあって、これを使って簡単な Android アプリを作ってみた。 作ったアプリは入力した英語の文章に含まれる各単語が、Ogden's Basic English の制限語彙の単語であるかどうかをバリデーションして、制限語彙外の単語が赤くハイライトされるもの。 · react, native, basic, english, android

Day1にお話しした『Hotwire or React?』の登壇資料です🕊️#kaigionrailshttps://t.co/SIS0rHA9ZA 何から話そう、何から書こう、と悩みますが、まずは昨年のことから書こうかなと思います。ちなみに今回Hotwireの技術的な話は出てきません。 昨年のKaigi on Rails 2023には一般参加者として参加しました。というのも、初めて提出したプロポーザルを通せなかったからです。 · rails, hotwire, react, kaigi, 2023

デザインをしていると、「どの色を合わせればきれいに見えるんだろう？」って悩むことありませんか？ 私も昔は思いついた色をランダムに使ってしまい、全体がチグハグに見えることが多かったんです。 そんなときに学んだのが「類似色でまとめる」という考え方。同じ色相に近い色を選ぶと、自然に統一感が出て目に優しい印象になるんですよ。 · adobe, color, web

motchang 2025-09-05 20:15 読者になる 今はフリーランスをやっていて、契約などの事務作業を大変安い費用で合同会社E3様にお願いしている。で、その E3 さんから勉強会で喋ってほしいとの依頼をいただいたので喋ってきた。 2018年の3月から今の現場、株式会社グロービスで稼働をしていて、社内および取引先のみなさまに利用していただくシステムの新規開発をやっており、その事例を共有させていただきました。内容は概ね以下のよう… · motchang, 2025, 2018, react, 2019

水産流通のDXや業務効率化を実現するアプリケーション「UUUO」「atohama」を開発・展開している株式会社ウーオのテックブログです。プロダクトにまつわる様々な情報発信を行います。

現在、(紙の)書籍として購入できる日本語の React の入門書の 良い点 / 残念な点 をまとめてみました。 なるべく公平な評価をしたつもりですが、私は 作りながら学ぶ React入門 の著者ですので若干のバイアスはご了承下さい。 WebデベロッパーのためのReact開発入門 JavaScript UIライブラリの基本と活用 · react, web, javascript, node

今回もGyazoのテストも兼ねて、ReactのListのkeyについての投稿です。 あんまやる人いないと思うのですが、keyにを正常に指定、つまり一意なkeyを指定しないと全体的にレンダリングされてしまうので注意が必要です。 上記見ていただくとわかるのですが、Reactの差分検出処理は双方のリストの一致/不一致を走査し、不一致があればその差分を更新するというものです。 · key, react, gyazo, list, dom

programmingo 2023-07-19 17:07 読者になる ということを考えて学ぶというのは決して悪いやり方ではないのですが、 ではプログラミング言語というのは今学んでいるのは無駄になってしまうのかと思うかもしれませんがそんなことはないので心配しなくても大丈夫です。 · programmingo, 2023

2015年1月、React ConferenceにてReact.jsでネイティブアプリが作れるようになると発表された。この発表を受けて最近何かと話題のReact.jsだが、リリースされたのは2013年であり、2009年にリリースされたAngularJSや、2010年のBackbonejsなどの他のjavascriptフレームワークに比べると新しく、まだネットに日本語の情報があまりない。ということで、React.jsのデファクトルーティン… · react, router, javascript, 2015, conference

ReactはFacebookによって開発されたフロントエンドライブラリで、モダンなWebアプリケーションのUI開発に広く使われています。本記事では、Reactの基礎であるコンポーネント（Components）、Props（プロップス）、**State（ステート）**の3つの要素について、初心者にも分かりやすく解説し、モダンなReactコード例を交えてご紹介します。… · react, props, facebook, web, components

最近は技術ネタはQiitaに書いているので、たまにはこちらにも投稿です。 ここ一年半くらいはReact.jsを使っている関係から、6月の頭にReactEurope 2016というカンファレンスに参加してきました。場所はフランスのパリです。ReactEuropeは去年から始まり今年で2回目の開催で、来年もあるとのこと。React.js自体はもう大分枯れてきていて余り大きな変化はないので、今回のカンファレンスは周辺の技術要素がメインという感… · sim, react, reacteurope, free, mobile

最近はもっぱらBI関係のお仕事をしています。 データセットからレポート作ったり、打ち合わせしたり、レポート作ったりする感じです。 当たり前ですがデータを扱うにあたっては、データの意味が重要になるので業務知識というか業務そのものに対する理解がとても重要になります。つまりは業務を理解していないとしんどいってことで、畑違いの場所からくると最初のキャッチアップがしんどいです。… · react, redux

Kaggleでノートブックを動かしてるときに、「ライブラリはインポートしたいけど、その後の重たい処理まで走っちゃうのはちょっと…」って思うことありませんか？ 自分も最初は毎回全部実行しちゃって、無駄に時間かかってました。（GPUの待ち時間が地味にストレス…） で、最近になって知ったのが「セルを選択して実行」できるってこと。 · kaggle, gpu, shift, run, current

タイトルの通り『エンジニアリングマネージャーのしごと』を読みました。 本書籍を読もうと思ったきっかけは、仕事でピープルマネジメントに片足を突っ込むようになったためです。 印象に残った点を備忘録として残しておこうと思います。 正直まだまだできていないことが多いなあと実感しました。 マネジメント経験がまだ浅いこともあり、日々不安な気持ちと葛藤しているのが正直なところです。 本書の内容を少しずつでも実践していきます。 · react, hook, form, useform, input

エクスプローラで見えない .git/hooks/pre-push などのファイルを開くのに Finderをいちいち開くのが面倒だなと思っていたが codeコマンドで開くことができた ディレクトリ単位でしか codeコマンドを使ったことがなかった。なんで気づかなかったのか 起動してサンプルアプリを2,3個動かしてみた感じ、 Google Dify という捉え方でいいのかなと思った。 · code, react, git, hooks, pre

React Routerにはエラーが発生したとき、デフォルトで表示してくれるエラー画面がある。 これをreact-error-boundaryを使ってカスタマイズしたい。 まず、React Routerを使ってルーティングをするときはこう書く。 · error, react, router, boundary, http

ニンテンドーカタログチケットでなにと交換するか迷っていませんか？また、ニンテンドーカタログチケットを購入しようと思っていませんか？ そこで今回は、ニンテンドーカタログチケットで交換するのにおすすめのソフトを紹介します！ 正式名称は「2本でお得 ニンテンドーカタログチケット」です。任天堂ソフトを中心とした対象ソフト2本を税込9,980円で購入できるチケットです。「Nintendo Switch Online」加入者限定で購入できます。 · 980, nintendo, switch, online, 990

・参考： ・ReactのMaterial-UIで、右揃えの要素を作るには | Kanchiの雑記帳 ・【初心者】#1 Reactの基礎とMaterial-UI使って綺麗に作ってみる #JavaScript - Qiita を使えば良い。具体的には下のコードのHeader.jsxを参照。 ・説明 C - Cross… · react, material, ans, kanchi, javascript

おひさしぶりです！takimonです。 今回は ReactアプリをViteでGitHub Pagesにデプロイする方法 を紹介します。 まずはViteでReactアプリケーションを作成します。 以下のコマンドをターミナルで入力してください。 構成は「JavaScript + React Compiler」を選択します。 · react, repository, vite, takimon, github

プログラミング学習は時に難しく感じることもありますが、楽しいプロジェクトに取り組むことで継続的なモチベーションを維持できます。Python は初心者にも優しく、同時に強力な機能を持つ言語です。今回は、Python を使って実装できる面白いネタやプロジェクトのアイデアをご紹介します。週末のハッキングや、プログラミング学習の実践課題としてぜひ活用してください！ コマンドラインで動作するシンプルなテキストアドベンチャーゲームは、Python… · python, twitter, tkinter, pyqt, gui

生活を少しずつ快適にしていくのが好きなのでよくガジェットを買ったりします。製品の情報を調べてみて、使ってるところを想像して、ドキドキしながらポチる。そして届いたものが想像以上の便利さだったりすると凄く嬉しいわけですよ。 去年もいっぱい買いました。良かったものの情報を今回書いていこうと思います。ではどうぞ。 Unity 1 Weekに作品を投稿しました。その反省会をしますッ！！ · unity, week, wiiu, 3ds, nintendo

弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 今回は実際にHasuraとReactアプリとのつなぎ込みを行い、超簡単なTodoアプリを作っていきます。 弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 · react, hasura, todo, graphql, code

昨年は本当にぎりぎりになんだかんだ書いてたので少し前にまとめ始めようと思う。というか、昨年と同様に1ヶ月から2ヶ月単位でなんか書けたら、と思ってたけど、リアルで色々立て込んでて向かおうと思えなかったというのがあるかな。 たまには愚痴りたいw 今年の仕事の1/4は少なくとも自分が原因でない巻き込まれ事故的なもんだった。今年は厄年では無かった筈なんだけどなぁ...厄年はゲフンゲフン。… · 600w

3月14日に岡崎に河津桜（葵桜）を撮りに行きました．終わりの時期かつ前日に雨が降っており，当日も強風で条件が悪かったですが，良いものを見ることができました． 気に入ったものをいくつか載せます．今後も写真を撮りに行った際は載せていきたいと思います． これまでの流れも忘れてしまったので，次回以降別の書き方で自分の体験談を書いていこうと思います．

グローバルなJSONリファクタ に続き、地道なリファクタシリーズ第2弾。 Facebook社が公開している flux-utils、使っていますか。 今は大抵の人がReduxでFluxを実装していることでしょう。flux-utilsは3,4年前はシンプル故に普通に選定してもよいと思える選択肢でした。 でも今は選定しないほうがいいです。 といってもいきなり全部React… · flux, hooks, container, utils, react

初心者向けの、JavaScript/ React の学習コミュニティの紹介です🚀 ▶︎対象：React/Next.jsを学習中、または学習予定の方 ▶︎学習内容：JavaScript, TypeScript, React, Next.js · react, javascript, next, typescript, kazzyfrog

最近話題のClaudeCodeに教えてもらいながら Reactで簡単なカウントアップアプリを作成してみました。 DockerとDevContainerもよくわかっていないですが すべてClaudeCodeさまに教えてもらいながら書きました そもそもGitの使い方もなんですかそれはってレベルなので、 改めて何度も書いて覚えていきたいなと思います。 · claudecode, react, docker, devcontainer, git

教養区分の体験記を書くだけに作ったブログなのですが、久しぶりに何か書きたい気持ちになったので、自分の気持ちを残しておきたいくらいの感覚で書いてみます。 まず、教養区分の体験記ですがこれまで多くの方に読んでいただけているみたいです。アクセス数も思ったより伸びていました。（多寡の基準が分かりませんが...）…

mashiroyuya 2018-12-07 10:16 読者になる この記事ではReactを始める環境づくりの準備までのやり方を書いきます。 npmでローカルにReact環境を作るやり方を紹介します。 プログラミングを始める時にはファイルを整理するために新しくプロジェクトを始めるためにはディレクトリを作ろう。 どこか適当にディレクトリを作って、その中で作業しよう。 例えば デスクトップにフォルダを作ってその中で作業しよう。 · mashiroyuya, 2018, react, npm, install

React Advent Calendar 2022 9日目の記事です。 早速ですがみなさん、Reactに多言語対応ってどうやって実装してますか？いろいろな方の記事を拝見すると、どうやら巷ではi18nextを使うのが一般的のようです。しかし本記事ではあえての車輪の再開発！hookを使った自力での実装について書いていきます。 nomurabbit 2022-12-09 00:00 読者になる · 2022, react, nomurabbit, advent, calendar

Reactでcanvasを使用して「ボタンを押したら画像をダウンロードする機能」を実装しようとしたら詰まったので備忘録 かなりニッチなニーズ ボタンのクリックで画像をダウンロードする機能を作ります 別ドメインだと厄介だったので残しておきます 通常aタグにdownload属性をつければファイルは簡単にダウンロードできますが · canvas, download, react, blob

Yuta_YamamotoがWebやテック系の話をします。React、GraphQL、TypeScriptなどフロントエンド多め。

この記事ははてなブログテーマ「絢爛」のカスタマイズ紹介ページです。 ktrw3200 2019-03-14 15:15 読者になる どのブログ、どのホームページの左下を見てみると必ずと言ってもいいほど設置されている「『トップへ戻る』ボタン」。 · ktrw3200, 2019, javascript, jquery, css

tachitechi blog（たちてちブログ）です。技術、広告に関するトレンドや検証結果を中心にまとめています。web, 広告系の技術には強いです。日々の備忘録が多いです。気になる点ありましたら、気軽にメッセージください。

こんにちはhelloです。ISUCONで課題に上がっていたRubyでの非同期処理についてまとめてみたいと思います。 非同期処理について整理していたつもりがすごい量になってしまいましたね... Process.forkをすることによりプロセスを作成する事が出来ます。 · parallel, gem, map, fiber, hello

Reactで動的に出現する要素をDOM量抑えながら実装する。たとえばドロップダウン。 画面内に一個だけしか出現しないユニークな要素であれば、stateとcssでなんとかなると思う。 ただ下記のような要件が出てくると、この実装だとマズそうな気配が強くなる。 · react, dom, state, css

React 公式ドキュメントの日本語翻訳版が公開されました。まだ翻訳されていないページもありますが主に Docs は翻訳済みです。 GitHub で翻訳者を募っていて、私も次の 3 ページの翻訳を担当しました。 React の公式ドキュメントって Gatsby で動いているの初めて知りました。便利。 · react, docs, github, gatsby, web