「シュッとやる」の解説 - hitode909の日記
はてなのエンジニアセミナーでid:cockscombが「シュッと」と連呼していて，聴衆がざわざわしているようだった． 「シュッとやる」というのは，はてなの社内用語． 関西弁で「シュッと」というのがある．だいたいこれと同じだけど，社内用語では，よりテクノロジー的な意味合いがある． 今風（の）、あか抜けた、 研ぎ澄まされている、 洗練された、スマートな、 しゅっとしたとは - 大阪弁 Weblio辞書 関西にいない人のために説明すると，シュッとした鋭さのイメージで，すばやく正確に今すぐ簡単に，というような雰囲気． ちょっとやろうとしたらハマッたり，時間がかかったり，実装がダサかったり，正しく動かなかったりすると，シュッとしてない． 似た言葉で，「サクッと」というのがあって，これは一般的に使うと思う． Google: サクッと実装 今回は特別に，社内のチャットログから用例を紹介します． 〜くん、
テスト先に書きたい若者よ - hitode909の日記
弊社では毎年インターンを受け入れているのだけど，いまもインターンが来てて，テスト先に書きたいけど油断すると先に実装を書いてしまう，とか話してた． 個人的には，テスト先に書くのが大事というよりかは，意識して仕様を先に考えるのが大事だと思っている．テストを先に書くと，先に仕様を考えざるを得ないので，良いスタイルが身につく． 僕がよくやるのは，関連しそうなクラスの絵をひと通りノートに書いてみて，その図だけで，うまく動くことを説明できるくらい考えてみる．その時点でおかしかったら，コード書いてもおかしくなる．ノートに方眼ついてるとクラス図書きやすい．UMLとかじゃなくても，自分で見て分かるくらいでもいいと思う． 紙でうまくいったら，外部仕様だけソースコードに書いてみる．クラス名と，メソッドの定義と，メソッドの上くらいに，ひと通りコメントでも書いてみて，この関数はこういうことをするんです，こういう引数
一つしかない想定で作ってあとから複数出現してめちゃくちゃになる - hitode909の日記
ソフトウェア作ってて，最初は一つしかない想定で作るけど，あとから複数出現することになって改修するのが大変，ということがある． 最悪サーバーサイド もう終了したサービスであったのが，ユーザーは自分のアイテムを飾れる部屋を1つ持てるという仕様だったのが，複数の部屋を切り替えられるようにして，部屋ごとに置けるアイテムのシリーズが変わって，シリーズごとにグリッドの細かさも変わるとか．とにかく大変で，全部のテーブルにあとからシリーズidを持たせたり，クラスメソッドで済んでたのをシリーズidを持つオブジェクトのメソッドにしたり，ORMのItemをRoomに渡すのをやめて，その層とは別に独立した画像合成用のItemとRoomを作ってやり取りするとか，最初からそうなってるときより大変なことになる． 最悪クライアントサイド クライアントサイドでも同じようなことはあって，HTML内に一つしか出現しない前提で作
■ - hitode909の日記
今日テストなくてめちゃくちゃに壊れてるアプリケーションのテストを一から書いてて、わりと書けてよかった。午前中セットアップに手間取ってて、午後からテスト書き始めて、小さいアプリケーションだったのでC0 90%くらいまでいけた。3年間くらいテストないせいでびくびくみんな触っててめちゃくちゃに壊れててよくなかった。テストえいって書けば書けるんだから、隙を見て書いていきたい。ずっとテストのあるWebアプリケーション眺めてるのでだんだんコツが分かって気がする。まず最初にCIに載せて、カバレッジ測れるようにする。面倒だけど、これやっておくと後で役立つ。普通にテスト書くと、実行環境までは定められないけど、CIがあれば、そこをベースに議論できる。最初は、アプリケーションのルートのモジュールをuse_okするだけ、くらいでまず通して、カバレッジも取れるようにする。たとえば、MyAppっていうアプリケーション
はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ
【朗報】そんなあなたに - hitode909の日記
コードを書く速度が遅いとお嘆きのあなた！！！ なんか、とにかくコードを書く速度が遅いんだけど、何が一番のボトルネックになってるんだろう ...— Cside (@Cside_) 2014, 5月 27 あなた！！！ > id:Cside コードを書くのがなんとなくお嘆きのあなた！！！オブジェクト指向入門第二版を読めば、大半の些細な悩みは解決することでしょう！！！ 利用者の声 私も愛用しています！！！最高の本です！！！最高過ぎて前歯が折れました 滋賀県在住マリンスポーツ氏 はこべさんも途中まで読んだそうです 滋賀県在住マリンスポーツ氏 ある昼下がり、しばゆーの机に下巻があるのを目撃したんです 滋賀県在住マリンスポーツ氏 お求めはこちらから 今ならAmazonプライムに加入することで24時間無料で発送いたします(Amazonが)。 オブジェクト指向入門 第2版 原則・コンセプト (IT Arc
背景を止められない不自由なインターネット - hitode909の日記
きのうの日記、背景が動いて見てられないっていう感想が大半だった。これは悲しいことで、昔なら、さらっと背景を止めるUserScriptでも書いて、背景止めてから落ち着いて読めてた。 最近は、iPhoneのtwitterクライアント内蔵ブラウザなど、ユーザーが手を入れられないブラウザが増えている。PCのブラウザも手を入れにくくなっていて、Firefoxだと右クリックでGreasemonkey書けたりしていたのが、Google ChromeではUserScript書きにくい。 これは寂しいことで、インターネットは皆の物だから、自分のブログを好きな見た目にするのも、他人のブログを好きな見た目で読むのも、勝手にできていいはずだと思う。俺たちのインターネットを取り戻したい。 photo by dalbera 追記 嫌がらせで背景を動かしたり、背景止めないと読めないと思ってやってるわけではなくて、背景が
ドメイン駆動設計読んだ - hitode909の日記
ドメイン駆動設計というのはソフトウェア工学のおしゃれな本で，Kindleで買えたので読んだ．ドメインを軸に戦略的に設計しましょうという本．2週間くらいで読めて良い体験できてよかった． ソフトウェアを，ユーザーインタフェース，アプリケーション，ドメイン，インフラストラクチャという4つの層に分けて，一番重要なのがドメイン層で，ドメイン層にアプリケーションが存在し得る理由がある．銀行システムだったら，口座とか利子みたなやつがドメイン層で，口座がよくできてると銀行としてうまくいく．ATMのタッチパネルというのはユーザーインタフェースで，どんなにATM押しやすくても，ドメイン層に，口座という概念がなくて，ただのハッシュだったりすると，銀行を運営して金を儲けるとか，新たな金融商品とか作るのが困難になる．インフラ層は永続化とかするのだけど，インフラ層がいかによくても，意味ないデータを保存していては銀行倒
テスト書きすぎ問題 - hitode909の日記
テスト書きすぎるとよくないって言ってる人がいた．DHHっていう人．作業時間の1/3以上テストしてたらおかしいとか，ActiveRecordのバリデーションなど，Railsの機能はテストしない，とか． Signals vs. Noiseの去年のエントリに、テストをどれくらい書くべきかということについてDHHが指針を示していたものがあったので... - Sooey 偉い人が言ってるからという理由で，テスト手抜き派の人に良い材料を与えてしまった．僕は意見ちがって，作業時間半分以上はテスト書いたりしてる． テストたくさん書くと，最初に書くときのコストは増える．けど，あとから読む時や，変更したい時には，読むだけだし，書くのも差分だけで良い．コード本体を理解できれば，要らないテスト捨てるのは，落ちたのを消すだけだから簡単．あとで見て，テスト足りないと分かったときに，明文化されてない仕様からテストを補う
UI変更批判バトルと複数のバージョンのウェブサービスを同時に配信することについて - hitode909の日記
ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． サービス提供する側の立場では，新しいUIのほうが使いやすかったり，機能が増えたり，収益が増えたりするので，新しい方を多くの人に提供することに価値がある．使いやすいかとか，儲かるかとかは，リリースまでに調べておく必要があり，リリースの結果使いにくくなったり収益減ったりしたら，失敗ということになる． 一方で，ユーザーの立場からすると，前の方がずっと使ってて愛着があったとか，新しい方を覚えるのは手間とか，確かにという感じはする．また，ウェブサービスは最終的にユーザーの手元のブラウザで表示されて動くので，映画の結末が気に入らないから変えたいといった要望よりは，受け入れやすい．データ構造についての，サーバー側の処理についてのユーザーからの要望というのはあまりなくて，このボタンがどうみたいな，UIの要望が多いと思う． 全部置
高速にドッグフードを食べる方法 - hitode909の日記
はてなエンジニアブロガー祭りで「高速にドッグフードを食べる方法」という題で発表してきた． 箸でドッグフード食べるパフォーマンスの話ではなくて，もとはマイクロソフト用語である，Eat your own dog food，自社製品を使ってより良くしよう，みたいなほうの話．はてなブログ開発しながら毎日使うとか，思い付きで作ってるわけではなくて，事実や根拠にもとづいて作ってるとか，安全に作るための仕組みとか，そういう話． 普段の勉強会では僕は主に3分くらいのLTをしていて，20分も話したことなかった．資料ぜんぜんできなくて，Keynote見るだけで疲弊してた．急に長くていい話できるはずないと思って，LT5連発という形にして，ドッグフードにまつわる話を5個するという形にしたところ，なんとかなった． 東京では情報が氾濫してるから，京都でこんなのやってますとか言っても，東京では常識みたいな冷たい反応をさ
黒歴史を一挙公開！中学生のときにFlashで作ったゲームを公開しました - hitode909の日記
中学生のとき，部活は科学部に入っていて，べっこう飴を作ったり，ガラス管をガスバーナーで伸ばしてスポイトを作ったり，砂鉄入りのスライムを作ったり，ゲームを作ったり，ソーラーボート大会に出たり，ホームページを作ったりして遊んでた． 文化祭で展示したコンテンツを焼いたCD-Rが出てきたので，このたび黒歴史を一挙公開します． View this post on Instagram A post shared by 趣味はマリンスポーツです (@hitode909) www.instagram.com 中学生のときに作ったインベーダーゲーム これはインベーダーゲームみたいなやつで，弾を打って敵を倒すみたいなやつ．インベーダーゲーム自体はやったことないので，UFOとか防空壕とかない．難易度をスライダーで調整できるのが工夫したところで，上級者は敵の弾を増やして遊んだり，初心者は自機を増やして簡単なモード
CasperJSで気軽にJSのテストできる - hitode909の日記
ウェブアプリケーションのJSのテストするのにCasperJS使ったら便利だった． CasperJSはPhantomJSにテスト用ユーティリティがついて便利になったやつ． JS，MVCできれいに書いてると，Modelの単体テストとかできるけど，昔ながらの感じだと，ここをクリックしたらこれが表示されること，みたいなテストを書くことになる．けどライブラリとかいろいろあってどれを使えばよいか分からなくて敷居が高い．CasperJSを使ったらこれだけで完結してテスト書ける． PhantomJSは単なるブラウザだけど，CasperJSはテストのフレームワークとか，DOMのテスト関数とかがついてる． 非同期なタスクの実行の仕組みも入ってて，casper.thenっていうのを順番に書いていくと，順番に呼んでくれて，click()して，casper.thenしたら，ページ遷移したら次のページに移動してる．ス
■ - hitode909の日記
favstar，もっと見る押すと，もっと見れなくて，Proメンバーになると見れますっていう案内が出てきたりして，無料だと満足に使えない． サイドバーにボタンいろいろあるけどどうせここも有料なんでしょみたいな気持ちになって押す気なくなる． ウェブサービスの機能にお金払う気あまりしない．そこまでしてインターネットしたくないみたいな気持ちになる． インターネットで何にお金払うか考えたけどアート作品にはお金払ってると思う．曲買ったり絵買ったりしてる． けど曲とかインターネットじゃなくても道とかで演奏してる人のCDとか買うから，インターネットに対してお金払うというのはあまりないと思う． インターネットはインフラみたいな感じがしてインターネットで提供されるサービスにはお金払いにくいと思う． インターネットを通じて野菜を売るみたいなほうがやりやすいと思う． 何にでもお金払いたいみたいな人がいるとしたらと
iOS6のファイルアップロードについて - hitode909の日記
はてなブログ，iOS6のSafariから写真投稿できるようになった．JS書くだけで写真とか扱えるのおもしろい．前はPhoneGapとか使う必要があった． スマートフォン用のブログ編集画面で写真を投稿できるようにしました - はてなブログ開発ブログ iOS6，リモートデバッグみたいなのができるようになっててデバッグがすごい楽だった．iPhoneのSafariの設定でWebインスペクタをオンにしてUSBケーブルでつないでMacのSafari開くとDeveloperメニューからインスペクタだけMacに出せる．エラー出たら止まったりHTML見たりできる． WWDC Tips: Debugging Web applications in iOS 6 - Adriel Blog | Adriel Blog XCode最新のにするとシミュレータもiOS6になるからシミュレータでもデバッグできる．シミュレ
Google IME SKK サーバー 作った - hitode909の日記
Google CGI API for Japanese Input*1を使って変換するSKKサーバーを作った． Googleのサーバーが高性能なので，通常のSKK辞書ではできないような変換ができる．以下は例． 手元の辞書にないが世の中にはあるような言葉を変換できる． 意味不明な言葉でも適当に変換できる． 一文まとめて変換できる． インストール gemになってるので，gem installでインストールできる．依存ライブラリは特にないはず． % gem install google-ime-skk追記，Ruby1.8ではgem install jsonする必要があった，Ruby1.9では不要． 実行 google-ime-skkという実行ファイルができるので実行するとサーバーが起動する． % google-ime-skk 設定 AquaSKKでは，skkserv辞書として追加する．デフォルト
Canvasで閾値処理してみた - hitode909の日記
http://hitode909.appspot.com/threshold_filter/ Canvasに画像をロードして，1ドットずつ明るさを見て塗る，という方法で閾値処理してみた． こんなのができる． ところで，Canvasにロードした画像を操作(ピクセルの画素値を取得とか)するには，画像のドメインが同じでないといけなくて，気軽に画像処理することができない． 指定したURLをバックエンドで取得して返すAPIを作って，そのAPIで取得した画像をロードして使うようにすると，この問題を回避できる． 最近話題だった，triangulationも，ドメインの問題を回避するために，バックエンドで指定した画像を取得しているようである． http://triangulation.jgate.de/
WeDictionaryというウェブサービスを作りました． - hitode909の日記
シルバーウィークにバイト先の開発合宿に参加して，WeDictionaryというウェブサービスを作りました． Greasemonkeyを入れると，登録された単語がハイライトされて，その場で説明を読めます(リンク先にデモがあります)． http://wedictionary.appspot.com こう便利 例えば，「DNBK」という言葉に，「ドン引きすること」と説明を書いておくと，どこでもその説明が出るようになるので，以後，DNBKの意味について困る人が減ります． 一緒にやった人 合宿中，id:mechairoiさんが暇そうにしていたので，手伝ってもらいました． id:mechairoiさんには，RubyもPythonも知らないのに，RamazeからGAEに移植していただいたりと，大変感謝しています．
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高速に動くアニメーションGIFを作るときに知るべきたった一つの真実 - hitode909の日記
のっとったーというウェブサービスを作りました - hitode909の日記