この記事はテックタッチアドベントカレンダー15日目の記事です。 エンジニアの kenyu です。最近ウェブでもエッジコンピューティングが流行っていますね。AWS の Lambda@Edge や、ちょっと前に発表された Vercel の Edge Functions などなど、エッジでサーバサイドの処理をするのがトレンドになりつつあるのかなと感じています。 そこで気になるのは「RDB などのデータストアとどのように通信すればよいのか？」ということですが、先月 Cloudflare よりエッジから RDB に接続するためのソリューションが発表されました。 せっかくなのでどんな感じか試してみたいと思います！ 引用元：Relational Database Connectorsのご紹介 イメージはこんな感じ。tunnel ごしに Worker と RDB がつながるイメージですね。 今回は Clo

エンジニアの macchii です。この記事はテックタッチアドベントカレンダー 14 日目の記事です。 テックタッチでは React を利用して WEB フロントエンドを開発しています。あわせて、リモートデータの取得、更新、キャッシングには React Query を導入しています。本記事では、簡単なタスク管理アプリを題材に、「React Query の再レンダリングを最適化するテクニック」紹介します。 ja.reactjs.org react-query.tanstack.com TL;DR はじめに React Query は取得データを厳密に比較（deep compare）する 参照していないプロパティの変更でも再レンダリングが発生する notifyOnChangeProps オプション select オプション まとめ TL;DR React Query は取得データを厳密に比較（

テックタッチアドベントカレンダー 13 日目を担当する taisa です。少しずつ減らしていった体重が 2 ヶ月で 6 kg リバウンドして完全に元に戻りました。 さて今年、AWS CDK v2 の開発者プレビューで Go を使えるようになり、CDK for Terraform でも Go を実験的（experimental）に使えるようになりました。 これらは、まだ開発者プレビューや実験的であるため本番においては投入できませんが、アドベントカレンダーをきっかけに触ってみました。また他にも Go が利用できる IaC（Infrastructure as Code） プラットフォームとして Pulumi があるので合わせて触ってみました。 aws.amazon.com www.hashicorp.com www.pulumi.com 各フレームワーク・ライブラリの概要 AWS CDK CDK

この記事はテックタッチアドベントカレンダー9日目の記事です。 こんにちは、バックエンドエンジニアのcanalun(twitter: @i_am_canalun_)こと佐藤可奈留です！ 最近はいまさらマンガでナルトを読んで、ストーリーはもちろん、コマ割りやカメラワークがもたらす演出の妙に感銘を受けました！ナルト、めちゃくちゃ面白いですね！？面白すぎて、気に入った戦闘シーンはアニメでも確認しています🥷ﾆﾝﾆﾝ! この記事の内容と目的 注意点 そもそも業務内容はどう違うのか 働き方についてどのような違いを感じるか 成果物の仮説性 作業時間の見積もり方 コミュニケーションと作業のバランス 知の在り方 おわりに この記事の内容と目的 さて、ナルトの話は置いておいて。 本稿では、2ヶ月前まで経営コンサルタントとして働いていた私が、エンジニアとして働く中で感じたエンジニアとコンサルタントの仕事の違いに

この記事はテックタッチアドベントカレンダー 8 日目の記事です。 フロントエンドエンジニアの taka です。Amazon Black Friday でフットウォーマーを買ったのですが、冷え性の自分には最高でした。冷え性の方には是非使ってみてもらいたいです。 今回は、モダンなツールである Playwright と Puppeteer、Cypress を実際に触ってみたので、そこから得られた知見を紹介したいと思います。 要件の整理 一般的な要件 テックタッチ特有の要件 機能ごとの比較 テストツールの有無 複数タブ / ウィンドウ ShadowDOM ブラウザ拡張 要素の特定 スクリーンショット 動画 実行速度 まとめ 要件の整理 テックタッチはブラウザ拡張であるため、一般的な Web アプリケーションとは少し要件が異なってきます。以下に、一般的な要件とテックタッチ特有の要件を書き出しました。

この記事はテックタッチアドベントカレンダー7日目の記事です。 こんにちは、フロントエンドエンジニアの tsune です。 みなさんは年末といえば何を連想しますか？僕はお笑いが好きなので、今年の M-1 は誰が優勝するかな〜？とワクワクしています。個人的にはオズワルド推しなので頑張ってもらいたいです！ さて、本日の記事では僕が作った SlackBot について紹介したいと思います。 どんな Bot なの？ アーキテクチャ heroku firebase SlackBot にまつわるフレームワーク Bolt BlockKit おわりに どんな Bot なの？ 冒頭でも書いたとおり僕はお笑いが好きなので、会社の人と大喜利がしたくてしたくてたまりませんでした。その夢を叶えるために社内コミュニケーションツールの一環として作成したのが、今回紹介する Slack 上で大喜利ができるようになる Bot で

