2014年03月14日20:00 カテゴリTipsCode Tips - 静的リソースのURIに?をつけるべからず Webを支える技術 HTTP、URI、HTML、そしてREST 山本陽平 であればなおのことこの実装はNG。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer BlogはてなブログではJavaScriptを配信する際には、上記のURLのように、?よりあとの部分にabc078624b2a746c618156847827166bのようなバージョンIDを付与しています。JavaScriptが変更

2013年04月14日01:30 カテゴリTipsLightweight Languages OSX - mv2trashというスクリプト書いた AppleScript: The Definitive Guide (Kindle Ed.) Matt Neuburg どれくらい需要があるかわかりませんし、明らかに車輪の再発明なはずなのにどこ見ても転がってなかったので。 dankogai/osx-mv2trash ・ GitHub 名前を見ての通り、OS X専用です。 404 Blog Not Found:私みたいなおっちょこちょいを自滅から救って来たちょいとした工夫x3+1 上記の例は、実はこれだけで防ぐことが出来ていた。 とはいってもファイルをその場で消しちゃう(厳密にはunlink)ことには変わりはありませんし、undoできるならそれに超した事はないわけで。 で、私が30抜きのMac S

2013年04月13日01:30 カテゴリTipsiTech 私みたいなおっちょこちょいを自滅から救って来たちょいとした工夫x3+1 bashクックブック ぎゃああぁぁぁ 僕がMacのホームディレクトリを削除するに至った経緯と、復元するまでの道のり | CreativeStyle 具体的に何をしたのか。それは、以下のコマンドの実行です。 $ rm -rf ~/ でもこれ、すごいやりがち。 やりがちなのになんでそれよりおっちょこちょいなはずな私がもう30年近くものあいだ難を逃れているかを披露しておくことにする。 以下、それぞれtcsh版とbash版を。zsh版はどなたかよろしく。 alias 上記の例は、実はこれだけで防ぐことが出来ていた。 tcsh alias rm 'rm -i' bash alias rm='rm -i' 要するに、rmと打ったらrm -iを意味するようにしておくわけだ

2013年02月27日20:45 カテゴリTipsLightweight Languages perl - soloで任意のコマンドを期限付きで排他実行する Perl Cookbook (English, Kindle Ed.) Christiansen / Torkington [邦訳: Perlクックブック] solo という名前の perl script を、App::solo という名でリリースしました。 dankogai's p5-app-solo at master - GitHub プロセス間の期限付き排他ロック - (ひ)メモ プロセス間の排他的実行を制御したい 一定時間経過したら実行できるようにしたい これに対する別解答です。 以下、PODの抄訳。 NAME solo - run only one process up to given timeout. SYNOPSIS

2012年11月02日17:30 カテゴリ書評/画評/品評Art 一触瞭然 - 品評 - iPad mini いくらなんでも「これじゃ褒め殺しだよ」と思いましたよ。所詮小さなiPad 2じゃないか、と。 ”勝負あった！？”、iPad miniが与えるインパクト(本田 雅一) - 個人 - Yahoo!ニュース いわば、”勝負が決まった”と振り返るならここだろう、と言える発表会場だった。アップルがこの劇場でイベントを開催するのは、あの音楽アーティストがアップルの味方についた発表会以来のことである。あるいはアップルは、デジタル音楽プレーヤの勝負が決まった当時を思い起こし、”タブレット市場での勝負を決めに来た”のだろうか。 Apple製品に1日24時間1週間7日1年366日どっぷり漬かってる私でさえ。 @rokuzouhonda、正しいのは貴方でした。 今日から Kindle Fire や Ne

2012年09月05日03:00 カテゴリTips tips - GIMPでJPEGの蚊を退治して"PNG"化する このためだけにGIMPをインストールしておく価値あり。 可逆対非可逆 我々がふんだんに画像や音楽や動画をネットでやりとりできるのは、非可逆圧縮(Lossy compression)のおかげ。これがなかったらとうの昔にネットはパンクしています。静止画や音声はとにかく、動画ともなれば無圧縮ではネットどころかハードディスクすらついていけないほど。 うぶんちゅ! 瀬尾浩史 たとえば以下の画像。片方が可逆圧縮(Lossless compression)のPNG、そしてもう片方が非可逆圧縮のJPEGで圧縮してありますが、どっちがどっちだかおわかりいただけますか?画像をクリックした先に1246x1635ピクセルの元画像があるのでそちらも確認してみてください。 ぱっと見た目にはまるで同じ画像

2012年08月13日06:00 カテゴリLightweight LanguagesTips javascript - hanzenkaku.js で半角全角処理 まあ車輪の再発明もいいところなのですが、車軸に合う車輪が見つからなかったということで。 dankogai/js-hanzenkaku DEMO まずは実際にお試しを。 全角: 半角: 全methodは以下のとおり。textarea内でいろいろと書き換えてみてください。 /* Functinal */ p( HanZenKaku.h2z('ｺｶﾞｲﾀﾞﾝ') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('ｄａｎｋｏｇａｉ') ); p( HanZenKaku.fs2hs('a　space') ); p

