<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Pass&amp;Go TIPS</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/" />
    <link rel="self" type="application/atom+xml" href="http://tips.passandgo.jp/atom.xml" />
    <id>tag:tips.passandgo.jp,2010-02-17://1</id>
    <updated>2010-02-24T09:18:54Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.01</generator>

<entry>
    <title>Zen-CodingをDreamweaverで</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/dreamweaver/zen-coding_for_dw.php" />
    <id>tag:tips.passandgo.jp,2010://1.60</id>

    <published>2010-02-24T09:08:48Z</published>
    <updated>2010-02-24T09:18:54Z</updated>

    <summary> 巷で最近話題のZen-Coding。 Dreamweaverでも使えます。 D...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Dreamweaver" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="zencoding" label="Zen Coding" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
巷で最近話題のZen-Coding。<br />
Dreamweaverでも使えます。
</p>

<blockquote>Downloads - zen-coding - Project Hosting on Google Code<br />
<a href="http://code.google.com/p/zen-coding/downloads/list" target="_blank">http://code.google.com/p/zen-coding/downloads/list</a></blockquote>

<p>
「Zen Coding for Dreamweaver」というリンクがあるので、一番新しいバージョンをダウンロード（現時点で最新はｖ0.6）。
</p>

<p>
ダウンロード後、解凍したらxmpファイル（拡張機能ファイル）が出てくるので、これをExtension Managerで開いてインストールしてください。Dreamweaverを再起動したら、普通にコードエディタでZen-Codingが使用できます。
</p>

<p>
なお、展開コマンドは「Ctrl+,（コンマ）」ですのでご注意ください。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>ループまとめ</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/loop_summary.php" />
    <id>tag:tips.passandgo.jp,2010://1.50</id>

    <published>2010-01-05T10:38:51Z</published>
    <updated>2010-01-05T12:22:23Z</updated>

    <summary> ワードプレスでのサイト構築はループに始まりループに終わると言っても過言ではあり...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="get_posts" label="get_posts" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="have_posts" label="have_posts" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="query_string" label="query_string" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="setup_postdata" label="setup_postdata" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="the_post" label="the_post" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="uery_posts" label="uery_posts" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
ワードプレスでのサイト構築はループに始まりループに終わると言っても過言ではありません。というわけでループについて簡単にまとめておきます。
</p>

<h3>基本ループ</h3>

<pre>&lt;?php if(have_posts()): while(have_posts()): the_post(); ?&gt;
//ほげほげ
&lt;?php endwhile; endif; ?&gt;</pre>

<p>
普通のブログであれば、大抵はこれだけで済みます。<br />
現在のページ（トップページ、カテゴリページなど）に適合した投稿内容を表示してくれます。
</p>

<dl>
<dt>have_posts()</dt>
<dd>表示すべき投稿記事があれば「true」を返し、なければ「false」を返します。表示対象となる投稿記事はページに依存します。</dd>
<dt>the_post()</dt>
<dd>投稿情報を読み込み、その情報をカスタムタグ（the_contentなど）で使えるように準備します。</dd>
</dl>

<h3>基本ループをカスタマイズ</h3>

<p>
基本ループで呼び出される投稿は、デフォルトではそのページ（トップページ、カテゴリページなど）に依存しますが、基本ループの直前にこのコードを記述すると投稿を呼び出す条件が変更されます。
</p>

<pre>&lt;?php query_posts($query_string.'&posts_per_page=5&cat=1,3'); ?&gt;</pre>

<p>
上記だと、カテゴリID1または3に属する投稿が5件毎に呼び出されます。
</p>

<dl>
<dt>query_posts()</dt>
<dd>基本ループで呼び出す投稿の条件（デフォルトはページに依存）を指定する。</dd>
<dt>$query_string</dt>
<dd>主に現在の表示ページ数などを表わす文字列。ページナビゲーションを利用する場合などに必須なので、特に問題が無ければ最初から付けておくとよいです。</dd>
</dl>

<p>
ただし、この方法は条件分岐タグ（is_home()、is_category()など）の動作に影響を与えるので注意が必要です。
</p>

