大規模システムに携わるエンジニア必見！ メルカリが導入した安定運用のための技術『DevOps』というバズワードはどこかあいまいで、つかみどころがないと思っている方も多いことでしょう。運用と開発を一体化するという概念に厳密な定義はなく、どのように実務に落とし込めばよいのかが漠然としているからです。 しかし、急成長したメルカリの大規模システムを支えるSREという役割を持つエンジニア佐々木健一氏の語る奮闘から、DevOpsの本質が見えてくるのではないでしょうか。DevOpsで実現した大規模システムを安定して運用する仕組み作りをご紹介いたします。 テーマ：『メルカリDevOps物語 – 俺たちの戦いはこれからだ -』 メルカリDevOps物語 ー 俺たちの戦いはこれからだ ー メルカリはサービス開始が2013年と歴史は浅いのですが、アプリが急成長しユーザーが増えて、いろいろ困ったことがあったのでそ

Photo by dee_dee_creamer こんにちは、谷口です。 ITエンジニアとして働いている皆さんは定期的に勉強をしていますか？ 『How Google Works』という書籍では、「人材」の章で、常に勉強し続ける人たちのことを「ラーニング・アニマル」と呼び、Googleが採用したい人材であるとしています。 しかし、業務時間外にしろ時間内にしろ、何でエンジニアはこんなに常に勉強やスキルアップに関することを言われ続けないといけないのでしょうか。エンジニアは常に勉強を続けなければ生き残っていけない職業なのでしょうか。 今回は、エンジニアが勉強し続けることの必要性について考えていきたいと思います。 How Google Works (ハウ・グーグル・ワークス) ―私たちの働き方とマネジメント 作者: エリック・シュミット,ジョナサン・ローゼンバーグ,アラン・イーグル,ラリー・ペイジ,

この記事は、 私のマイクロソフトの公式ブログに、 お引越ししました！ https://blogs.msdn.microsoft.com/chomado/xamarin/getting-started-xamarin-on-mac-for-free/ （マイクロソフト社に入社して、MSDNブログを開設したのですが、 まだ中身が空っぽで、寂しいので、 個人ブログのこの記事をお引越しさせることにしたのです。） お手数ですが、上のリンクにお願いしますm(_ _)m

特定のブラウザで挙動がおかしい、期待通りにならない、そんな時の検証用に役立つ、IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハックがまとめられたSassのMixinを紹介します。 いざという時に、備えておきたいですね。 Browser Hack Mixins for Sass Browser Hack Mixinsの使い方 「_hacks.scss」をインポート。 コード: @import "hacks"; Mixinの使い方 基本書式: @include [Mixin_Name]{ selector, property, value } 記述例: @include only_ie9_below { .my_div, background-color, red } CSSハックの各ブラウザは、下記の通り。 そのブラウザのみ、バージョンのみ、

先月、NewsPicks CTOに就任した杉浦です。CTOとしては新卒のみなさんと同じく1年目で、偉そうなことは言えないのですが、今までのエンジニア人生を振り返ってやっていて良かったことを3つお伝えしたいと思います。 1. 低レベルな技術を身につけようコンピュータの原理に近い技術をエンジニア用語で低レベルな技術と言います。逆にコンピュータではなく、人に理解しやすい、より人に寄り添った技術を高レベルな技術と言ったりします。 最近では、AWSのようなクラウド環境が普及し、豊富な機能を持ったIDEでのアプリ開発が人気だったり、いわゆる高レベルな技術のみ知っていればサービスを開発することが可能になりました。それ自体は大変に素晴らしいことで、良い時代になったと思います。 しかし、メモリの構造やコンピュータの動作の仕組みがわからなくても、それなりに動くものを作ることができることは危険でもあり、不可解な

こんにちは、吉岡(@yoshiokatsuneo)です。 DockerはLinux上の軽量コンテナ環境として、飛ぶ鳥を落とす勢いで成長しており、paizaでもジャッジシステムで利用しています。 そのDockerのMac OS X、Windows用クライアントの新製品が、"Docker for Mac"、"Docker for Windows" として先日3月24日に案内されています。 blog.docker.com 従来、Mac OS X, Windows向けクライアントとしては、Docker Toolboxが提供されてきました。 しかしながら、Docker Toolboxは、ある程度Dockerについての知識がないと使いづらい部分がありました。 Docker ToolboxはVirtual Box環境が必要であり、Docker Machineで環境設定を 行わないと利用できませんでしたし

