#Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/16d4d627-7068-4c58-af05-81bb1de900c8/%E3%82%A4%E3%83%98%E3%82%99%E3%83%B3%E3%83%88%E3%83%AC%E3%83%9B%E3%82%9A%E3%83%BC%E3%83%88%EF%BC%8820230725%EF%BC%89.jpg)
Another works × SmartHR【顧客に価値を届けるプロダクト志向なエンジニアリング】イベントレポート
- #Meetup
- #Product Management
- #Frontend
- #Backend
- #Development
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/f8a2bd69-dc4e-4206-a398-015b90b62199%2FUntitled_Artwork2.png)
ノブ
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/68b49e1f-68af-4369-abab-390401341fc3/EngineerTechBlogTemplate.jpg)
【HTML】要素の入れ子ルールをやぶるとどうなるのか?
- #React
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/c087a5d5-7830-488f-9dfa-669f65751e74/CopyofEngineerTechBlogTemplate.png)
2023/06/22 Front-end Deep Dive Online イベントレポート
- #Meetup
- #React
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/29ffd9d0-192c-4f3a-95ca-9d2865561897%2Fe54d61c7-1c16-4916-bf6d-4db741b43887_IMG_9034(1).png)
hakemaru
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/96dfc6c2-33dd-4456-8500-764f28e0789d/EngineerTechBlogTemplate(2).jpg)
【React】複数 useRef を使いたくなったときは ref callback function を使おう
- #TypeScript
- #React
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/445b71ce-3d20-4139-ab41-4b1e80ff81a7/EngineerTechBlogTemplate(1).jpg)
ブラウザ標準のデータ保管機能まとめ:Cookie / SessionStorage / LocalStorage / IndexedDB
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/039bebea-faf6-4f66-8bdb-bf78302db2db/EngineerTechBlogTemplate.jpg)
なぜ <div> に onClick がダメなのか?
- #React
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1508f262-cfe4-4a2f-904a-35599731891e/2.jpg)
【TypeScript / satisfies】型注釈(type annotation) はもういらない?
- #TypeScript
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/071ef12e-45a4-4c30-afc2-deb16625f60c%2FEngineerTechBlogTemplate.jpg)
【package.json】 バージョンにつける「^」「~」は何を意味するのか?
- #TypeScript
- #Backend
- #Development
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/e90f0cfa-d784-417f-894b-aaf3ecd623c0/EngineerTechBlogTemplate.jpg)
Another works × SmartHR 【FRONT-END DEEP DIVE】イベントレポート
- #Meetup
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/3a4b9fff-0b9a-4a82-a822-fa1eb0ea7922%2FEngineerTechBlogTemplate(1).png)
Another works / HRBrain【Front-end Meetup 2023 】イベントレポート
- #Frontend
- #Meetup
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/36590059-1279-45ab-b550-c3c21701a431%2FEngineerTechBlogTemplate.png)
今後の React ではどの範囲を Suspense で囲むかという設計が重要になってくる
- #Frontend
- #React
- #Development
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/1abb26e0-38eb-4118-bd41-837a01e76b25%2F2.png)
React.ComponentPropsを使ったコンポーネントの Props 設計
- #TypeScript
- #React
- #Frontend
![](https://storage.googleapis.com/p_6370f30cc5584de95b79f07e/0a9c5426-0399-4552-afb1-429319c28ddc%2F%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%882022-07-117.26.30.png)
まっち / match