Techtouch Developers Blog

テックタッチ株式会社の開発チームによるテックブログです

「フロントエンドカンファレンス北海道2025」で実施したクイズの中身を大公開!

2025年9月6日開催の「フロントエンドカンファレンス北海道2025」にテックタッチがゴールドスポンサーとして初出展しました。スポンサーブースで実施したフロントエンドクイズの内容と結果をレポートします。

フォーカスインジケータの視認性向上:CSS実装のポイント

キーボード操作時のユーザー体験を向上させるために、CSSを用いた視認性の高いフォーカスインジケータの改善方法を解説します。2色構成の手法を紹介し、具体的なCSSコード例を通じて、背景色に左右されないデザインのポイントを紹介します。

スピードと品質を両立する、AI時代の開発ドキュメント戦略

新規事業であるAI Central事業部にて、AI時代のドキュメント戦略を作りました。その中で、LLMによるドキュメント自動更新の仕組みや、そのためのドキュメントポリシーの策定、チームへの浸透のさせ方などをご紹介しています。

AWS Lambdaをローカルで実行する - コンテナイメージ作成不要のシンプルな方法

AWS Lambda をローカルで実行するシンプルな方法を紹介します。 この方法は Docker を使える環境であれば、それ以外の新しいツールをインストールすることなく、少ない手順で Lambda 関数をローカルで実行できます。

AI (Dify) で変わるマーケティングとデザインの協業プロセス

本記事では、 AI を活用してマーケティングチームとデザインの協業プロセスをどのように革新したかをお伝えします。日々の業務を効率化する強力な後方支援として、AI の具体的な活用プロセスを深掘りします。

CSEのリアル:ナレッジ検索システムの内製から定着までの道

CSE

CSEチームが内製したナレッジ検索システム。ミニマム開発でNotionとSlack、AWS Lambdaを活用し、社内の情報共有と問い合わせ対応を改善。開発初期の苦労から文化醸成、そして利用定着までのリアルな道のりを紹介。

テストスイートの整理でリグレッションテストケース数を40%削減した話

QA

テックタッチではリグレッションテストの長時間化が課題でした。本記事ではテストスイートを整理してテストケース数を40%削減した方法について簡単に紹介します。

ユースケース層 大規模リニューアル:安全な移行のための3つのアプローチ

テックタッチは最近クリーンアーキテクチャにおけるユースケース層の大規模なリニューアルを行いました。本記事では、リニューアルの際に工夫した内容を簡単に紹介します。

DeepSeek-R1の数理的背景を理解する

AI

DeepSeek-R1で使われた強化学習アルゴリズムGRPOの解説です。

runn と Testcontainers で「ちょうどいい」Go API テスト

runnとTestcontainersで「ちょうどいい」Go APIテストを導入しました。APIテスト導入までの試行錯誤と実装例を紹介します。

検索結果に表示させない技術 robots.txt と X-Robots-Tag を正しく組み合わせよう

検索結果にウェブページを載せたくない、というモチベーションの元でのrobots.txt と X-Robots-Tag によるクローラー制御について。

TypeScript の interface を活用して安全性と拡張性を兼ね備えた型を作る

「クロスドメイン iframe 間のメッセージング機能の実装」を通じて、「interface の宣言マージを活用した型設計」、「型エイリアスと Generics を使った方法との比較」などについてご紹介します。

Argilla を使って生成 AI の出力クオリティ向上を目指す!

AI

AI 出力改善の一環として、人間による評価をワークフローに組み込むために Argilla を導入した背景や、具体的な機能などについて紹介します。

(資料公開)フィードバック研修でチームを強くする!

メンバーが成長を実感できていないという悩みをもつ EM は多いです。 「成長」はリーダーがチームやメンバーと向き合っていると必ず遭遇する課題です。 今回、成長に向き合うために実施したフィードバック研修のノウハウを資料を合わせて公開します。

テスト自動化の協業を加速する! テックタッチのフロントエンドにおけるテストの分類

