先月の話。ガンプラの新作でG3が出るって話を聞いて、これは絶対に欲しい！って思ってさ、久々にハローマックで予約しちゃったんだよね。 いやー、ハローマックに行くなんて何年ぶりだろう？ 子供の頃はさ、ハローマックと言えば夢の宝庫だったじゃん？レゴとかプラモとか、キラキラしたおもちゃが所狭しと並んでて、あとゲームの試遊なんかも出来たりしてさ。 そんな思い出が蘇ってくるもんだから、予約したついでに久々に行ってみようかなって思ったわけ。 で、こ予約したG3を受け取りに行ってきたわけなんだけど、行く前からなんか胸が高鳴る感じがしてたんだよね。 「ハローマックだぞ！」って、着いた瞬間、もう入口からして懐かしすぎて一瞬足が止まった。昔のまんまだなーって。看板のあの赤と青の感じ、あれよあれ。妙に目に焼き付いててさ、あの瞬間、「あぁ、ここだ！」って気持ちが一気にタイムスリップ。 店の中に入ると、これまた懐かし

はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <