programming一覧

gzip 圧縮した JavaScript ファイルに問題はないのか?

gzip 圧縮 JavaScript

prototype.jsを10KBにする方法 : 亜細亜ノ蛾 でおなじみ! の asiamoth(オレ)ですが、ずっと気になっていることがありました。

それは、

gzip 圧縮は対応しているが、gzip 圧縮の JavaScript に対応していないブラウザはないのか?」

ということです(いまさらながら)。

prototype.jsを10KBにする方法の続き(.htaccessをスマートに使う) : 亜細亜ノ蛾 という続編記事で書きましたが、

「圧縮した JS へのリクエストに Content-type: application/x-javascript を正しく返せば OK」

というのが、一応の結論でした(いま思ったけど、Content-type: text/x-javascript だと、どうなるだろうか?)。

──でも、本当に? と思ったので、実際に検証してみました。

結論

たぶん、大丈夫。

──という結論に至った、検証方法を公開します。

続きを読む


全員が 10 分で jQuery を使い出す(といいな)スレ

jQuery

jQuery を習得したい!

──そう思っていた時期が僕にもありましt(ry、じゃなくて。もう 20 世紀くらいから言い続けているような気がしますが、jQuery をこつこつと勉強中です。

今回は、みんなも jQuery 使おうぜー、という支援記事です。

jQuery 開発者向けメモ

jQuery 開発者向けメモ

やはりここは外せませんね。

「メモ」どころではない、リファレンスと豊富なサンプルがすごい。知りたいことが、すぐに実行できます。

「jQuery でどんなことができるのか」を知るのに最適なページです。まずはここからどうぞ。

Prototype ユーザが 10 分で jQuery を使い出すスレ

ヽ( ・∀・)ノくまくまー(2007-10-07)ヽ( ・∀・)ノくまくまー(2007-10-07): [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ

最近のヒット。今回の記事を書こうと思ったのも、ここに釣られたのが半分です。

けっこう真面目な記事かと思いきや、アイドル画像で格段にわかりやすく! ──なっているか、というと疑問だけど、ものすごく食いつきよくなってます。ポイントをしっかり抑えているのがいい感じ。

Prototyper(造語)も jQuery にすんなり移行できそうですね(?)。

JavaScriptライブラリといえば jQuery(入門編)

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery(入門編)

ここ最近で、改めて jQuery の名前を広めたのがこの記事でしょう。

この記事も、Prototype.js などの JavaScript フレームワークを使ってきた人、JavaScript 中上級者 向けですね。

jQuery超初心者にありがちな7つの間違い

ミネソタでPerlを(まったり修行中) – jQuery超初心者にありがちな7つの間違い

jQuery の初心者で JavaScript の中級者、みたいな人に向けた記事ですね。

end() なんてあるのか──と、ここで初めて意識しました。

jQuery をどう使うか?

以上、いろいろと紹介しましたが、結局のところ「jQuery を使って何をするか?」が重要ですよね。自分は、そのあたりが決まらずに、グルグルと同じところを回っています……。

でも、過去に CSS や Movable Type、(X)HTML のタグの使い方が(なんとなくは)わかった時に、

「なんだ、こんな簡単なことで色が変えられたり、段組を変えたりできるのか!」

と少なからず感動したことがありました。

jQuery も「ちょっとすごい CSS」(わーい \(^o^)/)みたいに思えば、簡単に使えそう。な気がする。かもしれない。


【宝の】Perl 本で勉強中【持ち腐れ】

Perl 本いろいろ

現在、自分こと asiamoth は Perl のお勉強中である──

──が、勉強法が如何に間違っているかをさらけ出そうかと。

で、最初に結論を言うならば、プログラミングを学ぶなら「本を読むのもいいが、まずは手を動かす(コードを書く)のが大事」なのだなぁ、と。

続きを読む


『はじめてのPHP言語プログラミング入門』 生ぬるい解説書に非ず

『はじめてのPHP言語プログラミング入門』

PHPサイバーテロの技法―攻撃と防御の実際の中で「お勧めする入門書」として書かれていた、『はじめての PHP 言語プログラミング入門』を読み終わりました(後半、意識がうつらうつらしつつ)。

──まず、自分がこの本をレビューするのには 100 万光年早い(ツッコミ所)ことをお断りしておきます。

photo

はじめてのPHP言語プログラミング入門
大垣 靖男
技術評論社 2005-04

まるごとPHP!〈Vol.1〉 PHPサイバーテロの技法―攻撃と防御の実際 PHP辞典 Smarty入門~PHP5+テンプレート・エンジンでつくるMVCアプリケーション~ PHPフリーソフト&スクリプト集1000―無料でスグに使える!

by G-Tools , 2007/01/31

──というくらい、自分にはまだ、この本の真価は理解できない……!

本書は、他の「入門書」を熟読して、簡単な掲示板プログラムなどを動かせるようになった後──くらいでもまだまだ早いかも知れません。

すでに PHP に慣れた人が、復習のために読む──くらいがちょうどいいかも。

続きを読む


prototype.jsを10KBにする方法

2006-11-20T14:20:42+09:00 追記

「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました(「何者か」 = 酒……)。

prototype.jsを10KBにする方法の続き(.htaccessをスマートに使う) : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。

JavaScript ファイルを圧縮する

正真正銘、Prototype(“prototype-1.4.0.js”)を10キロバイト(10,453 bytes)に圧縮して、しかも(当たり前ながら)動作するようにする方法です。

──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。

しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした(他は調べてない)。どうも元のファイルで行末に ; が欠けているのが原因らしいです。(ref: #4729 ([PATCH] Make Prototype js-packer compatible) – Ruby on Rails – Trac

また、仮に元ファイルを修正してから圧縮しても、せいぜい20KB超というところ(それで十分という人も多いと思うが)。

今回紹介するのは、もっとシンプルで効果的な方法です。

2006-11-22T11:43:56+09:00 追記

どうも「mod_gzip ではダメなのか」という意見が多数見られますが、今回の趣旨は「こういう選択もあるよ」という提案なので、それを言われると、ンガググ。転送時に圧縮する方法もあれば、元から圧縮しておく方法もある──選択肢が増えることによって、ちょっと得するひともいるのでは、と思って書きました。

転送時圧縮についてはCSSファイルを圧縮する方法 : 亜細亜ノ蛾で PHP を利用する方法を紹介してあります。

あと、展開後のスクリプトの動作を改善するわけでは無いです。それは、今回の趣旨からは外れているので悪しからず……。

続きを読む


コンパクトでサンプル豊富なJavascript本

#### Javascriptを覚えたい!
自分のサイトを持つようになると、自分なりにデザインをカスタマイズしたくなるものです。細かいデザイン指定がしたくなった場合、(X)HTMLとCSSを覚えることが必要になってきます。
その後に必要なのが、Javascriptの知識でしょう。
(X)HTMLやCSSは「何となく見よう見まね」で*結構なんとかなる*、と自分は考えています。しかし、Javascriptはなかなか身に付きませんでした。
そういったときは、専門書を購入するのが一つの手です。しかし、自分はJavascript関連の本を買ったことがありませんでした。──高かったり解りにくかったりしたので。あと、*内容が古い*物が多くて、読む気にならない! ということも多かったです(「IEのウィンドウを振動させてみましょう」とか言われても)。
そういったわけで、前からJavascriptの本を探していました。何気なく書店で見かけた、この本が気に入ったので買ってみました。

JavaScriptリファレンス&逆引きユーザー便利帳―Ajax対応

JavaScriptリファレンス&逆引きユーザー便利帳―Ajax対応

  • 井上 健語
  • 秀和システム
  • 2006-07
  • ¥ 1,680
  • Book

続きを読む