鈴木うどんの横須賀おもしろ生活

撮った写真や思ったことや技術ネタなど。出来るだけ大きなディスプレイで見ると良いと思う。ここでの発言は個人の見解であり、所属する組織の公式見解ではありません。

技術ネタ

WebRTCにおけるNAT越えの課題へのアプローチ

WebRTCにおけるNAT越えの課題へのアプローチ - Qiita に移転しました。

実はずっとWebRTCをウォッチしていたので大局的な話を書いた

WebRTCについての話を社内勉強会でしてきたを見て、自分も何かを書いてみようかと思った。使い方やAPIの詳細について書かれた記事は多いが、大局的な話題を書いた記事はあまり見かけないので、そのような観点から公知になっている情報を中心に書いていこうと…

やったー JS で LGTM ジェネレターできたよー! #HTML5 #File_API

http://ochinchin.org/~udonchan/lgtm_gen/ コードはこのへんにある。 いわゆる HTML5 っぽいプログラムで、File API 使ってローカルの画像ファイルを canvas 読み込んで編集するという練習課題的プログラム。 canvas をどうやってファイルに落とすかのやり…

ファイルのタイムスタンプ頼って爆死

photo by zamboni.andrea 経緯 時系列データを記録するのに生サンプルファイルだけをファイルに保持 サンプル時刻はファイルのタイムスタンプを末尾としてサンプリングレートを元に取得 他の人が作った糞プログラムが読むたびにファイルをtouchしてまわって…

はてなブログのタイトルの文字列をCSSだけで画像に差し替える/更にアスペクト比を保持して可変幅にする

はてなブログのタイトル部の文字列は、標準機能で画像をアップロードしてそっくり差し替えてしまったり、もとの文字列と一緒に表示したりすることができる。 けれども、僕にとっては、アップロードした画像に対して特定の解像度でのトリミングが強制されたり…

言語別に範囲外の日付のフォーマットに対する挙動を試した、あるいは言語別 Repl について

以前の記事にも書いたとおり、JavaScript の場合 new Date(2014,1,32) のように、存在しない日付を指定してDateを初期化しても、よきに計らった(おせっかいな?)値を返してくれる。例えばこの例のように1月32日を指定すると、2月1日のDateオブジェクトが返…

Blog にはカレンダーを載せたいけれどはてなBlogにはそんなものは無いからJavaScriptで書いてみた

なかなかよい感じ。Windowの幅によってinner-containerよりちょこっとはみ出すのがキュート。カレンダーが埋まる様子が見えるとBlogを更新しようという気概が湧くと思う。2005年位のBlogはみんなカレンダーついていたような気がする。 ヘッダ下にcal-boxとい…

はてなブログで読者になるボタンをページ上方に表示させる / 追記:右に寄せるのはおすすめできない

読者になるボタンはサイドバーのプロフィールモジュールに表示されるけれど、ワンカラムデザインにするとページの下に追いやられてしまって読者になりたくなってもすぐにボタンが押せなくて不便だと思った。ブログ書いてる人のプロフィールはそんなに興味あ…

はてなブログの日付の表示フォーマットをJavascriptで無理やり整形した

設定画面で見つからなかったのでJavascriptで書いたけれどこれでよかったかはわからない。 <script type="text/javascript"> !function(){ var m2b = function(month){ var m = parseInt(month); var ary_b = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'…

Happy New Year 2014 Japan!

llllllllllllllllllllllllllllllllllllllllllllll lllll llllll llllllllllllllllllllllllllllllllllllllllll lllll,,,,,,,,,,,,,,llllll,,,,,,,,,,,,,,,,, lllll''''''''''''''llllll''''''''''''''''' lllll,,,,,,,,,,,,,,llllll,,,,,,,,,,,,,,,,,,,,,,, l…

OSX で /opt だけを Case-Sensitive にして MacPorts 環境をつくる

結論 OSインストール時に適宜パーティションを切る OSインストール後にfstab(5)を設定してdiskutil(8)でマウントする 経緯 OSX は Unix なのに標準のファイルシステムが Case-Sensitive じゃなくて *nix として気持ち悪い 一応 HFS+ のオプションに Case-Sen…

Linux の ext4 ファイルシステムで間違って上書きしたファイルを復旧させた

結論 ext4magic 最高!!!!111 やったこと % ext4magic “デバイス名に” -r -a “このunixtimeから” -b “このunixtimeまで存在していた” -f “このファイル名のファイルを復旧する” 実例 /dev/md0 上の昨日の20:00から20:30の間まで存在していた udonchan/…

Apache 2.4 にしたら困った

困ったのでドキュメント読んだら解決した。ドキュメントがあるのは正義である。 http://httpd.apache.org/docs/2.4/upgrading.html 一方でDebian固有の設定はドキュメント化されていなかった。 http://forums.debian.net/viewtopic.php?f=5&t=107325 同時に…

会社の中心でhogeeeeと叫ぶ:あるいはfunctionキータイプの強化

会社でつらくなることは会社員ならば誰しも経験があるだろう。つらくなったときは社内IRCの#hogeeeeでhoge(e+)と叫ぶといくらか気分が晴れやかになる。しかしながら、いちいちhoge(e+)とタイプするのは大変な手間であるし腱鞘炎のリスクともなりうる。そこで…

Javascript で Ruby の Array.sample

ruby だと array = ['a', 'b', 'c', 'd', 'e', 'f'] array.sample 4 #=> ["f", "c", "a", "b"] みたいに書けるけれど Javascript のArray にそんな関数は無いので書いた。 Array.prototype.sample = function(num){ num = num === undefined ? 1 : num; var …

「料理写真変わってますよね」といわれてショックだったので過去の料理写真をランダムに見られるようにした

友人の @masudas のご飯写真があまりに“メシマズ”で震えた話 - NAVER まとめ を見てゲラゲラ笑っていたら@imcat0514から"うどんさんの飯写真もなんか変わってますよね…"と言われてショックだった。 言われてみれば料理写真はなかなか難しい。一般的な料理写…

socket.io で HTML5 っぽくファイルをアップロードする

"How to Create a Resumable Video Uploader in Node.js | Nettuts+" Node.js と socket.io 入門したかったので↑のサイトを見ながら書いてみた。どうしてもバイナリ転送してみたかったのだ。 udonchan/fileupload_via_ws · GitHub 元のコードはグローバル汚…

あけましておめでとうございます / JSでへびのゲーム作った

2013年がやってきます。本当によかったですね。巳年なので伝統的なへびのゲームを作りました。 矢印キーでへびを操作して、へびを大きくする育成ゲームです。よかったですね。2012年は特に良いことがなかったので2013年はどうにかしたい。 udonchan/js-snake…