Web開発周りのVimの設定
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
prototype.jsの開発メモとGecko DOM ReferenceのHTMLヘルプ
未だにちょくちょくみてしまうprototype.jsの簡単なリファレンスであるDeveloper Notes for prototype.jsの日本語版とThe Document Object Model in Mozillaで配布されているGecko DOM ReferenceのZIP version (古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワードでジャンプできるようにした。HTMLヘルプ向けにCSSもちょっと調整。チェックしきれてない説
hail2u.net - Weblog - 圧縮フォルダを使わないようにするとエクスプローラがキビキビ動く
Windows XPの圧縮フォルダというほとんどの人が使っていないと思われる機能(私見)を解除したら、エクスプローラがキビキビ動くようになった気がする。というようなことを某所で言ったら、試した人が「すげぇかるくなった kyo++」とかインクリメントしてくれたので、エントリにしておこうとか。 圧縮フォルダ機能の解除の方法は、コマンド プロンプトで、 regsvr32 /u zipfldr.dll regsvr32 /u cabview.dll と、入力してやるだけ。多分再起動は必要ない。 これにより特にエクスプローラのツリー表示なんかが高速化する気がする。エクスプローラ以外ではファイラーっぽいので特に高速化する感じで、僕の環境ではACDSeeのツリー表示がとんでもなく高速化した。 また、デフォルトの検索機能が圧縮フォルダ内を探さなくなるため高速化し、いつまでたっても終わらないということは少な
Perl 5.8.8 documentationのHTMLヘルプ
Perl 5.8.xのHTMLヘルプは、ActivePerlのActivePerl 5.8 documentationを元にしたものなどいくつかあるのだけど、ブラウザで愛用しているPerl 5.8.8 documentationを元にしたものは見つけられなかったので作ってみた。連続してHTMLヘルプのエントリ。 Perl 5.8.8 documentationは配布しているHTMLでも、ローカルでちゃんと動く検索機能があったりとかなり使えるのだけど、たまに変な言葉で検索しちゃうと検索が終わるまでブラウザが固まってしまったりとかするのが痛い。なので、HTMLヘルプにして超高速に全文検索をできるようにしたかった。速くて、超快適。 Perl 5.8.8 documentation 目次とキーワードが中途半端。キーワードはコア・モジュールのメソッドなんかにも対応するように作り直したいところだけど、
HTML 4.01とCSS2のHTMLヘルプ
HTML 4.01 SpecificationとCascading Style Sheets, level 2のHTML Helpを作ってみた。探せば幾つか見つけられるのだけど、キーワードがないというありがちなアレだったので。 HTMLヘルプとか二年ぶりくらいに作ろうとしたので、作り方をほとんど忘れてた。最終的にはIndexからキーワードを捏造するPerlスクリプトを作ってやったのだけど、そこまでいくのに1時間くらい格闘した気がする。HTML Help WorkshopのGUIでやるのは無理。 で、公開しようかなとか。W3C Document Licenseを読んだところ、変更を加えたり派生物的なものにするわけでなければOKっぽいので。 HTML 4.01 Specification Cascading Style Sheets, level 2 上記アーカイブはWinRAR 3.51でZ
PPM version 4はGUIアプリケーション
久々にActivePerlを更新し(5.8.8 build 819)、コマンド プロンプトでppmとかしてみたらなんかウィンドウが出てきた。Release NoteによるとこのbuildからPPMがversion 4になり、GUIのものがデフォルトになった模様。最初の起動時にものすごく時間がかかったけど、その後はそこそこ。 インストールすることのできるモジュールやインストール済みのモジュール、アップグレード可能なモジュールがそれぞれ一覧できるのはやはり便利。一覧にはものすごい数が表示されることになるが、適当な文字列でフィルタがかけられるようにもなっていて、探すのが大変ということもない。 モジュールのインストールやアンインストールは一旦キューに入れるようになっており、あとでまとめて実行する。インストールのキューに入れた時には、モジュールの依存関係なんかも表示してくれる。 従来のcommand
hail2u.net - Weblog - よく使うライセンス・フリーのフォント
OSより高かったりする値段のフォントを気軽に使えるわけがないので、ライセンス・フリーのフォントは重要。Webページでロゴやら何やらで使う分にはまるで問題ないクオリティなものを見つけては保存、見つけては保存てな感じ。その中で好んでよく使うものを5つ挙げてみる。 Lacuna Regular Italicの方がスタイリッシュで使いやすそうではあるけど、ところどころに独特の味があるRegularの方が好き。 MiloTF-Text 小さいサイズでもかなり使える。 Lexia Readable Comic Sans MSの系統だが、ふざけた感じが少ないため場所を選ばずに使える。 Fontin-Regular セリフのヒゲの部分のあしらい方がきれい。 Devroye スクリプト系ではあるけれどもしっかりした感じで使いやすい。 IdentifontのFree fontsとかライセンス・フリーのフォント
JavaScriptで配列をシャッフル
配列をシャッフル、つまりランダムに要素の位置を入れ替えるというのを、sortメソッドを使ってやってみたのだけど、明らかにダメダメなものになってしまった。その後、あーでもないこーでもないと考えたのだけど、算数が得意すぎて頭が痛くなった。ということを某所でぼやいたらはてのくんがコードを見つけてくれた。どうやらFisher-Yatesという有名なアルゴリズムでやると良いらしい。 最初に書いたコードは、 var a = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9); a.sort( function (a, b) { return Math.ceil(Math.random() * 3) - 2; } ); というもの。sortメソッドは、パラメータに与えられた関数が負の値・0・正の値を返すことによって要素の順序を決定するので、その関数がランダムに値を返せばランダ
hail2u.net - Weblog - Amazon.co.jpの新しいアソシエイト・ツール: インスタントストア
Amazon.co.jpのアソシエイト・セントラルのトップ・ページに、なにやら「試してみよう！ インスタントストア(TM) ベータ版が登場！」という煽りが。どうやら簡単にオススメ商品のページを作成できるみたい。ストアを作ってみましょうといううたい文句になってるけど、どっちかっつーとリストマニアがトップ・ページなAmazon.co.jpのコピーサイトの作成みたいな。 インスタントストア(TM) ベータ版 Amazon.co.jpの商品で、あなたのショッピングストアを作ってみませんか？ インスタントストア(TM)なら、数分程度の簡単な設定で、あなただけのストアを作成できます。インスタントストア(TM)を使って、Amazon.co.jpの豊富なセレクションから、好みの商品やカテゴリーだけを集めたストアを作ってみましょう！ というわけで作成してみた。(ものすごく偏った)マンガで！誰も寝てはならぬは
Yahoo! UI LibraryのFonts CSS
OSのみならずブラウザにも左右されるWebにおけるフォント。多くの場合はHelvetica(WindowsではArialになる)やVerdanaなどの一般的なフォントを指定し、多少サイズをいじる程度のアプローチか、まったく無指定でユーザーに任せるといったアプローチであることと思う。徹底的に調節するとなるとものすごくツライから。Yahoo! UI Libraryで提供されているFonts CSSはそのフォント調節の手助けをしてくれるCSSファイル。 具体的な効用は、ほとんどの現行ブラウザで13ピクセルのHelveticaが基本のフォントになるというもの。つまり、OSとブラウザによる文字表示の差異をほとんど吸収してくれるという効用。 当該のCSSファイルを開いてみると、微妙に読みづらいCSSコード。よく読んでやると*property: value;というハックのみの模様。このプロパティ名の直前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