テックタッチアドベントカレンダー6日目の記事です。 エンジニアの roki です。朝ラン愛好家なのですが、今年は初秋にひざを故障してしまい3ヶ月ほどお休みの後、全快とは言えないものの最近復活しました。気がつけば木枯らしが身にしみる季節。体は大事にしたいものです。 この記事では、ブラウザ拡張がPC内の他のプロセスと通信を行うための技術 Native Messaging の概要と、これを使ったデモアプリケーションの紹介をします。 Native Messaging とは manifest ファイルの準備 ブラウザ拡張内の処理 Native messaging プロトコル デバッグ時に気をつけること デモアプリケーション Native Messaging とは Native Messaging を用いると、Web ブラウザとは別に、ユーザーのPCにインストールされたネイティブアプリケーションとブラ

テックタッチアドベントカレンダー 5日目を担当する K です。私は今年4月にテックタッチに入社し、現在PdM/プロダクトオーナーをしております。（入社に至った背景はこちらの入社エントリーにあるので、ご興味ありましたらご覧ください！） 最近は、社内のシャッフルランチで、4日目の記事を担当した misu に自らオススメした『深夜特急』(沢木耕太郎著) を自身でも読み直しており、貧乏旅行に出たくてウズウズしていますww さて本日は、テックタッチプロダクト開発において今年から使い始めたプロダクトマネジメントツール「Productboard」について、その導入理由やこれまでの活用方法について話をしたいと思います。 プロダクトマネジメントツール導入に至った理由 2019年2月にテックタッチ正式版を開始して以来の約2年間、顧客要望や機能開発の要件は、カスタマーサクセスチームでは Spreadsheet

2021年9月21日 14時0分 リンクをコピーする by ライブドアニュース編集部 ざっくり言うと 日本人は留学したにもかかわらず、英語を話せないパターンがよくある 留学で英語を身につけて、何を叶えたいのかというゴールがないからだと筆者 また留学のようなお金がかかる「勉強」は、投資対効果を考えるべきだとした 英会話を何年も習っているのに、一向に英語が話せない、ということはありませんか？（写真：Fast&Slow） 英語、資格、ITスキルなどを学び始めたものの、途中で挫折してしまった……そんな人は少なくないはず。特に忙しい社会人が学習を続けるのは難しい。 そんななか、元ソフトバンク社長室長の三木雄信氏は、1年で英語をマスターできるプログラム「TORAIZ（トライズ）」を6年前に開発。これまで約6000人が実際に英語をマスターし、自らの夢をかなえているという。三木氏の最新刊『ムダな努力を一切

こんにちは。松本亮介と申します。インターネットやSNS上では「まつもとりー」と呼ばれることが多いです。 わたしは、インターネットやWebサービスの基盤技術に関するエンジニアを経て、現在はインターネット基盤技術について研究をしている研究者です。また、複数の企業において、事業組織の改善や事業・プロダクトマネージメント、技術的課題、技術ブランディングなどに関するアドバイス活動に技術顧問として取り組んでいます。これまでの実績は、松本 亮介（まつもと りょうすけ）の研究・開発業績ページに書いています。 そんなわたしが、本稿でテーマとするのは「プラモデル製作 / プロモデラー」です。エンジニアリングでも、インターネット基盤技術でもなく、プラモデル。この時点で頭の中にはてなマークが出ている読者もいることでしょう。実はわたしは、2018年ころより、かなりのリソースをプラモデル製作に投下してきました。本稿で

Goの標準パッケージにはcontextパッケージというものが存在します。 このパッケージは、net/httpやdatabase/sqlのような現実の事象と対応している何かが存在するようなパッケージではないため、初学者にとっては使い道がわからない、となってしまいがちです。 しかしcontextパッケージは、複数のゴールーチンを跨いだ処理を実装する際には非常に強力な力を発揮する、とても便利なパッケージなのです。 この本では、「contextとは何か？」というところから「どのように使えばいいのかわかる」ところまでたどり着けるように、Goのcontextまわりのことを解説しました。

保守性の高いソフトウェアの開発に役立つ様々なTipsを書いた。 特定の言語にとらわれずあらゆる場面で役立つことを集めた。

最近夜や休日に自分の勉強や開発をできなくなった。 夜や休日にそんなことせずに業務時間内でやるべきでしょという意見もあると思うが、自分の場合は以前は苦もなく自然とやれていた。それが今はできていない。 理由は明確で、自分が集中できていないからである。背景には育児家事の話はもちろんあるが、時間が取れていないわけではない。 息子は睡眠エリートで毎日2~3時間昼寝をするし夜20時半には寝ている。寝ている時間に何かをすればよいのだが、手が付かない。イメージとしては、1日のMPを使い果たしている感じ。こういう感覚は育児に関係なく経験していて、集中できなくなってしまう時期はあった。 なので「育児家事で時間が取れない」というのは正確ではなくて、「自分が集中できていない」というのが正しい気がする。これは自分の考えであって、家庭にもよるとは思う。家事育児の事情は本当に家庭によって全然違う。子どもが生まれたことで

