$30 off During Our Annual Pro Sale. View Details »

本当にあった怖い体験談 本番環境で画面が真っ白になりました

ミカイ
November 07, 2024
6

本当にあった怖い体験談 本番環境で画面が真っ白になりました

【エンジニア限定】本当にあった怖い体験談【オフライン開催】

2024/10/24

https://connpass.com/event/332893/

ミカイ

November 07, 2024
Tweet

Transcript

  1. ミカイ ジュン 
 • フリーランスエンジニア 
 • 趣味: もくもく会、アニメ、ネット麻雀(雀魂) 


    • 好きな有名人 
 ◦ 後藤 ひとり 
 ◦ 陸八魔アル 
 ◦ 千早 愛音
 ◦ 八木 唯

  2. キャリア
 • 2020年 ~ 2022年 
 ◦ 正社員: フロントエンドエンジニア 


    • 2022年 ~ 2023年 
 ◦ 正社員: フロントエンド&バックエンドエンジニア 
 • 現在(2024年) 
 ◦ フリーランス: Next.js など設計&開発 
 • 来年(2025年 ~) 
 ◦ Y社 入社予定 

  3. function Component({ plan }) { const [data, setData] = useState();

    useEffect(() => { const fetchData = async () => { const response = await fetch(`/xxxxx?plan=${plan}`); const result = await response.json(); setData(result); }; fetchData(); }, [data]); // 依存配列に`data`が入っているため無限ループが発生
  4. function Component({ plan }) { const [data, setData] = useState();

    useEffect(() => { const fetchData = async () => { const response = await fetch(`/xxxxx?plan=${plan}`); const result = await response.json(); setData(result); }; fetchData(); }, [plan]); // `plan`が変わる時だけ実行。無限ループしない
  5. import useSWR from 'swr'; const fetcher = (url) => fetch(url).then((res)

    => res.json()); function Component({ plan }) { // こういうライブラリを使えば1行で実装できる! const { data, error } = useSWR(`xxxxx?plan=${plan}`, fetcher);