aspect-ratio で要素のアスペクト比を指定する

aspect-ratio Design Div 所属フロントエンドエンジニアの上垣です。 この記事では、css の aspect-ratio プロパティを使って、要素のアスペクト比を指定する方法を紹介します。 padding hack width が可変の要素に、特定の割合で高さを与える(=アスペクト比…

これから始めるReact Testing - ②カスタムフックのテスト

先日、同僚と京都にワーケーションに行きまして、京都の良さを改めて感じている大角です。 goodpatch-tech.hatenablog.com 前回はReact Componentのテストについて書きましたが、今回はカスタムフックのテストについて書きたいと思います。 React Component…

フロントエンドエンジニアのみんなと京都にワーケーション行ってみた 🤙

こんにちは!エンジニアの鈴木(@zookeeper08)です ‍♂️ 先日、数名のフロントエンジニアが集まり、1泊2日のワーケーションを京都で実施しました! 入社してからほとんどリモートだったので、実は同じチームでもリアルで会話したことがあるのは数回ぐらいと…

センサーデータを使って Jetpack Compose で Parallax エフェクトを作ってみた

Design Division 所属 Androidエンジニアのスージです。 良いデザインでクライアントのビジネスを前進させるために開発している、Jetpack Compose と KMM が好きな Android エンジニアです。 最近 Android ツイッターコミュニティで話題になった SwiftUI で…

Figma Config 2022 感想まとめ

2022年5月10日から2日間かけて行われた「Figma Config 2022」のアーカイブ動画が先日公開されましたね! 本記事では、有志のGoodpatchエンジニアが興味を持ったセッションをピックアップし、セッションの概要や感想をご紹介します! すべてのアーカイブ動画…

これから始めるReact Testing - ①React Componentのテスト

最近、韓国ドラマと個人開発に勤しんでいる大角です。 Webサービスを提供する上でテストを自動化するケースも多いと思いますが、今回はReact Testing Libraryを使った基本的なテストの書き方についてご紹介したいと思います。これからReactでユニットテスト…

若手エンジニア二人で新卒の全職種向けエンジニアリング研修をリデザインした話 実施編

エンジニアの鈴木(@zookeeper08)と藤井(@touyou_dev)です。今回は新卒3年目と2年目となる私たち2人が、今年入社した新卒向けに全職種向けエンジニアリング研修をリデザインした話について、前編・後編の二部にわたって紹介します。 後編となるこの記事で…