サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
円安とは
tech.techtouch.jp
こんにちは、PdM(プロダクトマネージャー)の shu です。 最近は暖かくなり、散歩が気持ちよくなってきた季節ですね🌸 自分のおすすめの散歩コースは、日比谷駅付近から丸の内方面へ歩いていくコースです。 b8ta Tokyoでおもしろい製品を見て・試してみたり、KITTE の屋上から普段とは違う角度で東京駅をみてみたり、皇居の近くで桜を見てみたりと、「都会と自然」両方を楽しめるコースになっているのでおすすめです。 さて今回は、プロダクトマネジメントチーム(以下PMチームと略します)が取り組んでいる「Product Ops」についてご紹介します。Product Ops は、PMチームが抱える組織課題に対する実践的なアプローチです。その目的は、PMチームの生産性と開発品質を確実に高めていくことにあります。 本記事では、Product Ops の具体的なアプローチや進め方を、できる限り分かりや
バックエンドエンジニア兼万年ダイエッターの taisa です。テックタッチは、以前マイクロサービスからモジュラーモノリスを経て新マイクロサービスへの切り直しを実施しました。本記事では、マイクロサービス・モノリスについて簡単に触れながらテックタッチがどういったプロセスでマイクロサービスの切り直しを実施したかを紹介します。 はじめに マイクロサービスとモノリス マイクロサービスとは マイクロサービスの利点 モノリスとは 単一プロセスモノリス モジュラーモノリス 分散モノリス テックタッチの場合 初期の頃の構成イメージ マイクロサービス切り直し前 特徴 モジュラーモノリス化 サービスの移行 別ドメイン境界でサービス切り直し イベントストーミング マイクロサービス切り直し後 DB 統合へ続く まとめ 参考 はじめに テックタッチは初期の頃からマイクロサービスアーキテクチャを採用していますが、一部の
はじめに CSE とはなにか? 3年前からテックタッチCSEの役割はどう変わった? もうすこし整理する もっと業務の詳細を紹介してみたい! テックタッチにおける不具合対応とは? 拡張機能の一括配布って何をするの? 最後に、CSE の魅力とは CSE チームでマネージャーをしている kirai です。 生まれてから35年間住んだ東京を離れ、埼玉に引っ越す事になりました。新たなライフステージを、埼玉で翔んで楽しみたい思っています! はじめに 2021年に 「CSE って何だ。Techtouch の Customer Success Engineer 職を紹介してみる」 という記事を執筆しました。 あれから3年が経過し、当時とチーム状況や役割の変化、他社でも CRE(Customer Reliability Engineer) や Customer 系エンジニアと、名前は違えど同様の職種の記事や
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。(この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ) さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか? ブックマークで管理?キャプチャ画像をフォルダで管理?画像管理アプリで管理? はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
はじめに 三行まとめ TanStack Query とは? v5 アップデート内容の紹介 hooks のインターフェースの統一 Suspense の正式サポート v4 v5 Optimistic Update をシンプルに そもそも Optimistic Update とは? デモアプリ Optimistic Update の実装例 v4 v5 まとめ 参考資料 はじめに こんにちは!テックタッチでフロントエンドエンジニアをしている tsune です。野球好きの自分は、この時期になるとプロ野球開幕が待ち遠しくなってきます⚾ 開幕戦のチケットも確保したので、当日は会社のメンバーと一緒に神宮球場に行く予定です🥳 この記事では 2023 年 10 月に正式リリースされた TanStack Query の v5 へのアップデート内容を紹介します! また、その中でも Optimistic Upda
デザイナーの keita です。 年始にベンチプレスの MAX 測定をしたら 105kg でした。今年の目標は 120kg です。 この記事では、生成 AI をデザインプロセスに取り入れるためにチームで試行錯誤した内容を紹介します。ぜひ、最後までお付き合いください。 きっかけ はじめに AI を使ってみる インタビューデータからペルソナを作成 まずは 1 人ずつ整理 1 人のペルソナに統合 ペルソナの課題抽出 リサーチを AI で代替してみた結果 AI が作成したペルソナを使ってみる ペルソナにヘルプセンターの記事を評価させてみる 結果 最後に あとがき ボツ案 文字起こしデータから記事を作成 出力された記事のトーンを変更 出力された記事 きっかけ 「ChatGPT をはじめとした AI ツールが便利なのはわかったけど、自分たちの業務をより効率化するためにデザインプロセスで代替できるところ
はじめに CSIRT とは CSIRT を立ち上げるモチベーション セキュリティインシデントは避けられない 意思決定者の訓練機会の不足 世界的なインシデントレスポンスの重要性の高まり CSIRT 作りの準備 教科書に学ぶ 他社に学ぶ テックタッチにおける CSIRT の設計 スモールスタートするための責任境界 ちゃんと機能する!ハンドリングマニュアル 窓口の明確化 継続的なスペシャリティの維持 さいごに 参考 はじめに こんにちは。SRE 兼 CSIRT の izzii(𝕏)です。Flatt Security mini CTF #4 に参加して入賞景品のTシャツをゲットできたのが最近のプチ自慢です。 さて本日の記事は、テックタッチにおいて私含む現場のメンバー(izzii, kacchan, ue)が Computer Security Incident Response Team (CS
テックタッチのエンジニアリングマネージャー堀内です。 テックタッチに入社して以来、職場の心理的安全性が非常に高いと感じています。 私は数社を渡り歩いてエンジニアリングマネージャーを 10 年以上経験していますが、このような組織に出会ったことがありません。 この記事では心理的安全性が高い職場の内側はどのようになっているのか、そしてどのように作られているのかを具体的に解説します。 現在の職場で心理的安全性をどのように作れば良いか悩まれている人や、テックタッチの職場をもっと知りたい人の参考になれば幸いです。 テックタッチのストレスの低さはトップクラス テックタッチは 2023 年 8 月にドクタートラスト社実施の「ストレスチェック」で 957 社(約 21 万名)中 2 位を獲得しました。 職場環境指数で偏差値 91.6 と評価されています。 職場環境優良法人として957社中 2位を獲得! この
はじめに 前提情報 プロダクトチームの体制 Four Keys の Elite を目指して 品質保証の課題 1. テストの重複 2. 刻々と変化するチーム体制 3. 属人化したテストケース管理 改善策:テストプロセスの変更とテストケース管理ツールの導入 1. テストプロセスの改善〜Test It Yourself〜 2. テストマネジメントツールの導入 おわりに はじめに こんにちは、テックタッチで QA PM (Quality Assurance Project Manager)をしている shutty です。先日はテストエンジニア向けの合宿型ワークショップ WACATE2023 冬に初めて参加してきました。実行委員をはじめとして参加者全員の熱量を全身に浴びてきました。 この記事では最近テックタッチの開発チームで行なっているテストプロセスの改善について紹介します。 前提情報 プロダクトチ
こんにちは。テックタッチの shoko です。 最近モスのフィッシュバーガーにハマっていて、3日に1回食べています🐟 さて、本日は、UI の一貫性と開発生産性を高めるために、テックタッチの UI チームがどのような取り組みをしているかをお話したいと思います。 UI チームとは テックタッチが抱える UI の課題 UI 実装ガイドライン制定と浸透のプロセス 1. メンバーから課題を収集 2. 課題・議論の集約 3. UI チームでガイドラインを制定 4. チーム全体へのガイドライン浸透 ガイドライン制定の効果 おわりに UI チームとは テックタッチでは、複数のスクラムチームでプロダクト開発を進めています。主要な機能の開発は順調に進んでいるものの、UI 改善のようなタスクに時間を割くのが難しいという状況に直面していました。 そこで、開発の優先度では後回しになりがちなものの、プロダクトの品質
おはようございます、テックタッチの canalun(@i_am_canalun) と言います👶 DOM 大好きエンジニア(DOMDOMタイムス、みんなも読んでみてね)ですが、DOM 以外のこともやっている毎日です。 というわけで、今日は Nx Cloud を実際に導入する時のやり方とハマりどころについて書いてみます✌ なお、この記事は、Nx Cloud について前後編2回にわたり解説するシリーズの後編にあたります。 「そもそも Nx Cloud ってなに?」という方は、ぜひ👇前編の記事をお読み下さい!Nx Could の CI の自動分散並列実行と CI 結果のキャッシングについて説明をしています。 tech.techtouch.jp では早速行きましょう! 目次を見てオモロそうなところだけ読むもよし、とりあえず上から読んでみるもよしです。自由にやってね!! 前回のおさらい(ちょっとだ
この記事は「めぐろLT Advent Calendar 2023」の7日目の記事であります!! そこのあなた! こだわっていますか!? 普段からこだわっている方、イベント開催でもこだわってみませんか? そんなに普段からこだわりがない方、イベント開催ではこだわってみませんか? この記事では、食べ物や音楽にこだわってイベントを開催してみたら、皆けっこう楽しんでくれていたよというハナシをします。 要するにイベントやるときのちょっとしたTips集っぽい感じです👶 イベントをやったことがある方も、ない方も、 これからやってみようと思っている方も、一生やらない気がする方も、 ぜひ読んでいってみて下さいネ! この記事はテックタッチのDOM大好きフロントエンドエンジニアcanalun(twitter: @i_am_canalun)の提供でお送りいたします。 (いまだにtwitterって言ってる人いますよ
はじめに そもそも debounce 処理って? 本題 今回作りたかったもの 検討したこと useDebounce useDebouncedValue 実装したもの 最後に はじめに テックタッチのフロントエンドエンジニアの ozaan (@shzawa) です。関西 (兵庫県姫路市) 在住のため、普段はフルリモートのメンバーとしてサービス開発に取り組んでいます。 最近はスクラム開発の一環でバックエンドのコード (golang) を触らせてもらっていました。golang だと書き方が統一されているためか GitHub Copilot の補完機能がかなり効くので書いていて面白かったです。 そもそも debounce 処理って? 対象のイベントが発生してから指定した時間が経過するまでは、同じイベントの発生を抑制する仕組みです。 input 要素の onChange イベントのような短い間隔で連
Amazon Verified Permissions とは 従来の認可処理 Cedar 言語の使い方 基本的な記述方法 RBAC の例 ABAC の例 golang で動かしてみる 1. ポリシーストアを AWS コンソールから作成する 3. サンプルアプリケーションの実装 最後に こんにちは、2023年5月にバックエンドエンジニアとしてジョインした yamanoi です。 最近は Cloudflare スタックに注目しており、新機能を触ったりアップデートを眺めたりしています。 今回は先日 GA (一般利用可能)になった AWS のサービス Amazon Verified Permissions を、 golang で実装した簡単なサンプルを交えて紹介したいと思います。 Amazon Verified Permissions とは Amazon Verified Permissions
『働き方改革』ってどういうこと? フルリモートで必要となる費用 コストパフォーマンスを支出のバランスで考える フルリモート最強の作業環境はこれだ! フルリモートのコミュニケーションで工夫していることを知りたい! コミュニケーションの不安を軽減する3つのポイント フルリモートのコミュニケーションで活用できるTandem まとめ 2023年1月にテックタッチへジョインしたQAエンジニアのMickeyです。 本記事では、私がフルリモート勤務でどのように『働き方改革』を実現したか、作業環境とコミュニケーションを中心に紹介します。 記事を読んでくれた方に『テックタッチ』でフルリモートで働くイメージを持っていただけたらうれしいです! 『働き方改革』ってどういうこと? 前職までは、客先常駐※や自社勤務で、どちらも就業場所に制約がありました。 テックタッチでは、エンジニアリングチームはフルリモート勤務が可
テックタッチという会社・サービス テックタッチの SRE チーム 何をやっているの インフラエンジニアというよりもソフトウェアエンジニア 課題感 SREチームの活動 - 大きなサイクル・小さなサイクル コミュニケーション 技術スタック・ツール 終わりに こんにちは。SRE の roki です。暑い日はまだあるものの、朝はすっかり秋を感じるようになり子どもたちが登校しやすくなってホッとしている今日このごろです。 この記事では、テックタッチという会社・サービスに触れつつ、SRE チームの働く環境や課題感を共有しながらチームの紹介をしていきます。興味を持っていただけたらぜひお声がけください。カジュアルに話し合う場を設けさせてもらっており、採用情報ページにて受け付けています。 テックタッチという会社・サービス テックタッチでは、社名と同じ「テックタッチ」という名前のサービスを運営しています。どのよ
はじめに string と byte のキャスト最適化 1. map のキー指定のためのキャスト 2. string を byte 毎に処理するためのキャスト 3. 比較のためのキャスト memclr による配列ゼロクリア最適化 ガベージコレクションのマークスキャン回避 おわりに 参考文献 はじめに SRE の izzii (𝕏: @ahneahneahne) です。今回をもって「Go コンパイラのお勉強」と題した連載ブログが完結です!仕事の話とは直接関係がないネタだったので、書く内容に悩むということはなく気持ちよくかけました。さて、今回は「配列の効率的な利用」と題して golang/go CompilerOptimizations で扱われている残り物の紹介をしていきます笑 残り物とは言っても知ると知らないとでは Go コードの読み方が変わるかと思いますので、ぜひ! [第 1 回] G
あいさつ Mac のパスワードポリシーを変更すると必ずローカルユーザーのパスワードを変更する必要がある Mac へブラウザ拡張機能を配布するにはplistを配布する おわりに あいさつ こんにちは、CSE(Customer Success Engineer) の kacchan です。先日、大学時代からファンであるプロのジャズギタリストからレッスンを受けたこともあり、毎週末とりあえずギターをさわるようになってきました。アドリブをいいかんじで取れるように練習するぞ! さて、半年くらい前にはなるのですが社内へ Microsoft Intune 導入を進めました。そのときに Mac 関係で躓いたことがあったのですが、あまりインターネット上に情報がなかったので紹介します。 Mac のパスワードポリシーを変更すると必ずローカルユーザーのパスワードを変更する必要がある 結論から述べると、以下の mac
さあさあ、面白そうなタイトルに惹かれて(?)やってきたそこのあなた!ありがとうございます!! はじめまして、テックタッチの canalun と言います👶 普段は DOM について考えたり、CI/CD の改善をしたりな毎日です! DOM が好きすぎて週刊DOMDOMタイムスというのをやってますので、興味がある方はぜひ見てみてくださいねえ🌞 この記事では前後編2回に分けて、Nx Cloud の主な機能の紹介と実際の導入の仕方を解説します!! 前編にあたる本稿では、Nx Cloud の2大最強ポイントである「CIの自動分散並列実行」と「CI結果のキャッシング」を紹介します。 ちなみに後編ももうあるよ。 tech.techtouch.jp では早速行きましょう! 目次を見てオモロそうなところだけ読むもよし、とりあえず上から読んでみるもよしです。自由にやってくれ!! 👇👇 これは一体なんの記
はじめに インライン展開 インライン展開とは 高階関数のパフォーマンスが落ちる例 インライン展開の制約 エスケープ解析 エスケープ解析とは 高階関数のパフォーマンスが落ちる例 さいごに 参考文献 はじめに 先々月にも Go コンパイラの最適化に関するブログ記事を書いたのですが、多くのブックマークを頂けて感謝です! SRE の izzii です。 github.com 上のドキュメントを参考にしつつ Go コンパイラの最適化に関する記事を連載していきます。本記事は 2 本目です。 [第 1 回] Goコンパイラのお勉強(1)~ゼロ幅の型によるメモリ利用の最適化と未定義動作~ [本記事] Goコンパイラのお勉強(2)~高階関数のためのインライン展開とエスケープ解析~ [第 3 回] Goコンパイラのお勉強(3)~配列の効率的な操作に関する最適化~ 文字数の関係でタイトルでは高階関数という言葉を
はじめに こんにちは。最近はテックタッチの同僚とボルダリング同好会のようなものを作ってワイワイしてます!SRE の izzii です。 7月27日、社内の有志を集めて AWS ジャパン主催のセキュリティインシデント疑似体験 調査ワークショップに参加しました。このイベントは、AWS 環境上の典型的なセキュリティインシデントを再現したログを用いて、CTF (Capture The Flag、旗取りゲーム) 形式で AWS のセキュリティで気をつけるべきことを学べるイベントです。 テックタッチからは、izzii (SRE), roki (SRE), canalun (フロントエンド), kacchan (コーポレートセキュリティ) が参加し、その4名で構成されたチーム 「gokigen」 は約40チーム中で3位に入賞することができました!(記事のトップ画像はその時のキャプチャです ※AWS 様に
はじめに メモリアロケーションの回避 ゼロ幅の型(=ゼロサイズの型)とは アドレスの同一性に関する未定義動作 この最適化が有効な場面 1. map 2. chan 3. interface の実装 おわりに 参考文献 はじめに こんにちは。SRE の izzii です。 最近は某フィットネスゲームが習慣だったり、ボルダリングを再開したり、登山シーズンが到来したりと心身ともに調子が良いです。 さてつい先日、Go のコンパイラによる最適化について勉強したまとめを社内で共有したところ、メンバーが面白がってくれたため、細かいところを自分の手で触ってみたり、Go Forum で質問を投稿したりした上で記事にしてみました。Go コンパイラの最適化について知りたいという方だけでなく、Go に慣れた方でも意外と知らない挙動を垣間見ることのできる内容かと思います。 github.com を元にしているのです
はじめに 勉強会のアップデート 最後に 久しぶりのブログ投稿させていただきます misu です。書いたのは meilisearch 以来でしたが、その間に v1 になったようで今後がますます楽しみですね! はじめに テックタッチで行われているエンジニア社内勉強会について紹介したいと思います。 当初は Biz/Dev 関係なく行っていた Spark Lunch というものが勉強会として存在していました。しかし、嬉しいことに事業成長とともに人が増え、業務がより忙しくなってくるにつれて開催は滞り、不定期開催となってしまいました。 一方私はエンジニアとして普段の業務で得た知見や趣味で勉強してみたことについてアウトプットしあうことで、技術力を高めていきたいという気持ちがありました。それを 1on1 のときに話してみるとやってみようかということで以下のような形で勉強会がスタートしました。 目的 技術的
アドベントカレンダー24日目を担当するShuです。 プロダクトマネージャーの皆さん、普段利用する道具を自らでデザインしていますか? Uenoさんのツイートから引用させていただきますが、「Use to make」することは知的生産することと同等に重要かつ魅力的な行為であり、プロダクトマネージャーとして必要な感性を磨いてくれる!と私は考えています。 道具をデザインすることには際限のない魅力がある。それは道具が本有する再帰性への展望的な投機だ。道具の中には、使うことと作ることが、同時的に、生き生きと連関している。その永遠なるランループに、私たちは耽溺してしまうのである。 pic.twitter.com/OsaSUZnMui— Manabu Ueno (@manabuueno) 2020年12月23日 そんな私は最近社内の人に教えてもらった「Raycast(ランチャーツール)」を拡張して、Scra
テックタッチ CTO の Jun です。 5 歳の息子はサンタさんに「シンカリオン Z のこまち」をお願いしていたようですが、妻が間違えて「シンカリオン エヴァ 02」を用意したらしく、当日の反応がどうなるのか期待と不安でいっぱいです。 テックタッチアドベントカレンダーの最終日の記事になります。 テックタッチ創業が 2018 年、数名の開発チームから、30 名を超えるプロダクトチームに成長してきた中で、いままで「あえて」運用していなかったマネージャー制度に移行し、公募という形でマネージャーを選任したことを書きたいと思います。 話のきっかけ マネージャー選考フロー 公募方式 選考基準と選考 選考方法 結果 リーダーシップ研修へ 振り返ってみて 話のきっかけ テックタッチのプロダクトチームでは、創業から今まで、マネージャー職の運用はしてきませんでした。 これは、職場環境の風通しの良さを底上げす
テックタッチアドベントカレンダー23日目を担当するフロントエンドエンジニアの ozaan です。 最近ハマっているものは、カルディなどで売られているホーマーロイヤルミルクティベース無糖です。よろしくお願いします。 弊社では、フロントエンド領域の技術スタックとして TypeScript, React, Nx, etc. を採用しており、JavaScript の Linter としてデファクトスタンダード(2022年現在)である ESLint も導入しています。 当記事では、ESLint が TypeScript 固有の構文などを解析可能になるプラグインである typescript-eslint の Supported Rules に着目し、社内リポジトリでまだ適用していないルールのうち一定の効果が見込めるものを紹介します。 今回の方針 ルールの探し方 現在適用中のルール ルールの紹介 まだ適
テックタッチアドベントカレンダー 22 日目を担当する、フロントエンドエンジニアの shoko です。クリスマスが大好きで、12 月に入ってからは毎日うきうきしています! 本日のテーマは「アクセシビリティ」です。 アクセシビリティとは? アクセシビリティとは、Web システムやサイトを可能な限り多くの人が利用できるようにすることを意味します。 「可能な限り多くの人」というのは、ハンディキャップを持つ人々だけではなく、さまざまな状況や環境も含まれます。例えば、モバイルデバイスや回線の遅いネットワークを利用する場合、屋外の光が眩しい場所でデバイスを利用する場合、機械の故障でマウスが使えずキーボードで操作する場合…などです。このような状況や環境になることは誰でも考えられることであり、アクセシビリティを改善することは多くの人にとってメリットがあります。 しかし、アクセシビリティに興味を持っても、「
テックタッチアドベントカレンダー21 日目を担当するデザイナーの toshi です。 今年、テックタッチはグッドデザイン賞に応募しました。本記事では、審査でプロダクトの魅力を伝えるために考えた点を紹介します。 特に、二次審査は非公開で 3 日間行われ、いつ審査されるか分からない緊張感がありました。 テックタッチとは? テックタッチの目指す世界 グッドデザイン賞の5つの理念 テックタッチを伝える 一次審査 二次審査 さいごに テックタッチとは? 始めに、グッドデザイン賞にエントリーしたテックタッチを紹介します。 テックタッチは、ノーコードであらゆる Web システムに操作ガイドを作成・再生できたり、システムの利用状況などを可視化・分析できます。 テックタッチの目指す世界 すべてのユーザーがシステムを使いこなせる世界に 世の中には、ユーザーの課題を解決する魅力的なサービスが数多くあります。 一
テックタッチアドベントカレンダーの 20 日目を担当させていただく matchy です。 最近は趣味でアプリケーションの UI デザインを Figma で作るのが楽しくてつい時間を忘れてしまいます。 近ごろ Astro や今回紹介する Qwik など、MPA フレームワークの話をよく SNS などで見かけるので、気になり調べてみました。 Qwikとは? 公式 特徴をまとめてみる ん? Hydration を使用しない? Hydration の課題 Resumable という概念 プロジェクト作成をしてみる Qwik City とは 最後に 参考資料 Qwikとは? builder.io が開発している Web フレームワーク Web サイトやアプリケーションの構築に使用できる SSR ベース 公式 特徴をまとめてみる 約 1 KB の JS で起動できる 最小限のアプリケーションをダウンロ
次のページ
このページを最初にブックマークしてみませんか?
『Techtouch Developers Blog』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く