主な開発環境にMac専用クライアントのCodaを使っていますがCodaはサイト(プロジェクト)毎に、Subversion(*1)リポジトリが設定できるようになっています。バージョン管理はシステム開発などを行っている人などにはおなじみだと思いますが、デザイナーやコーダーにはあまり馴染みが深くないかも知れません。実際僕もそうでした。この記事ではバージョン管理自体には触れませんが(*1)、jQueryライブラリの管理をGoogle CodeのProject Hostingで行うようにしたので過程を紹介しておきます。
1) Subversionについては説明すると長くなるので以下の記事などを参考にしてください。
gihyo.jpで「もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）」という連載をTHE HAM MEDIAのハムさんと共著で始めました。
http://gihyo.jp/design/serial/01/jquery-site-production
記事の対象は主に「jQueryって便利そうだけど、JavaScriptとか難しそう…」というように考えているデザイナーやコーダーの方です。実際jQueryに触り出すと、簡単なスクリプトならどんどん書けるようになっていきます。その1歩を踏み出せるような記事を目指して連載していきますので、使おうか迷っている人はぜひ1歩を踏み出して使ってみてください。
第1回目は「jQueryにふれる」です。
http://gihyo.jp/design/serial/01/jquery-site-production/0001
Twitterに「デスマなう」を投稿するボタンを追加するGreasemonkeyです。
それだけです…
下記リンクからGreasemonkeyスクリプトをインストールします。
TwitterのUpdateボタンの左に「デスマなう」ボタンが追加されます。
クリックすれば「デスマなう #deathmanow」が投稿されます。
そもそもデスマって何という方はネタ帳さんの記事辺りを参考にどうぞ。
Greasemonkeyばっかりですが… 単純に作業するにあたって作ったものをあげてます。
タイトルそのままで、画像などのリンクを新しいウィンドウ・タブで開くためにtarget=”_blank”を追加します。
毎回Ctrl/Commandを押すのが面倒くさくて…中クリックも忘れることが多いし…
間違えてタブを閉じることが多いのでいっそのことということで書きました。
target=”_blank”について色々と議論はあるようですが、自分で使うだけなので気にしないことにします。またonclickとかでイベントを上書きするとLightboxなどのスクリプトに干渉したりしそうなので、あえてtarget=”_blank”にしました。
デフォルトでは自分の用途に合わせて、jpg・gif・png画像とPDFをtarget=”_blank”で開くようにしています。 追加したい場合は、var filetypesに追加してください。
var filetypes = /\.jpg|\.jpeg|\.gif|\.png|\.pdf$/i;
実験的にYahooアクセス解析を導入していますが、先日のコンバージョン計測導入時に参照元URLとかページビューランキングのURLが短縮されるようになってしまいました。
↑このように短縮される。いや…見にくいから…
これは見にくい…！ていうかこんなんで何がわかるんやろう…クリックするまでわからないこと面倒くささ。(Firebugで見れますが)とても使いにくいので、取り急ぎ短縮されたURLを開くGreasemonkey書きました。
↑開いてついでにデコードします。
文字数が増えるとテーブルが崩れ出すので、とりあえず70文字制限にしました。70文字を超えるURLは…のようになります。
YAはまだまだ実験要素が多いようなので、また戻るかもしれません。というか戻してくれるといいですね。