2012年04月04日16:00 カテゴリLightweight Languages coffeescript - を淹れるための最低限文化的な環境 私のような体育会系プログラマーは、実際に動かしてみないとわからないので、その場で動かせる環境を作ってみました。 Demo 結論から言うと、この程度ですみます。CoffeeScript -> JavaScript だけではなく、逆変換もできます。 CoffeeScript: ((s) -> while s isnt undefined try s = eval(prompt(s)) catch e s = e ) "JS:" JavaScript: (function(s){while(s!==undefined)try{s=eval(prompt(s))}catch(e){s=e}})('JS:') DHTML Source 基本的に Js2

2012年01月18日19:30 カテゴリNewsCode news - Wikipediaはデータ・ヘイヴンに引っ越すべき というわけで私の所感。 新著作権保護法案「SOPA」には賛成？反対？ - CNET Japan 一方で同法案に反対する声もあり、オバマ政権は「検閲や革新の抑制につながるおそれがある」と懸念する声明を発表したほか、Wikipediaの創設者Jimmy Wales氏は、SOPAへの抗議活動として、同サイトを米国時間1月18日に閉鎖するとしてます。また、グーグルも同社ホームページ上にリンクを掲載することで、SOPAへの反対の意向をユーザーらに告知するとしています。 私がまず思い出したのは、「グローバル企業には国籍がある」という原田泳幸氏の台詞。Wikipediaは営利企業ではないが、いざという時には無国籍ではいられないという点ではやはり米国組織なのだ。 SOPA and

2012年01月17日11:45 カテゴリアルゴリズム百選Tips Algorithm - 連想配列の実装としてのハッシュはオワコン? 珠玉のプログラミング Jon Bentley / 小林健一郎訳 つまり「終わったコンテナ」。 以前からうすぼんやりと考えて来た危惧が、すこしはっきりと見えてきた。 徳丸浩の日記: Webアプリケーションに対する広範なDoS攻撃手法(hashdos)の影響と対策 もうそろそろハッシュ(テーブル)以外の手段の連想配列の実装手段を本格的に模索するべきではないか、と。 そのデータ構造は、君の魂を差し出すに足るものかい? 連想配列(Associative array)がコレクション(Collection)、すなわち数多のデータ構造をまとめるデータ構造としての覇者となったのはもはや疑いようがない事実でしょう「配列で実装されるデータ構造ではなくて、配列を実装するデータ構

2011年12月15日20:00 カテゴリTipsiTech 備忘録 - 本blogをHTML5にするためにやったこと 正確には、「本blogをIEから見てHTML5に見えるようにするためにしたこと」ではありますが。 レシピ 二つだけ <!DOCTYPE html>を<html>の前に追加 <head>内に以下を追加 <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <![endif]--> 本来であれば1.だけでIE9はHTML5モードになってくれるはずなのですが、2.がないと駄目でした。実のところHTML5では2.はinvalidなのですが、重要なのはvalidityではなくブラウザーの挙動なので。Chrome Frameでも利用されているテクニックですし。 internet ex

2011年12月14日15:34 カテゴリTipsLightweight Languages javascript - めんどうな作業がわずか1クリックに!新人プログラマーが知らないと一生後悔するブラウザーを使ったHTML生成 いいえ、使いません。 めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ 僕たちプログラマーは、ちょっとしたHTML生成にDHTMLを使います。 DEMO TSV JSON JSON to HTML function (json){ var tbody = $('<tbody>'); $.map(json, function(row){ var tr = $('<tr>'); $.map(row, function(c

2011年10月16日21:00 カテゴリTipsiTech 備忘録 - 頭隠してSiri隠さず パスコードとSiriの双方をお使いの方はご用心、というお話。 画面をロック中でも、ホームボタンの長押しでSiriを呼び出すことが出来ます。ちなみにホームボタンのダブルクリックでカメラボタンがスライダー横に登場します。 これらはパスコードを設定している場合も同様です。 ここで例えばSiriに検索をお願いすると、画面をアンロックするよう促されます。 ところがSiriだけで出来る作業は、ふつうに出来てしまうのです。 "What's my address?"とたずねれば、自分の住所を示してくれますし… "What's my phone number?"とたずねて、示された電話番号のリストをタップすれば自分に電話できちゃいますし… 要するに、パスコードを設定しただけでは、Siri経由でプライバシーばれば

2009年09月13日13:00 カテゴリLightweight Languages #perl - utf8::decode()ではなくEncode::decode_utf8()を使うべき理由 駄目です。 [を] Perl の utf8 まわりのおまじない 最近良く使うおまじない、というかイディオム。 utf8::decode($text) unless utf8::is_utf8($text); こういう場合は、Encode::decode_utf8()でないと。 以下をごらんください。 #!/usr/bin/perl use strict; use warnings; use Encode; use Devel::Peek; for my $bytes ( "\x2F", "\xC0\xAF", "\xE0\x80\xAF", "\xF0\x80\x80\xAF" ) { my $u