フロントエンド
テックタッチではデプロイ頻度を上げるためにテスト自動化に取り組んでいます。テスト自動化をQAエンジニアと進めていくためにテストの分類を策定する取り組みを始めました。この記事では、テックタッチにおけるフロントエンドのテストの分類とそれを策定す…
Playwright と Nx を組み合わせることで、ビジュアルリグレッションテスト（VRT）の実行時間と撮影枚数を削減する方法を紹介します。
この記事では 2023 年 10 月に正式リリースされた TanStack Query の v5 へのアップデート内容を紹介します！ また、その中でも Optimistic Update (楽観的更新)にまつわる内容を深堀りしていこうと思います🧐
UI の一貫性と開発生産性を高めるために、テックタッチの UI チームがどのような取り組みをして、どのような効果があったかを紹介します！
Nx Cloud を実際に導入する時のやり方とハマりどころについて書いてみます
Reactアプリケーションでdebounce処理を実装する際に考慮したことについて紹介します。
この記事では Nx Cloud の基本でありそして目玉でもある「CIの自動分散並列実行」と「CI結果のキャッシング」を紹介するヨ👶CIを速くしたい人、Nx Cloud に興味がある人はぜひ読んでみてね！！
テックタッチで行われているエンジニア社内勉強会について紹介しています。
テックタッチアドベントカレンダー23日目を担当するフロントエンドエンジニアの ozaan です。 最近ハマっているものは、カルディなどで売られているホーマーロイヤルミルクティベース無糖です。よろしくお願いします。 弊社では、フロントエンド領域の技術ス…
テックタッチアドベントカレンダー 22 日目を担当する、フロントエンドエンジニアの shoko です。クリスマスが大好きで、12 月に入ってからは毎日うきうきしています！ 本日のテーマは「アクセシビリティ」です。 アクセシビリティとは？ アクセシビリティと…
パフォーマンス最適化を目指したフレームワーク「Qwik」について学んでみました。
今年になって JavaScript の新しいランタイムである Bun をよく目にするようになりました。Node.js、Deno に続く JavaScript ランタイムの勢力となるわけですが、それぞれどのように違うのか、それぞれが生まれた背景やコンセプトから理解していこう！という…
テックタッチアドベントカレンダー17日目を担当する kenshin です。 今年もあと少しで終わりですね。今年を振り返るのために2022年に食べたラーメンの杯数を数えてみると121杯（執筆時点）でした。年末までにあと何杯食べられるかな。 さて、今回は React18 …
テックタッチアドベントカレンダー 12 日目を担当する、フロントエンドエンジニアの taka です。 今回は TanStack Query を利用する上でパフォーマンスの問題に遭遇してしまったので、その内容について共有したいと思います。 tl;dr TanStack Query (react q…
Material-UI の Skeleton コンポーネントを使って、UX がどのように変化するのかを見ていきます！
テックタッチアドベントカレンダー8日目を担当する kenyu です。 今回は Puter という Web ベースの OS 上でアプリをつくってみました。 Puter ってなに？ Puter とは Web ブラウザ上で動作するデスクトップ OS のようなサービスです。 puter.com これまでも…
babel-plugin-macros を環境変数に応用した penv.macro を使ったときに遭遇した奇妙？な動きとそれを解決した経緯をまとめます
この記事では、ブラウザのページやブラウザ拡張／コードスニペットで動作する JavaScript を調査する際の Chrome DevTools の活用方法について紹介をします。ネットワーク〜 Scripting など調査範囲の決め方やタブ別での実際の調査方法など。
この記事はテックタッチアドベントカレンダー18日目の記事です。 はじめまして、テックタッチアドベントカレンダー12月18日担当のyassanですよろしくお願いいたします。 普段は、テックタッチの管理画面を中心に、フロントエンドエンジニアとして業務に携わ…
エンジニアの macchii です。この記事はテックタッチアドベントカレンダー 14 日目の記事です。 テックタッチでは React を利用して WEB フロントエンドを開発しています。あわせて、リモートデータの取得、更新、キャッシングには React Query を導入してい…
この記事はテックタッチアドベントカレンダー 8 日目の記事です。 フロントエンドエンジニアの taka です。Amazon Black Friday でフットウォーマーを買ったのですが、冷え性の自分には最高でした。冷え性の方には是非使ってみてもらいたいです。 今回は、モ…
ブラウザ拡張で利用できる Native Messaging という技術を用いてブラウザ拡張からブラウザ外のリソースにアクセスする方法をまとめました。
今回はテックタッチの機能の表現の幅を広げるために WYSIWYG 機能を実装しました。 本記事では、Draft.js を用いて WYSIWYG 機能をどのように実装したか、どういう難しさがあったかなどを紹介します。
テックタッチのバックエンドエンジニアの taisa です。 社内勉強会で、Visual Studio Code（以降 VSCode と記載）ナレッジ共有会を実施したのでその内容を紹介します。 今回の趣旨は「VSCode で各自がよく使う機能やショートカット、ちょっとしたノウハウを…
フロントエンドエンジニアのshioriです。 テックタッチでは、約1年前からアプリケーションを丸ごと作り直す再設計プロジェクトを進めており、そのタイミングでデザインシステムを導入しました。 この記事では Material-UI を使ったデザインシステム導入の経…
この記事はテックタッチアドベントカレンダー24 日目の記事です。 テックタッチのフロントエンドエンジニアの taka です。 クリスマス・イブを満喫してしまったため投稿するのが遅れてしまいました（嘘） 今回は最もメジャーな React の UI ライブラリの一つ…
この記事はテックタッチアドベントカレンダー16日目の記事です。 15日目は terunuma サンによる Chrome 拡張の Overview of Manifest V3 を翻訳しました でした。Greasemonkey 黄金期の牧歌的な時代を過ごしてきた身なので、ブラウザの拡張がどんどん肩身が…
この記事はテックタッチアドベントカレンダー15日目の記事です。 14日目は kenyu による 開発組織におけるマネージャの責務を分解し、チーム運用してみる でした。 SET の @terunuma です。買い過ぎたパスタを有効活用しようと重曹（かん水の代用）で茹でた…
この記事はテックタッチアドベントカレンダー11日目の記事です。 テックタッチのフロントエンドエンジニアのshioriです。 エンジニアですがデザインも学びたいということで、アドベントカレンダーのアイキャッチを担当しました。アドベントカレンダーの1日ご…
この記事はテックタッチアドベントカレンダー9 日目の記事です。 8 日目は ポエマー masaru 氏による 少女に何が起ったか ～少女が他人のウェブサーバー構成を知るまでにやったいくつかのこと、そしてその結末～ でした。 ただのポエムかと思いきやかなりコ…
