連続して発火するイベントの処理を減らしたいっ！(React)
例えばscrollの位置を保存するような処理を書こうとすると、連続してイベントが発生してしまって処理が無駄に行われる場合があります。 const = useState(0); // heightが変更された時 useEffect(() => { // 保存する save(height); },…
「日ハムｘ西武(2022年11回戦)」を札幌ドームで観戦っ！
昨日に引き続きまして、今日も札幌ドームにやってきました⚾ 今日は連敗を脱出して火曜からの交流戦に挑みたいですね～💪 スタメン 1（右）川越 誠司 2（遊）滝澤 夏央 3（中）愛斗 4（一）山川 穂高 5（二）外崎 修汰 6（指）栗山 巧 7（捕）古賀 悠斗 8（左）高木 渉 9（三）熊代 聖人 先発…
サッポロビール園でジンギスカンを食べつつ札幌ドームで「日ハムｘ西武(2022年10回戦)」を観戦っ！
まずはJR札幌駅から苗穂駅に向かいます🚃 サッポロビール園 ガーデングリルでランチの予約したので、時間まで園内をプラプラ🚶 ガーデングリル もちろんビールです🍺 サッポロビール園限定のサッポロファイブスター★★★★★ 予約していた「贅沢３種のジンギスカンランチ」を頂きます✨ (ショルダー50g／肩ロ…
札幌遠征に行ってきますっ！
来年から日ハムがホーム球場を札幌ドームから新ドームに変更するので、今年中には札幌ドームに行きたいなぁ～と思っていましたがちょうど土日の西武戦があったので札幌遠征へ✨ 今日(金曜)も試合がありますが、移動中(ホテルにつく頃)には試合が終わってそうです😅 羽田空港 -> 新千歳空港 羽田からJALで新千…
「西武ｘロッテ(2022年6回戦)」をベルーナドームで観戦っ！
家でテレビ観戦かなー？と思っていましたが、フェスティバルズユニ発表があるようなので現地へ🚃 (GWはさすがにチケット残ってないかと思いましたが、普通にチケットが買えたので😅) 自然共生型ドームなので、今日もカラス？が飛び回っております👍 スタメン 1（遊）源田 壮亮 2（中）オグレディ 3（二）外崎…
「西武ｘソフトバンク(2022年3回戦)」をベルーナドームで観戦っ！
西武は7連敗中(昨日は引き分け)で、森と山川は怪我で不在です😭 今日はめちゃくちゃ暑いですが、ブランケット配布デー🎁 プレイヤーズフェスタとして場内演出がイラストになっていました😀 スタメン こちらもイラストバージョンですね😀 1（中）鈴木 将平 2（左）オグレディ 3（指）中村 剛也 4（二）外崎…
「西武ｘオリックス(2022年2回戦)」をベルーナドームで観戦っ！
トモニー(西武線の駅ナカコンビニ)で、コラボランチパック「若獅子カレー風」を見つけたのでとりあえず買って球場へ🚃 3月からネーミングライツでベルーナドームに生まれ変わりました✨ 台湾デーということではないかもしれませんが、台湾フルーツのフォトスポットが球場前に📸 フルーツは置いてあるだけで、販売はし…
Storybook(CSF3.0)でdefault exportではないコンポーネントを追加したいっ！(React)
サンプルが雑ですが、hoge.tsxにはHogeとFooがあって、Hogeはexport defaultです。 export default Hoge = () => { render <>Hoge</>; } export Foo = () => { rende…
西武ｘ巨人(オープン戦)を東京ドームで観戦してきたっ！
試合開始の直前で入り口は混んでるかなーと思いましたが、そうでもないですね🤔 オープン戦といえばチケットが安いので普段よりちょっと良い席で見ようと思いましたが、特に安くなかったので今日は指定Cです💰 新しくなったスクリーンがでかい😀 スタメン 1（遊）源田 壮亮 2（二）外崎 修汰 3（左）栗山 巧 …
旧坂本小学校の「棟下式」の見学会に参加してきましたっ！
Twitterでたまたま見かけて気になったので、旧坂本小学校の棟下式の見学に行ってきました👀 3月1日から解体が始まるようなので、本当に最後の機会。 屋上は前日までは入れたようですが、今日は鍵が閉まってしました🤔 階段の手すりに時代を感じます👍 トイレも洒落てますね👍 体育館の外観👀 理科室 ステン…
DOG MONSTERの犬福袋2022が届いたっ！
いつ届くのかなぁ～と思ってましたが、無事に？届いたので早速開封しました😀 - ハンガー - Tシャツ - 歯ブラシ - コースター - アー写 - サイン色紙 - 缶バッジ - コインケース - CD「負け犬新世界vol.冬」 「負け犬新世界vol.冬」はさっそく取り込んでヘビロテですね✨ 手書き色…
Javascript(ES6)でrangeのArrayを作りたいっ！
タイトルの通りですが、0~4のArrayを作りたいなーって話です。 これが例えば、0~100とかだと羅列するのは現実的じゃないですし。 const hoge = ; であればお手軽に書けば const hoge = ; ですが、 const hoge = ; の場合はどうでしょうか？ const h…
componentDidMount / componentWillUnmount を useEffectで書き換えたいっ！
そもそもjsで書いてたコードをTypescriptにしないと行けないところですが、とりあえずHooksへの書き換えをメモ程度に。 componentDidMount componentDidMount() { console.log('mount!!'); } マウントされた時に何かしたいやつですが…
TypeSciprtのオプショナルチェーンをメモっ！
Optional Chaining rubyで書くと user&.id ですね。 (userがnilでなければidを呼び、userがnilの場合はnilが返るやつ) で、Typescriptで書くとこんな感じ const id = user?.id; ですね。 (userがnull / undefi…
React(TypeScript)でコンポーネントのtypeを別のコンポーネントで使いたいっ！[ComponentProps]
とあるコンポーネントのPropsで指定しているtypeを使いまわしたい時にComponentPropsを使うのを忘れそうなのでメモ。 const Hoge: React.FC<{ id: number }> = ({ id }) => { return <>{id}&l…