<h3>マルチループ</h3>

<p>
自由に投稿一覧を表示させたい場合は以下のループを使用します。
</p>

<pre>&lt;?php $myposts = get_posts('numberposts=5&category=1'); ?&gt;
&lt;?php foreach($myposts as $post): ?&gt;
&lt;?php setup_postdata($post); ?&gt;
//ほげほげ
&lt;?php endforeach; ?&gt;</pre>

<dl>
<dt>get_posts()</dt>
<dd>ページに関係なく任意の投稿記事を読み込み、その情報を使えるように準備する。対象となる投稿記事は引数で指定する。</dd>
<dt>setup_postdata()</dt>
<dd>投稿データをカスタムタグ（the_contentなど）経由で呼び出せるように準備する。基本ループの「the_post()」に相当。あるいはこれは使用せず、「&lt;?php echo $post->ID; ?&gt;」という風に投稿データを直接呼び出してもよいです。</dd>
</dl>

<p>
細かい挙動については、また個別にエントリを書こうと思います。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>現在のカテゴリの記事一覧を表示する</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/current_cat_posts_list.php" />
    <id>tag:tips.passandgo.jp,2009://1.49</id>

    <published>2009-12-29T06:52:15Z</published>
    <updated>2009-12-29T07:08:37Z</updated>

    <summary> カテゴリページにて、そのカテゴリの記事一覧を表示する方法。 特殊な状況下ではこ...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="カテゴリ" label="カテゴリ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="記事一覧" label="記事一覧" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
カテゴリページにて、そのカテゴリの記事一覧を表示する方法。<br />
特殊な状況下ではこのような方法も有効かと思います。
</p>

<p>
ポイントは「get_query_var('cat')」で現在のカテゴリIDを取得できるところでしょうか。あまり知られていないような気がしますが、僕が知らなかっただけかもしれません。
</p>

<pre>&lt;ul&gt;
&lt;?php
if (have_posts()) :
$cat_id = get_query_var('cat');
$query = 'cat=' . $cat_id. '&showposts=99';
query_posts($query) ;
while (have_posts()) : the_post();
?&gt;
&lt;li&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/li>
&lt;?php endwhile; endif; ?&gt;
&lt;/ul&gt;</pre>
]]>
        
    </content>
</entry>

<entry>
    <title>メールで記事を投稿する</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/ktai_entry.php" />
    <id>tag:tips.passandgo.jp,2009://1.48</id>

    <published>2009-11-26T06:22:41Z</published>
    <updated>2009-11-26T07:02:35Z</updated>

    <summary> Wordpressは携帯電話からメールで更新することもできます。 Ktai E...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ktai_entry" label="ktai_entry" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="メール" label="メール" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="投稿" label="投稿" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
Wordpressは携帯電話からメールで更新することもできます。
</p>

<blockquote>Ktai Entry（メール投稿プラグイン）<br />
<a href="http://wppluginsj.sourceforge.jp/ktai_entry/" target="_blank">http://wppluginsj.sourceforge.jp/ktai_entry/</a></blockquote>

<ol>
	<li>GMailのアカウントを新規取得。このメールアドレスに送信すると記事が投稿されるようにします（GMail以外のメールアドレスでもよいのですが、GMailのメールサーバは絵文字を処理してくれるので便利です）。</li>
	<li>GMail＞設定＞メール転送と POP/IMAP 設定の「POP ダウンロード」で「今後受信するメールでPOPを有効にする」を選択します。</li>
	<li>プラグインのファイル一式をwp-content/plugins/にアップする。</li>
	<li>Wordpress管理画面＞プラグインで「Ktai Entry」を有効にする。</li>
	<li>Wordpress管理画面＞設定＞メール投稿で「投稿受付メールアドレス」にGMailのメールアドレスを入力する。</li>
	<li>Wordpress管理画面＞設定＞投稿設定で「メールでの投稿」にGMailの情報を入力する（メールサーバは「ssl://pop.gmail.com」、ポートは「995」）。</li>
	<li>上記設定欄の下にある「メール投稿用カテゴリーの初期設定」も選択しておく。</li>
	<li>Wordpress管理画面＞ユーザで投稿用ユーザを追加する。その際、投稿する携帯電話のメールアドレスをユーザのメールアドレスとして設定しておく。</li>
	<li>cronで定期的にwp-content/plugins/ktai_entry/retrieve.php（メールをチェックするプログラム）を実行するように設定する。</li>
