この記事は リクルートライフスタイル Advent Calendar 2017 の12日目の記事です。 1.はじめに ホットペッパービューティーで基盤や運用の改善を行っているy_kabutoyaです。 本記事はRecruit Engineers Advent Calendar 2017に投稿したシステムリリースの話の中から、Jenkinsの利用についてもう少し掘り下げた内容を書きたいと思います。 2.リリース作業で実施したいこと 「リリース作業」と一言で言ってもアプリケーションをビルドし、実行する対象環境にリリースし、実行(可能)状態にする必要があります。 ビルド対象が1つ(例えばWebアプリケーションのみ)であればリリース作業は非常にシンプルで自動化の難易度も低いです。 しかし、一般的なWeb/ApシステムであってもDBに代表されるデータストア層との接続が必須だと思います。そうなると、テ

最近、Javaをがりがり書く仕事から大規模開発の責任者的な立ち位置にシフトしています。 100人前後のエンジニア/デザイナをマネジメントするとなると、リソース管理が結構大変なことになります。 案件ごとの進捗はJiraなどのプロジェクト管理ツールを使って、バーンダウンチャートなど作っていけば、可視化できますが、３ヶ月くらい先の開発計画に対して人が足りているか余っているかというのはJiraだけで可視化するのは結構難しかったりします。 多くの場合はスプレッドシートやパワポなどで矢羽を引いたり、要員アサイン表、山積み表を作ったりしていると思います。 たとえば、以下のような要員アサイン表があったとします。 名前 チーム 10月上 10月下 11月上 11月下 12月上 12月下

この記事は リクルートライフスタイル Advent Calendar 2017 10日目の記事です。 はじめに はじめまして、ホットペッパービューティのアプリエンジニアをやっている @applideveloper と申します。 今日は、Netflixのトラフィックをアニメーションで可視化するNetflixのvizceralというオープンソースについて翻訳しながら、紹介したいと思います。 https://github.com/Netflix/vizceral まずは、以下のGIFアニメーションをご覧ください。 vizceralは、トラフィックデータをWebGLキャンパスに表示するためのコンポーネントです。 トラフィック量に関するデータを含むノード及びエッジのグラフが提供される場合、ノード間の接続量をアニメーションするトラフィックグラフをレンダリングします。イエローのドットはサービス間の劣化、

この記事は リクルートライフスタイル Advent Calendar 2017 、9日目の記事です。 CETというプロジェクトでABテストの起案や分析や開発などをちょっとずつ担当している @mihirat です。こんばんは。 AWSでもマネージドサービスが出るなどkubernetesの機運が高まっていますね。余談ですが自分が去年書いた入門記事がそろそろ200いいねということで驚いております、今読み返すとちょっと怪しい説明が多いですね… 今回は、チームで運用しているk8sの暫定ベストプラクティスをまとめてみたいと思います。 前提 GKEでの話 弊社の某サービスの一部ページのwebサーバーをk8sで運用してます 構成 構成図 構成について k8sにはIngressがあるのに、なぜGCPのLoad Balancerを利用しているかというと、いくつか理由があります。 静的コンテンツの配信用に、GC

この記事は リクルートライフスタイル Advent Calendar 2017 4日目の記事です。 はじめに こんにちは！データエンジニアリンググループでエンジニアをやっている @shotat です。 最近は CETというプロジェクトでDataflowを書いたりGoを書いたり無限にSQLを書いたりしています。 先月サンフランシスコで行われた QCon2017 に参加してきました。 QConではArchitecture, DevOps, Microservices, AI, CS, Culture, Web…と幅広いトラックがあり、全体としてサービス・組織をどのようにスケーリングさせていくか？という点に関心が集まっていたように感じました。 トラックの一つとしてChaos Engineeringがあり、中でもChaos Architecture のセッションはカンファレンスで一番Attende

完成したもの このようなPDFの資料を作ることが出来ます。 プレゼン資料の作り方 PDFKitを使ってPDFを出力することでプレゼン資料を作ります。 今年のWWDCでもPDFKitが取り上げられ、MacOSのみだったものがiOSにも対応しました。 https://developer.apple.com/documentation/pdfkit https://developer.apple.com/videos/play/wwdc2017/241/ PDFKitのPDFViewというClassを利用することでPDFViewerのようなアプリは簡単に実装することができるようになりました。 今回はViewerではなくプレゼン資料としてPDFを出力したいため、PDFDocument, PDFPageといたClassを利用していきます。 https://devstreaming-cdn.apple

Sketch LibraryはVersion 47(2017年10月10日release)で追加されたSketchの新機能です。 Sketchファイル間で作成したSymbolを共有、同期することが出来ます。 ※Symbol: Sketchで繰り返し利用可能なページとは別で切り出された要素のこと Sketch Libraryが便利な点は、以下のように今までは、共通の要素に対して修正が入ったときに全てのデザインファイルに対して手動で修正が必要でした。(デザインファイルを画面毎に分割している場合など) 今まで Sketch Libraryを活用した場合 Sketch　Libraryを活用するとLibraryの更新があった場合には差分を抽出して、画面の更新を行うのみ(ボタンクリックのみ)で完結することが出来ます。 詳しい使い方は公式を見て頂けると！ 両者のメリットを改めて考えると Atomic D

