プレゼンモード 再生 ← / →で移動 fでフルスクリーン escでおわる こんにちは，id:hitode909です．はてな・ペパボ技術大会 #4 〜DevOps〜 @京都において，「社内横断で開発効率を上げる取り組み」というお題で発表しています．この記事は，その発表資料です． 社内横断で開発効率を上げる取り組み はてな・ペパボ技術大会 #4 〜DevOps〜 @京都 hitode909 自己紹介 hitode909 株式会社はてな アプリケーションエンジニア 好きな本はオブジェクト指向入門とドメイン駆動設計 2009年〜 うごメモチーム 2012年〜 ブログチーム 2017年〜 マンガチーム 2018年〜 CTO室(兼務) アジェンダ CTO室での活動 特定のチームに閉じず，社内横断で開発効率を上げるための試み みなさん 学生の方? 🙌 社会人の方? 🙌 Devの方? 🙌 Opsの

会社のオフィスは東京と京都に分かれていて，それぞれ，さらに7F，8F，9Fとか，B1，3F，4F，のように3フロアずつに分かれているので，合計6フロアあることになる．それに加えてリモートの人たちは家にいる． 定時後に，お疲れ様でしたとか言ってビールや日本酒をあけることがあるのだけど，他のフロアでワイワイやってても気付きにくく，駆け付きにくい，駆け付けてもらいにくい，という問題がある． そこで，AWSのIoTボタンを使って人を呼べるようにした． 張り紙 このビールを冷やしてる冷蔵庫付近の壁に張り紙を貼った． 使い方 この乱雑な紙に使い方と，IoTボタンを貼り付けている．IoTボタンはボタンの裏側が接着面になっていて，ドキュメントに貼り付けることができて便利． 開催 1回押すと，Slackの#drinkingnow(飲み会の様子を共有するチャンネル)に飲み会開催中のお知らせが流れる．これが流れ

ImageMagickのリサイズまわりの挙動を調べてたら異常なアニメーションGIFが掲載されいているのを発見して，その瞬間に調べ物はどうでもよくなった． 領域が狭くなると，文字が帽子の上に周りこんでいる． http://www.imagemagick.org/Usage/resize/#liquid-rescale Seam carving(liquird rescale)は画像のなかで自然に切り取れるところを探してリサイズする技術．物がないところを探して切り詰めるので物だけが残る． Seam carving - Wikipedia ImageMagickをliblqrつきでインストールすると使えるようになる． brew install imagemagick --with-liblqrオライリーの書影とか見るからに縮めやすくてめちゃくちゃ楽しいのでは?と思ったので練習． Docker 作

秋ごろに親戚を集めてイベントをやることになったので，年が明けてから週末に会場を見学に行ったりしていた． 会場のジャンルがいくつかあって，チャペルも見たのだけど，ふだん教会に行ったりせず，実家には神棚が置いてあったので，あまり馴染みがない．神社を見に行ったら見覚えある感じだったので神社でやることにした． きのうは服を試着して決めたり，おみやげのお菓子を選んだりしていた． おみやげや服なんかはさっさと決めたらいいけど，ステークホルダが不明の案件はどうやって決めたらいいか，定まってないことがあって難しい．最初は，日程を決めるにあたって家族や親戚の様子を聞いて回るのが難しかった．今は，どの範囲の人を呼ぶか決めかねていて，親戚だけ呼んでもいいし，会社の人とか友達など，もうちょっと来たい人がいたら来てもらってもいい気もしている．来たい人いますか? View this post on Instagram

YAPCのスポンサーセッションで，DeNAの採用担当の方が話されていて，エンジニア文化への憧れから，コードの意味は分からないけど勝手にLGTMしたり，会場の発表スライドに載せるには不適切な画像を貼ったりしている，という発表をされていた． 単に迷惑そう，と思ったのと，それ以上に悲しくなって，自分たちが大切にしていることを軽んじられると悲しい気持ちになる． LGTMな画像を貼るのは，傍目から見ると，にぎやかな画像が出てきて楽しそうな雰囲気があるけど，画像を貼る前にはコードが正しいか検証しているのであって，ミスの許されないシリアスな場所でもある． 見た目がおもしろそうだからといって遊びに来られると迷惑だし，そういうライトな活動をするような，遊んでいるように思われていたのか，という悲しさがある． 逆に，そんなシリアスな活動をしているなら，そうと分かる真剣そうな雰囲気になっているべきという気もして，

ソフトウェアを作るときにクオリティとスピードのバランスをとりたくて，どちらかに偏ってはいけなく，どちらもキープしないといけない．すごく雑に*1とらえると， クオリティ→正しく動き，不具合がないほうがよい スピード→(計算時間ではなく)早く作れるほうがよい ということになる． コードレビューでは，不具合を見つけて直してもらったり，動きはしてもコードの可読性に問題があって直してもらったりと，クオリティに目を向けられがちだと思う． ところで，コードレビューとスピードの関わりについて考えてみる．スピードのためにできることはいくつかあり， 早く読み始める→他のことやってても手を止めて読み始めたり，1日のうち決まった時間にレビュータイムを設けたり 速く読む→これはコツとかある*2けど精読しないといけないので難しい 不具合を見逃さない→リリース後とか，リリース直前に正しく動かないことが分かったら大きな手