</ol>

<p>
以上で完了。最後のcronは設定しなくてもよいですが、その場合、投稿が反映されるタイミングが「誰かがサイトにアクセスしてからn分後」という微妙なものになります。
</p>

<p>
その他、詳細は<a href="http://wppluginsj.sourceforge.jp/ktai_entry/" target="_blank">Ktai Entryの公式サイト</a>まで。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>WEBページのURLに「.html」を付ける</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/html_on_page.php" />
    <id>tag:tips.passandgo.jp,2009://1.47</id>

    <published>2009-10-25T07:18:10Z</published>
    <updated>2009-10-25T07:31:08Z</updated>

    <summary> WEBページのURLに拡張子「.html」を付けるプラグイン。 .html o...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="wordpress" label="wordpress" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="パーマリンク" label="パーマリンク" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="プラグイン" label="プラグイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
WEBページのURLに拡張子「.html」を付けるプラグイン。
</p>

<blockquote>.html on PAGES<br />
<a href="http://wordpress.org/extend/plugins/html-on-pages/" target="_blank">http://wordpress.org/extend/plugins/html-on-pages/</a></blockquote>

<p>
Wordpressで生成されるURLを擬似的に静的なHTMLっぽい感じにしたい場合、パーマリンク設定で例えば
</p>

<pre>/%category%/%postname%.html</pre>

<p>
と書けば、投稿は静的HTML風になる。が、WEBページはこのルールが適用されず、末尾に「.html」が付加されない。上記のプラグインを使用すればWEBページにも「.html」が付く。
</p>

<p>
ただしこのプラグインはパーマリンク設定とは無関係に、単純に末尾に「.html」を付けるだけという超単機能プラグインなので、「.html」以外の拡張子にしたい場合はプラグインのソースを直接さわる必要があるので注意。当然複数の拡張子を混在させることもできない。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>floatで並べた要素を中央揃え</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/html/float_center.php" />
    <id>tag:tips.passandgo.jp,2009://1.15</id>

    <published>2009-07-23T17:47:43Z</published>
    <updated>2009-07-23T17:59:47Z</updated>

    <summary> floatでブロック要素を並べると、普通は右（float:right）か左（f...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="(x)HTML&amp;CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="float" label="float" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="中央揃え" label="中央揃え" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
floatでブロック要素を並べると、普通は右（float:right）か左（float:left）かどちらかにしか揃えることが出来ません。真ん中に揃えるには、position:relativeでうまく位置調整してあげます。
</p>

<pre>■HTML
&lt;div class="menu"&gt;
   &lt;ul&gt;
      &lt;li&gt;メニュー1&lt;/li&gt;
      &lt;li&gt;メニュー2&lt;/li&gt;
      &lt;li&gt;メニュー3&lt;/li&gt;
      &lt;li&gt;メニュー4&lt;/li&gt;
      &lt;li&gt;メニュー5&lt;/li&gt;
   &lt;/ul&gt;
&lt;/div&gt;

■CSS
div.menu {
   position:ｒelative;
   overflow:hidden;
}

div.menu ul {
   position:relative;
   left:50%;
   float:left;
}

div.menu li {
   position:relative;
   left:-50%;
   float:left;
}</pre>]]>
        
    </content>
</entry>

<entry>
    <title>URLの「www」ありなしの統一</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/other/url_www.php" />
    <id>tag:tips.passandgo.jp,2009://1.14</id>

    <published>2009-06-29T13:59:55Z</published>
    <updated>2009-06-29T14:17:49Z</updated>

    <summary> 多くのサーバでは、URLのサブドメイン「www」はあってもなくても表示結果は同...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="htaccess" label=".htaccess" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="url" label="URL" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="www" label="www" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
