はじめに ん！？ この Pull Request。。。。 develop ブランチ向けだと思ったら、マージ先が master ブランチじゃないかーーーー！ うぉぉぉぉーーー！！！！ うっかりマージボタン押してしまったーーーーーーー！！ あぁぁぁーーーーーー！ （完） そんな悲しい経験をした方は多いのではないでしょうか？ はい、私はあります。 同じ間違いは二度と起こさない。そんな...

私がフロントエンドの障害監視のために導入している、Rollbarというサービスの「Telemetry」という機能にかなり驚いたので紹介します。 ちなみに私はグローバルチームで働いている隠れ Rollbar エバンジェリストです。 はじめに 私の場合、Rollbar を主にユーザーの Web ブラウザで発生したエラーを収集するために利用しています。 Rollbar は、今まで何が起きて...

プロジェクトの webpack のバンドルサイズを計測して見たところ、highlight.jsが結構な割合を占めていたので、サイズを小さくする方法を試してみました。 はじめに この辺りの記事を参考にしています。 Reducing bundle size of Highlight.js with Webpack | Brian Jacobel Reducing bundle s...

この記事は筋肉 Advent Calendar 2017 - Adventar20 日目の記事です。 （たまには技術系じゃないことも書いてみようかな。。。） 私はグローバルチームで働いている隠れ細マッチョです。 最近はプログラマでトレーニングしている人も増えて来ましたねー。 私は 8 月からジムに通っているのですが、4 ヶ月間ジムに通って得たものについて紹介します。 きっかけ ちょ...

このブログはHexoという Node 製のブログエンジンを使っています。 これまで使っていたテーマに飽きてきたので、日本語が読みやすいブログテーマを作ってみました。 あくまで個人の感想で個人差があります。 リポジトリはこちらです。 mitsuruog/hexo-theme-simple-japanese: Hexo blog theme. it makes Japanes...

この記事はファシリテーター Advent Calendar 2017 - Adventar7 日目の記事です。 はじめに （たまには技術系じゃないことも書いてみようかな。。。） 私はグローバルチームで働いている隠れファシリテーターです。 今日は、私がミーティングを発起する際に事前に注意しているポイントを並べていきます。 ちなみに、ここでのミーティングとはソフトウェア開発において、...

この記事はStripe Advent Calendar 2017 - Adventar2 日目の記事です。 自分がフロントエンドをやっている、オンラインプログラミング学習サービスCODEPREPに、Stripe決済を組み込んでみた時の話です。 (注意)CODEPREP は2018 年 1 月 4 日をもってプレミアム会員プランを停止したため、このページはもう見ることはできません。 ...

create-react-appで作っている React アプリを Circle CI 2.0 でビルドする手順について紹介します。 今回説明するのは、CircleCI 2.0 を使う上での大まかな流れについてです。 前提条件 フロントエンドのプロジェクトにはtestとbuildのタスクがあって、全てnpm runで実行できるとします。 またデプロイについては、buildタスクで ...

ニッチ過ぎて誰得なのか全くわからないのですが、同じようなことで苦しめられるであろう未来の誰かのために、ここに手がかりを残しておきます。 正直このあたりのライブラリの変化が早過ぎるので、この情報がいつ風化するかわからないのだけれど。。。 はじめに 詰まるところcreate-react-appをベースに React アプリを作っているのですが、Redux のconnectを使っ...

よく忘れるシリーズ。 AWS の特定の S3 バケットにだけアクセスできる IAM ユーザーを作る方法です。 想定される用途 自分の場合、最近のフロントエンドは SPA を作ることが多いので、フロントエンドのコードを Webpack で bundle にビルドして S3 へデプロイします。 この辺りは CI サービスを利用して自動化しているのですが、その時に AWS の IAM ...