読者です 読者をやめる 読者になる 読者になる

valid,invalid

関心を持てる事柄について

Rails の cookie session をデコードする

staging のアプリケーションでのみ起こるバグを調査している折、どうやらセッションにちゃんと値をセットできていないぽいと気付いた。 そのアプリは cookie session を採用していたので簡単に暗号化された値は手に入ったが、これはどうやったらデコードでき…

2017年1月は英語学習を頑張る月にした

年初に 2017年の目標 -1年の目標を立てるのをやめる- - valid,invalid で書いたように今年は30日ずつ何かを頑張ることにしており、1月は英語をそこそこ頑張ることにした。 1日1~2時間程度を費やすだけのそこそこの挑戦だったが、中学時代以降で最も集中的に…

Cookpad TechConf 所感とメモ

ビデオ配信があると知った時は家から論理参加してもいいかな、恵比寿遠いし…と日和ったが、対面でのコミュニケーションもいくつか交わせたので物理参加して良かった。 TechConf というものの techy な内容それ自体よりもプロダクトやユーザーの価値という視…

2017年の目標 -1年の目標を立てるのをやめる-

2017年は、1年を通しての目標を立てるのをやめることにした。 これまで何度も今年の目標とか豊富とか言ってきたが中途半端に終わったという事実からいい加減学習しないといけない。 A year seems too long to me 自律的な目標達成の期間として、自分にとって…

2016年の振り返り -罪と罰-

総じて 明確な目標無く漫然と過ごしてしまった印象がある。 昨日、友人との忘年会で「お前にとっての2016年を5文字で言うと?」という雑なフリに対して「罪と罰、だな…」と雑に返してみたけどあながち間違っていなかったかもしれない。 これまで怠惰に過ごし…

ohbarye.me with a cat eating fishes

ohbarye.me with a walking cat - valid,invalid の続き (?)。 http://ohbarye.me というわけで、 クリックした場所に魚を置く 猫がそこに寄っていく(スピードアップする) 到達すると食べる だんだん太っていく ようになりました。 あとは 猫が歩く方向を…

ohbarye.me with a walking cat

http://ohbarye.me 今は画面をクリックすると猫が方向転換するだけだけど、 猫が歩く方向を向く 躍動感ある gif にする クリックした場所に魚を置く 猫がそこに寄っていく(スピードアップする) 到達すると食べる だんだん太っていく とかやりたい。

kpt-bot を使って KPT も Slack に集約しよう

ES6 の勉強がてら kpt-bot という Slack bot を作ってみたので github.com 「kpt-bot を使って KPT も Slack に集約しよう」という記事を Qiita に投稿した。 qiita.com Node.js、JavaScript というだけで web フロントエンドと地続き間があるから書けなくは…

ohbarye.me

Twitter や GitHub のプロフィール欄にある「あなたの web サイト」的な箇所に登録するリンクがこのブログだったり GitHub の個人アカウントへのリンクだったり、統一感がなくて良くない!となんとなく思い立って About me page を作ってみた。 http://ohbar…

『Inspired: 顧客の心を捉える製品の創り方』読んだ

マーティ・ケイガン の『Inspired: 顧客の心を捉える製品の創り方』を読んだ。 Inspired: 顧客の心を捉える製品の創り方posted with カエレバマーティ ケイガン 株式会社 マーレアッズーロ 2015-02-07 この本は社内の日報・ポエム置き場のようなレポジトリで…

npm run eject で create-react-app はアプリケーションの長寿を保証する

create-react-app すごい。React アプリを開発する環境構築が圧倒的に楽になった。 開発も素早く始められて build も一瞬で出来るように用意されている。Rails なんかもこうやって参入障壁を下げていくことで広まったのかなと思う。 npm run eject まだ始め…

GitHub Issue Reader の Jasper を1週間使っての所感

Jasper 使い始めた - valid,invalid で書いたとおり、GitHub の通知管理を Gmail から Jasper へ乗り換えてみた。 一週間使っての所感とかメモ。 所感 初日は Gmail と Jasper を両方見て両方の未読を消化したくなってしまった が、数日で Gmail のほうの通…

Jasper 使い始めた