いよいよ12月になり、今年も残り1ヶ月になりましたね。 同時にエンジニアにとってはAdvent Calendarの始まりですね。 僕もいくつか登録しており、この記事は下記Advent Calendarの1日目です。 adventar.org 転職前 転職前は広島のベンチャー企業で働いていました。 ちなみにこちらは2社目になり、その前は東京のベンチャー企業の営業でした。 拾ってくれた社長のおかげでフロントエンドエンジニアになることになった感じです。 仕事内容はよくあるWeb製作会社のフロントエンドエンジニアです。 フロントエンドエンジニアといってもほとんどがWebサイトの製作で、主にHTML、CSSを触ることが多かったので、 コーダーに近い存在だったのかもしれません。 Angularを触ったり、GulpやWebpackで環境を構築することがあたったので、フロントエンドエンジニアと名乗っていま

はじめに 以前の記事にも書きましたが、2017年4月末を以って、通算10年働いたSIerを辞めて、WEB屋に転身しました。 syogo0417.hatenablog.com 実はこの時、妻は第一子妊娠中でした。 ※先日９月２８日に元気な女の子を産んでくれました。 妊娠中の転職について調べると、妊娠中の転職をタブー視するページはたくさん出てきますが、 実際に転職したページはあまりなかったので遺しておきます。 タブー視しているページの多くは当然女性目線です。 出産の主役は奥さんと子供なので、分かります。 が、男性目線だとちょっと違ったり、業界が違っても考え方はやっぱり違うので、どうすべきか悩んでいる方の参考になれば。 転職までのスケジュール 決意したのは2016年12月末 年末年始の休み中に経歴書など作成 2017年1月中旬くらいからエントリー開始 2017年2月〜3月に面接ラッシュ＆内定・退

1年ちょっと勤めた株式会社カカクコムの「食べログ」を先月の2017年11月で退職しました。 食べログでは主にwebデザインをしていました。といっても、HTMLとCSSを触るのがメインでしたが。 良かったところ 良かったところ、良くなかったところ、を書こうと思いましたが、感じ方人それぞれな部分があったり、同じカカクコムでも運営サービスや部署やチームなどによって異なってくるのでなんともいえないところがあります。 が、自分の置かれていた環境として良かったところは、それほど残業もなく、早退もある程度自由だったので、勉強会などによく行けていました。「行程さん」を改修してリリースしたり、「z-indexを倒す」という同人誌を書けたりできたのも、そういった時間があったからかもしれません（しれっと宣伝）。 あとは、名刺交換の際に、「あ、食べログなんですねー！　いつも使ってます！」というような言葉をもらえる

これは 転職 Advent Calender 2017 15日目の記事です。 普段このブログではコーヒーカップのことしか書いていないんですが、今回はちょっとひとつ人生の契機がありましたので書いてみます。 ■これは俗に言う「退職エントリ」というヤツでは？ ……などというタイトルで書きはじめましたが、厳密には違います。 これは転職 Advent Calenderですからね、当然「転職エントリ」です。 とはいえこのブログでは、普段僕が何の仕事をしていたとかそういうことをまったく書いてきていなかったので、転職について、また転職先について書く前に、まず僕のこれまでをおさらいすることにします。 一部業界へのアンチテーゼにならないようなるべく穏便に書くつもりですが、結果として「退職について」の色合いが濃くなりそうなので、こういったタイトルとしています。 少し長くなるかもしれませんが、こんな記事を読んでく

この記事はRecruit Engineers Advent Calendar 2017の15日目の記事です。 一言にすると「情報発信のススメ、人生は connecting the dots. 」です。 12月になるとアドベントカレンダーで記事を書く人は多いですが、もっと日常的にアウトプットすることのススメです。 私はいま、Forbes のオフィシャルコラムニストとして「エストニアの電子政府」　について連載をしています。何を隠そう、連載に至るきっかけがブログでの情報発信でした。 forbesjapan.com コードの話はしません。特定の技術要素の紹介は他の方に委ねます。 先週こんなサービスを作ってしまったので、これをアドベントカレンダーの記事にしようかと悩みましたが、真面目に書くことにします。 新元号までの平成カウントダウンページを作ってみた(S3 + CloudFront + Route

【警告】 AVを見すぎると脳が壊れることが判明！ エロの副作用は予想以上に深刻だった！ 1 名前： おちんちん ◆d9eTMNEKrI (笑) [US]：2017/12/13(水) 23:28:07.86 「ポルノに触れすぎると脳がダメになる」――。ハーバード大学医学部研究員がブログで証言した。Majeres氏は実験用マウスを使い、エロと脳のダメージの関係を立証している。 Majeres氏の実験方法はこうだ。まず、オスとメスのマウスを1匹ずつかごに入れて様子を見る。ほどなくしてオスはメスに興味を示し、セックスを始める。事が済むと、オスの快楽は満たされてしまい、セックスをしなくなった。ドーパミンが一気に放出されてしまったのだ。 そこで、Majeres氏はメスを交換する。新たなメスがかごに入るとオスは即座に新人のメスに襲いかかり、さっきまでの冷めた様子はどこへやら、しっかりと事に及んだ。事が済

Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、勧告としました。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する＜dialog＞要素が追加されました。下記は＜dialog＞要素を用いたサンプルです。 ... <body> <div> <!-- body content --> </div> <dialog> <h1>Add to Wallet</h1> <label for="num">How many gold coins do you want to add to your wallet?</label> <div><input name=amt id="num" type=number min=0 step=0.01 value=10