多くのサーバでは、URLのサブドメイン「www」はあってもなくても表示結果は同じだったりします（例：「http://example.com」と「http://www.example.com」）。もちろんサーバの設定に依るのですが。
</p>

<p>
ただ、出来ればどちらかに統一してしまう方が、何かと都合が良いです。<br />
そもそも最初からどちらか片方の記述のみを使うのが一番ですが、横着をするのであれば.htaccessファイルで301リダイレクトを指定するのも手っ取り早いです。
</p>

<p>
「wwwあり」に統一する場合
</p>

<pre>Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example\.com
RewriteRule ^(.*)$ http://www.example.com/$1 [R=301,L]</pre>

<p>
 「wwwなし」に統一する場合
</p>

<pre>Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.example\.com
RewriteRule ^(.*)$ http://exsample.com/$1 [R=301,L]</pre>

<p>
「www」ありなしどちらで統一するかは、お好みでお選びください。<br />
技術的にはどちらでも差し支えないので、ブランドサイトの場合はwwwなしでブランド名を強調、企業サイトの場合はwwwありで何となく堅調な感じに、などなどケースバイケースですね。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>条件分岐タグが効かなくなる</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/is_home.php" />
    <id>tag:tips.passandgo.jp,2009://1.13</id>

    <published>2009-02-25T23:43:27Z</published>
    <updated>2010-01-05T12:11:59Z</updated>

    <summary><![CDATA[ 特定カテゴリの記事一覧などを表示させる際、 &lt;?php query_po...]]></summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="is_category" label="is_category" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="is_home" label="is_home" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
特定カテゴリの記事一覧などを表示させる際、
</p>

<pre>&lt;?php query_posts('cat=8'); ?&gt;
&lt;?php while (have_posts()) : the_post(); ?&gt;
//ほげほげ
&lt;?php endwhile;?&gt;</pre>

<p>
という風にquery_posts()を使って表示させると、条件分岐タグ（is_home()、is_category()など）の動作に影響を与えてしまいます。例えば「カテゴリID3のカテゴリページ」のサイドバーで、query_posts()を使ってカテゴリID8の記事一覧を表示させると、その行以降はis_category('8')に対してtrueが返ってきてしまいます。
</p>

<p>
それは困る、という場合は、
</p>

<h3>1.get_posts()を使ったマルチループを使う</h3>

<pre>&lt;?php $myposts = get_posts('category=8'); ?&gt;
&lt;?php foreach($myposts as $post): ?&gt;
&lt;?php setup_postdata($post); ?&gt;
//ほげほげ
&lt;?php endforeach; ?&gt;</pre>

<p>
あるいは、
</p>

<h3>2.新たにクエリを発行する</h3>

<pre>&lt;?php $my_query = new WP_Query('cat=8'); ?&gt;
&lt;?php while ($my_query->have_posts()) : $my_query->the_post(); ?&gt;
//ほげほげ
&lt;?php endwhile;?&gt;</pre>

<p>
という書き方をすれば大丈夫です。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>PHPファイルの拡張子を変更する</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/other/php_extension.php" />
    <id>tag:tips.passandgo.jp,2009://1.12</id>

    <published>2009-02-25T18:08:06Z</published>
    <updated>2009-02-25T18:15:05Z</updated>

    <summary> たとえば拡張子が.htmlのファイルでPHPを使用したい場合は、.htacce...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="htaccess" label=".htaccess" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
たとえば拡張子が.htmlのファイルでPHPを使用したい場合は、.htaccessファイルで設定変更することで実現できます。ただし、サーバーに負荷がかかるのでアクセスの多いサイトではあまり勧められません。
</p>

<p>
.htaccessファイルに下記１行を追加します。
</p>

<pre>AddType application/x-httpd-php .htm .html</pre>

<p>
尚、サーバで上記の設定変更が許可されていない場合は Internal Server Error になります。たぶん。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>Wordpressのダッシュボードをカスタマイズする</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/wordpress/wordpress-dashboard-editor.php" />
    <id>tag:tips.passandgo.jp,2008://1.11</id>

    <published>2008-12-02T05:53:01Z</published>
    <updated>2008-12-02T06:05:32Z</updated>

    <summary> Wordpressの管理画面にサインインした直後に表示される画面を「ダッシュボ...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Wordpress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ダッシュボード" label="ダッシュボード" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
