Goodpatch Tech Blog

https://goodpatch-tech.hatenablog.com/

Goodpatch のエンジニア・デザイナーが、技術情報を発信するブログです。

フィード

記事のアイキャッチ画像
デザイナーは可能性を広げる。PMは可能性を前に進める。
Goodpatch Tech Blog
「制約の中で考えるって、それって悪いこと?」と思ったことがある。同じプロジェクトでも、デザイナーとPMが見ているものは少し違う。デザイナーは体験の可能性を広げる。PMは、それが成立する条件を見ている。どちらが正しいかではなく、どこから考え始めているかの違い。そのズレは、むしろプロジェクトを前に進めるために必要なものだと思っている。
1時間前
記事のアイキャッチ画像
「それでも僕はコードを書く」自分がClaude Codeヘビーユーザーになった数ヶ月
Goodpatch Tech Blog
みなさんこんにちは!デザインエンジニアの藤井(touyou)です。 突然ですが、自分の社内でのAI活用に関する立場について紹介します。 かつては社内のAIタスクフォースに参加してあらゆる取り組みを推進したり、Tech Blogには機械学習の基礎を投稿してみたり、GitHub Copilotの新モデル利用申請を誰に頼まれるわけでもなくやり続けたり... そして今年に入るとAI活用の研修で講師の一人になったりもしていて、どちらかというと社内では「親AI派」というイメージを持たれていることが多いのかなぁとなんとなく思っています。 一方で年末に自分がAdvent Calendarとして出したこちらの記…
9日前
記事のアイキャッチ画像
3社合同!アクセシビリティ LT&交流会 イベントレポート
Goodpatch Tech Blog
グッドパッチでエンジニアリングマネージャーをしている大角です。 先日、クライアントワークでアクセシビリティに取り組んでいる3社(株式会社コンセント、株式会社トルク、株式会社グッドパッチ)で、アクセシビリティをテーマにした LT&交流会を開催しました。この記事では、イベントレポートとして当日の様子や実際にイベントを実施してみた感想をお届けしたいと思います! イベントのきっかけ イベントの内容 6名によるバラエティ豊かな LT 発表 LTの後は交流会! 参加者の感想 イベントを終えて イベントのきっかけ イベントのきっかけは、あるアクセシビリティカンファレンスの参加者同志で雑談をしたことがはじまり…
9日前
記事のアイキャッチ画像
UXと要件定義をつなぐ「UX Requirements Bridge」
Goodpatch Tech Blog
UXと開発は対立しているのではなく、言語が違うだけだった。UXの成果物を要件定義へ翻訳する「UX Requirements Bridge」という考え方と、その順番・構造を実プロジェクトをもとに解説します。
1ヶ月前
記事のアイキャッチ画像
ゲーム攻略本をヒントにした「RPG要件定義」─ AI時代の楽しい要件定義のつくり方
Goodpatch Tech Blog
ゲーム攻略本をヒントに要件定義を「楽しく」できないか?RPGや絵コンテといったセオリーにない要素を大胆に持ち込み、AI時代にマッチしつつ人の理解を促進できる新しい要件定義の構造と書き方をご紹介。
2ヶ月前
記事のアイキャッチ画像
Apple Creator Studioが生まれた意味を考える
Goodpatch Tech Blog
みなさん明けましておめでとうございます!デザインエンジニアの藤井(touyou)です。 年末年始、みなさんはいかがお過ごしでしたでしょうか? 自分は年末それでも僕はコードを書くという記事を出していたにも関わらず、その後Claude Codeを触る機会が増えた結果、今年に入ってからほとんどコードを書かない生活が続いています。このAI時代、人生何があるか分かりませんね(もちろんコードを書くことは依然として好きです。) さて、そんな激動の時代の中突如AppleがApple Creator Studioというものを発表しました。 www.apple.com ざっくり概要をまとめると次のような形です。 …
3ヶ月前
記事のアイキャッチ画像
AIにアクセシビリティのレビューはできる? WCAGに基づいたAIによるデザインフィードバックの検証
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 24日目の記事です。 グッドパッチでエンジニアリングマネージャーをしている大角です。グッドパッチでは2024年に「アクセシビリティ推進プロジェクト」を立ち上げ、社内の有志でさまざまな取り組みを行ってきました。今年のアドベントカレンダーでも色々な取り組みをご紹介しています。 Webデザインアクセシビリティフィードバック入門 みんなに寄り添うアクセシビリティ推進 リンク先、「詳細はこちら」じゃダメなんです── PRが取り組むアクセシビリティ 2歩目のアクセシビリティ ── “はじめた” を文化に変える方法 この記事では、生成…
4ヶ月前
記事のアイキャッチ画像
実はあれもアクセシビリティ?! カーブカット効果が教えてくれること
Goodpatch Tech Blog
字幕、メール、タッチスクリーンなど、実はアクセシビリティから生まれた身近な技術を紹介。カーブカット効果が示す、社会とビジネスへの価値とは。
4ヶ月前
記事のアイキャッチ画像
開発工数見積もりの考え方 〜失敗から学ぶ実践プロセスと注意点〜
Goodpatch Tech Blog
開発工数見積もりをどうしていますか?「実装以外が抜けがち」「複雑さを見誤る」などハマりやすい3つの落とし穴と対策をこれまでの失敗例を踏まえて解説。実務で意識している見積もりプロセスやAI活用の考え方も紹介します。
4ヶ月前
記事のアイキャッチ画像
それでも僕はコードを書く
Goodpatch Tech Blog
こんにちは!デザインエンジニアの藤井(touyou)です。 この記事はGoodpatch Advent Calendar 2025 21日目の記事になります。 弊社のアドベントカレンダーを熱心に追っていただいている方はもうお気づきかもしれませんが、この記事は20日のうっちゃんの記事とは対となるタイトルを冠した記事となります。 ある意味真逆の主張が書かれるかもしれませんが、決して仲が悪いとかではなく、むしろ一緒にエンジニアのAI活用向上施策をゴリゴリと進めている同僚なのでそこは安心して読み進めていただければと思います。 昨日の記事と対比しながら読んでいただくと、生成AIとの付き合い方についてのも…
4ヶ月前
記事のアイキャッチ画像
コードを書かなくなって2年が経ちました
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 20日目の記事になります。 また、この記事の「エンジニア」は「ソフトウェアエンジニア」という前提で書いています。 こんにちは、グッドパッチのクライアントワークチームでリードエンジニアをしているうっちゃんです。 グッドパッチには2025年1月に入社しそろそろ1年が経とうとしています。 私はこれまでWeb系のフルスタックエンジニアとして10年以上のキャリアを積んでいますが、エンジニアと言いながら2年ほどコードを書いていません。 技術が嫌いになったわけでも、エンジニアをやめたわけでもありません。生成AIにコーディングを任せるよ…
4ヶ月前
記事のアイキャッチ画像
Joinして1年。バックエンドエンジニアとしての振り返り
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 19日目の記事になります。 こんにちは! ReDesigner Divisionでバックエンドエンジニアとして働いているsenriです。 2024年11月に入社してから、あっという間に1年が経ちました。この1年でバックエンドエンジニアとして色々な変化があったので、節目としてざっくり振り返ってみます。 コーディング環境の変化 バックエンドテスト再考 テストの構成 テストデータの管理 テストケースとプロダクト施策の紐付け 開発仕様の見直しと習慣化 開発仕様の構成 ドキュメントを書くタイミング 開発サイクルの変化 Go言語に慣…
4ヶ月前
記事のアイキャッチ画像
技術選定から値段交渉まで Strapノート機能刷新に向けた試行錯誤記録
Goodpatch Tech Blog
">この記事は、Goodpatch Advent Calendar 2025 18日目の記事になります。 ">こんにちは。グッドパッチでStrapの開発を担当しています、エンジニアのちげです。すき焼きが美味しい季節になりましたね。 product.strap.app 皆さんは、プロジェクトのアイデアを練る際、どのようなツールを使っていますか? グッドパッチが提供しているStrapは、チームのコラボレーションを加速させるオンラインホワイトボードツールです。無限のキャンバスに図解や付箋を配置できるのが特徴ですが、実はその中に「ノート」という、文章を構造的にまとめられる機能が存在します。 先日までこ…
4ヶ月前
記事のアイキャッチ画像
2歩目のアクセシビリティ ──  “はじめた” を文化に変える方法
Goodpatch Tech Blog
アクセシビリティ診断・勉強会・ガイドラインはなぜ続かないのか?「はじめた」を文化に変えるための2歩目の考え方と実践例を解説します。
4ヶ月前
記事のアイキャッチ画像
迷ったときの道しるべ:「ソフトウェアエンジニアリングのための倫理ならびに専門職実務綱領」を現場目線で読む
Goodpatch Tech Blog
こんにちは。ソフトウェアエンジニアの中田です。この記事は Goodpatch Advent Calendar 2025 16日目の記事です。技術の影響力がかつてないほど高まっている今、あらためて 「エンジニアとしての倫理と行動規範」 について共有します。 いまやソフトウェアは社会インフラそのものになり、AIやビッグデータの活用も当たり前になりました。だからこそ、私たちが日々行う「技術的な判断」が、ユーザーや社会に与える影響は以前よりずっと大きくなっています。 今回取り上げるのは ソフトウェアエンジニアリングための倫理ならびに専門職実務綱領 (第5.2版)(日本語翻訳:村田 潔) です。これは単…
4ヶ月前
記事のアイキャッチ画像
【Material Symbols】 Webfontのサイズ削減とOptical size挙動確認
Goodpatch Tech Blog
この記事は Goodpatch Advent Calendar 2025 15日目の記事です。 はじめに Goodpatch の運営する ReDesigner で、フロントエンドの開発を行っております、かずです。 ReDesignerが運営するいくつかのサイトでは、フレームワークとして Nuxt を、アイコンとして Material Symbols を使っています。 Material Symbols の利用方法には大きくわけて、SVG と Webfont があります。 本記事では、現在 ReDesignerで採用している利用方法であるWebfontについて、フォントファイルのサイズと、Opti…
4ヶ月前
記事のアイキャッチ画像
第2回 突撃!隣の椅子
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 13日目の記事です。 こんにちは!エンジニアのyukaです。 前回の記事に続き、グッドパッチメンバーの愛用している椅子紹介・第2弾です! 今回は、デザイナーとプロデューサーの椅子を紹介します。ぜひご覧ください! ReDesigner はち の場合 使っている椅子は?その理由は? 以前はどんな椅子を? ひとこと Anywhereプロデューサー カクの場合 使っている椅子は?その理由は? 以前はどんな椅子を? ひとこと デザイナー gucchan の場合 使っている椅子は?その理由は? 以前はどんな椅子を? ひとこと デザイ…
4ヶ月前
記事のアイキャッチ画像
リンク先、「詳細はこちら」じゃダメなんです── PRが取り組むアクセシビリティ
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calender 2025 11日目の記事です。 こんにちは、グッドパッチで広報PRを担当している木村です。 私が所属するデザインカンパニーのグッドパッチでは「デザインの恩恵はあまねくすべての人が享受すべき」と考え、組織として企業や社会でのアクセシビリティ推進をさまざまな形で取り組んでいます。 本記事ではそんなグッドパッチで、エンジニアやデザイナーではなく「広報活動を担うPRで行っているアクセシビリティへの取り組み」について紹介していきます。 社内のエンジニア・デザイナーがアクセシビリティに向き合っているが、広報は何から始めればいいかわからないとい…
4ヶ月前
記事のアイキャッチ画像
大生成AI時代の生産性解体新書
Goodpatch Tech Blog
こんにちは!デザインエンジニアの藤井(touyou)です。 この記事はGoodpatch Advent Calendar 2025 10日目の記事になります。 今回は、生成AIの文脈でよく語られる「生産性」という言葉を、あらためて分解して考えてみる話です。 社内でAI活用を進める中で、「生産性を上げよう」と簡単に言ってしまうと、むしろ議論がややこしくなるな......と感じる場面が増えてきました。 そこから見えてきた、自分なりの「生産性」のとらえ方を共有できればと思います。 個人的に感じていた課題感 AIと生産性を考える上での軸の提案 三つの軸で世の中の認識を整理する AI活用を進める価値の再…
4ヶ月前
記事のアイキャッチ画像
あるべき姿に近づく!テストファーストな開発フロー
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 9日目の記事です ⛄️ こんにちは!エンジニアのyukaです。 開発工程においてテスト設計を行うことは、品質の高いソフトウェアを効率的に作り上げるために欠かせません。 テストケースを定義することは、開発しているソフトウェアのあるべき姿を定義することにつながります。 定義されたあるべき姿に向かって開発を進めることで、曖昧さを排除し、品質の高いソフトウェアを効率的に実装することができます。 たとえば、テストフェーズに入ってからの多くの実装ミスや仕様漏れ、UIパターンの発見などのリスクを減らし、品質と効率を両立できます。 先日…
4ヶ月前
記事のアイキャッチ画像
Firebase AI Logicで爆速なAIを実現する。Server Prompt Templatesを添えて。
Goodpatch Tech Blog
この記事は Goodpatch Advent Calendar 2025 の8日目の記事です。 こんにちは!エンジニアの古家です。 普段はオンラインホワイトボード「Strap」の開発をしています。 世は大AI時代。息をするようにプロダクトにLLMが組み込まれているのが日常の風景になりましたね。 StrapでもAI機能の強化を進めていますが、今回はその裏側で「いかにユーザーを待たせずにAIを動かすか」という課題に向き合った話をしてみます。 はじめに: 爆速レスポンスのAIを実現したい 実現技術の比較検討 1. Cloud Functions (従来) 2. Cloud Functions + S…
4ヶ月前
記事のアイキャッチ画像
野球人口、倍増計画 〜次世代の大谷翔平を生むために〜
Goodpatch Tech Blog
こんにちは!エンジニアのkobeです。 この記事はGoodpatch Advent Calendar 2025 7日目の記事になります。 来年は WORLD BASEBALL CLASSIC 2026 が開催されますね!大谷翔平選手の出場も決まり、WBC連覇を達成してくれると信じています。 ただ、そんなスーパースターが活躍している一方で、「野球人口は毎年減っている」と言われています。 私は野球が好きで、息子も少年野球をがんばっています。キャッチボールをしていると、息子の投げる球が日に日に速くなっていて、その成長を見ることができるのはとても嬉しいです。 しかし、少年野球の現場にいると “親の負担…
4ヶ月前
記事のアイキャッチ画像
第1回 突撃!隣の椅子
Goodpatch Tech Blog
この記事はGoodpatch Advent Calendar 2025 6日目の記事です!💺 こんにちは!エンジニアのyukaです。 出社回帰の動きも見られる中、グッドパッチではフルリモートで勤務が可能です。 フルリモート勤務で欠かせないのが、長時間の作業を支える「椅子」。 快適さや姿勢への影響など、パフォーマンスを左右する大事な相棒です。 今回は社内の有志メンバーに、「どんな椅子を使っているのか」を聞いてみました! エンジニア kato の場合 使っている椅子は?その理由は? 以前はどんな椅子を? ひとこと リクルーター chisei の場合 使っている椅子は?その理由は? 以前はどんな椅子…
4ヶ月前
記事のアイキャッチ画像
ネイティブ、Flutter、MAUI などなど…アクセシビリティで選ぶなら?
Goodpatch Tech Blog
Goodpatch ではアクセシビリティスペシャリストとして関わる中で、「この選択が将来のアクセシビリティ対応にどう影響するか?」という視点で技術選定を支援することもあります。そんな時に判断材料になるよう、主要なモバイルアプリ開発フレームワークとのアクセシビリティ対応状況を比較してみました。
4ヶ月前
記事のアイキャッチ画像
みんなに寄り添うアクセシビリティ推進
Goodpatch Tech Blog
Accessibility Specialist の kato が、アクセシビリティ推進していく中で特に大切にしている「寄り添う姿勢」について紹介します。
4ヶ月前
記事のアイキャッチ画像
PMの仕事は、プロジェクト開始前に8割終わっている
Goodpatch Tech Blog
プロジェクトは“走り出す前”で勝負がつきます。PMとして意識している準備工程、前提条件の揃え方、途中からでも巻き返せるポイントをまとめました。
4ヶ月前
記事のアイキャッチ画像
それでも僕は登壇を目指す
Goodpatch Tech Blog
こんにちは!デザインエンジニアの藤井(touyou)です。 この記事はGoodpatch Advent Calendar 2025 2日目の記事になります。 さっそくですが、エンジニアのみなさんに質問です。 「強いエンジニア」とはなんでしょうか? さまざまな定義があるかと思います。いわゆる技術力がある、どこかの会社のCTOやエンジニアリングマネージャーをしている、などなど。 今回はそんな強いエンジニア、すなわち自分のエンジニアとしての目標にまつわるお話です。 エンジニアとして何を目指せば良いのか? どうやって「あこがれ」になるのか? 登壇の効用 具体的になにをすればいいのか? ところで自分はど…
5ヶ月前
記事のアイキャッチ画像
Webデザインアクセシビリティフィードバック入門
Goodpatch Tech Blog
この記事は、Goodpatch Advent Calendar 2025 1日目の記事です 🎄 こんにちは!エンジニアのyukaです。 わたしはWebアクセシビリティ初心者なのですが、グッドパッチに入社してから、アクセシビリティスペシャリストのメンターのもとで、Webアクセシビリティについて実践的に学んでいます。 先日、実際のWebサイトデザインに対して「アクセシビリティに配慮できているか」をチェックし、フィードバックする機会がありました。今回はその際にどのような手順でレビューを進めたのか、初心者視点でまとめて紹介します。 「作成中のWebデザインがアクセシビリティに配慮できているか、チェック…
5ヶ月前
記事のアイキャッチ画像
FlutterKaigi 2025でもLiquid Glass大好き人間してきた
Goodpatch Tech Blog
FlutterKaigi 2025でLT登壇してきた参加記です。お気に入りセッションや、登壇テーマを決めるまでの経緯・発表でやってみた試みについてまとめています。
5ヶ月前
記事のアイキャッチ画像
"使いこなさなきゃ"より"楽しむ"が近道。ゆめみ×グッドパッチ「バイブコーディング」共催レポート
Goodpatch Tech Blog
こんにちは。グッドパッチの宍戸です。 2025年10月27日、グッドパッチ渋谷オフィスにて「バイブコーディングで未来の世界の道具を作ろう」というイベントをゆめみさんと共催で実施しました。 その様子や気付きをレポートします。 AI活用をワイガヤ楽しくやってる空気感が伝わると嬉しいです! yumemi.connpass.com イベント開催のきっかけ テーマ設定の背景 イベントの当日の様子 参加者のチャレンジと成果物 結果発表:選ばれたのはこの「ひみつ道具」たち! 🥇 1位:フリハタさん「スカウター」 🥈 同率2位(2名) やなぎさん「拍手水増しマイク」 うっちゃん「じゃんけん練習マシン」 🎁 景…
5ヶ月前