各所でプログラマー不足が叫ばれる昨今。にもかかわらず、企業で働くエンジニアの中には、勤め先の要請によって「開発業務（コーディング業務）」から身を引かねばならない人も少なくない。なぜ、このような矛盾が生まれるのか。エンジニアが「好きな開発」と「キャリア形成」をうまく両立させる方法はないのか？データ分析と著名人対談を通じて考える。 「約4割のエンジニアが、ある時期を境に開発業務（コーディング業務）から完全に足抜けしなければならないと回答」 「マネジャー以上の年収分布では、技術専門職より一般管理職の方が年収が高い傾向に」 弊誌が今年3月に行った【IT・Webエンジニア300人調査】では、勤務先のキャリアパスについてこのような現実が浮き彫りになった。 >> 「コードで食っていく」は何歳まで可能か？エンジニア300人調査で見えた理想と現実 エンジニアという職業を選んだ以上、何かを作る仕事をし続けたい

DIコンテナ使ってるけど、アノテーションってなんなの！って聞かれて、作ってみたらわかるよと答えてみたので、自分でも作ってみました。 よくわかった。 「DIコンテナ使うと何がいいの？」ということも、作ってみるとわかります。あと「DIって何がいいの？」に関しては、「DIはちょっとコードを書くのが楽になるだけで、それだけあっても仕方ない、大事なのはコンテナ」と答えるようにしてますが、コード比率からもそれがよくわかります。 続編としてWebフレームワークも作っているので参考まで。 作って理解するWebフレームワーク - きしだのHatena まずはコンテナを作る とりあえず1ソースの状態で。 こんな感じで、管理する型を登録できるようにします。 static Map<String, Class> types = new HashMap<>(); static void register(String

こんにちは。会員事業部の丸山です。 エンジニアが開発を開始する時にはタスクの見積もりとスケジュールを作成行って、実装を進めていくと思います。 しかし1ヶ月を超えるような規模の開発をする場合、なかなか予定通りの期日に終わらなかったりすると思います。 そして大抵の場合、増える方向になりますよね。 今回はそういうことにならないために、私が気をつけていること・実践していることをいくつか紹介したいと思います。 見積もりとは まずは「見積もり」とは何なのかを正しく理解したいと思います。 一般的には「見積もり」＝「全タスクとその工数を洗い出す」というものだと思います。 しかしここで以下のことに気をつける必要があります。 見積もりとスケジュールとコミットメントは違う 見積もりとはあるタスクがどれだけの工数(規模)なのかを算出することです。 対して、スケジュールとはあるタスクがどれだけの工期(期間)なのかを

昨日行ってきた。 devlove-kansai.doorkeeper.jp 現場の実際のストーリーは成功・失敗に関わらず宝の山だ。どちらかと言うと失敗談からの方が学ぶことが多いかもしれない。だからたくさんの人と様々な成功・失敗のストーリーを共有して、その体験談から学んでいきたい。 だけど、自分の体験した仕事の話を共有するというのは中々にハードルが高い。失敗談ともなればなおさらだ。でも、安心してほしい。僕らにはスクラム現場ガイドがある。この本には、そんなストーリーがたくさん書いてあるのだ。まさに、宝の山の山だ。 問題は、僕がまだこの本を読んでいないということかな（おい。読むよ！ という感じに、昨日のイベントで感じたことを雰囲気で書いてみた。良い本だと思いますよ！ books.rakuten.co.jp 悪役のストーリー 「ストーリーの中では悪役が大切。その悪役にもバックグラウンドがあって理由

圧倒的今更感 メモだけ ディレクトリ構成 . ├── Dockerfile ├── apache-config.conf ├── application │   └── webroot │   └── index.php └── docker-compose.yml 各ファイル Dockerfile FROM php:5.6-apache RUN a2enmod rewrite EXPOSE 80 # Update the default apache site with the config we created. ADD apache-config.conf /etc/apache2/sites-enabled/000-default.conf apache-config.conf <VirtualHost *:80> #ServerName www.example.com # Ser

Temas de ofimática en la gestión de archivos Guía de trabajos en clase y actividades de la ofimatica

Twitterではすでにつぶやきましたが、社内勉強会をやりまして、ワテクシは講師として前に立つというそういうあれでして。なんでしょうか。何でもよいのではないでしょうか。 というわけで、スライド貼り付けておきます。 UX設計の第一歩-インテリジェントネット社内勉強会 from インテリジェントネット株式会社 はい、また例によってふざけまくった感じですが、内容はいたって初歩的かと思います。はい。 そんで、こういうのつくるたびに思うわけですが、 まあ、これみたからってUX設計ができるようにはならんよねぇ そんなこと言うなよって言う話ですがｗ いや、でも割と本気で思ってるし、こういうことって作った本人こそ言わなきゃいけないよなと思うのですよ。 やっぱりぼくはセミナーとかで手法の話をする、手法の具体的なやり方の説明をするというのにどうにも懐疑的で、その手法を取り入れられるんだったらネットに転がってる

一言で言うと、CxDとはターゲット顧客が1日に経験する「ブランド体験」を、すべて時系列で並べて一覧化したものです。調査に基づくのが理想ですが、身近な近しい人にヒアリングしつつ、残りを想像で埋めていくだけでも十分に発見があります。 例えば、朝、駅に着いてグレゴリーのリュックから定期パスを取り出す。チャックを開くざっくりとした感覚がとても心地よい。これはブランド体験です。会社に着いて、シアトルのスタバ一号店で買ったオリジナルマグカップに、Nespressoで淹れたエスプレッソを注ぐ。横で同じくコーヒーを淹れていた同僚がマグカップに関心を示したので、購入したときのストーリーを語る。この数分の間に、2つのブランドに対して2人の顧客に、合計4つのブランド体験が生まれています。 CxDでは、このようにブランド体験を時系列に書き出していきます。それぞれの体験には、対象となるブランドと、その体験がポジかネ

Angular2は「モダンJavaScriptの学習セット」！エキスパートによるディスカッションが熱かった（詳細な注釈付き！） 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 去る3月9日、AngularJSのエキスパートによる座談会におじゃまさせていただきました。この座談会はAngularJS Japan User Groupの佐川 夫美雄さんの呼びかけによるもので、お題はもちろん、現在β版として公開中のAngular2。「ハードル高い」「Angular1と違いすぎる」など、いろんな情報も飛び交う中で、Angular2の魅力と課題について存分に語っていただきました。 Angular2に関心のある方にはもちろんのこと、Angular1しか触ったことのない方、そもそもAngularJSは初めてという方にとっても貴重なご意見が満載！エキスパート同士の会話と

ある日のできごと 少し前、「ブログの記事のようなものを、履歴を残しつつ編集できるようにするにはどのようなテーブル設計が良いか？」と尋ねられたことがありました. その時, まず思いついた（というか見聞きしたことがある方法）のは以下の様な2通りの方法だった. 記事テーブルにバージョン番号を持たせる方法 記事テーブルとは別に, だいたい同じ構造の履歴テーブルを持つ方法 こられの手法のメリット・デメリットについて, すこし考えていきたいと思います. その1 記事テーブルにバージョン番号を持たせる方法 概要 この方法では, 記事テーブルは一つだけ用意し, 更新される度に新しいレコードを追加していきます. 主キーはidとなるが, これはサロゲートキーで, 本当の主キーは「記事グループid + verison」の複合主キーとなっています. 記事の最終更新日時は, 最新Versionのレコードのinser

?ってなにこれ。 試してみたら、Firefoxでは使えなかった。ジャンク屋の動作未確認のようなもんだな！ まあ、今回はChromeで試すだけなので問題ない。 TouchEvent Level-2以前の世界 v2以前のタッチの擬似発火は本当につらいものだった。 初期化用のinitTouchEvent関数には15個くらい引数が必要となる。（座標指定も必要な割には無視される。） その引数の順番はブラウザごとに異なるうえに、リファレンスなんて気の利いたものはありゃしないのだ。 本当にあったTouchEventの怖い話 - Qiita 記事ではChromeの仕様をChromiumソースコードから読み取っている。 ソースコードはドキュメント！みんなも困ったらブラウザのソース読もう！ ChromeもMSDNやMDN的なものあったらいいのに！ なお、initTouchEventがあまりにもカオスなので、W

はじめに Webサービスを作っている際に、サービスの規模が大きくなるにつれてviewで用いているjsの記述が煩雑で見辛く、保守が難しくなってきたなーと思った経験ありませんか？ 個人で開発している分には良いのですが、いざ他の人に改修を頼もうと思った際に、このDOMの操作に関わるjsはこのファイルに書いていて、あのDOMの操作に関わるjsのファイルはあっちのファイルに書いていて... なんでこのjsはhtmlファイルに直接書いてあるのに、こっちの部分はファイルに分けてあるの？と。 凄く極端な例で示しましたが、Webサービスの開発に携わられたことがあれば少なからず似たような経験をしてきたことがあるのではないでしょうか？ そのやりとり面倒くさいですし、開発の引き継ぎを託された側も修正に必要な関連ファイルをいちいち探すの大変ですし、そもそもjsの記述が多くなればなるほど保守もしづらくなってきますよね

2. 自己紹介 早川 博（はやかわ ひろし） @charlier_shoe • 日本オラクルのプリセールス・エンジニア – 製品の情報展開／技術検証など、販売活動の技術的支援が ミッション – Java SE / Java EE / WebLogic / PaaS … • （Node.js 初心者） 4. Find the Next Business Run the Current Business Run the Back Office New IT Old IT ソフトウェアへの新しいニーズ * Kelly Goetsch | 「Oracle: Building Cloud Native Software」より一部改変

Node学園 20時限目に参加したきたのメモ。 「eslintの話」 by @mysticatea スライド: ESLint Past and Future - Google スライド ESLint 12-3% ぐらいのルールを書いた JSHintにプラグイン機能が追加するという話はあったけどならなかった ESLintの特徴 ASTベースでプラグインという特性 (以前書いたプラグインの仕組み: ESLint | JavaScript Plugin Architecture) 開発者が貢献するのが簡単 コントリビューションガイド 開発体制 機能に関しては Reviewer以上 バグに関しては Committer 以上が確認してマージ 隔週の金曜日にリリース ESLint 3.0.0 Stage 4に到達した構文 Auto FixはIDEと連携して選択式の適応へ アグレッシブなFixは同時に適

このサイトでは、初めてお宮参りにいくパパ・ママのための疑問質問にお答えしましょう。 日本では赤ちゃんが生まれると必ず神社に足を運んでお参りをします。 健康と家内安全の祈願であり、どなたでも一度は経験をされているでしょう。 このとき、どんな服装で足を運べばいいのかわからないという方も少なくありません。 それらの悩みを解決する指南を致しますので、参考にしていただければ幸いです。 家族で赴いて、お参りをしましょう。 お宮参りは基本、スーツを着用して赴きます。 疑問質問でもっとも多いのが、家族全員で行ってもいいのかというものですが、お宮参りは神聖な儀式となるので近い親族のみで参加をするのが賢明です。 そのため、赤ちゃんとその両親・そして祖父母までにしておきましょう。 気を付けておきたいのが写真撮影で、なるべく社殿内ではカメラを構えるのは避けないといけません。 集合写真を撮影する場合はお宮参りが終わ

ポジ熊です。 PC画面のスクリーンショットを撮影してお手軽に加工・使用できたら便利じゃないですか？ というわけで今回は僕が愛用しているフリーソフトの紹介です。 こんなソフト ダウンロード よく使う機能 ①矢印＆文字入れ ②モザイク ③ハイライト おわりに 関連記事 こんなソフト 画像で示してみました。 ダウンロード Monosnap - Free Screenshot Tool 英語だけど、DL後は日本語の文字を入力して加工できます。 よく使う機能 ますはアプリケーションを立ち上げましょう。 ここからCtrl+Alt+5で 加工したい部分を範囲指定する！ 加工開始！ 管理人の使用頻度が高い３つの機能を紹介します！ ①矢印＆文字入れ 矢印と文字入れを別に入れることも可 色の変更ももちろん可 ②モザイク 目の粗さは指定できないけど十分 ③ハイライト 本来は四角で囲う機能だけど、Alt+でハイラ

国内有数のWebサービスを手がけるYahoo! JAPANは、その毎秒100万リクエストという膨大なトラフィックを支える大規模なインフラチームを抱えています。そのうち画像などを配信するプライベートCDNでは、オープンソースのATS（Apache Traffic Server）をキャッシュサーバーに採用し、本家OSSプロジェクトでの開発にも積極的に参加しています。OSSのコミッタを業務とするYahoo! JAPANのプラットフォーム開発エンジニアのお二人と、はてなからインフラチームとMackerelのエンジニアが参加し、インフラエンジニアの働き方について座談会形式でお聞きしました。 座談会出席者は、（上写真、左より）ヤフー株式会社の小柴薫居さんと北條正和さん、はてなの坪内佑樹（id:y_uuki）と松木雅幸（id:Songmu）。構成はITジャーナリストの星暁雄。記事の最後にプレゼントのお知

こんにちは。エクセルソフトの田淵です。 Visual Studio 2017 がリリースされましたね！Visual Studio のインストール記事を書きました。 ytabuchi.hatenablog.com 10分でわかる無料になったXamarin from Yoshito Tabuchi 今は Visual Studio 2015 でもすごく良くなっていて、普通にインストールして普通にビルドすると、Android SDK は追加で入れないといけないかもですが、恐らくビルド通るはずです！ ytabuchi.hatenablog.com 一応記事を残しておきます。 見てらんない… どうやら、ニュースを見て Xamarin を触ろうとしてくださっている方々が大変苦労されているようです。 2016/4/9 ピックアップさせていただいた以下の 3名は皆さん問題が解決して快適な（？）Xamari