Wordpressの管理画面にサインインした直後に表示される画面を「ダッシュボード」と呼びます。デフォルトでは不要なニュース記事などが表示されていて、お客様に納品する場合も考えると、あまりよい画面構成ではありません。
</p>

<p>
このダッシュボードをカスタマイズするには下記のプラグインを利用するのがよいです。
</p>

<blockquote>Wordpress Dashboard Editor<br />
<a href="http://anthologyoi.com/wordpress/plugins/wordpress-dashboard-editor.html">http://anthologyoi.com/wordpress/plugins/wordpress-dashboard-editor.html</a></blockquote>

<p>
プラグインを有効にすると、ダッシュボード画面のヘッダメニューに「Dashboard Managment」というリンクが追加されるので、そこから設定を行います。尚、設定画面は英語です。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>floatさせたブロックの親要素にはclearfix</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/html/clearfix.php" />
    <id>tag:tips.passandgo.jp,2008://1.10</id>

    <published>2008-11-10T03:22:19Z</published>
    <updated>2008-11-10T03:44:38Z</updated>

    <summary> 段組などでブロック要素をfloatさせたとき、それを囲む親要素の高さが算出され...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="(x)HTML&amp;CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="clearfix" label="clearfix" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="float" label="float" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
段組などでブロック要素をfloatさせたとき、それを囲む親要素の高さが算出されないという問題があります。floatは「回り込み」ではなく、あくまでも「浮かせた」だけなので、浮いた要素は親要素からすると無くなったものと解釈される、と考えると分かりやすいです。
</p>

<p>
そこで定番の解決策として、親要素にclearfixを適用します。<br />
このブログでもclearfixを使っています。
</p>

<pre>■HTML
&lt;div class="clearfix"&gt;
	&lt;div style="float:left;width:200px;"&gt;左カラム&lt;/div&gt;
	&lt;div style="padding-left:200px;"&gt;右カラム&lt;/div&gt;
&lt;/div&gt;

■CSS
.clearfix { 
	zoom:100%;
}
.clearfix:after {
	content:" "; 
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}</pre>

<p>
clearfixのもうひとつの利点は、floatさせた後にいちいち&lt;br clear="both" /&gt;とかでクリアする必要がないことです。不要なbrは避けるべきなので、その点でもスマート。
</p>

<p>
clearfixは亜種がたくさんあり、互換性等が考慮されて日々進化しています。<br />
都度新しいclearfix（という名前とは限らないですが）をチェックしておきましょう。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>起動が遅い場合は、いろいろ削除</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/illustrator/too_late.php" />
    <id>tag:tips.passandgo.jp,2008://1.9</id>

    <published>2008-11-09T06:53:41Z</published>
    <updated>2008-11-10T03:56:47Z</updated>

    <summary> イラレの起動が遅過ぎる場合は、とりあえず環境設定、フォント、プラグインを疑いま...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Illustrator" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
イラレの起動が遅過ぎる場合は、とりあえず環境設定、フォント、プラグインを疑います。
</p>

<h3>環境設定ファイルをとりあえず削除</h3>

<p>
バックアップを取っておいて、環境設定ファイルを削除してみます。<br />
起動時に初期状態の環境設定ファイルが再生成されます。
</p>

<p>
環境設定ファイルの場所はWindowsXPの場合、
</p>

<p>
CS以降なら<br />
Documents and Settings\ユーザ名\Application Data\Adobe\Adobe Illustrator CS 設定
</p>

<p>
10以前なら<br />
Documents and Settings\ユーザ名\Application Data\Adobe\Adobe Illustrator 10
</p>

<p>
です。
</p>

<h3>不要なフォント、プラグインを削除</h3>