いい傘をゲットした． 表は黒で，内側が全面プリント．開くまでは，内部の状態を予想できない． 何の変哲もない傘 傘を開いていくと，徐々にid:masawadaくんの家でのホームパーティーの様子が登場する． すこし変哲のある傘 Androidのカメラのパノラマ機能で撮っていて，撮影中も人々はめちゃくちゃに動きまわったため，めちゃくちゃになっていて，それが良い．現地にはもう1人居たのだけど，仕上がった写真からは手だけを残して本体は消え去ってしまった． 変哲が完全に開いた状態の傘 傘の中に仮想的に同僚が居るのが新しい体験だけど，傘に同僚が居るのは便利で，お寺の天井に龍が居るときと同様の効果を得られる． お寺とちがって，傘を持って歩くと仮想空間上の同僚も一緒に移動するので，効果が継続する． いつでもまさわだくんちを体験しながら歩行できるVR傘 僕は普段から，知人が作った変なパーカーを買ったり，自分の

会社のLT大会で服の買い方について発表しました．少しでも，みなさまの暮らしに貢献できればと思います． https://speakerdeck.com/hitode909/how-to-buy-clothes

普段，エンジニアの暮らしというとコードを書いているイメージだけど，実際には，1日8時間のうち2〜3時間しかコードを書けていなかったりする． 実際にはエンジニアはふだん何をしているのか，こういうことを気をつけている，とか，今日の1日はこういう形でした，といった立ち居振舞いを集めて，知見として集めていきたい． ということで，エンジニア立ち居振舞いのお題を作りました． お題「エンジニア立ち居振舞い」 せっかくなので1つ紹介して終わろうと思います． 立ち居振舞い：GitHubの通知を全部見る 僕はチーム内では長い期間在籍しているエンジニアで，一日中GitHubの通知を見ている． GitHubで通知が来るということは，誰かが仕事を進めたということで，何か質問を書いたり，方針を書いていたり，コードをpushしたり，いろんなことを誰かが進めている． そういうときに，そのissueにとって役立ちそうなこと

ざっと見てよさそうなの探したのでしばらく過ごせそう． SCRUM BOOT CAMP THE BOOK 作者: 西村直人,永瀬美穂,吉羽龍太郎出版社/メーカー: 翔泳社発売日: 2013/04/13メディア: Kindle版この商品を含むブログ (2件) を見るアジャイルな見積りと計画づくり ?価値あるソフトウェアを育てる概念と技法? 作者: Mike Cohn出版社/メーカー: マイナビ出版発売日: 2009/01/29メディア: Kindle版この商品を含むブログ (1件) を見るWrite Great Code〈Vol.1〉　ハードウェアを知り、ソフトウェアを書く 作者: Randall Hyde出版社/メーカー: マイナビ出版発売日: 2014/06/03メディア: Kindle版この商品を含むブログを見るWrite Great Code〈Vol.2〉　低いレベルで考え、高いレベル

前から肌が弱くて，汗かくとかゆくなったり，風呂入るたびにちくちくして困ってたのだけど，キュレル買ってからちょっと落ち着いてきた． キュレル 泡ボディウォッシュ ポンプ 480ml 出版社/メーカー: 花王 発売日: 2014/09/11 メディア: ヘルスケア&ケア用品 この商品を含むブログを見る 身体洗うやつ．最初から泡で出てくるので手で洗ってください，みたいなことが書いてある． キュレル 素肌いたわりタオル 出版社/メーカー: 花王 メディア: ヘルスケア&ケア用品 この商品を含むブログを見る 泡で出てくるのでタオルはいらなかった．説明読まずにタオルも買ってしまった． キュレル 泡洗顔料 150ml 出版社/メーカー: 花王 発売日: 2012/09/10 メディア: ヘルスケア&ケア用品 この商品を含むブログを見る 顔洗うやつ．これも泡で出てくる． キュレル 化粧水3 (リッチ) 1

絶対おもしろいと思って見に行ったところおもしろかった． ナマケモノのシーンがよくて，アニメはふだんはきびきび動いて気持ちいいのだけど，コマ送りで見ると目に見えないような動きもしている．そういう細かな仕事があるのだよ，というのがゆっくりな動きで伝わってくるようでよかった． 本編始まる前の，お城が出てきてディズニ〜みたいなディズニーのロゴが出た時点ですでに多幸感あふれてた．こういう多幸感あるものを仕事で作ってる人もいるのだな〜と思って，そういえばEGO-WRAPPIN'のライブ見に行ったときに，今日は楽しい曲たくさんやるで，とMCでしゃべっていて，たしかに楽しいものを作る仕事もあるのだな〜と思ったのを思い出した．僕はふだんは便利なものを作ることばかり考えているけど，世の中には人を感動させる仕事もあって，ディズニーの映画なんかは必ずおもしろくて感動できるようになっていて，蓄積があってそういうもの