テックタッチではデプロイ頻度を上げるためにテスト自動化に取り組んでいます。テスト自動化をQAエンジニアと進めていくためにテストの分類を策定する取り組みを始めました。この記事では、テックタッチにおけるフロントエンドのテストの分類とそれを策定す…

1人目コミュニケーションデザイナーの、はじまりはじまり

まだまだ認知度が高くないコミュニケーションデザイナーというポジションが、なぜテックタッチに生まれたのか?実際どんなことをやっているのか?このブログを通してみなさまに少しでも知っていただけたら幸いです。

事業の成長にアラインするためにAWS DMSを活用してDB統合した話

テックタッチは以前、マイクロサービスの切り直し後に DB 統合を実施しました。本記事では、テックタッチがどういったプロセスで DB 統合を実施したかを紹介します。また、AWS DMS を利用する際に気をつけるポイントについても合わせて紹介します。

AWS ECS で実現するBlue/Green Deployment:運用を見据えたCDK実装例

aws cdkを利用したAWS ECS Blue Green Deploymentのサンプル実装について紹介します。

[Go言語] gin と singleflight を組み合わせたパフォーマンスチューニング

パフォーマンス最適化の文脈で登場することの多い singleflight と、鵜ウェブフレームワーク gin を組み合わせた実装例を紹介します。

最高効率でテストをするためにQaseを選んだ理由

QA

テスト管理ツールを導入するにあたり検討したこと、Qaseを選んだ理由と1年利用して分かったことについて紹介します。

拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう

CSE

テクニカルサポートを効率化する、Google Chrome 拡張機能で DevTools に独自パネルを追加して、トラブルシュートに有用な情報を表示させるツールの作り方を紹介します。

フロントエンド開発の効率化!Nx と Playwright でビジュアルリグレッションテストを賢く実施しよう

Playwright と Nx を組み合わせることで、ビジュアルリグレッションテスト(VRT)の実行時間と撮影枚数を削減する方法を紹介します。

DuckDBでお手軽!データフェデレーション

DuckDBというEmbedded DatabaseをデータビューアーとしてJSONや他のDBを閲覧するために使ってみてます。

組織の一体感を生み出すためのリリース内容共有会とは?

こんにちは、プロダクトマネージャーの yujiro です。 最近 Nintendo Switch を購入し、妻と一緒にスーパーマリオをプレイしてます。数少ない共通の話題が増えて嬉しいです。 はじめに 前提:テックタッチはハイタッチCSに支えられている 「 Showcase 」とは…

プロダクトの機能・データについて理解を深める「輪テーブル会」の紹介

はじめまして、テックタッチで DataEnabling チームのエンジニアマネージャーをしているtaker です。DataEnabling チームでは、社内の様々な組織のデータ活用をより推進し、プロダクト開発やカスタマサクセスを強化するためデータ基盤の改善や社内からの様々…

Product Opsの力: プロダクトマネジメントを変革する新たなアプローチ

PMチームの生産性と開発品質を確実に高めていく「Product Ops」の取り組みについて紹介します。

マイクロサービスからモジュラーモノリスを経て新マイクロサービスへ

テックタッチは、以前マイクロサービスからモジュラーモノリスを経て新マイクロサービスへの切り直しを実施しました。本記事では、マイクロサービス・モノリスについて簡単に触れながらテックタッチがどういったプロセスでマイクロサービスの切り直しを実施…

サポートに留まらない。テックタッチCSE(CRE)の仕事と魅力を紹介

CSE

テックタッチのCSEというエンジニア職を紹介します。

Eagle で画像収集・管理が驚くほど簡単に!デザインワークを加速する私の使い方

デザイナー向け画像管理ツール「Eagle」の活用方法を解説。類似画像検索や一括ダウンロード機能などの便利な機能や、実際の使い方のTipsを紹介。デザインワークを加速させる画像収集・管理の方法

v5 で何が変わる? 非同期状態管理ライブラリ TanStack Query の新機能と最適化

この記事では 2023 年 10 月に正式リリースされた TanStack Query の v5 へのアップデート内容を紹介します! また、その中でも Optimistic Update (楽観的更新)にまつわる内容を深堀りしていこうと思います🧐