Node 学園祭2016 で 100% OFF のクーポンコードをもらったので Jasper 使い始めてみた。 jasperapp.io これまで Gmail の Fileter / Label 機能で頑張ってきた。 各種サービスからの通知や Google Calendar の invitation など、GitHub の notification 以外…

Apple Pay Purchases と In-App Purchases (IAP) の違い

www.mobomo.com In-App purchases (IAP) In-App purchases は iOS デバイスや PC にて追加コンテンツの購入やサブスクリプションの購読を行える仕組み。全てのアプリがこの機能を提供しているわけではないが、いくつかのアプリでは多くの機能を開放する鍵や…

BEM と MindBEMding

CSS 周りで何が起きているかどころか、これまでにどういうパラダイムがあったのかもわかっていないので、昨日初めて BEM という方法論を知った。 BEM Key concepts / Methodology / BEM DOM 内の要素とその固まり(コンポーネント)をブロック(Block)、エ…

どんなによく考えられたデザインもユーザに届くまでは仮説にすぎない

昨日参加したFront Line of Frontend − Forkwell Meetup #2 - valid,invalidで一番印象に残っているのは何だろう…とぼんやり思い返してみたところ、以下の言葉が浮かんできた。 "どんなによく考えられたデザインもユーザに届くまでは仮説にすぎない" NHN テ…

Front Line of Frontend − Forkwell Meetup #2

Forkwell 社主催の Front Line of Frontend − Forkwell Meetup #2 に参加した。 web フロントエンドが広域化していく中で"フロントエンド"という言葉に複数の意味が混在しているのがややこしい、というような雑談を前に banyan さんとした。曰く、主に2つの…

SPA サービスサミット #1 参加した

SPAサービスサミットとは ホットスタートアップ、グッドパッチ、ピースオブケイク3社主催のイベント。 http://peraichi.connpass.com/event/42288/ 3社のプロダクト(ペライチ、Prott、note)はいずれも知っているものだったのでその裏側の開発話などを聞け…

jQuery の古いバージョンでは SVG の class 属性を操作する API の一部が使えない

複数サイトを管理していて、片方のサイトでは動くのにもう一方では動かない以下のようなコードがあった。 $svg('svg.target') $svg.toggleClass('hide') jQuery 2.2 and 1.12 Released | Official jQuery Blog を見るに、以下のバージョン以上であれば動くと…

ロードされた jQuery のバージョンを確認する

developer console で $().jquery # => "2.2.4" etc. ref: How to check what version of jQuery is loaded? - Stack Overflow

Mac の VirtualBox に Windows のイメージをインポートする

検証のために Mac に Windows VM を入れないと…と思って数ヶ月経過し、ようやく入れることにした。 必要な時にはダウンロードを待つことが出来ずに検証用の実機で済ましてしまい、その時が過ぎれば忘れてしまう…この繰り返しでなかなかやる気が起きなかった…

『RESTful API の設計のキホン』 by Cside 読んだ

わかったつもりの知識の復習になったうえ、新しい気付きもあってよかった。 だいたい、基本的なところを「ふむふむ、そうだよな。わかるわかる」と思いつつ読むが、アンチパターン集を見ると「やってしまっている...」となる。 悪い例として挙げられたものの…

jQuery セレクターのエスケープにはバックスラッシュを使う