最近プロジェクトマネジャーを担当していた仕事で、開発チーム内の相談しやすさ向上・知見展開・透明性向上・WIPタスク数減少を狙ってペア制度というのを導入した。今回は導入した背景、導入した仕組み、そしてその振り返りについてブログに書いておきたい。 導入した背景 ちょっとした相談のしづらさ 知見展開のしづらさ タスク状況の透明性の不足 WIPなタスクが多く、プロジェクトマネジメントが複雑 ペア制度を導入する ペア制度の振り返り ペア制度を振り返っての点数評価 導入して良かったこと 導入して困ったことや、改善すべきポイント 一人当たりの短期的な開発効率は下がったか？ まとめ 導入した背景 最近はエンジニア6~7人程度のフロントエンドフレームワーク置き換えプロジェクトのプロジェクトマネジャーをやっていた。ペア制度を導入する前は、大体1~6ヶ月程度かかる粒度のタスクを1人にアサインし、人数と同じだけの

はじめまして。 2021 年 5 月にテックタッチ株式会社にジョインしたフロントエンドエンジニアの町永です。テックタッチに入社を決めた経緯や入社後の印象をお伝えできたらと思います。 （画像は箱根でのんびりしたときの写真です。コロナが落ち着いたらまたのんびりしたいです） どんなことをしてきたのか大学を卒業後、デザイン事務所に入社しました。営業兼ディレクターとして働いていたのですが、このキャリアは予想外のスタートでした。 というのも、当時はリーマンショックの直後だったこともあり、流行りの内定切りに乗ってしまったのです。大学の卒業を間近に控えながら、システム開発会社の内定が消えてしまい、呆然した覚えがあります。ただ、いつまでも落ち込んではいられず「明日の飯代は確保せにゃならん！」ということで、中途採用の枠に応募して、先のデザイン事務所に入社することなりました。 新規開拓のテレアポから始まり、受注

こんにちは、テックタッチ採用担当の福島です。 新型コロナウィルスの影響からリモートワークが始まった方も多いかと思いますが、 リモートワーク導入から一年以上が経ち、メンバー間のコミュニケーションロスや心理的安全性、エンゲージメントの向上について課題を抱えている方も多くいらっしゃるのでは、と思います。 今回は、テックタッチが取り組んでいるメンバー間の相互理解を深める打ち手について、ご紹介します😀 皆さんの組織におけるコミュニケーション活性化のヒントになれば幸いです🎉 そもそもどんな課題があったの？テックタッチも、昨年3月からリモートワークを本格導入し、オンラインコミュニケーションの課題について様々な議論を行ってきました。 当社は、組織/制度作りの一環として「ワーキングチーム」という取り組みを行っており、「コミュニケーションワーキングチーム」を新設したうえで課題に対するアプローチをメンバーが

テックタッチのバックエンドエンジニアの taisa です。 社内勉強会で、Visual Studio Code（以降 VSCode と記載）ナレッジ共有会を実施したのでその内容を紹介します。 今回の趣旨は「VSCode で各自がよく使う機能やショートカット、ちょっとしたノウハウを共有することで開発効率を向上させたい」というものです。自分自身 VSCode を使いこなせておらず、他のメンバーの使い方に興味がありました。共有会では、みんなで順番に画面共有しながら進めていきました。 コマンドパレット編 シンボル検索編 ショートカット編 最近開いたプロジェクトを開く 最近開いたファイルを開く / ファイルを検索する サイドバーを開く/ 閉じる、パネルを開く/ 閉じる、エクスプローラを開く 指定のエディタに移動する Grep する 特定の文字列を選択して置換する 定義へ移動、直前の場所に戻る、直前の

Nature株式会社ファームウェアエンジニアの中林 (id:tomo-wait-for-it-yuki) です。 本記事では、拙著『基礎から学ぶ 組込みRust』1がC&R研究所様より出版されたので、書籍の紹介やNatureのファームウェア開発にRustを使っていきたい、ということを書きます。 本を書きましたエントリは個人ブログで書いている2ので、それとは少し違った観点から話をしたいと思います。 『基礎から学ぶ 組込みRust』の紹介 2021年5月現在、Rustはすでにマイナーの域を超えたと言って差し支えない状況でしょう。一方、組込みRustはまだまだマイナーな分野です。『基礎から学ぶ 組込みRust』出版をtwitterやブログで告知した際も、「Rustって組込みできたんだ？」という反応が少なくありませんでした。 マイナー扱いから脱するための施策として、認知度を上げ、入門を手厚くする、

Go を使ってプロダクトを作る時、Makefile を使ってビルドを指定することが多いです。 理由としては、 バージョン情報などを埋め込むのに都合がいい 複数のバイナリを吐き出す時に都合がいい Go のビルドオプションを指定するのにいろいろあって整理しておきたい 事前にコードジェネレータで書き出す部分があり、それを考えると Makefile などで整理したい などなどです。なので今回はプロジェクトが大きくなっていく中でどういう Makefile の書き方をしているか、というのをご紹介しようと思います。 サンプルとして、今回のプロジェクトでは gRPC を使ったチャットサービスのサーバーとクライアントを作ることにします。リポジトリは https://github.com/rosylilly/gochat に置いておきました。 Step 1. バージョン情報を埋める 今回はサーバーとクライアン