at backyard

Color my life with the chaos of trouble.

React

クリックしてクリップボードにコピーする機能をReactで作る

これまた下書きフォルダに入りっぱなしになっていた文章を見つけたので、整理してアウトプットする。 去年書いていたものだ。 よくある、ボタンやテキストなどをクリックしたときに、クリップボードに対象の文字が自動的にコピーされる機能。 あれをReactで…

PaginationをReactで実装したサンプル (Bootstrap使用)

去年書いていたポストだが、下書きの状態のママになっていたため、公開することにした。 以下本文。 最近Reactで実装されたPaginationに触れる機会があったので、自分の理解を深める意味も込めて、自分なりに1から実装してみる。 といっても、スタイルはboo…

Next.jsで作ったアプリでgoogle analyticsの設定を5分で行う

Next.jsで書いたアプリにgoogle analyticsの設定を行うことにした。 google analyticsの設定方法については、ここで書くまでもないかもしれないが、下記の公式ドキュメントを参考にしている。 https://developers.google.com/analytics/devguides/collection…

next.jsにreact-notificationsを導入しようとしてハマったのでメモ

next.jsでreact-notifications用のcssファイルを読み込もうとしたら、Module parse failed: Unexpected character '@' (1:0) というエラーが出た next.jsで書いたアプリに先日書いたreact-notificationsを導入しようとしたら、コンパイル時に下記のようなエ…

Reactでnotificationを簡単に実装できるreact-notificationsを試してみた

Reactでnotificationを簡単に実装できるreact-notificationsを試してみた Reactで簡単にnotificationを使えるライブラリを見つけた github.com create-react-appを使ってサクッと試してみる npx create-react-app react-notifications-sample cd react-notif…

Airbnbが作ったReactのCalendarライブラリ、react-datesを試してみる

Airbnb製のReact用Calendarライブラリ、react-datesというものを試してみました。今回はその備忘録 (結構導入、というかセットアップ段階でハマりどころが個人的に多かったので、この記録には誤りが含まれている可能性があります。割と最後までやるのに疲れ…

Headless CMS の Contentful からデータを取得して、Next.jsのページで表示させるメモ

完全なる備忘録です。 Next.js 9 with TypeScript セットアップ 最近 Next.js 9 を余暇を利用して触っているので、今回はそちらの環境のセットアップから行います。 ちなみに最初からTypeScriptで書けるように設定していきます。 以前Qiitaに書いたNext.jsで…

metabase で 質問をコピーする方法

metabase で 質問をコピーする方法 未来の自分に向けた metabase に関する備忘録となります。 www.metabase.com metabase で 質問をコピーするには、既存の質問を一度開き、なにかしらの編集を行い、それから新しい質問として保存することで、結果的に質問を…