React React Router v6でブラウザバックを検知する
やりたいこと
A→B→A
A→Bー(ブラウザバック)→A
AからBへページ遷移後にブラウザバックしてAに戻ったかどうかを判定したい。
AからBへ遷移後、BからAへ遷移は判定しないとする
結論
useLo...
React 
資格 【3週間で合格】AWSクラウドプラクティショナー受験記録(CLF-C01)
2022年2月26日、AWSクラウドプラクティショナー試験を受け合格することができました。
これからクラウドプラクティショナーを受験する方に少しでも役に立つ情報を提供できたら良いなと思います。
スペック
エンジニ...
Laravel 【Laravelエラー】Namespace declaration statement has to be the very first statement or after any declare call in the script
状況
Laravelのアプリケーションでエラー
Namespace declaration statement has to be the very first statement or after any declare c...
Programming 【React Slick】Dotsをいい感じに修正する
React Slickとは
こちらの記事をご覧ください。
問題
カルーセルの枚数が増えた時、点々(Dots)が増えて少し気持ち悪い。
Dotの表示数を全部ではなく、一部のみ表示にできないか？
inst...
Programming Reactでカルーセル、スライダーを作ろう【React Slickの使い方】
カルーセル、スライダーを実装したい時におすすめのライブラリを紹介します。
この記事では具体的なインストール方法から具体的な使い方までご説明させていただきます。
React Slickとは
jQueryのslickライブラ...
CSS Reactとsassでダークモードを実装する
成果物
・darkボタンを押下すると、
・背景色を#3333
・<div className="square"/> の背景色を赤色に
・<button className="butt...
React 顔認証ポモドーロタイマーを作ってみた
動作
顔認証中のみ、タイマーが作動します。
顔の周りには白い枠が表示されます。
顔認証がされていない場合はタイマーは動きません。
作業時間は25分、休憩時間は5分 で...
ツール 【2021年最新】実機iOSでSafariのwebページをデバッグしよう。
Safari Webインスペクタ
実機のiOS端末(iPhoneなど)を使い、作成中のwebページの動作を確認したい時があると思います。
そんな時はSafariのWebインスペクタという機能を使いましょう。
設定と使い方のご紹介！...
商品紹介 Anker Nano II 45W 充電器が届いたので使ってみた感想
AnkerNanoⅡ 45Wを使ってみた感想
パッケージ
サイズ感
MacBookの純正充電器と比較
とにかく、小さい！！
AnkerN...
エンジニアの小話 SIer→Web企業に転職した話
新卒で２年間SIerで働いていましたが、2021年4月よりWeb系ベンチャー企業に転職しました。
この記事が少しでも皆様の役に立てれば幸いです。
経歴
プログラミングの専門学校卒業後、新卒でSIerへ。2019年4月~2...