-
React
Duplicate use of selection JSON ID cell
ビルド時にprosemirror-stateとprosemirror-tablesのバージョンの互換性がないようでエラーがでた。 node_modulesモジュールを一度削除し、インストールするも変わらず。 両方@lat […] -
React
ReactMarkDownでテーブルのエラーを解消する
マークダウンをHTMLにトランスパイルしてくれるReactMarkDownを使用していましたが、最新バージョンでエラーになり、詰まったので解決方法をメモに残しておきます。こんな感じのエラーが出ました。 シンプルなマークダ […] -
React
Clipboard APIを使用して、リッチテキストコピーを実装する方法
リッチテキストをコピーできるボタン作ってって言われたけど、そんなん実装してるの見たこと無い。できないでしょ。。 しんぺー ぼくも出来ないだろうな〜と思いながら調べたらできるみたいです。あまりサンプルや記事も少く実装するの […] -
React
【React】オプショナルチェイニング派?AND演算子派?
Reactで同じような処理をオプショナルチェーンで記述しているものと、AND演算子で記述しているものがありました。どちらが良いのでしょうか? オプショナルチェイニング プロパティやメソッドが存在しない場合に、エラーになら […] -
React
静的なHTMLでReactを使う|BabelによるJSXのコンパイル
静的なHTMLでReactを使用してみます。 JSXをJavaScriptにコンパイルするBabelをCDNで読み込み、ブラウザが解釈できるJavaScriptにコンパイルすることで、静的なHTMLでもReactを使用で […] -
React
【React】memoとuseMemoの違いとは?
memoとuseMemoがあるのを今知りました。なにが違うのか簡単に教えて それぞれの使用例と、比較表を作成しました。 memoとuseMemoの比較 memoは、コンポーネントの見た目が変わったかどうかを確認します。 […] -
React
【入門】Reactとは?コンポーネントベースの映画リスト作成をわかりやすく解説
Reactの最小単位のコンポーネントは理解できました。実際の開発現場で使われるような少し複雑なコードを学びたいです。 ではもう少し複雑なコンポーネントを画面に描画してみましょう。映画情報のリストを作成したので、その情報を […] -
React
【React】GitHub APIを使ってみる
ReactでGitHub APIを使用してみたいと思います。 完成形のイメージ See the Pen Ajax by shimpei (@shimpei) on CodePen. CodePenでReactを使用する方 […] -
React
Reactの基礎を学ぼう: コンポーネントとデータ表示の手法を解説
Reactの基礎的な書き方を学びたいです。何からやればいいですか? Reactではハードコーディングせず、オブジェクト内のデータ(JSONなど)をコンポーネントに渡してあげます。その際map関数を使うことが多いので今回は […] -
React
Next.jsでTailwind CSSをインストールする方法
npm npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p tailwind.config.js /** @type {impo […]