昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ

はてなアルバムは7/1で終了するのだけど，せっかくみんなで作ったアルバムが消えるのは悲しいので，ブログに引っ越せるブックマークレットを作った． はてなアルバムからはてなブログに引っ越す - Hatena::Let ブックマークレットを実行すると，MovableType形式のファイルをダウンロードできる．はてなブログはMT形式インポートに対応しているので，そのまま，はてなブログにインポートできる．5クリックくらいで引っ越せる． 使い方 ブックマークレットをインストールする 引っ越したいアルバムのページを開く (たとえば http://album.hatena.ne.jp/album/Gn1yfwA4h4m) ブックマークレットを実行する ダウンロード用リンクをもらえるので，右クリックして保存する ブログのMT形式インポート画面から，保存したファイルを選ぶ 文字コードはUTF-8を選んで，イン

複数のクラスが同じメソッドを持ってると便利なことがある．うまく使えれば，クラスの異なる様々なインスタンスが来ても，区別せず扱える． sub sanpo { my ($pet) = (@_); $pet->visit_park; $pet->go_home; } とかしておいて，DogとPenguin両方にvisit_parkとgo_homeを実装しておくと，犬でもペンギンでも散歩できて便利． 公園で散歩できてよかったけど，ペンギンは川に連れて行きたいとかなると困る． こういうことをしだすと，新しいペットが増えるたびに，散歩が複雑になっていく．犬は泳がないけどイングリッシュセッターは川に行くかどうかとか覚えてないといけない． sub sanpo { my ($pet) = (@_); if ($pet->isa('Penguin') || $pet->isa('EnglishSetter')

11:44 pokutuna ひとでさんはもっと高尚で、ステンレスシャワーラックの動画を撮る時もこういうアングルがいいんじゃないですかって言ったら、レンブラントは壁の角とか絵に含めてないでしょとか言ってきて、知るかって感じだった

高速にいい感じに姉を探したいという課題があって，Wikipediaの見出し語リストとpercolを使ったら，いい感じになった． 手順 Wikipediaの見出し語リストをダウンロードして解凍しておく． wget http://dumps.wikimedia.org/jawiki/latest/jawiki-latest-all-titles-in-ns0.gz gunzip jawiki-latest-all-titles-in-ns0.gzpercolもインストールする． pip install percolこれで準備ができたので， cat jawiki-latest-all-titles-in-ns0 | grep '姉' | sed "s/_/ /g" | percol --match=migemoすると，percolを使って効率的に姉を探せる．下のGIFでは，お姉ちゃんは魔法少女と

コードを書く速度が遅いとお嘆きのあなた！！！ なんか、とにかくコードを書く速度が遅いんだけど、何が一番のボトルネックになってるんだろう ...— Cside (@Cside_) 2014, 5月 27 あなた！！！ > id:Cside コードを書くのがなんとなくお嘆きのあなた！！！オブジェクト指向入門第二版を読めば、大半の些細な悩みは解決することでしょう！！！ 利用者の声 私も愛用しています！！！最高の本です！！！最高過ぎて前歯が折れました 滋賀県在住マリンスポーツ氏 はこべさんも途中まで読んだそうです 滋賀県在住マリンスポーツ氏 ある昼下がり、しばゆーの机に下巻があるのを目撃したんです 滋賀県在住マリンスポーツ氏 お求めはこちらから 今ならAmazonプライムに加入することで24時間無料で発送いたします(Amazonが)。 オブジェクト指向入門 第2版 原則・コンセプト (IT Arc

最近iPhoneが勝手に震えててイラつく。いま二秒に一回くらいのペースで震えてる。何かしら通知があるから震えるのだと思うけど、画面上には何も出ないのでどうなってるのかわからない。マナーモードだとガンガン震えて最悪だけど、マナーモード解除するとエレクトリックピアノみたいな音がフォンッフォンって鳴って最悪。日中は気づいてないのか、こんな音しなくて、家に帰るとなぜかこうなる。自分の意図とは関係なく電話が震えるのは最悪。 photo by Tobyotter いま気づいたけど、充電するためのケーブルが断線しかかってて、ポチポチしてると、切れたりつながったりを繰り返して、それでこうなってるようだった。充電開始っていうフィードバックは控えめだから、毎秒やってくると意味分からなくなる。何かのアプリが通知送ってるのだろうと思って、設定画面で順番に通知オンとか通知オフとかして二分探索したのは時間の無駄だった

最初は平易に書くけど、仕様とか責任が増えて、複雑になってきたら、もうちょっと構造化する予定だったと思われるコードを、いろんな人がちょっとずつ平易に書き足し続けて、ある日見たら長くて複雑なコードになってるのを発見する、のはつらい。 とはいえ、ちょっとここの条件変えたいくらいの通りすがりの人が突然そこに新たなクラスを見出せるとも思えないので、気づいた人がやるしかない。 実装がぐちゃぐちゃでもテストがすっきりしてればましだけど、書いた人にとっては、ぐちゃぐちゃの超絶長い関数がひとまとまりの機能という風に見えているはずだから、テストも、その長い関数をまとめてテストしていて、同様にぐちゃぐちゃで手を出せない、というのはつらい。 まずテストをリファクタリングする必要があるけど、テストのテストはないから、壊さないように注意深くやる必要があって、カバレッジレポートかなにか見ながら作業する必要があってつらい

レビュータイムっていうのをやってて，毎日午後一にやってるのだけど，油断してると忘れたりする． 人間が気にかけるのも疲れるので，時間になったらIRCでbotがしゃべるようにした．昼休み終わったらbotが突然しゃべりだして良い雰囲気． 14:01 ikachan01 アッ 14:01 ikachan03 レビュータイムじゃん 14:01 ikachan02 ワーオ！ レビュー依頼が9件もあるよ！ 今すぐチェックチェック〜 http://***** 14:02 cockscomb ウケる 14:02 shibayu36 わーお 14:02 motemen なんだこれ 14:02 cockscomb 気が狂った 14:02 shibayu36 うける 14:03 onishi ワーオ！ 14:03 onishi オフィスオートメーションの波 botはrobotなので普通に作ると機械みたいになるけど

きのうの日記、背景が動いて見てられないっていう感想が大半だった。これは悲しいことで、昔なら、さらっと背景を止めるUserScriptでも書いて、背景止めてから落ち着いて読めてた。 最近は、iPhoneのtwitterクライアント内蔵ブラウザなど、ユーザーが手を入れられないブラウザが増えている。PCのブラウザも手を入れにくくなっていて、Firefoxだと右クリックでGreasemonkey書けたりしていたのが、Google ChromeではUserScript書きにくい。 これは寂しいことで、インターネットは皆の物だから、自分のブログを好きな見た目にするのも、他人のブログを好きな見た目で読むのも、勝手にできていいはずだと思う。俺たちのインターネットを取り戻したい。 photo by dalbera 追記 嫌がらせで背景を動かしたり、背景止めないと読めないと思ってやってるわけではなくて、背景が

ブログの背景，ぐにゃぐにゃ動くようにした．パーリンノイズっていうのを使うとぐにゃぐにゃ動かせておもしろい．アカデミー科学技術賞狙える勢いでぐにゃぐにゃ動く． みんなこれ使いたいはずなので簡単にインストールできるようにしておいた．以下をコピーしてブログの詳細設定→headに要素を追加に貼り付けるとぐにゃぐにゃにできる． <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://hitode909.github.io/hatenablog-unofficial-modules/haikei-gunyagunya.js"></script> photo by rosepetal236 パブリックドメインのパーリンノイズのライブラリあったから使った．

Gitのリポジトリ内で作業していて，深い階層からリポジトリのトップレベルに行きたいとき，../を何度も打って一番上に行くのはめんどう． % pwd /Users/fkd/co/hatena-bookmark-xul/chrome/content/browser % cd ../../../ % pwd /Users/fkd/co/hatena-bookmark-xul目視で../../とか打っていると間違いが起きそうなので，こういうのはよくない． トップレベルにcdするためのコマンドを作った． http://gist.github.com/300270 function u() { cd ./$(git rev-parse --show-cdup) } これで，uと打つだけでトップレベルまで行ける．Gitのリポジトリでないとき，何も起きない． 追記 id:tyruさんが改良してくださいまし

iftttで出社とか退社とか出るようにした． アプリを入れておくとiPhoneの位置を見て勝手にツイートしてくれる． 精度悪くて，地下鉄降りただけで出社出たり，家帰ってから退社出たりしておもしろい． ワイワイ出社 by hitode909 - IFTTT ワイワイ退社 by hitode909 - IFTTT ワイワイ出社 http://t.co/1QfM7JyoDQ— 趣味はマリンスポーツです (@hitode909) April 16, 2014 ワイワイ退社 http://t.co/sYmde5uARc— 趣味はマリンスポーツです (@hitode909) April 15, 2014 ワイワイ出社 http://t.co/DknOKHXT2j— Hiroki Kato (@cockscomb) April 16, 2014 ワイワイ出社 http://t.co/JLQkZiJTUU

プレゼン自分ではすべったことないから得意だと思ってるのでいつも気をつけてることをシェアします。これさえ守ればすべらないのだから楽。 目次 目次 最初にめちゃくちゃおもしろい話をする 箇条書きせず一行ずつページを分ける 絵をでかくする 新しいページ作ったらデフォルトのパーツを全部消す 先に言う 意見や疑問を述べる スターウォーズエピソード4を見る 最初にめちゃくちゃおもしろい話をする 聴衆は懇親会のことしか考えてないので、とりあえず最初におもしろい話をして、注意を引きつけるとよい。つかみはこれでオッケーだって言えればよいくらいの面白い話をしましょう。よくある技術ブログとか、技術雑誌だと、こんにちは、最近温泉に行って心身共にリフレッシュしました、ヒトデです、とか書いてあるけど、そんなの読んで喜ぶ人が本人と家族と親類以外にこの世にいたらおかしいから、そういうのじゃないとよい。 箇条書きせず一行ず

設定のテストを書くとよいって言ってる人がいた． 設定の仕様をドキュメントに書くのではなく、テストにしてしまう - $shibayu36->blog; テストされてるのはよいと思う．名前のついてないデータ構造をがんばってテストするよりは，設定のクラスを作るとすっきりしそうと思った． こういう構造のHash，として見るよりかは，設定クラスのインスタンスとして見るほうがイメージしやすい． 個々のブログの設定のURLはユニークであるというのを，どこかのクラスの責任にする．BlogConfigRepositoryというクラスのインスタンスが，設定の集合を持ってるとか． like exception { BlogConfigRepository->new([ { "url" : "http://blog.example.com/", "permission" : "public", "members"

今思い出したけど、坊主バー、仏壇に置いてあるような鈴が置いてあって、注文するときにはこれを鳴らすということだったけど、こんなことにこういうグッズを使っていいのか、不安になった。識者いたら良いとか悪いとか教えてほしい。多分いいからやってるのだと思うけど。それ以外は、ワイン飲みすぎた以外はよくて、えいひれおいしかった。

↓↓こういうのと， ↓↓こういうのを用意して， ↓こうすると， wget http://mrwgifs.com/wp-content/uploads/2014/01/A-Stylish-Emma-Stone-Gives-You-a-Thumbs-Up-In-a-Pink-Dress.gif convert -resize '245x245!' A-Stylish-Emma-Stone-Gives-You-a-Thumbs-Up-In-a-Pink-Dress.gif 1.gif wget https://cdn-ak.f.st-hatena.com/images/fotolife/h/hitode909/20140324/20140324190314.gif convert 1.gif 20140324190314.gif 2.gif ↓↓こういうのができて便利． あらかじめサイズを合わせ

marqueeタグ，最近人気ないけど，かわいいので，使っていきたい．今日の日記もmarqueeにすることにした．あなたの意図に反してこの文字が流れていたら私の意図通りこの文字が流れていると言える．フィードリーダーとかではmarquee出せない気がするので，わざわざ元のページ開いて見てほしい．現実世界には，あまり流れる文字ない気がするけど，巻物とかがんばって巻くとmarqueeになる．本はmarqueeじゃなくて，Page Downという感じだから，あまりもう紙では見ることない気がする．身近なmarqueeとしては，新幹線とか乗るとmarquee見れる．自分が新幹線作ることを考えると，乗客にmarqueeを見せ続けて便利というのは不気味だから，新幹線考えた人は偉い．普通は乗客にmarquee見せようと思わないと思う．あと京都駅の駅前に防災情報みたいな電光掲示板が設置されてて，そこでmarqu

コードレビュー，慣れるとできるけど，いきなりdiffを渡されて，どうぞ見てくださいと言われてもよくわからないと思う． やりましょうというのはいいけど，ただむやみに読んでもうまくいかない．変更がある程度大きくなるとdiffだけ見てもよくわからないので，いろいろ見ることになる． 僕はいつも以下のようなことを無意識にやってて，うまくいってる気がしてる．GitHubのPull Requestの仕組みを使ってる前提で． Discussionをさらっと眺めてどういう問題を解決したいのか見る Commit Statusを見て，テスト通ってることを確認する Commitsタブで1コミットずつブラウザの新しいタブに開く 全部クリックし終わったら古い順に1コミットずつ読む 気になる点があったらエディタとかにメモしておく．あとで書き直されるかもしれないので，まだコメントしない 全コミット見終わったらFiles

ドメイン駆動設計というのはソフトウェア工学のおしゃれな本で，Kindleで買えたので読んだ．ドメインを軸に戦略的に設計しましょうという本．2週間くらいで読めて良い体験できてよかった． ソフトウェアを，ユーザーインタフェース，アプリケーション，ドメイン，インフラストラクチャという4つの層に分けて，一番重要なのがドメイン層で，ドメイン層にアプリケーションが存在し得る理由がある．銀行システムだったら，口座とか利子みたなやつがドメイン層で，口座がよくできてると銀行としてうまくいく．ATMのタッチパネルというのはユーザーインタフェースで，どんなにATM押しやすくても，ドメイン層に，口座という概念がなくて，ただのハッシュだったりすると，銀行を運営して金を儲けるとか，新たな金融商品とか作るのが困難になる．インフラ層は永続化とかするのだけど，インフラ層がいかによくても，意味ないデータを保存していては銀行倒