株式会社はてなに入社しました 株式会社はてなに入社しました - hitode909の日記

ぼくはライフワークとして画面をチカチカさせる活動をしてるのだけど，周りの人にあまり理解してもらえなくて，まぶしいとか，そんな低俗なことをやって，みたいな反応をされる． けど，画面をチカチカさせるだけでも，いろいろと工夫できることとかある．今日はこれまでの活動の振り返りと，それで得たノウハウを共有しようと思います． 過去の活動 これまでに，いろいろ画面をチカチカさせるやつ作っているので，順に紹介します． コード残ってるのは2010年からだけど，一番古いのは中学生のときにRPGツクールで作った画面がチカチカするゲームで，途中まではRPGとして遊べるけどストーリーが進むと画面が高速で点滅し始めてそれ以降何もできなくなるというゲームでした． 古くはポケモンショックというイベントもあったけど，ぼくは関西に住んでて見れなかった． ウェブページをチカチカさせる このbookmarkletを起動するとウェ

RetinaディスプレイのMacBook Proほしいけどお金がなさすぎて買えないからこのブログをRetinaディスプレイ化することにして，ブログ全体を小刻みに横に揺らして，文字の残像が見えるから解像度が高く見えるということにした．文字がなめらかになったと思う． はてなブログを小刻みに揺らす.js — Gist 追記 iPhoneとかで見るとたぶん揺れてないと思う．下にPC版っていうリンクがあるからそこから見れると思う． 追記 そろそろいいかと思って，この記事だけなめらかにすることにした．

先週くらいに近デジのサイトがリニューアルして，ダウンローダーが動かなくなっていたので，対応した．半年ぶりにバージョンアップして，ついにバージョン2.0になった． GitHub - hitode909/kindairb: 近代デジタルライブラリーダウンローダ kindai | RubyGems.org | your community gem host 画像をダウンロードする場合は30秒程度時間をあけるようにと書いてあったので，1枚ダウンロードするごとに30秒待つようにした． 120ページの本だとダウンロードするのに1時間かかるということで，だるいけど，普通にブラウザで読んでも1時間かかるので，まあしたないかと思う．寝てる間にダウンロードするとか手分けしてダウンロードするとか工夫すればいいと思う．ちなみに1台のPCで2つ連続して動かすと15秒おきにアクセスしてると見なされてダウンロードできな

HTMLとJSだけで何か作ることが多くて，開発環境をどう作るかとか，ノウハウみたいなのがたまってきたと思う． ローカルのHTMLファイルをブラウザで開くと，いろんな制約がある．たとえば，ファイルAPIを使えないとか，YouTubeのプレイヤー貼り付けできないとか，/js/みたいに絶対パスで指定することもできない．ページ1枚なら他のページにリンクとかいらないけど，ウェブサイトを作ってるときとかは，/help/でヘルプページを表示するとか書いたときに，ローカルのファイルを見てリンクが切れてるということになる．開発中はリンク切れだけど本番サーバーに置くと見れるはずとか言って開発するのは怖い． サーバーでRubyとかPerlが動いてるみたいなときはローカルでサーバーを立てて開発してると思う．HTMLとJSだけ使うときでもローカルでサーバーを立てて開発したほうがいいと思う． 開発中は，nginxでフ

文字を汚ない画像にできるページ作った． http://hitode909.appspot.com/text_to_image/ 文章を入れてボタンを押すとこんな画像ができる． ページ内の文字だけを汚なくするブックマークレット作った． http://let.hatelabo.jp/hitode909/let/gYC-ycit4Iq-IQ 画像はそのままで文字だけ汚なくなる． レイアウトを計算しながらCanvasに1文字ずつ書き込んでいって，toDataURL('image/jpeg', 0.01)とかしてる．

目覚ましセットしないと必ず10時くらいに起きてる気がする，前はもうちょとっと早かった，気温との関係があるに違いない． 目覚ましセットしないということは目覚ましセットできないくらい酔っ払っているということで，終電で帰ってそれから飲んでると2時くらいに寝ようという感じになるから，8時間寝てるだけ，というのかもしれない． 結婚式の二次会に行くことになったけどすごく行きたくなくなってきた．はてなパーカーでいいですよとか言ってたけどパーカーではよくない気がする． 二次会で画像検索するとこういう感じだったし，やっぱり行きたくない． プロジェクトのコードの品質が良いとか悪いとか，テストを書こうとか，テストではテストできないことがあるから人間が責任を持って見ないといけないとか話してた． コンパイルできるかどうかとか，少なくともテストコードが実行できる，というような，機械がやってもいいようなところを，人間が