<p>
起動画面を見ていればわかりますが、フォントやプラグインの読み込みに結構な時間を費やしています。使わないフォント、プラグインは削除してみましょう。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>簡単な読み込み待ち処理</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/flash/simple_loading.php" />
    <id>tag:tips.passandgo.jp,2008://1.8</id>

    <published>2008-11-09T06:38:53Z</published>
    <updated>2008-11-10T03:58:03Z</updated>

    <summary> actionscript2.0での、swfファイルの読み込みが終わるまで再生を...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="getbytesloaded" label="getBytesLoaded" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="getbytestotal" label="getBytesTotal" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="プログレスバー" label="プログレスバー" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
actionscript2.0での、swfファイルの読み込みが終わるまで再生を開始させない処理。
</p>

<pre>■1フレーム目
空白または処理待ち表示用アニメーション

■2フレーム目
loaded = _root.getBytesLoaded();
total = _root.getBytesTotal();
if ( loaded < total ) {
	_root.gotoAndPlay ( _root._currentframe - 1 );
}

■3フレーム目以降
再生させたいムービー</pre>

<p>
応用すれば、変数loadedとtotalを使ってプログレスバーなどを作ることもできます。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>SubWeaverでSVNと連携</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/dreamweaver/subweaver.php" />
    <id>tag:tips.passandgo.jp,2008://1.7</id>

    <published>2008-11-09T06:23:43Z</published>
    <updated>2009-06-29T14:28:26Z</updated>

    <summary> Subversion+TortoiseSVNを使ってバージョン管理を行なってい...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Dreamweaver" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="subversion" label="Subversion" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="tortoisesvn" label="TortoiseSVN" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="バージョン管理" label="バージョン管理" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
Subversion+TortoiseSVNを使ってバージョン管理を行なっているのであれば、Dreamweaverのプラグイン「SubWeaver」はかなり使えます。
</p>

<blockquote><a href="http://sourceforge.net/projects/subweaver/" target="_blank">SubWeaver</a><br />
http://sourceforge.net/projects/subweaver/</blockquote>

<p>
ただしこれは英語です。<br />
解りにくければ日本語化された「SubWeaverJ」を使いましょう。
</p>

<blockquote><a href="http://studio-fun.net/?p=24" target="_blank">DreamweaverでSubversion+TortoiseSVNをFree＆日本語化で実現</a><br />
http://studio-fun.net/?p=24<br />
※本文中にSubWeaverJへのリンクおよび導入方法が書かれています。</blockquote>

<p>
尚、あらかじめPCにTortoiseSVNをインストールしている必要があります。<br />
単にDreamweaver上でTortoiseSVNを呼び出しているだけですので。
</p>]]>
        
    </content>
</entry>

<entry>
    <title>GET/PUTは便利</title>
    <link rel="alternate" type="text/html" href="http://tips.passandgo.jp/dreamweaver/get_and_put.php" />
    <id>tag:tips.passandgo.jp,2008://1.6</id>

    <published>2008-11-09T06:02:15Z</published>
    <updated>2009-06-29T14:29:38Z</updated>

    <summary> DreamweaverのGET/PUT機能は便利です。 テキストエディタにこだ...</summary>
    <author>
        <name>ナックル</name>
        
    </author>
    
        <category term="Dreamweaver" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ftp" label="FTP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="テキストエディタ" label="テキストエディタ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://tips.passandgo.jp/">
        <![CDATA[<p>
DreamweaverのGET/PUT機能は便利です。<br />
テキストエディタにこだわりのない人なら、これだけで乗り換える価値があるかも。
</p>

<p>
出来ることは、
</p>

<ul>
	<li>いま編集しているファイルをサーバにアップロードする。</li>
	<li>または、いまから編集するファイルの最新版をサーバからダウンロードする。</li>
</ul>

<p>
それだけですが、クリックひとつで行なえるので結構重宝します。<br />
もちろんサイト管理設定で、ディレクトリ構造をローカル側・サーバ側で一致させておくのは必須です。
</p>

<p>
Dreamweaverって、要はテキストエディタ＋FTPクライアントなんですよね。<br />
純粋なテキストエディタとしてはかなり貧弱ですが。。。
</p>]]>
        
    </content>
</entry>

</feed>

