commmune Engineer Blog

コミューンではたらくスタッフにフォーカスした次世代型エンジニアブログです

技術部

倒れたときの応急処置をGCPにお願いする

倒れても自力で立ち上がろうとするインフラが好きなSREチームの川岡です。 サービスがダウンした時の応急処置くらいは自動化できないものかと思い、Cloud Pub/SubをトリガーにCloud FunctionsからCompute EngineへSSHでアクセスしてインスタンス上のアプリケ…

CTOのポエム チーム指針遍

CTOのポエム(下記リンク)はどちらかというと「個々人が意識すべき行動指針」という意味合いが強いものです。対して、このチーム指針遍は名前のとおり「チームで技術的な意思決定を行う際の指針」を記したドキュメントです。 tech.commmune.jp も読んでね

Reduxの基礎を理解する

コミューンに今月入社した磯村です。 コミューンのフロントエンドは状態管理にReduxを使っています。1 今回Reduxの基本的な動作について調べたので、自分なりに理解した内容と理解するためにやったことをまとめました。 tech.commmune.jp↩

読みたい!TypeScript製のOSS紹介

こんにちは,@unvalley_ です. 僕の数少ない趣味の一つに,「GitHubを徘徊して,スターを付けまくる」というものがあります. この記事では,そんな趣味の中でスターを付けたリポジトリを紹介します.

styled-jsxの記法をまとめる

フロントエンドエンジニアの根岸です。 css in jsのstyled-jsxを2年ほど使っているのですが、どんな記法があるかちゃんと勉強したことがなかったのでまとめてみました。

TypeScript 4.2のリリースまとめ

こんにちは,@hulsc2esです. 2021年2月23日に,TypeScript4.2がリリースされました. 本記事では,4.2にて追加された機能についてまとめました. 本記事は,主にTypeScript公式のリリース記事から得た情報を元にしています. それでは,早速中身に入ります.

Next.jsのAppとDocumentとページはどんな順序で実行されるのか調べてみた

先日commmuneの_app.tsxの整理をしました。 そのときに_app.tsxと_document.tsxとページコンポーネントがどんな順序で実行されるのか混乱したので調べてみました。

DATADOGを用いたフロントエンドのパフォーマンスの定期的な計測

ある朝、前原夏樹が気がかりな夢から目ざめたとき、購入したサピエンス全史の上巻(2年ぶり2冊目)に玄関の郵便受けがすっかり破壊されてしまっているのに気づいた。 皆様こんにちは。 最近寝る前にカフカ全集を読んでいるせいで悪夢を見る回数が増えたよう…

React Hook Formは非制御コンポーネントからどうやって変更を検知しているのか

こんにちは。エンジニアの根岸です。 コミューンには2年ほど前から副業で関わっていたのですが、昨年の12月に正社員としてジョインすることになりました。 コミューンのプロダクトには比較的長く関わっているのですが、知らないうちにフォームライブラリのRe…

waiting for metadata lockにもう負けない。GCP CloudSQL上で開きっぱなしのTransactionの探し方。

あけましておめでとうございます エンジニアの前原です。 皆さん、年末はいかがお過ごしでしたか? 私ですか? 私は12/28の夕方まで障害の原因追求に奔走してました。なんとか年内に調査完了して安堵したのを覚えています。 折角なので今回はその問題につい…

コミューンにJoinして3ヶ月が経ちました

コミューンにて,エンジニアをしている @huslc2es です. 9月の初週からJoinし,はや3ヶ月が経とうとしています. 面談から稼働開始までのスピード感に驚いたのが,遥か昔のことのようです.この記事には,コミューンでエンジニアとして働くことについて色々…

私がいつも使ってるchrome extensionsたち

こんにちは。コミューン会社でエンジニアとして働いている吉本です。今日は私がいつも使っているchrome extensionsを紹介します。 書いている人 Block Site - Chrome™ 用のウェブサイトブロッカー Dark Reader AdBlock — 最高峰の広告ブロッカー Personal Bl…

「フルリモート最高!って聞くけど本当かね」という話

こんにちは。 コミューンでサーバサイドエンジニアリングマネージャ(長い)という肩書で活動している栗山です。CTOの「エンジニア全員でブログ書こう」という鶴の一声で、本ブログ記事を執筆する運びとなりました。いい機会なので、コミューンでのエンジニ…

CTOのポエム

エンジニアのチームビルディング、チームマネジメントの際に私が徹底している10の項目です。これを守れば誰でもいいチームが作れます。 鶏を割くに焉んぞ牛刀を用いん 簡単なことをやるのに必要以上の複雑さを持ち込むのは「害」です。これはある種、美学…

Next.jsとTypescriptが奏でるUniversal JSの世界 ~commmune を支えるアーキテクチャ~

Next.jsはサーバレンダリング、ゼロセットアップなどモダンな機能を兼ね備えたフルスタック系Reactフレームワークです。commmuneではUniversal JSを実現する手段として採用し世界的なトレンドの先端を切り拓いています。 また、Typescriptは今や大規模開発に…

コミューンのCTOに就任してから1年半くらい経ちました

早いもので、2019年05月にコミューンにCTOとして参画してから1年半くらい経ちました。いい機会なので「今どんなことを考えて組織づくりをしているか」「どんなチームをつくりたいか」「一緒に働きたいエンジニア像」みたいな部分を筆の赴くまま書き残してお…

【全文和訳】Next.js 9.2

(以下は2020年1月15日に公開された Next.js 9.2 の日本語和訳です。 以下原文 ) https://nextjs.org/blog/next-9-2 心躍る、Next.js 9.2の発表です: Built-In CSS Support for Global Stylesheets: アプリケーションは .css ファイルをグローバルスタイル…

【webpack】bundleサイズを40%減らしてJavaScriptビルドも40%高速化する方法

Moment.jsのLocaleがでかすぎる問題 Webpack Bundle Analyzer という解析ツールがあります。まだ使っていないエンジニアの方は早急に npm i しましょう。チューニングのバイブルです。

【全文和訳】Next.js 9.0.7

(以下は2019年9月30日に公開された Next.js 9.0.7 の日本語和訳です。 以下原文 ) https://nextjs.org/blog/next-9-0-7

【全文和訳】Next.js 9

(以下は2019年7月8日に公開された Next.js 9 の日本語和訳です。 以下原文 ) 70のカナリアリリースを経て、遂に Next.js 9 がお披露目されます 主な特徴は以下です。 (訳者注* アップデート機能名は原文のまま) nextjs.org