これから始めるReact Testing - ③Recoilのテスト
エンジニアの osumi です。最近は手挽きのコーヒーにハマっております。 前回から随分と時間が空いてしまったのですが、今回はReact Testing Library入門シリーズの第3弾として「Recoilを使ったテスト」についてご紹介できればと思います。 React Componentのテスト カスタムフックのテスト Recoilのテスト（今回の記事）...
View Articlereact-dropzoneを活用したシンプルなファイルのドラッグ&ドロップと操作デモ
Reactのreact-dropzoneを活用したシンプルにファイルのドラッグ＆ドロップをサクッと使える実装機能サンプルです。ライブラリ選定やコード説明、実際に操作できるデモを交えてご紹介して行きます。
View ArticleClass Variance Authority(CVA) で Tailwind CSS の className を管理する
この記事では、Class Variance Authority (CVA) というライブラリを使って、Tailwind CSS を使ったコンポーネントの className を管理する方法まとめています。
View Articleプロジェクトマネージャーから見た、プロジェクトを成功に導いてくれるエンジニアとは
初めまして。グッドパッチでプロジェクトマネージャーを担当している星と申します。 私は前職がソフトウェアメーカーで、QA（製品テスト）を担当したり開発組織のマネージャーを務めたりと、エンジニアと近い領域で仕事をしてきました。 そんな背景があり比較的開発寄りの案件にアサインされることが多く、以下のようなプロジェクトを担当してきました。...
View ArticleFigma Config 2023 でGoodpatchメンバーが気になったセッションまとめ
6月21日・22日の2日間にかけて、Figmaのイベント「Config 2023」が開催されましたね！本イベントはサンフランシスコで開催され、Goodpatchのデザイナーも現地参加しました。 イベントの中で発表されたセッションはYouTubeにもアップされています。...
View Articleエンジニアのワーケーションで奥多摩の学校に泊まってみた
こんにちは！エンジニアの藤井（touyou）です！ 先日、普段クライアントワークを担当しているエンジニアで集まり、1泊2日のワーケーションを奥多摩で実施しました！ 実は昨年もレポートが出ているので興味のある方はこちらもご覧ください💁♂️ goodpatch-tech.hatenablog.com...
View ArticleRadix Primitives + Tailwind CSS でアクセシブルなコンポーネントを素早く作る
この記事では、Radix Primitives と Tailwind CSS を使って、React コンポーネントを作成する方法を紹介しています。
View ArticleNext.js で next-themes と Tailwind CSS を使って Light/Dark モードを切り替える
この記事では、Next.js で、next-themes と Tailwind CSS を使ってダークモード対応する例を紹介しています。
View ArticleFigma for VS Codeを使ってCSS実装する時のおすすめポイント
FigmaをVS Codeで閲覧できる「Figma for VS Code」について主な機能や使い方のポイント、copilotとの併用時の注意点等について動画や画像でご紹介。
View Article【GPT-3.5-turbo版】スプレッドシートでファインチューニング用データを作ってJSON Linesとしてダウンロードする
Strapチームのフロントエンドエンジニアのトゥイスクです。 先日、OpenAIのファインチューニングのベースモデルにGPT-3.5-turboが利用できるようになるという最高アプデがありましたね。 openai.com...
View ArticleiOS 17 天気アプリの雨粒演出を作ってみた
こんにちは！エンジニアの藤井（touyou）です！ ついに2023年9月19日、iOS 17がリリースされましたね🙌 連絡先がiPhoneを近づけるだけで交換できる機能など、コミュニケーション面でのアップデートが目立った今回のアップデートでしたが、みなさんは何に注目したでしょうか？ 弊社ではiOS/iPadOS 17の天気アプリに追加された、あるマイナーアップデートが注目を集めました。...
View Article大生成AI時代に学ぶAIのしくみ基礎の基礎
こんにちは！エンジニアの藤井（touyou）です！ この記事はGoodpatch Advent Calendar 2023の二日目の記事になります。 今回テーマにするのは昨年末のChatGPTリリースに始まり全世界を巻き込む社会現象となった「AI」についてのお話です。...
View Article右手親指が腱鞘炎になったエンジニアを支える技術
こんにちは。iOS Developer の katoです。 この記事はGoodpatch Advent Calendar 2023 の3日目の記事です。 エンジニアのみなさんは主にキーボードを使ったコーディングに多くの時間を費やすことかと思います。 私も例に漏れずキーボードを叩く日々を送っているのですが、右手親指の腱鞘炎に悩まされることがありました。 腱鞘炎になった際に Try...
View Article苦手なスケジュールの締め切りをサッカー試合の比喩で乗り越える
こんにちは。テックディレクター&エンジニアの池澤です。 この記事はGoodpatch Advent Calendar 2023 の4日目の記事です。 私はスケジュールを立てたり、締め切りに間に合わせる感覚を掴むのがあまり得意ではなかったです。そんな中、色々と試行錯誤をしてみたことについてお話したいと思います。 スケジュール計画で困った事 サッカーの試合に例える 1....
View Article【イベントレポート】 最新デバイス「Meta Quest 3」と「HHKB Studio」を同時に体験できる社内ハンズオンを開催
この記事はGoodpatch Advent Calendar 2023の7日目の投稿になります。 こんにちは、Goodpatchでソフトウェアエンジニアをしている 中田 です。 先月、最新のMR（Mixed...
View Article採用管理システムのデータをLooker Studioで可視化するときにやってよかった5つのこと
この記事はGoodpatch Advent Calendar 2023の10日目の投稿になります。 こんにちは、Goodpatchで中途採用のリクルーターをしている 宍戸 です。 エンジニアのリクルーターや、採用の数字集計や可視化を担当しています。 今回は、採用管理システムの応募者データをLooker Studioでダッシュボード化したときに工夫してよかったことをまとめました。...
View Articleパフォーマンス低下を調査したらChromeのWebGL環境が原因だった話
はじめに こんにちは！エンジニアの古家です。 この記事はGoodpatch アドベントカレンダーの11日目の記事です。 私たちのチームではPixiJSを通じてWebGLを利用した「Strap」というオンラインコラボレーションツールを開発しています。...
View ArticleGoodpatch Tech Blog 2年半の振り返り
フロントエンドエンジニアの上垣です。 「Goodpatch のエンジニア組織を社外にアピールする」という目的で始まった Goodpatch Tech Blog も、開始してから約２年半が経ちました。そこでこの記事では、これまでの Tech Blog の歩みを簡単に振り返ってみたいと思います。 ブログを始めたきっかけ 今までに公開された記事 ブログ運営のために編集部がやっていること 投稿の管理...
View Article細かすぎ…？FigmaやWebで文字の表示位置がズレる問題を知っておこう
この記事はGoodpatch Advent Calendar 2023 15日目の記事です。 株式会社グッドパッチでエンジニアをしているちげと申します。Strap というオンラインホワイトボードサービスの開発に携わっています。最近は小学生時代にハマっていたレゴを触って懐かしさと構造設計の奥深さに浸っています。 product.strap.app...
View Article