以下のような HTML 要素がある時に <input type="text" id="hatena.jp" /> $('#hatena.jp') 上記のセレクターではこの要素を取得できない。 id == "hatena.jp" ではなく id == "hatena" && class.include?('jp') にマッチする要素を探してしまう。 メタ文字 (!"#$%&'()*+,./:;<=>?@[\]^{|}~) を含…

最近の文化活動

Hulu 解約して Netflix 契約した Hulu のラインナップで気になるものはだいたい見てしまい、ぱっとしなくなってきたので乗り換えた。 『涼宮ハルヒの憂鬱』アニメ1期を見た 何の因果か2016年にもなって全話見直した。 1期が放送された2006年は高校2年生の時…

ジム通い

8末頃からジム通い始めた。 週2回、筋トレとウォーキングを1 ~ 1.5時間ずつ行っている。 社会人1年目の頃、「自分で稼いだ金の賢い使い道を知ってるか?」と言わんばかりの、ジムに通うことそのものをステータス化する同年代を disり続けてきたが、痩せるの…

チャドクガ死すべし

チャドクガの毒針にやられた。 ある日、両腕・両足に赤い斑点のようなかゆみが突然現れたので何かと思って皮膚科に行ったら、チャドクガという毒蛾の幼虫の針が刺さった結果らしい。 幼虫(いわゆるケムシ)は4月から10月にかけて年2回発生する。淡黄褐色で…

GitHub レポジトリを直接参照している gem を bundle update する時にシュッと gem の diff を見るための bookmarklet

Gemfile 内で gem 'rails', :git => 'git://github.com/rails/rails.git' のように GitHub レポジトリを直接参照している gem を更新するとき、bundle update 前後の diff を GitHub の compare ページで見たい。そんな時のためだけの bookmarklet。 https:/…

分類とタグについてのメモ

分類はそれだけで学問になっている。分類学 = Taxonomy 色んな分野にある ポピュラーなのは、図書館の「十進分類法」 これはディレクトリ型で 芸術 -> 絵画 -> 挿絵 のような階層構造をとる known issues ディレクトリ型の分類は切り口が変わると役に立たな…

iTunes で再生中の曲を tmux のステータスラインに表示する

結果 やり方 bin/itunes-current-track Maccer は osascript で iTunes を操作したり、情報を取得する。 CURRENT_TRACK=$(osascript <

更新時に updated_at, created_at を更新しない

record_timestamps に false をセットすることで、更新時の updated_at, created_at へのオートフィルをスキップすることができる。 # Active Record レベル ActiveRecord::Base.record_timestamps = false # モデルのみ User.record_timestamps = false # …

特定のコミットが含まれているブランチをリストアップする git コマンド

Git

コミットハッシュからそのコミットが含まれているブランチを一覧にして表示する git コマンド。 # デフォルトは local からリストアップ $ git branch --contains <ハッシュ値> # remote branch からリストアップ $ git branch -r --contains <ハッシュ値> #…

「土木展」@ 六本木 21_21 DESIGN SIGHT

イベント名を聞いても「土木…?」って感じでピンと来なかったんだけど twitter や各所でアップロードされた展示内容の画像を見て興味が湧き、六本木 21_21 DESIGN SIGHT で開催中の「土木展」行った。土木もアートも建築もそれなりの興味しかなかったけど結…

映画『マイ・インターン』のトリビア集 from IMDb

The Intern (2015) - Trivia - IMDb - より、いくつか抜粋して抄訳。 あるシーンで Robert De Niro 演じる Ben が「Jay Z を知らない」という。これは Robert De Niro と Jay-Z の間で起きた諍いに関するジョーク。 Reese Witherspoon は元々 Jules 役だった…

クエンティン・タランティーノが絶賛したらしい「イット・フォローズ / It follows」観た

2014年公開、David Robert Mitchell 監督の「イット・フォローズ / It follows」を自宅で観た。 アメリカでも公開当初は数館程度でしか上映していなかったのに口コミで広がり、クエンティン・タランティーノが絶賛したとかでまた広がったらしい。じわじわ火…

採用活動のベストプラクティスを求めて「ソフトウェア開発者採用ガイド」を読む

Quipper のエンジニア採用には必ず候補者の同僚となる人*1が参加する。いつからかはわからないが自分が候補者として採用面接を受けた昨年の7月頃にはそうなっており、今では自分が採用側として履歴書を読み、面接に参加し、コードレビューを行うようになった…

親モデルの save / valid? 時に Embedded Document の validation callback が呼ばれない

class User include MongoMapper::Document end class Address include MongoMapper::EmbeddedDocument embedded_in: user key :city validates_presence_of :user end user.address.city = nil user.address.valid? #=> false user.valid? # => true user.s…

初 Bluetooth イヤホンの感想、肩こりが軽減されるなど

元々それほどイヤホンに拘りなく、有線カナル型で 5,000 ~ 10,000 ぐらいの価格帯のものをてきとうに買ってきたのだが、初めて Bluetooth イヤホンを買ったところ、満足度が想像異常に高かった。 買ったのは TaoTronics の 2,000円強の安いやつ。お試しのつ…

GitHub で見かける暗号みたいな言葉の意味は?

What do cryptic Github comments mean? — Free Code Camp の抄訳です。 GitHub やオープンソースプロジェクトへのコントリビューションは初めてですか? LGTM, ACK, NACK みたいな短い言葉を見てどういう意味だろうと思ったことはないですか? 例えば... LG…

Ruby で文字列を改行コードで区切る

csv_body = "line 1\r\nline 2\nline 3\rline 4" csv_body.lines # => ["line 1\r\n", "line 2\n", "line 3\rline 4"] # String#lines は \r を改行コードとみなさない csv_body.lines.map(&:chomp) # => ["line 1", "line 2", "line 3\rline 4"] # さらに S…

Excel for Mac で CSV 出力すると改行コードが CR

タイトルそのままのことを今日 学んだ。 Excel for Mac で CSV 出力すると改行コードが CR になる。 vim で開くとこんな感じ。 ちなみに vim 上で制御文字 ^M は control+V , control+M で入力できた。 参考 改行コード - Wikipedia Mac のExcelで作ったCSV…

フォトウェディングスタジオ利用してみた

昨年の8月に結婚したが、挙式については今のところ家庭内でネガティブなのでしばらく、もしくはずっと行われないと思う。 ただ、ドレスを着て写真に残したい / ドレス姿を見てみたいとは思ったので近年人気を増しているという"フォトウェディングスタジオ"を…

映画『ピッチ・パーフェクト』のトリビア集 from IMDb

Pitch Perfect (2012) - Trivia - IMDb より、面白かったものを抜粋して抄訳。 Brittany Snow 曰く、 Rebel Wilson は彼女の台詞の大部分を即興で作り、さらには全キャスト・スタッフを笑わせようと20分に渡るサイドストーリーを展開しようとしていた。 Riff…

Tシャツ・ラブ・サミット行った

Tシャツ・ラブ・サミット行った。 個性溢れるオリジナルTシャツをデザイン、制作、販売しているブランドやクリエイターが日本全国から一堂に会し、作り手が直接お客様に販売する日本最大級のTシャツ直売イベント。 t-lovesummit.com すごく良いシャツ揃い…

GitHub の `?w=1` ignore whitespace 機能が復活したぞ!!

突如消失したことにより波紋を呼んでいたGitHub の ignore whitespace 機能が復活したぞ!! https://github.com/ohbarye/playground/pull/1/files https://github.com/ohbarye/playground/pull/1/files?w=1 みんな望んでたぽい

2016年にして GitHub のインクリメンタルサーチを知る

2016 年春、GitHub の repository view で不意に t を押して、初めて GitHub のインクリメンタルサーチを知る。 今まで何をしていたんだ…という気持ちになった。 これを機に使えるショートカットなどを眺めてみた。 github.com

AWS SDK v2 で S3 からファイルダウンロード

aws-sdk を使って S3 からバイナリファイルをローカルマシンにダウンロードする方法メモ。 ググッてヒットするのが v1 の情報ばかりで惑ったがとりあえず以下の読んでなんとかした。 Downloading Objects from Amazon S3 using the AWS SDK for Ruby - AWS D…

『メタプログラミング Ruby 第2版』1章 頭文字A 読む

1章はイントロダクションで、メタプログラミングのイメージを膨らませる。 Summary とりあえずのメタプログラミングの定義はコードを記述するコード Ruby では実行時に言語要素に質問することができる これをイントロスペクションという 実行時にクラスの情…

続・"git push --force でなく git push --force-with-lease を使う"

先日 git push --force でなく git push --force-with-lease を使う - valid,invalid ことに関して記事を書いたら思いのほかバズり、アクセス解析の棒グラフの縦軸が意味を失った。 これが「みな同じように git push --force を不安に思っていたんですね〜 …

git push --force でなく git push --force-with-lease を使う

前に社内チャットで流れてて初めて知った。 他人の変更を上書きするおそれのある git push --force でなく、最後に fetch したタイミング以降に他人が push していたら失敗する git push --force-with-lease を使う方が良い。 --force considered harmful; u…

『メタプログラミング Ruby 第2版』読む

昨年末の RubyKaigi 頃にそろそろ Ruby プログラマとして一人前になろうと思い買ったが真ん中ぐらいまでで読み捨ててた。 内容めちゃ面白かったのは覚えてるが身についたとは言いがたいので、再読しながらちゃんと手を動かしたい。 amzn.to