2007年10月

リンク先がリンク切れになっているかどうかなんて
いちいちチェックするのが面倒だなぁ～と思っていたら、
jqueryを使用してJSでひと目でリンク先が存在しないよいうのがわかる
というのがあったのでご紹介。

使い方は簡単です。
必要なもの：
Jquery.jp
Ajax Broken Link Checker（checklinks.php、jquery.linkchecker.js）
上記をダウンロードしたら、下記のソースのように記述し、
checklinks.phpをjquery.linkchecker.jsと同じディレクトリに置くだけ。


<script src="jquery.js" type="text/javascript"></script> <script src="jquery.linkchecker.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function() { $.linkChecker({query : 'a.goto', linksAtOnce : 2}); } ); </script> <style> .inactive { color: #999999; background: #cccccc; } .active { color: #0000FF; background: #ffffff; } </style>

サンプル

もっときれいな書き方があるんだろうけど。
とりあえず、この前、仕事で使ったので、
覚え書き。

関東、東北、関西などのエリアを選択すると、
県のセレクトボックスの中身を該当する県に入れ替えます。

サンプル

function changeform() {
doc = document.searchbox.pref;
if (document.searchbox.area.value == 1) {
doc.length = 8;
doc.options[0].text = "お選びください。";
doc.options[1].text = "北海道";
doc.options[1].value = 1;
doc.options[2].text = "青森";
doc.options[2].value = 2;
doc.options[3].text = "岩手県";
doc.options[3].value = 3;
doc.options[4].text = "宮城県";
doc.options[4].value = 4;
doc.options[5].text = "秋田県";
doc.options[5].value = 5;
doc.options[6].text = "山形県";
doc.options[6].value = 6;
doc.options[7].text = "福島県";
doc.options[7].value = 7;

中略

} else {
doc.length = 1;
doc.options[0].text = "お選びください。";
}
}

をjs側に

<form name="searchbox"> エリア<br /> <select name="area" onChange="changeform()"> <option value="0">お選びください。</option> <option value=1>北海道・東北</option> <option value=2 SELECTED>関東</option> <option value=3>北信越</option> <option value=4>東海・中部</option> <option value=5>関西</option> <option value=6>中国・四国</option> <option value=7>九州・沖縄</option> </select><br /><br /> 県<br /> <select name="pref"> <option value="">お選びください。</option> <option value=8>茨城県</option> <option value=9>栃木県</option> <option value=10>群馬県</option> <option value=11>埼玉県</option> <option value=12>千葉県</option> <option value=13>東京都</option> <option value=14>神奈川県</option> <option value=19>山梨県</option> </select> </form>
をHTML側に。

ひまなときに英語でも本気で勉強しようと 思って、英語漬けを買ってみました。 初期の「英語漬け」より「もっと英語漬け」の方が、 認識がよいということで、こちらを購入。

英語が苦手な大人のDSトレーニング もっとえいご漬け

早速やってみましたが、自分の英語力のなさにがっくしです。
これでも4大出てるので、受験英語でならしたはずなんですが、
聞き取りがやばい。。。
とりあえず、このソフトを日課にと思う、今日このごろです。

ユニクロがまた新しいことをやってます。
一部弊社でもお手伝いをさせていただきました。

「uniqlo jump」
なんだか楽しそうなコンテンツです。
各店舗が文字通りJUMPしているFlashコンテンツ。

音と絵のマッチングが素敵な感じです。
こういうスペシャルサイトは、外部に対してもそうですが、
働いているスタッフにも喜ばれそうなコンテンツです。

過去に使用したタグをいちいち覚えていないと
あまり意味がないタグなんですが、
movabletypeでも、はてなのように過去に使用したタグを
一覧でみれて、かつクリックだけ追加できるように
するTaggingHelperというプラグインがありました。
これは便利です。

ダウンロードして/mt/plugin/フォルダにいれるだけで
使えます。

ダウンロードはこちらから

↓のようになります。

phpなどでページを作成した場合、
?id=○○○○
というように、動的なページになる。
一般的に動的ページはSEO対策的にあまりよろしくないと言われているので、
apacheの機能であるmod_rewriteで、
パラメーターつきの動的ページを静的に見せる。

例えば、
cat.php?cid=10
↓
cat-10.html
というように置き換える場合

やり方は、.htaccessファイルを使用。
.htaccessに

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^cat-([0-9]+).html+ cat.php?cid=$1

と記載。

mod_rewriteモジュールはapacheに標準で添付されているモジュールですが、
使用する際には、ご利用のレンタルサーバーでhtaccessが使用可能かを
調べましょう。
僕が使っているhetemlでは問題なく使えました。

ちなみに、mod_rewriteについて詳しくはこちら

いまもっとも欲しい家具が、
Truck Furnitureさんの家具。

夫婦で古いビルを借りて、
つくりはじめたという家具は、
少し使いこまれた古着のような感覚で、あったかい感じの家具です。
ここの家具に囲まれて、生活できたら、どれだけ幸せだろう。。
と妄想しちゃいます。

TRUCK FURNITURE

Truck FurnitureさんのMakingの本もおすすめです。

家具をつくる、店をつくる。そんな毎日。 -MAKING TRUCK-