はてなブックマーク

この記事は STORES.jp Advent Calendar 2019 - Adventar の 8日目の記事。 先日（11/26）STORES.jp 社内で Jest の勉強会を開催したので、そのときに話した内容を書く。 なお、私たち STORES.jp のフロントエンドチームが Jest Vue Test Utils Vue.js を採用しているので、それらを用いたテストコードを掲載しているが、大半の内容は上記以外のスタックを用いたテストにも当てはまるものだと思う。 アジェンダ なぜ読みやすさを重視するのか？ 読みやすくするためのヒント 書きやすくするためのヒント おまけ なぜ読みやすさを重視するのか？ さて、今回は「読みやすさ」を重視した Jest の書き方をお伝えする。なぜ「読みやすさ」を重視するのか、その背景について説明する。 よいテストとは？ まずはじめに、よいテストとは何か

今年の 7月末でリブセンスを退職して、8月からはフリーランスとして STORES.jp / hey という EC のサービスを作っているスタートアップで働いている。2か月半ほど働いてみた感想として、友人にも自信をもってオススメできる企業なので紹介したい。 できるだけ中立的な立場で書く 少し話が逸れるけど、以前 OLTA という企業にカジュアル面談に行ったときに、業務委託として OLTA で働いていた @ffu_ さんが中立的な立場で同席してくれて、とても助かった（発言が信頼できた）のを覚えている。可能な限りそういうスタンスで、友人に伝えるような感じで、良いところもそうでないところも書こうと思う。 あと、できるだけ印象ではなく、こういうことがあったなどのファクトベースで書いていくつもり。 なんか、みんな、ちゃんとしてる（語彙） 僕は正社員5名、業務委託4名、計9名という規模のフロントエンドチ

台風19号の接近に伴い、昨日、Vue Fes Japan 2019 の開催中止を発表した。人生のなかでこれほど台風の情報を見たことはないだろう。まだまだやることはたくさん残っているけれど、中止の決断について記憶が新しいうちにメモしておきたい。いつかまた重要な局面に立ったときに役に立つかもしれないので。 ※ただし、ここに書き留めるのはあくまで個人の見解であり、Vue.js 日本ユーザーグループとしての公式の見解ではない。 経緯 10/8（火） 台風19号の報を受けて、興行中止保険の保険会社に、保険が下りる下りないのケースを確認し、開催対応について発表したのが 10/8（火）のこと。 台風に伴う Vue Fes Japan 2019 開催対応について ざっくりいうと「開催当日」に (1) 台風が半径 100km 圏内にある or (2) 交通機関が機能しない という条件を満たさないと保険が下り

リブセンスに転職したのを機に、49インチ 4K ディスプレイを使い始めた。半年ほど経ったので、感想をメモしておく。結論としては、生産性がとても上がった。オススメ。 Before 以前は、下記 3つを並べて使っていた。 MacBook Pro 13インチ 24インチ ディスプレイ 24インチ ディスプレイ（縦回転して表示） After MacBook Pro 13インチを閉じて（クラムシェルモード）49インチ 4K ディスプレイに接続している。隣の席の 15インチ MacBook Pro と較べて、異様にデカい。 スペック LCD-M4K491XDB 仕様 | ワイドモデル | IODATA アイ・オー・データ機器 を購入した。 解像度 3840 x 2160 表示面積 1073.8 x 604（mm） 外形寸法（スタンドあり）1109 x 217 x 679（mm） なお、ディスプレイを置

