破棄されたブログ

このブログは破棄されました。

Web 開発

cURL での WebSocket のデバッグ

TL;DR; WebSocket は、そのプロトコルの性質上、 cURL で簡単なデバッグを行うことができる。 具体的には下記のようなコマンドになる。 $ curl -v -i -N \ -H 'Sec-WebSocket-Version: 13' \ -H "Sec-WebSocket-Key: $(head -c 16 /dev/urandom | base64)" \…

Django でログインフォームを雑に作るぞ!!

Django では、 django.contrib.auth パッケージでユーザ認証機能を利用できる。 また、このパッケージはログイン用のビューも予め用意してくれている。 ログインロジックを独自に実装する必要がない場合は、このビューを使うと楽っぽい。 django.contrib.aut…

Let's Encrypt の技術概要(翻訳)

以下の文章は、Let's Encrypt の Technical Overview の翻訳になります。 The Linux Foundation の利用条件に基づいて、 CC BY 3.0 ライセンスが適用されます。 誤訳・誤認・誤字・脱字・ライセンス上の問題等がありましたら、ご連絡ください。

最近読んだ本

あとがき この記事読み返してみたら, 時制とか文体とかグチャグチャで最悪な感じだったけど, 書き直す気力がない. 最近読んだ本 小説ばっか読んでた. 最近, 読書リストを作ったので, 読もうと思ってた本を少しずつ読み進めていきたい. オルタード・カーボン …

Django のログイン要求ミドルウェア

この記事は、Django の全ページに一括でログイン要求(ユーザ認証)を設定させるためのミドルウェアに関する Ryan Witt 氏による記事、 Django Login Required Middleware を著者の許可のもと翻訳したものです。コード中のコメントも日本語訳されていますの…

リストに新要素をふわっと追加したり、横からスッとついかしたりする CSS アニメーションのチュートリアル

Transitional Interfaces, Coded | CSS-Tricksリストに要素をシュッと追加する CSS のチュートリアルがあったんでやってみたらすごくカジュアルにできた。 @keyframes とかは The Book of CSS3: A Developer's Guide to the Future of Web Design に書いてあ…

iPhone でブラウザバックされたときにイベントを再設定する

iPhone でページ遷移した際にキャシュが使用されると、イベントが全部死んでいる。 なんで、ページ読み込み時に設定したイベントだけでも再設定してやろうと思っていろいろ調べたものの、大人の事情で onpageshow イベントが発火しない環境。 しょうがないの…

テスト駆動 JavaScript

テスト駆動JavaScript作者: Christian Johansen,長尾高弘出版社/メーカー: アスキー・メディアワークス発売日: 2011/11/25メディア: 大型本購入: 19人 クリック: 329回この商品を含むブログを見る 昨年の秋頃からたらたら読んでた「テスト駆動 JavaScript」 …

Apache の VirtualHost とドメイン設定

別ポートでテスト運用をしようと思ったんだけど、Chrome for Android を含む Android のブラウザで 80 番ポート以外にアクセスできない事案が発生。*1 Android から確認できないと困るんで、Apache の VirtualHost で DocumentRoot をテスト側に向けて立ち上…

postMessage! そういうものもあるのか

window.postMessage は、安全にクロスドメイン通信を可能にするためのメソッドです。通常、異なった複数のページでのスクリプトはそれらが実行されたページが同じプロトコル(たいてい http)、ポート番号(http のデフォルトは 80)、ホスト(両方のページ…

指定した HTML 要素の子要素に対して再帰的に処理を行う。

指定した要素の子要素に対して再帰的に処理を行う。jQuery 等ライブラリ非依存。 深度 6, 要素数 160 程度のページで 0.2 秒弱かかったんで、実用性は疑問。 /** * HTML 要素を再帰的に処理 * @param HTMLElement elm HTML 要素 */ function processHTMLElem…

jQuery で取得したオブジェクトが親ノードの last-child であるか判定する

備忘録的に。もともと関数じゃなかったのを関数として切り出してきたんで、型チェックとかはしてない。 jQuery を使っていなければもっと素直に書ける気がする。 function isLastChild(obj) { obj = $(obj); if (obj.parent().children(":last").get(0) === …