ウェブ企業の人事担当には耳の痛い話をする。人事担当なら皆知っているだろうけど、できるだけ目を背けたい話。 先日 日本人エンジニアの給料が上がらない理由 | プレジデントオンライン | PRESIDENT Online という記事を読んだ。 中国の通信機器大手ファーウェイ（華為技術）が日本で大卒エンジニアを「初任給40万円」で募集して話題を集めた 厚生労働省の調査によれば日本の大卒初任給の平均は約20万円（2017年） ファーウェイ本社のエンジニアの初任給は、日本円で月額約83万円 ファーウェイに限らず、中国のハイテク企業のエンジニアの給料は軒並み高い。この20年間で ICT のエンジニアが圧倒的に不足して、エンジニアの給与水準が世界共通になった この記事を読んで、ふと頭をよぎったのは 外国のハイテク企業が転職ドラフトに参加したら、どうなってしまうんだろう？ ということ。 20代前半のエンジ

昨年（2017年）の 11月にリブセンスの転職ドラフトチームにジョインして 2か月経った。まだ 2か月しか経ってないのかよー、と思うくらい、とても濃い日々を過ごしている。 そのなかで、転職ドラフトのレジュメの審査もやっている。 先日、下記の記事が出て、それを読みながら、審査メンのひとりとして、日々どんなこと考えているのか自分の口からも伝えておきたいなーと思った次第。 審査に落ちる理由の 9割は「情報不足」！転職ドラフトの審査にまつわる 3つの誤解｜転職ドラフト Report ペパボのエンジニア評価制度を思い出す 転職ドラフトに提出されたレジュメを見ながら、思い出すのは前職の GMO ペパボにいたときのエンジニア評価制度。 いつだったかこのブログにも書いたけれど、ペパボのエンジニア評価は、社内の全員が見ることができる公開リポジトリ（GitHub Enterprise）の、プルリクエスト上で行

Nuxt.js はユニバーサルな Vue.js アプリケーションを構築するためのフレームワーク。Next.js は React.js をサーバーサイドレンダリングするが、こちらは Vue.js をサーバーサイドレンダリングする。もうすぐバージョン 1.0 がリリースされそう。 Nuxt.js - Universal Vue.js Applications nuxt/nuxt.js: Framework for server-rendered Vue.js applications. その Nuxt.js の公式ドキュメントの翻訳にちょうど 1週間前に着手した。 前回のエントリー で書いたように @kenchan くんさん主催の @t_wada さんを囲む会で相談などしつつ、だいたい翻訳スタイルが固まってきたので、翻訳プロジェクトの一例として参考になればと思い、紹介する。 どのように翻訳して

今日はペパボの社内勉強会に TDD の実践者として知られる @t_wada さんが来てくださって「毎日コードを書く」ということについてお話をしていただいた。内容はおよそ こちら にあるようなことで、お話いただいた後の質疑応答でも、大変参考になる知見が得られたので、感謝の気持ちを込めてメモ。 何を得ようと思って参加したか 「今度 t_wada さんを囲む会をやるよ、内容はこんな感じだよ、希望者はぜひ参加して〜」という感じのアナウンスがされていて。 僕は以前、下記に書いたように、毎日コードを書くというのを試みたことがあって、もちろん得るものもあったが、インプットの量が減ってしまったという反省点のほうが大きかった。 プライベートで 689日連続でコードを書いた（ことの振り返り） 2016年になって、Pivotal Tracker でインプットの質と量を保てた一年だった と振り返ることができるほど

師走に入った。来年良いスタートを切るために一年を振り返るには良い時期だ。 さて、2015年の後半くらいから、フロントエンド・エンジニアとして「良い UI をつくる」ことに自分のリソースを集中させてきた。UI はここではウェブアプリケーションの UI を指す。 一年半をそれに費やしてきて、このあたりで、自分が考える、良い UI（ユーザーインターフェイス）とは何か、どうすればそれを実現できるのかを整理しておくのも悪くないなと思ったので書き留めておく。 良い UI をつくるには 良い UI をつくるには次の 2つが必要だと考える。 1 良い UI を定義できること 2 上記 1 を実装（実現）できること そう、いまから何をしようとしているのかというと、良い UI をつくるために必要な要素をツリー構造で整理しようとしているのだ。 ただし、以下に良い UI をつくるために必要な要素を分類しようと試み

vagrant マシン（CentOS 7.2）の vagrant ユーザーで sudo puppet apply ... しようとしたら、 sudo: puppet: コマンドが見つかりません というエラーが出たのでメモ。 調べたこと root ユーザーになって puppet apply はできる。 [vagrant@app001 vagrant]$ sudo su - [root@app001 ~]# which puppet /opt/puppetlabs/bin/puppet [root@app001 ~]# printenv PATH /usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/opt/puppetlabs/bin:/root/bin はい。PATH は通っていますね。 原因と対処方法 sudo「コマン

少し前に Ruby 製のバッチ処理を省メモリ化したときの話をメモしておきます。 どのようなバッチ処理だったか 動画共有サイトにアップされた動画がオトナの事情によって削除されることがしばしばあるということは周知のことだと思う。そこで、一定時間おきに配信元サイトをチェックして、もし動画が配信元から削除されていたら、当該動画をこちらのサイトでも動画一覧に表示させないようにする、検索に引っ掛からないようにする、ということをやっていた。 便宜上、そのバッチ処理のことを「（動画の）存在確認くん」と呼ぶ。 oom-killer に殺されていた 彼は非常にデキる子だったが、なんか最近、動画の落とし漏れがあるなーと感じた。原因を調べたら、メモリを食い過ぎて oom-killer に殺されていた。 cat /var/log/messages Apr 6 12:46:45 xxx001 kernel: Out

これは Pepabo Advent Calendar 2014 の 8日目の記事です。昨日は Ubuntu + Monit + Fluentd 起動の自作 Docker イメージを DockerHub に配置までをやってみた でした。明日は laughk さんです。 今日はペパボのエンジニア評価制度について書きます。 （エンジニアの働き方 | キャリア採用 | 採用情報 | GMOペパボ株式会社） 評価制度そのものの内容は下記の記事が詳しいのですが、 ペパボのエンジニア評価制度をパワーアップした - delirious thoughts ペパボの2014年上半期エンジニア評価について - delirious thoughts 今回はできるだけこれまでにあまり語られてこなかった側面に光を当ててみようかと思います。つまり、 社内の一般エンジニア（シニア以上の職位を有していないエンジニア）はこの

以前も少し書きましたが、いまペパボのフリマアプリ「kiteco（キテコ）」の API を Rails でつくっています（つい先日 Android 版をリリースしました） 古着フリマアプリ kiteco（キテコ）- 手数料無料キャンペーン中！ で、少し前に新卒2年目氏がチームに加わったので「これ読んどくと良いよ」という本をチーム内で共有しようと思っていたのですが、クローズドな場所に書く理由も無いですし、せっかくなのでブログに書こうかと思いました。 Rails チュートリアル をやり終えて、"とりあえず動く" 動くコードは書けるようになった、という人が次に遭遇するであろう問題とそれを解決してくれる本をまとめます。 紹介する順番には、特に「この順番で読むべき」という意図はないです。まずは自分がいま抱えている問題の本を手に取ってみると良いと思います もくじ 問題 1. テストが書けない - 読むべ

最近、仕事でずっと iPhone アプリの API を Rails でつくっていて、ようやく 2014年2月6日（木）にやっとリリースできました。いろんなメディアに取り上げていただいて、ユーザー数も伸びてきて、嬉しい限りです。 古着フリマアプリ kiteco（キテコ）- 手数料無料キャンペーン中！ 開発の過程のなかで、Ruby コミッターの @hsbt さんと、WEB+DB PRESS で連載記事持ってる @udzura さんにだいぶ「かわいがって」いただいたので、得られた知見をここに書くことで、少し還元したいと考えています。 で、手始めに Rails の高速化のハナシから。 セキュリティに配慮してコードやログは加工しておりますが、できるだけプロセスを再現するかたちで書いてみます。 もくじ 1. はじめに 2. 高速化に着手する前に 3. 現状分析 - ログから読み取れること 4. テーブ

最近 Rails で API をつくりはじめました。1か月テスト書きまくって、だいたい書き方が落ち着いてきたので共有します。 もっとこうした方が良くない？というのをコメントまたははてブコメントしてくださったら泣いて喜びます！ 環境は下記のとおりです。 * rails 4.0.0 * rspec-rails 2.14.0 * factory_girl_rails 4.2.0 もくじ Rails でつくる API のテストの書き方（RSpec + FactoryGirl） 1. ベストプラクティス 2. RSpec の Request spec で書く 3. Capybara は使わない 4. GET のテスト例 1（データを 1件取得） (1) ステータスコードの明示 (2) モデルの個別の内容を返すときは、属性を列挙して確認 5. GET のテスト例 2（データを一覧取得） (1) 属性を

先週 babyshark を Rails 3.2.13 から Rails 4.0.0 にアップデートしました。巷の情報では StrongParameters さえ気をつけておけば、なんとかなる << 的な。いやいや、たしかに Rails 2.3 -> 3.0 ほどの大変さではないにしろ、結構大変でしたよ。嘗めてかかるとエライ目に遭うと思います。 というわけで、移行してみて改めて大切だと思ったことと、ハマったポイントを共有します。久しぶりの長文。全力でいきますよ。 **Rails 4 へ移行してあらためて大切だと思ったこと + 役に立ったリンクを全力まとめ -1. Rails 3.2 との変更点を把握しておく -2. 使っている gem が Rails 4 に対応しているか確認する -3. 事前に Rails 3.2 の最新バージョンまで上げておく -4. gem もできるだけ最新バージョン

MySQL のログをローテートさせる設定をしていて、下記の現象（詳細は本文参照）にハマりました。やっと解決できたのでメモしておきます。 手動でコマンドを叩いたときはうまくいくのに cron で動かしたときは flush-logs がうまくいかない 環境は CentOS 6.3、MySQL 5.5.28 です。 # yum list centos-release ... Installed Packages centos-release.x86_64 6-3.el6.centos.9 @base # mysql -V mysql Ver 14.14 Distrib 5.5.28, for Linux (x86_64) using readline 5.1 ## MySQL ログのローテーション設定（logrotate）（flush-logs が cron で動かないときの対処を含む） 1.

最近ペパボ社内でもっとうまくログ解析をして、ビジネスサイクルをもっとうまく回していこうぜという機運が高まっています。 当然 Fluentd とかにも話題が及ぶのですが、やっぱり自分で使ってみないと感覚が掴めないよねと、ようやく重い腰を上げて Fluentd に触ってみたのが 2013年に入ってから。そのときに下記の記事に大変助けられました。 -fluent-agent-lite と td-agent で、小さくはじめる fluentd - studio3104::Blog 他で td-agent の設定ファイルの見本とかをみても全然意味が分からなかったのですが、上記記事の、少しずつできる範囲を拡げていくやり方で、やっと Fluentd と仲良くできそうな気がするところまで辿り着きました。 で、今回は、上記記事のステップバイステップ方式を踏襲しつつ、内容を少し進めて、Fluentd と Gr

前回の「いまどき Rails で何かつくるなら、VPS より Sqale（スケール）だと思うの」に続いて、今回も Rails で何かつくってみようという人向けのエントリーです。 下記のようなレスポンスタイムを表すグラフ等が見られるようになる Web サービス「New Relic」を紹介します（上記 Sqale の環境にも導入できます） べつに Rails じゃないと使えないわけではないのですが、Rails だと導入があっけないくらい簡単で、Rails を使って開発する人には特にオススメなので。 -New Relic : Web Application Performance Management (APM) & Monitoring **Rails + New Relic ならレスポンスタイム等のパフォーマンス監視が簡単にできるよ 用語の整理 パフォーマンス監視とリソース監視とサーバ監視