<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>How to HP</title>
    <link rel="alternate" type="text/html" href="http://howtohp.com/" />
    <link rel="self" type="application/atom+xml" href="http://howtohp.com/atom.xml" />
    <id>tag:howtohp.com,2010-03-26://2</id>
    <updated>2010-05-08T20:56:03Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.01</generator>

<entry>
    <title>HTMLコーダーの100の質問に勝手に答えてみた。 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2010/01/html100.html" />
    <id>tag:howtohp.com,2010://1.26</id>

    <published>2010-01-20T15:14:55Z</published>
    <updated>2010-05-08T20:56:03Z</updated>

    <summary>HTMLコーダーの100の質問に勝手に答えてみました。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Diary" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="coder" label="Coder" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>HTMLコーダー100の質問っていうのが、Twitterで話題になってたので、飲み会とか全く参加してないし、知り合いも誰もいないのだけど、勝手に答えてみた。</p>

<p>今度あったら参加してみたいですね。お酒飲めないですけど・・・。</p>]]>
        <![CDATA[ <dl id="coder_questions">
  <dt><span class="number">1</span>年齢は？</dt> 
  <dd>最近27になってしまいました。</dd> 
  <dt><span class="number">2</span>パソコン歴は？</dt> 
  <dd>17年</dd> 
  <dt><span class="number">3</span>コーダー歴はどれくらいですか？</dt> 
  <dd>4年ぐらい</dd> 
  <dt><span class="number">4</span>初めてwebを作ったのはいつですか？</dt> 
  <dd>5年前。携帯用のサイト。</dd> 
  <dt><span class="number">5</span>コーダーになろうと思ったきっかけは？</dt> 
  <dd>基本的に全部したいが、一番得意だったので、いつのまにか専門に。</dd> 
  <dt><span class="number">6</span>コーディングは誰に／どこで習いましたか？</dt> 
  <dd>独学。</dd> 
  <dt><span class="number">7</span>web業界以外の友達・家族とコーディングの話をしますか？</dt> 
  <dd>しません。説明がしにくい。</dd> 
  <dt><span class="number">8</span>ご両親はインターネットユーザーですか？</dt> 
  <dd>違います。</dd> 
  <dt><span class="number">9</span>視力はいくつくらい？メガネ・コンタクトどちらですか？</dt> 
  <dd>1.0以上</dd> 
  <dt><span class="number">10</span>本はAmazonで買いますか？</dt> 
  <dd>9割はAmazon</dd> 
  <dt><span class="number">11</span>ネットショッピングをしますか？主に買うものは何ですか？</dt> 
  <dd>します。DVDとかレコードとか。</dd> 
  <dt><span class="number">12</span>携帯サイトで買い物をしたことがありますか？</dt> 
  <dd>まだない。</dd> 
  <dt><span class="number">13</span>お酒は強いですか？</dt> 
  <dd>飲めません。下戸です。</dd> 
  <dt><span class="number">14</span>休日の過ごし方を教えて下さい。</dt> 
  <dd>基本的にPCの前にいる。音楽聞いたり。</dd> 
  <dt><span class="number">15</span>今、欲しいものは何ですか？</dt> 
  <dd>時間+シュっとした体。</dd> 
  <dt><span class="number">16</span>平均睡眠時間を教えて下さい。</dt> 
  <dd>5時間</dd> 
  <dt><span class="number">17</span>平日の起床時間は何時ですか？</dt> 
  <dd>7時</dd> 
  <dt><span class="number">18</span>なにかスポーツをしていますか？</dt> 
  <dd>してません。</dd> 
  <dt><span class="number">19</span>パソコンと関係ない趣味がありますか？</dt> 
  <dd>DJ、写真</dd> 
  <dt><span class="number">20</span>コーディングに役立つ資格、パソコン関係の資格を持ってますか？</dt> 
  <dd>英検?</dd> 
  <dt><span class="number">21</span>昼と夜、どちらの方が仕事がはかどりますか？</dt> 
  <dd>夜。電話がやみだした頃</dd> 
  <dt><span class="number">22</span>ブラインドタッチは教本通り10本の指を使いますか？</dt> 
  <dd>人差し指のポジションが両手ともに違うかも</dd> 
  <dt><span class="number">23</span>眠い時の対処法はありますか？</dt> 
  <dd>うろちょろする。</dd> 
  <dt><span class="number">24</span>息抜きについ見てしまうサイトはなんですか？</dt> 
  <dd>twitter、痛いニュース、Gigazine。</dd> 
  <dt><span class="number">25</span>他に息抜きにしていることがあったら教えて下さい。</dt> 
  <dd>金儲けの妄想。</dd> 
  <dt><span class="number">26</span>仕事上で得意なことはありますか？それは何ですか？</dt> 
  <dd>ないかも・・・。</dd> 
  <dt><span class="number">27</span>仕事中にBGMは聞けますか？能率が上がるのはどんな音楽ですか？</dt> 
  <dd>定時以降ならOK。ノリノリのインスト。</dd> 
  <dt><span class="number">28</span>作業パソコンはWin?Mac?</dt> 
  <dd>Windows Linux鯖もたまに</dd> 
  <dt><span class="number">29</span>作業パソコンはデスクトップ？ノート？</dt> 
  <dd>デスクトップです。</dd> 
  <dt><span class="number">30</span>作業パソコンのマウスは標準マウスですか？</dt> 
  <dd>ワイヤレスのMightyMouse使ってます。</dd> 
  <dt><span class="number">31</span>マウスパッドは使っていますか？</dt> 
  <dd>つかってません。</dd> 
  <dt><span class="number">32</span>作業パソコンにAdobe製品は何が入っていますか？</dt> 
  <dd>Web PremiumCS4一式</dd> 
  <dt><span class="number">33</span>作業パソコンはモニタは何インチですか？</dt> 
  <dd>17インチ×2</dd> 
  <dt><span class="number">34</span>自宅にパソコン持ってますか？いくつありますか？</dt> 
  <dd>はい。2台あります</dd> 
  <dt><span class="number">35</span>自宅に作業環境はある？</dt> 
  <dd>はい。</dd> 
  <dt><span class="number">36</span>会社と自宅、作業はどちらがはかどりますか？</dt> 
  <dd>自宅の方が環境はいい。</dd> 
  <dt><span class="number">37</span>自宅パソコンは家族と共用ですか？</dt> 
  <dd>自分専用です。一人暮らしですし。</dd> 
  <dt><span class="number">38</span>自宅パソコンはWin?Mac?</dt> 
  <dd>Win、Mac両方。のWinがメインで、DJ用のScratchLiveと遊び用鯖としてMac</dd> 
  <dt><span class="number">39</span>自宅パソコンのメーカーは何ですか？</dt> 
  <dd>マウスコンピューターで買ったBTO</dd> 
  <dt><span class="number">40</span>自宅パソコンはデスクトップ？ノート？</dt> 
  <dd>Winがデスクトップ、Macはノートです。</dd> 
  <dt><span class="number">41</span>打ち合わせのメモは手描きとテキストどちらがいいですか？</dt> 
  <dd>テキスト。字が汚すぎるし、漢字で戸惑いすぎる。</dd> 
  <dt><span class="number">42</span>スケジュール管理は何でしてますか？（手帳・アプリケーション・webツール・モバイルなど）</dt> 
  <dd>Googleカレンダー</dd> 
  <dt><span class="number">43</span>メーラーは何を使ってますか？</dt> 
  <dd>Thunderbird。</dd> 
  <dt><span class="number">44</span>RSSリーダーは何を使ってますか？</dt> 
  <dd>Google reader。</dd> 
  <dt><span class="number">45</span>好きなポータルサイトはどこですか？</dt> 
  <dd>特になし。</dd> 
  <dt><span class="number">46</span>ブックマークは何で管理していますか？</dt> 
  <dd>メインで使ってるブラウザのChroniumの標準のブックマーク機能。</dd> 
  <dt><span class="number">47</span>不得意だけど使わねばならない技術はありますか？</dt> 
  <dd>今、XSLTに悪戦苦闘中。</dd> 
  <dt><span class="number">48</span>web系の雑誌を購読していますか？</dt> 
  <dd>Web Designing　会社においてある奴を休憩中に読む程度。</dd> 
  <dt><span class="number">49</span>webの参考書は何冊くらい持っていますか？</dt> 
  <dd>20冊ぐらいかな。最近あまり買ってない。</dd> 
  <dt><span class="number">50</span>お薦めの参考書があったら教えて下さい。</dt> 
  <dd>オススメできるほど熟読してる本ないかも。。。</dd> 
  <dt><span class="number">51</span>参考にしているおすすめサイトがあったら教えて下さい。</dt> 
  <dd><a href="http://css-happylife.com/">CSS Happylife</a>,<a href="http://www.alistapart.com/">A List Apart</a></dd> 
  <dt><span class="number">52</span>コーディングに使ってる、便利なツールを教えてください。</dt> 
  <dd>正規表現？はツールじゃないか。。</dd> 
  <dt><span class="number">53</span>コードにコメントはつけてますか？</dt> 
  <dd>つけます。閉じタグ前に。</dd> 
  <dt><span class="number">54</span>制作過程で、どの作業が一番好きですか？(コーディング、画像作成、検証、打ち合わせ)？</dt> 
  <dd>コーディング。CSSが効いていく過程をみてるのが好きかも。</dd> 
  <dt><span class="number">55</span>画像切り出しに使うソフトはなんですか？</dt> 
  <dd>photoshopです。</dd> 
  <dt><span class="number">56</span>webデザインに使うソフトはなんですか？</dt> 
  <dd>Photoshopでデザイナーの人はやってますね。自分はコーディング専門です。</dd> 
  <dt><span class="number">57</span>検証対象ブラウザは何個ありますか？</dt> 
  <dd>IEの6 7 8、Fx、Opera、SafariとChrome　IE以外は最新バージョン。<br />
このブログは検証してない。</dd> 
  <dt><span class="number">58</span>一から新規制作とリニューアル、どちらが好きですか？</dt> 
  <dd>新規制作ですね。元のページからのリダイレクトとか考えながらは疲れる。</dd> 
  <dt><span class="number">59</span>定期運用と新規制作、どちらが好きですか？</dt> 
  <dd>新規制作ですね。運用中に修正したい部分が見つかっても、なかなか簡単にはいかなかったりするので。</dd> 
  <dt><span class="number">60</span>テーブルコーディング業務はありますか？</dt> 
  <dd>ほぼゼロです。</dd> 
  <dt><span class="number">61</span>新規制作の割合はどれくらいですか？</dt> 
  <dd>90%程度</dd> 
  <dt><span class="number">62</span>iPhoneサイトのコーディングをしたことはありますか？</dt> 
  <dd>業務ではないですね。</dd> 
  <dt><span class="number">63</span>よく使うJavaScriptがあったら教えて下さい。</dt> 
  <dd>ロールオーバー、外部リンクを新規ウィンドウで開く、なめらかスクロール</dd> 
  <dt><span class="number">64</span>携帯サイトのコーディング業務をしていますか？</dt> 
  <dd>たまーーにあります。</dd> 
  <dt><span class="number">65</span>FLASHはどのくらいできますか？</dt> 
  <dd>3-4年触ってません。ほぼ出来ません。</dd> 
  <dt><span class="number">66</span>いま興味がある技術はありますか？</dt> 
  <dd>JSとCSS3ですね。HTML5を実務で使う頃にはCanvasで色々描けるようになっていたい。</dd> 
  <dt><span class="number">67</span>自分の書いたコードは美しい？</dt> 
  <dd>制作途中での修正が入らなければ、こだわって美しくかいています。</dd> 
  <dt><span class="number">68</span>ソーステンプレートを作っていますか？</dt> 
  <dd>はい。1種類だけですが。</dd> 
  <dt><span class="number">69</span>単語登録にタグを登録していますか？</dt> 
  <dd>してません。Dreamweaverのコードヒントをいじったりしてますが。</dd> 
  <dt><span class="number">70</span>HTML5、早く実務で使いたい？</dt> 
  <dd>使いたい。もう少しセマンティックなマークアップがしたい。マイクロデータとかも気になる。</dd> 
  <dt><span class="number">71</span>CSS3、早く実務で使いたい？</dt> 
  <dd>使いたい。ライトボックス的な事をCSSだけで出来るようになるかな。画像のロールオーバーも出来るようになればいいのに。visibilityとかじゃない形で。</dd> 
  <dt><span class="number">72</span>コーディングで伸ばしたい技術は？</dt> 
  <dd>アクセシビリティかな。ほとんど求められる案件がないので、来たとき怖い。</dd> 
  <dt><span class="number">73</span>コーディング以外で伸ばしたい技術はありますか？</dt> 
  <dd>デザイン、プログラム、英語。</dd> 
  <dt><span class="number">74</span>職場にコーダー専門職は何人いますか？兼務は何人ですか？</dt> 
  <dd>自分1人。せつなすぎる。</dd> 
  <dt><span class="number">75</span>職場のコーダー男女比はどのくらい？</dt> 
  <dd>自動的に男子1人。</dd> 
  <dt><span class="number">76</span>勤務時間は何時から何時までですか？</dt> 
  <dd>9:30-18:30</dd> 
  <dt><span class="number">77</span>通勤時間はどのくらいですか？</dt> 
  <dd>バイクで30分、電車で1時間</dd> 
  <dt><span class="number">78</span>月の残業時間は最高何時間でしたか？</dt> 
  <dd>100時間超えたかも・・</dd> 
  <dt><span class="number">79</span>現在の仕事環境で良いところはどんなところですか？</dt> 
  <dd>んー、コーダー一人だから逆に自由なのかも。</dd> 
  <dt><span class="number">80</span>デザイナなど他の仕事とコーディングを兼務してますか？</dt> 
  <dd>コーディング専門です。サーバーいじったりはたまにあります。あとはW3Cメンバーなので、その事とか。コーディング講座やったりはコーディング業務のうちなのかな。</dd> 
  <dt><span class="number">81</span>職場は服装自由ですか？何か規則はありますか？</dt> 
  <dd>自由です。TPOはわきまえるようにはしてます。</dd> 
  <dt><span class="number">82</span>休日出社や徹夜作業はありますか？</dt> 
  <dd>ままあります。</dd> 
  <dt><span class="number">83</span>プライベートでサイト／ブログを持ってますか？</dt> 
  <dd>はい。全然更新してませんが。</dd> 
  <dt><span class="number">84</span>プライベートでドメインを持っている。</dt> 
  <dd>はい。</dd> 
  <dt><span class="number">85</span>プライベートでサーバーを持っている。借りている。</dt> 
  <dd>はい。借りてます。</dd> 
  <dt><span class="number">86</span>CSS Niteには何回行きましたか？</dt> 
  <dd>行ったことないですね。行ってみたいが時間が・・。昔はよくポッドキャスト聞いてました。</dd> 
  <dt><span class="number">87</span>地方のCSS Nite行ったことありますか？</dt> 
  <dd>無いです。</dd> 
  <dt><span class="number">88</span>尊敬するwebクリエイターがいたら教えて下さい。</dt> 
  <dd>画期的なアイデアと行動力のある人全般尊敬します。。</dd> 
  <dt><span class="number">89</span>旅行に行く時パソコンを持っていきますか？持っていきたいですか？</dt> 
  <dd>最近行ってないが、次にいくとしたらMacBook持っていく。</dd> 
  <dt><span class="number">90</span>好奇心を満たす面白い仕事を無償でやったことがありますか？どんな仕事でしたか？</dt> 
  <dd>まだないです。何かありましたらお気軽に。 </dd> 
  <dt><span class="number">91</span>ディレクターなどキャリアチェンジを考えてますか？一生コーダーを貫きますか？</dt> 
  <dd>一生コーダーでは無いと思ってますが、IAとかユーザビリティとかのコンサルタントとかやってみたい。</dd> 
  <dt><span class="number">92</span>特定のパートナー（彼女・彼氏・夫・妻）がいますか？相手は同業者ですか？</dt> 
  <dd>いません。募集中です。</dd> 
  <dt><span class="number">93</span>パートナーは同業者がいい？別の職種がいい？</dt> 
  <dd>そこにこだわりはありません。</dd> 
  <dt><span class="number">94</span>コーダーをやっててよかったなあと思うときは？</dt> 
  <dd>まだありません。いつか巡り会うと期待はしてます。</dd> 
  <dt><span class="number">95</span>何年後／何歳までコーダーをやるつもりですか？</dt> 
  <dd>2年以内には。</dd> 
  <dt><span class="number">96</span>次の締め切りはいつですか？</dt> 
  <dd>今月中(2010年1月)</dd> 
  <dt><span class="number">97</span>コーダー以外だったらどんな職に就きたいですか？</dt> 
  <dd>ヘリコプターのパイロット。いつか免許とりたい。</dd> 
  <dt><span class="number">98</span>よいコーダーの条件を３つあげてください。</dt> 
  <dd>情報収集。体力。コードへの美学。</dd> 
  <dt><span class="number">99</span>10年後、あなたは何をしてると思いますか？</dt> 
  <dd>結婚して、子供と子供より大きい犬と遊んでたい。</dd> 
  <dt><span class="number">100</span>コーダーとしての自分を100点満点で評価してください。</dt> 
  <dd>65点。まだまだできる事はいっぱいある。</dd> 
</dl>

<p>ふぅ。</p>]]>
    </content>
</entry>

<entry>
    <title>Thunderbird3がリリース - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/12/thunderbird3.html" />
    <id>tag:howtohp.com,2009://1.25</id>

    <published>2009-12-09T13:53:56Z</published>
    <updated>2009-12-09T22:52:05Z</updated>

    <summary> 昨日、Thunderbirdの3がリリースされましたね。 会社で、ずっとThu...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="thunderbird" label="Thunderbird" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p class="imgL"><span><a href="http://howtohp.com/entry/Thunderbird3.png" rel="lightbox"><img alt="Thunderbird3 アイコン" src="http://howtohp.com/assets_c/2009/12/Thunderbird3-thumb-150x150-2.png" width="150" height="150" class="mt-image-none" style="" /></a></span></p>

<p>昨日、Thunderbirdの3がリリースされましたね。</p>

<p>会社で、ずっとThunderbird2を使ってたんですが、いつからかIMAPでメールを取得しようとした瞬間に落ちるという問題があって、忘れた頃に何度かクリーンインストールを試みていたのですが、原因が特定できず、断念していましたが、Thunderbird3を入れてみるとさっくりいけたので、Outlookから乗り換えました。</p>]]>
        <![CDATA[<p>自宅では、ずっとThunderbird2を使っているのですが、一番の使う理由としては、Gmail、Googleカレンダー、<abbr title="Remember The Milk">RTM</abbr>と簡単に同期がとれるという事です。</p>

<p>OutlookでもGoogleカレンダーと同期をとるには、<a href="http://www.google.com/support/calendar/bin/answer.py?answer=89955">[Google Calendar Sync]</a>を使えば同期がとれるのですが、同期をとるカレンダーを選べなかったりするので、やっぱりThunderbirdの方がいいわけです。</p>

<p>でも、Thunderbird3に関しては、カンレダーのアドオンであるlightningがリリースされていないので、まだ乗り換えには早いかも。</p>

<p>[Thunderbird 3]<br />
<a href="http://mozilla.jp/thunderbird/">http://mozilla.jp/thunderbird/</a></p>]]>
    </content>
</entry>

<entry>
    <title>ロリポップからさくらサーバーに乗り換えました。 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/12/server-transfer.html" />
    <id>tag:howtohp.com,2009://1.24</id>

    <published>2009-12-05T13:45:14Z</published>
    <updated>2009-12-05T13:52:46Z</updated>

    <summary>先週あたりに、ロリポップからさくらサーバーに乗り換えました。 ドメインの移管の手...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Diary" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>先週あたりに、ロリポップからさくらサーバーに乗り換えました。</p>

<p>ドメインの移管の手続きをちょっとミスって1日程繋がらなくなっちゃいました。申し訳ありません。</p>

<p>乗り換えた理由として、ロリポップのときにMTから画像をアップロードしようとしたりすると、重すぎてエラーが出たりしてたんで、これはもうどうしようもないと思って乗り換えたわけです。</p>]]>
        <![CDATA[<p>以前は再構築に1分ぐらいかかっていたのが、さくらサーバーだと10秒程度になりました。</p>

<p>これで、がんがん記事を書くようになるのかも。いや、ならないかも。</p>]]>
    </content>
</entry>

<entry>
    <title>iPhoneなどにちょうどいいW3CのHTML,CSS,SVG,XPathのチートシート - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/11/w3c-cheatsheet.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.23</id>

    <published>2009-11-09T14:18:10Z</published>
    <updated>2009-11-21T11:32:45Z</updated>

    <summary> 移動中や、トイレの中でも勉強したいという方にお勧めのチートシート。 ...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Web Site" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="cheatsheat" label="cheatsheat" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="svg" label="SVG" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xpath" label="XPath" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<div class="section">
<p class="imgL"><span><a href="http://howtohp.com/img/entry/w3c-cheatsheat.jpg" rel="lightbox"><img alt="w3c-cheatsheat.jpgのサムネール画像" src="http://howtohp.com/assets_c/2009/11/w3c-cheatsheat-thumb-150x225-43.jpg" width="150" height="225" /></a></span></p>

<p>移動中や、トイレの中でも勉強したいという方にお勧めのチートシート。</p>
</div>]]>
        <![CDATA[<div class="section">
<p class="imgL"><span><a href="http://howtohp.com/img/entry/w3c-cheatsheet_autocomplete.jpg" rel="lightbox"><img alt="w3c-cheatsheet_autocomplete.jpg" src="http://howtohp.com/assets_c/2009/11/w3c-cheatsheet_autocomplete-thumb-150x225-45.jpg" width="150" height="225" /></a></span></p>

<p>使い方は簡単で、検索フォームに調べたいエレメントやアトリビュートの名前を入力すると、候補が出てくるので、選ぶだけ。</p>
</div>

<div class="section">
<p class="imgL"><span><a href="http://howtohp.com/img/entry/w3c-cheatsheat__result.jpg" rel="lightbox"><img alt="w3c-cheatsheat__result.jpg" src="http://howtohp.com/assets_c/2009/11/w3c-cheatsheat__result-thumb-150x225-47.jpg" width="150" height="225" /></a></span></p>

<p>結果には、エレメントの場合だと、使える属性や、ウェブマスター向けのチップスなどもあります。<br />
例えば、a要素を検索すると、<q>Don?t use "click here" as link text</q>(リンクテキストとして、ここをクリックを使うな!)などと出てきます。詳細の内容がかかれているページにもリンクが貼られていますので、改めて検索してみるのも面白いかと思います。</p>
</div>




<p>ちなみに、W3Cが作成しているので、内容は間違いありません。HTML5やCSS3などは、まだないようです。</p>

<p>W3C Cheatsheet<br />
<a href="http://www.w3.org/2009/cheatsheet/" rel="external">http://www.w3.org/2009/cheatsheet/</a></p>]]>
    </content>
</entry>

<entry>
    <title>DreamweaverとApacheを連携して、テスト環境の構築 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/10/dreamweaver-apache.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.20</id>

    <published>2009-10-05T14:13:54Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>Dreamweverのサイトの定義で、Apacheのテストサーバーをバーチャルホストを使用して使う、方法を紹介しています。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="apache" label="Apache" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>サイトの構築をしていると、テスト環境がやっぱりあった方がいいんですが、用意された物があればそれを使えばいいんですが、なければ自分で作るしかありません。<br />
でも、できれば、出来るだけ本番環境に近い環境でないとテスト環境としてあまり意味がないので、Apacheでバーチャルホストの機能を利用して、サイト毎にちゃんとドキュメントルートを分ける方法を紹介したいと思います。</p>

<h3>手順</h3>
<ol>
<li>1.Apacheのインストール</li>
<li>2.Dreamweaverのサイトの定義でテストサーバーの設定</li>
<li>3.Apacheの設定</li>
<li>4.Windosのhostファイルの編集</li>
<li>5.Dreamweaverと同期をとって確認</li>
</ol>

<h3>1.Apacheのインストール</h3>
<p><a href="http://httpd.apache.org/download.cgi">Download - The Apache HTTP Server Project</a>←のサイトからWindowsの方は、Win32 Binaryのリンクからダウンロードして、インストールは、基本的にはNextを押していくだけで、OKです。メールアドレスの入力欄があるところだけ、自分のメールアドレスを入れていけばおｋでしょう。</p>

<p>詳しいインストール方法は<a href="http://howtohp.com/tools/windows-apache.html">WindowsにApacheをインストール</a>のエントリーを参考にしてください。</p>

<h3>2.Dreamweaverのサイトの定義でテストサーバーの設定</h3>
<p><span><a href="http://howtohp.com/img/entry/dreamweaver-apache.gif" rel="lightbox"><img alt="Dreamweaverのサイトの定義" src="http://howtohp.com/assets_c/2009/10/dreamweaver-apache-thumb-570x473-38.gif" width="570" height="473" /></a></span></p>]]>
        <![CDATA[
<p>ここで、テストサーバーの設定で、サーバーモデルをPHP MySQL、アクセスをローカル/ネットワークテストサーバーフォルダを、<strong>C:\Program Files\Apache Software Foundation\Apache2.2\htdocs</strong>の中に、サイト用のフォルダ(半角英数ならなんでもいい)を作成し、作成したフォルダを指定。<br />
URL接頭辞には、自分がテストに使用したいURLを入力(インターネット上に存在しないURL)。</p>

<h3>3.Apacheの設定</h3>
<p>C:\Program Files\Apache Software Foundation\Apache2.2\confの中のhttpd.confをテキストエディタで開きます。</p>

<pre class="brush:plain;">
# Virtual hosts
#Include conf/extra/httpd-vhosts.conf
</pre>
<p>上記のvhostsで検索して、二行目の#コメントをはずします。</p>
<pre class="brush:plain">
# Virtual hosts
Include conf/extra/httpd-vhosts.conf
</pre>

<p>これで、バーチャルホストの設定が別ファイルとしてインクルードされます。</p>

<p>インクルードしたvhosts.confがC:\Program Files\Apache Software Foundation\Apache2.2\conf\extraの中にありますので、それをテキストエディタで開きます。</p>

<p>その中の、下記の部分の設定を変更します。</p>

<pre class="brush:plain;">
&lt;VirtualHost *:80&gt;
    ServerAdmin webmaster@dummy-host.Windows.home
    DocumentRoot "C:/Program Files/Apache Software Foundation/Apache2.2/docs/dummy-host.Windows.home"
    ServerName dummy-host.Windows.home
    ServerAlias www.dummy-host.Windows.home
    ErrorLog "logs/dummy-host.Windows.home-error.log"
    CustomLog "logs/dummy-host.Windows.home-access.log" common
&lt;/VirtualHost&gt;
</pre>

<p>ServerAdminは、サーバー管理者のメールアドレスに変更。<br />
DocumentRootは、先ほど、htdocsに作成したサイト用のフォルダのパスに変更。<br />
ServerNameは、Dreamweaverで設定した、URL接頭辞に変更。<br />
ServerAliasはとりあえず今回は使いませんので、削除。<br />
ErrorLogは、エラーログ用のファイルの保存先に変更を入力。存在しなければ自動的に作成します。<br />
CustomLogには、アクセスログ用のファイルの保存先に変更。存在しなければ自動的に作成します。</p>

<p>自分の場合、以下のようになります。</p>

<pre class="brush:plain;">
&lt;VirtualHost *:80&gt;
    ServerAdmin info@howtohp.com
    DocumentRoot "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs\howtohp.com"
    ServerName local.howtohp.com
    ErrorLog "logs/howtohp.error.log"
    CustomLog "logs/howtohp.access.log" common
&lt;/VirtualHost&gt;
</pre>

<p>これで、Apacheの設定は完了ですので、Apacheを再起動します。リスタートは、すべてのプログラム→Apache HTTP Server 2.2→Control Apache Server→Restartで再起動します。<br />
この時に、コマンドラインの画面が一瞬だけ表示され、そのまま消えれば成功です。<br />
消えずに、エラーメッセージが出れば、設定ファイルに何かエラーがありますので、エラーメッセージを参考に修正しましょう。</p>

<h3>4.Windosのhostファイルの編集</h3>
<p>次に、、<strong>C:\Windows\System32\drivers\etc</strong>の中にある<strong>host</strong>という拡張子のないファイルを開き、下記のコードに1行先ほどURL接頭辞にしたURLを追記します。</p>

<pre class="brush:plain;">
127.0.0.1       localhost
127.0.0.1       local.howtohp.com
</pre>


<h3>5.Dreamweaverと同期をとって確認</h3>
<p>最後に、Dreamweaverで、ローカルとテストサーバーを同期をとります。<br />
<span><a href="http://howtohp.com/img/entry/dreamweaver-apache_2.gif" rel="lightbox"><img alt="保存フォルダとテストサーバーを同期" src="http://howtohp.com/img/entry/dreamweaver-apache_2.gif" width="231" height="216"  /></a></span></p>

<p>これで、開きたいファイルをDreamweaver上で開いて、<kbd>F12</kbd>、もしくは、URL接頭辞に入力したURLを直接入力し、表示されれば、成功です。</p>

<p>慣れれば、5分もかからないので、覚えておいた方がいいかと。</p>]]>
    </content>
</entry>

<entry>
    <title>WindowsにApacheをインストール - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/10/windows-apache.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.21</id>

    <published>2009-10-03T15:02:31Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>WindowsにApacheをインストールする方法を紹介しています。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="apache" label="Apache" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>まずは、Apacheの最新版をダウンロードします。<br />
最新版は、2009年10月4日時点で、Apache 2.2.13です。</p>

<p><a href="http://httpd.apache.org/download.cgi">http://httpd.apache.org/download.cgi</a><br />
上記URLにアクセスし、Win32 Binaryのリンクからインストーラーをダウンロードします。</p>

<p><span><a href="http://howtohp.com/img/entry/apache-download.gif" rel="lightbox"><img src="http://howtohp.com/assets_c/2009/10/apache-download-thumb-590x586-24.gif" width="590" height="586" alt="Apache Download" /></a></span></p>]]>
        <![CDATA[<p>1.インストーラーを起動して、とりあえずNext。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-1.gif" rel="lightbox"><img alt="Apache インストール　Step1" src="http://howtohp.com/img/entry/apache-install-1.gif" width="514" height="393" /></a></span></p>

<p>2.ライセンスアグリーメントに同意してNext。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-2.gif" rel="lightbox"><img alt="Apache インストール　Step2" src="http://howtohp.com/img/entry/apache-install-2.gif" width="514" height="393" /></a></span></p>

<p>3.Apacheについてのドキュメントを読んでNext。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-3.gif" rel="lightbox"><img alt="Apache インストール　Step3" src="http://howtohp.com/img/entry/apache-install-3.gif" width="514" height="393" /></a></span></p>

<p>4.サーバーの設定をしてNext。<br />
NetworkDomainはドメインに参加していると自動的に入ると思われます。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-4.gif" rel="lightbox"><img alt="Apache インストール　Step4" src="http://howtohp.com/img/entry/apache-install-4.gif" width="514" height="393" /></a></span></p>

<p>5.セットアップのタイプを定番の設定か、カスタム設定かを選択してNext(ここでは定番の設定)。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-5.gif" rel="lightbox"><img alt="Apache インストール　Step5" src="http://howtohp.com/img/entry/apache-install-5.gif" width="514" height="393" /></a></span></p>

<p>6.インストール先のフォルダを選んでNext。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-6.gif" rel="lightbox"><img alt="Apache インストール　Step6" src="http://howtohp.com/img/entry/apache-install-6.gif" width="514" height="393" /></a></span></p>

<p>7.心の準備が出来たらInstallをクリックしてインストール開始。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-7.gif" rel="lightbox"><img alt="Apache インストール　Step7" src="http://howtohp.com/img/entry/apache-install-7.gif" width="514" height="393" /></a></span></p>

<p>8.インストールが完了したら<a href="http://localhost/">http://localhost/</a>にアクセスし
It Works!と表示されれば成功です。<br />
<span><a href="http://howtohp.com/img/entry/apache-install-8.gif" rel="lightbox"><img src="http://howtohp.com/assets_c/2009/10/apache-install-8-thumb-590x532-35.gif" width="590" height="532" alt="Apache インストール　Step8" /></a></span></p>]]>
    </content>
</entry>

<entry>
    <title>MTでカテゴリーナビの所属しているカテゴリのみ条件分岐する - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/07/mt-current-category.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.19</id>

    <published>2009-07-31T14:46:28Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>Movable Typeで現在所属しているカテゴリーのみカテゴリーナビの部分に別のidをつける方法をメモしておきました。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>Movable Type(以下MT）でブログなどのウェブサイトを制作していると、ユーザビリティを上げるため、ナビゲーションの現在いるページの部分をハイライトさせて表示させるデザインにすることが多くあると思います。</p>

<p>しかし、<abbr title="Movable Type">MT</abbr>を使用してカテゴリー一覧を表示させると、その中の一部に対して、特別なidを付けるのは普通の<abbr title="Movable Type">MT</abbr>タグだけでは、難しかったのですが、最近、やっと方法がわかったので、メモしておきます。</p>]]>
        <![CDATA[<h3>一階層目までのカテゴリーリストを表示する場合</h3>

<p>まず、現在の開いているページのカテゴリーを取得するのですが、ここでMTSetVarBlockタグを使い、変数として、用意しておきます。</p>

<p>このサイトの場合は、変数を用意する場合、すべて一ヶ所にまとめていた方が分かりやすいので、ヘッダーテンプレートのDTDより前にまとめて記述します。</p>

<p>以下がソースです。</p>

<pre class="brush: html">
&lt;mt:IfArchiveType archive_type="Individual"&gt;
&lt;MTSetVarBlock name="category_label"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
&lt;/mt:IfArchiveType&gt;
&lt;mt:IfArchiveType archive_type="Category"&gt;
&lt;MTSetVarBlock name="category_label"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
&lt;/mt:IfArchiveType&gt;
</pre>

<p>ここでは、mt:IfArchiveType を使用して、個別ページと、カテゴリーアーカイブページで変数を利用するように条件分岐しています。<br />
ここで、分岐しておかないと、すべてのテンプレートに挿入される場合、カテゴリーが存在しないトップページなどで利用できないので、再構築の際にエラーがでます。</p>

<p>個別ページとカテゴリーページのテンプレートに挿入すれば、分岐しなくても問題ないような気もしますが、未確認ですので、どなたか確認された方は報告頂ければありがたいです。</p>


<p>次に、本題のカテゴリーナビの部分ですが、MTTopLevelCategoriesかMTSubCategoriesを使用して一覧を表示していると思うのですが、その中で、もう一度、現在表示しているページのカテゴリーを変数として定義し、カテゴリー一覧を表示している中で現在表示しているカテゴリーと一致するものだけ分岐します。</p>

<p>以下がulで一覧を括った場合のソースです。</p>

<pre class="brush: html">
&lt;ul&gt;
	&lt;MTTopLevelCategories&gt;
    &lt;MTSetVarBlock name="category_label2"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
    &lt;MTIf name="category_label2" eq="$category_label"&gt;
		&lt;li id="current"&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&lt;MTIfNonEmpty tag="MTCategoryDescription"&gt; title="&lt;$MTCategoryDescription$&gt;"&lt;/MTIfNonEmpty&gt;&gt;&lt;$MTCategoryLabel$&gt;&lt;/a&gt;&lt;/li&gt;
	&lt;MTElse&gt;
    	&lt;li&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&lt;MTIfNonEmpty tag="MTCategoryDescription"&gt; title="&lt;$MTCategoryDescription$&gt;"&lt;/MTIfNonEmpty&gt;&gt;&lt;$MTCategoryLabel$&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/MTElse&gt;
	&lt;/MTIf&gt;
	&lt;/MTTopLevelCategories&gt;
&lt;/ul&gt;
</pre>

<p>上記では、トップレベルのカテゴリーのみを分岐して、表示しているカテゴリーのliタグにid="current"を付けている例です。</p>

<h3>二階層目までのカテゴリーリストを表示する場合</h3>

<p>最近、仕事で、二階層目までのサブカテゴリーをハイライトし、所属している親カテゴリーにも別のidを付けてハイライトする必要があったので、以下にソースを晒しておきます。</p>

<p>まずは、変数宣言部分のソース</p>
<pre class="brush: html">
&lt;mt:IfArchiveType archive_type="Individual"&gt;
&lt;MTSetVarBlock name="category_label"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
&lt;MTSetVarBlock name="top_category_label2"&gt;&lt;MTTopLevelParent&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTTopLevelParent&gt;&lt;/MTSetVarBlock&gt;
&lt;/mt:IfArchiveType&gt;

&lt;mt:IfArchiveType archive_type="Category"&gt;
&lt;MTSetVarBlock name="category_label"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
&lt;/mt:IfArchiveType&gt;
</pre>

<p>先ほどのトップレベルカテゴリーのみの場合と違うのは、現在表示しているカテゴリーの親カテゴリーを変数として定義します。以下がソースです。</p>

<pre class="brush: html">
&lt;MTSetVarBlock name="top_category_label2"&gt;&lt;MTTopLevelParent&gt;&lt;$MTCategoryLabel$&gt;
</pre>

<p>上記の部分で、親カテゴリーを定義しておきます。<br />
これは、二階層目まで限定です。三階層目までいくと、ひとつ上のカテゴリではなく、一番上のカテゴリーを取得するので、分岐ができません。</p>

<p>次にカテゴリー一覧部分のソースです。</p>

<pre class="brush: html">
    &lt;MTTopLevelCategories&gt;
    &lt;MTSetVarBlock name="top_category_label2"&gt;&lt;MTTopLevelParent&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTTopLevelParent&gt;&lt;/MTSetVarBlock&gt;
   
    &lt;MTSubCatIsFirst&gt;&lt;ul&lt;MTHasNoParentCategory&gt; id="localNavi"&lt;/MTHasNoParentCategory&gt;&gt;&lt;/MTSubCatIsFirst&gt;
   
    &lt;MTIf name="top_category_label2" eq="$top_category_label"&gt;
        &lt;li id="current"&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&gt;&lt;MTIfCategory&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTIfCategory&gt;&lt;/a&gt;
   
        &lt;MTSubCategories&gt;
        &lt;MTSetVarBlock name="category_label2"&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTSetVarBlock&gt;
        &lt;MTSubCatIsFirst&gt;&lt;ul&gt;&lt;/MTSubCatIsFirst&gt;
        &lt;MTIf name="category_label2" eq="$category_label"&gt;
            &lt;li id="sub_current"&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&gt;&lt;MTIfCategory&gt;&lt;$MTCategoryLabel$&gt;&lt;/MTIfCategory&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;MTElse&gt;
            &lt;li&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&gt;&lt;$MTCategoryLabel$&gt;&lt;/a&gt;&lt;MTSubCatsRecurse&gt;&lt;/li&gt;
        &lt;/MTIf&gt;
        &lt;MTSubCatIsLast&gt;&lt;/ul&gt;&lt;/MTSubCatIsLast&gt;
        &lt;/MTSubCategories&gt;
    &lt;/li&gt;
    &lt;MTElse&gt;
        &lt;li&gt;&lt;a href="&lt;$MTCategoryArchiveLink$&gt;"&gt;&lt;$MTCategoryLabel$&gt;&lt;/a&gt;&lt;MTSubCatsRecurse&gt;&lt;/li&gt;
    &lt;/MTElse&gt;
    &lt;/MTIf&gt;

    &lt;MTSubCatIsLast&gt;&lt;/ul&gt;&lt;/MTSubCatIsLast&gt;
    &lt;/MTTopLevelCategories&gt;
</pre>

<p>上記のソースで構築すると以下のようなhtmlが吐き出されます。</p>

<pre class="brush: html">
&lt;ul id="localNavi"&gt;
	&lt;li&gt;&lt;a href="#"&gt;親カテゴリー1&lt;/a&gt;
    	&lt;ul&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー1&lt;/a&gt;&lt;/li&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー2&lt;/a&gt;&lt;/li&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li id="current"&gt;&lt;a href="#"&gt;所属している親カテゴリー2&lt;/a&gt;
    	&lt;ul&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー1&lt;/a&gt;&lt;/li&gt;
        	&lt;li id="sub_current"&gt;&lt;a href="#"&gt;所属しているサブカテゴリー2&lt;/a&gt;&lt;/li&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
	&lt;li&gt;&lt;a href="#"&gt;親カテゴリー3&lt;/a&gt;
    	&lt;ul&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー1&lt;/a&gt;&lt;/li&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー2&lt;/a&gt;&lt;/li&gt;
        	&lt;li&gt;&lt;a href="#"&gt;サブカテゴリー3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</pre>

<p>これで、所属しているカテゴリーのみ別のスタイルを効かせることができるので、あとはCSSでハイライトさせる用のスタイルを書けばOKです。</p>]]>
    </content>
</entry>

<entry>
    <title>MTで構築する前に準備する事[まとめ] - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/07/mt-develop.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.18</id>

    <published>2009-07-23T14:11:00Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>Dreamweaverを使用して、Movable Typeのテンプレートを編集する環境とテンプレートの構成のまとめです。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<h3>Dreamweaver用拡張機能 for Movable Typeのインストール</h3>

<p>普段エディターとして家では、Dreamweaver CS3、会社ではCS４を使用しているのですが、この拡張機能は、MTタグをDreamwaverで補完してくれるというかなりの優れものです。</p>

<p>ある程度MTに慣れてくると、よく使うのMTタグは覚えるのですが、あまりの数が多いので、ぶっちゃけ全て正確に覚えるっていうのは不可能に近いので、ツールに頼っちゃいます。<br />
たまに、もしかしてこんなタグあるのかなってのが、見つかったりしますので、マストアイテムです。</p>

<p><a href="http://www.adobe.com/jp/devnet/dreamweaver/articles/movable_type_41.html">Dreamweaver CS3 拡張機能 for Movable Type 4.1</a><br />
※CS3とありますが、CS4でも使えます。(Windows　32bit版で確認)</p>]]>
        <![CDATA[<h3>Dreamweaverでサイトの定義をし、同期をとり、クロークの実行</h3>

<p class="imgL"><img src="http://howtohp.com/img/entry/site_definition_thumb.gif" width="150" height="150" alt="サイトの定義" /></p>

<p>次にDreamweaverでサイトの定義をし、サーバー上のファイルと同期をとっておきます。<br />
この時、注意しないといけないのが、MTで吐き出すファイルたちは、記事を投稿する度に更新されるので、その都度ファイルを同期しようとしますが、それらのファイルはローカルで編集することはないので、Dreamweaver上でクロークを実行しておきます。</p>

<p>クロークを実行しておくと、サイト全体の同期をとろうとした時にクロークしているファイルたちは無視して同期します。直接ファイルをアップしたり、同期をとろうとすると無視しません。<br />
一点だけ、注意点があるのですが、Dreamweaver上のルート直下にあるファイル(フォルダはOK)はクロークを実行できないようです。何故かは不明ですが・・・。</p>

<h3>Movable Typeでテンプレートをファイルへのリンク機能を使用して更新</h3>

<p>この機能を使うと、テンプレートをファイルとして吐き出し、そのファイルを編集し、FTPでサーバーにアップロードすれば、そのテンプレートを使用して再構築してくれます。<br />
つまり、エディターで編集して管理画面で貼り付けするにも一つ一つやらないといけないので、この機能を使えば、一気に複数のテンプレートを編集できます。</p>

<p><img src="/img/entry/file_link.gif" width="500" height="302" alt="[Movable Type]ファイルへのリンク機能"  /></p>

<p>次にファイルへのリンク機能を使用し、全てのテンプレートをファイルへと書き出します。<br />
方法は簡単で、テンプレートの設定の中にある、ファイルへのリンクの入力エリアに書き出したいファイルへのパスを記述します。</p>

<p>パスは絶対パスでもいけるのかはわかりませんが、相対パスの方がわかりやすい気がします。<br />
ここで相対パスを指定した場合、ブログの設定で、公開パスを指定した場所がルートになります。また、&quot;../&quot;の用に上のディレクトリを指定することも可能ですが、書き出し先にディレクトリを指定した場合、ディレクトリに書き込み権限が必要になります。</p>

<p>自分の場合は、わかりやすいように、テンプレートの種類ごとにディレクトリをわけています。<br />具体的には、以下の様な構成です。</p>

<table summary="MTのテンプレートファイル用ディレクトリ">
<thead>
	<tr>
    	<th>テンプレートの種類</th>
        <th>保存ディレクトリ</th>
    </tr>
</thead>
<tbody>
	<tr>
    	<td>インデックステンプレート</td>
        <td>tpl_index</td>
    </tr>
    <tr>
    	<td>アーカイブテンプレート</td>
        <td>tpl_archive</td>
    </tr>
    <tr>
    	<td>モジュールテンプレート</td>
        <td>tpl_module</td>
    </tr>
    <tr>
    	<td>システムテンプレート</td>
        <td>tpl_system</td>
    </tr>
</tbody>
</table>

<p>ディレクトリを分けるときに、フォルダ名をすべて、tplで始めるようにしているのですが、これは、エディターでファイルツリーを表示した時にすべて、近い位置にならんでもらうようにそうしています。</p>

<p>ここまでやれば、MTの管理画面からだけで編集していくよりも、劇的に構築する時間が短縮されると思われます。</p>]]>
    </content>
</entry>

<entry>
    <title>今日はCSS Naked Day - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/04/css-naked-2009.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.16</id>

    <published>2009-04-09T07:47:38Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>CSS,Naked,Day,</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="cssnakedday" label="CSS Naked Day" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>今日はCSS Naked DayなのでCSSをきってみました。</p>

<p>たぶん、CSSをきって本来のHTMLを見直そうという日だったと思います。</p>

<p>もしかしたら、いろんなサイトでもCSSが切られて、変な感じになってると思いますが、そういう日ということで。</p>

<p>詳しくは<a href="http://naked.dustindiaz.com/">CSS Naked Day</a>のサイトへ</p>]]>
        
    </content>
</entry>

<entry>
    <title>Dreamweaverのコードヒントでwidowsプロパティ等を出ないようにする。 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/03/dw-codehint.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.14</id>

    <published>2009-03-08T07:27:04Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary> たぶん多くのひとがイラっとしていると思うのですが、DreamweaverでCS...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="adobe" label="Adobe" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p class="imgL"><img src="http://howtohp.com/img/other/img-dreamweaver_box.png" width="150" height="150" alt="Dreamweaver CS3" /></p>

<p>たぶん多くのひとがイラっとしていると思うのですが、DreamweaverでCSSを書いていると幅を指定しようとして、widthを入力しようとして、コードヒントに慣れすぎて、&quot;wi&quot;ぐらいまで入力して、確定してしまい、widthを入れようとしてるのに、widowsが出てしまい、&quot;widt&quot;まで入力しないと、widthとしてコード補完してくれません。</p>]]>
        <![CDATA[<h3>コードヒントを修正するファイル</h3>

<p>コードヒントを編集するには、自分の場合(Windows Vista)、<br />C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\CodeHints<br />
の中に、CodeHints.xmlというXMLファイルがあり、CS3の場合、5589行目あたりから、補完に出てくるプロパティがずらずらっとかかれてます。そのうち必要のないものをコメントアウトするだけで、補完に出てこなくなります。</p>

<p class="btn"></p>


<h3>Widowsとは</h3>
<p>ちなみに、widowsプロパティは、印刷用のページで、改ページした後、次のページで最低何行表示させるかというものを指定するためのプロパティで、指定の仕方は以下のようになります。</p>

<pre class="brush: css">
p.sample {
	widows:3;
}
</pre>]]>
    </content>
</entry>

<entry>
    <title>Dropboxがキャンペーンで250MB容量増加のチャンス - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2009/03/dropbox.html" />
    <id>tag:howtohp.sakura.ne.jp,2009://1.13</id>

    <published>2009-03-02T11:44:16Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>Dropboxの説明と、キャンペーンの詳細。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="dropbox" label="Dropbox" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p class="imgL"><img src="http://howtohp.com/img/other/img-dropbox.png" alt="Dropbox" /></p>

<p>最近いろんな所で話題のDropbox。無料アカウントだと2GBまで使えるのですが、今、招待で、新規アカウント登録すると、250MB追加され、2.25GBまで使えるようになるようです。</p>

<p>さらに、招待した方も250MB追加され、最大3GBまで増量されるようです。<br />
ですので、既存のユーザーの人は4人招待すれば、3GBまで無料で使えます！</p>

<p>ですので、この機会に使ってみようって人は、招待しますので、コメントなり何なりで、連絡ください。</p>]]>
        <![CDATA[<p>Dropboxが何かわからない人で、PCを複数台使っている人は、ぜひ使ってみてください。すげー便利です。</p>

<p>まず、DropboxをダウンロードしてインストールするとWindows XPの場合、My Documentフォルダ以下に、My Dropboxフォルダが作成されます。<br />
で、また別のPCで同じDropboxをインストールし、同じアカウントでログインすると、完全にフォルダの中身がシームレスに同期されるのです。</p>

<p>それだけではなく、同じDropboxユーザー同士だと、共有フォルダを作成し、メールアドレス宛に招待すると、招待した人とフォルダ内を完全に同期し、共有できます。</p>

<p>しかもiPhoneにも対応してて、テキストファイルなんかだと、中身も読めるし、フォルダの中身が一覧でみれて、いつ何が変更されたのかも見れます。</p>

<p>今まで、知ってるけど使ってなかったって人もこの機会にどうですか？</p>]]>
    </content>
</entry>

<entry>
    <title>VistaにデュアルブートでUbuntuを簡単インストール - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2008/12/vista-ubuntu.html" />
    <id>tag:howtohp.sakura.ne.jp,2008://1.12</id>

    <published>2008-12-21T12:03:51Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary>Windows VistaにUbuntuをインストールし、デュアルブートした時の備忘録。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="linux" label="Linux" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ubuntu" label="Ubuntu" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="vista" label="Vista" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>なんかややこしそうだと思ったのですが、めちゃめちゃ簡単でした。</p>]]>
        <![CDATA[<p>まずは、Ubuntuのダウンロード。</p>

<p>まず、下記のサイトから、CDイメージファイルをダウンロードします。</p>
<p><a href="http://www.ubuntulinux.jp/products/JA-Localized/download">Ubuntu Desktop 日本語 Remix CDのダウンロード</a>

<p>ダウンロードしたファイルをCDに焼きます。</p>

<p>焼いたCDをそのままWindows上で実行させます。<br />
すると、Ubuntuで使用するHDDの領域やら、言語やらを聞かれるので、Japanese、要領は最大の30GBにしておきます。</p>

<p>以上でインストールは完了です。<br />
PCを再起動すると、Windowが立ち上がる前に、Windowsを立ち上げるか、Ubuntuを立ち上げるかの選択画面が出れば成功です。</p>

<p>デスクトップはこんな感じです。<br />
<img src="http://howtohp.com/img/other/ss/ubuntu-desktop.png" width="480" height="307" alt="スクリーンショット：Ubuntuのデスクトップ" /></p>

<p>※インストーラーCDをWindows上ではなく、ブート時に起動させるてもインストール出来ますが、デュアルブートの設定や、HDDのパーティションの区切りなども必要になってくるので、勉強用であれば、上記の方法がお勧めです。</p>
<p>アンインストールはWindowsのプログラムの追加と削除から行えます。</p>
<p>※Ubuntu Desktop 日本語 Remix CDではなくてもいいんでしょうが、日本語化の手間がはぶけます。入力から設定しないといけないので、日本語入力なしの状態からでは調べるのも大変です。</p>]]>
    </content>
</entry>

<entry>
    <title>iPhoneゲットしました。 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2008/12/iphone.html" />
    <id>tag:howtohp.sakura.ne.jp,2008://1.11</id>

    <published>2008-12-02T11:54:49Z</published>
    <updated>2009-11-21T11:32:44Z</updated>

    <summary> 先週、やっとDocomoの機種本体のローンが終わったので、MNP(モバイル　ナ...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="app" label="App" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="iphone" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="remote" label="Remote" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="rtm" label="RTM" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p class="imgL"><img src="http://howtohp.com/img/other/iphone.jpg" width="150" height="247" alt="iPhone" /></p>
<p>先週、やっとDocomoの機種本体のローンが終わったので、MNP(モバイル　ナンバー　ポータビリティ）でiPhoneかいまいした。<br />
めっちゃ便利です。</p>
<p>これで雨の日や、寒い日に電車でたいくつすることなく、色々たのしめそうです。</p>

<p>とりあえず、この機会にメールアドレスをgmailに統一しました。<br />
連絡きてねーぞって方は、電話ください。すいません。</p>]]>
        <![CDATA[<p>で、まず、gmailに統一して、QWERTY配列じゃない、入力にうんざりしてたのから開放されましたね。PCの前にいたら、普通にキーボードから入力できるし、絵文字も見れるし、自分はもともと使い方がよくわからないんで、絵文字入力しないし、すごく便利になりましたね。<br />
よく、文字を打つのがめんどくさくて無理やり文章を短くしてたりしましたから。</p>

<p>もうすこしで、このブログのiPhone用のページも出来ると思うので、出来たらまた報告します。</p>

<p>あと、Google mapでStreet Viewを見れるので、最近上京したばかりの自分にはとてもありがたいです。</p>

<p>そこで、色々便利なアプリがiPhoneにはあるので、ちょっと紹介します。</p>



<h3><a href="http://ax.itunes.apple.com/WebObjects/MZStore.woa/wa/browserRedirect?url=itms%253A%252F%252Fax.itunes.apple.com%252FWebObjects%252FMZStore.woa%252Fwa%252FviewSoftware%253Fid%253D284417350%2526mt%253D8%2526s%253D143462">Remote</a>(iTunesで開きます)</h3>

<p class="imgL"><img src="/img/other/ss/ico-remote.gif" width="100" height="100" alt="アイコン:Remote" /></p>

<p>これは、Apple公式のアプリなんですが、iPhoneがiTunesのリモコンにできるんです。<br />
ただのリモコンではなくて、iPhoneには画面があるので、ライブラリの曲を検索したりや、プレイリストを編集したり、アルバムアートワークもiPhone上でみれ、ボリュームをコントロールすることもできます。もちろん無料です。使うには無線LANの環境が必要だと思います。</p>

<p class="imgL"><img src="http://howtohp.com/img/other/ss/iphone-remote1.jpg" width="150" height="225" alt="スクリーンショット:Remote" /></p>
<p class="imgL"><img src="http://howtohp.com/img/other/ss/iphone-remote2.jpg" width="150" height="225" alt="スクリーンショット:Remote" /></p>
<p class="imgL"><img src="http://howtohp.com/img/other/ss/iphone-remote3.jpg" width="150" height="225" alt="スクリーンショット:Remote" /></p>

<h3><a href="http://click.linksynergy.com/fs-bin/stat?id=JCu5sBkYJ7o&offerid=94348&type=3&subid=0&tmpid=2192&RD_PARM1=http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=293561396&mt=8%3Cbr%20/%3E">Remember The Milk</a>(iTunesで開きます)</h3>

<p class="imgL"><img src="http://howtohp.com/img/other/ss/ico-rtm.gif" width="100" height="100" alt="アイコン:Remember The Milk" /></p>

<p>これはタスク管理ツールです。Webアプリとしてすごい有名ですが、iPhoneにほぼ完全に対応しています。<br />
自分はそこまで使いこなしてないんで、使う機能はすべてiPhone上で実現できます。</p>

<p>世界中で１００万人以上のユーザーがいるらしく、googleのWebアプリといろいろ連携しています。<br />
Gmail宛にメールでタスクを登録したり、登録したタスクをGoogle Calenderと同期したりできるそうですが、まだ、できてないので、もうちょっと使いこなしたら、記事にしたいと思います。</p>

<p class="imgL"><img src="http://howtohp.com/img/other/ss/iphone-rtm.jpg" width="200" height="287" alt="スクリーンショット:Remember The Milk" /></p>

<h3><a href="http://click.linksynergy.com/fs-bin/click?id=sNuVUf8*j5s&offerid=94348.685399069&type=10&subid=">誕生日リスト</a>(iTunesで開きます)</h3>
<p class="imgL"><img src="http://howtohp.com/img/other/ss/ico-birthday_list.gif" width="100" height="100" alt="アイコン:Remote" /></p>

<p>これはiPhoneの連絡先に誕生日が登録されている人を抜き出して、誕生日の日付をリストにしてくれます。</p>
<p>これで、知人の誕生日を忘れずに祝うことができますね。有料のiDayzっていうアプリもありますが、こちらは日本語で無料ですので、こちらで十分だと思います。</p>
<p class="imgL"><img src="http://howtohp.com/img/other/ss/iphone-birthday_list.jpg" width="200" height="287" alt="スクリーンショット:誕生日リスト" /></p>

<h3>小技</h3>
<p>iPhoneでスクリーンショットを撮るには、ホームボタンを押しながらスリープボタンです。</p>]]>
    </content>
</entry>

<entry>
    <title>CSSで最低の高さを実現する。 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2008/11/min-height.html" />
    <id>tag:howtohp.sakura.ne.jp,2008://1.10</id>

    <published>2008-11-22T03:15:49Z</published>
    <updated>2009-11-21T11:32:43Z</updated>

    <summary>CSSで最低の高さを3行で実現する方法を紹介。</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="minheight" label="min-height" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>最低の高さを持たせるっていうのは、色んなデザインをコーディングしてたら、かなりの確率で出会う場面なんですが、IE6でmin-heightが使えなかったり、IE7ではheightで指定した値を超えても、自動的に広がってくれないので、色んなやり方があると思うんですが、自分のやり方をメモっておきます。</p>]]>
        <![CDATA[<h3>CSS Sample</h3>

<pre class="brush: css">
/*------------------------------------------------
	500pxの最低の高さ
-------------------------------------------------*/
#hoge {
	min-height:500px;
	height:auto !important;
	height:500px;
}
</pre>

<p>たった3行で、ほぼ、すべてのブラウザで最低の高さを持たせることができます。</p>]]>
    </content>
</entry>

<entry>
    <title>Adobe CS4予約開始 - How to HP</title>
    <link rel="alternate" type="text/html" href="http://blog.howtohp.com/2008/11/adobe-cs4.html" />
    <id>tag:howtohp.sakura.ne.jp,2008://1.8</id>

    <published>2008-11-11T14:35:54Z</published>
    <updated>2009-11-21T11:32:43Z</updated>

    <summary>本日、AdobeのCS４シリーズが発表されたようです。 今日から予約開始で、出荷...</summary>
    <author>
        <name>root</name>
        
    </author>
    
        <category term="Tools" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="adobe" label="Adobe" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="cs4" label="CS4" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="subversion" label="Subversion" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webkit" label="Webkit" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.howtohp.com/">
        <![CDATA[<p>本日、AdobeのCS４シリーズが発表されたようです。<br />
今日から予約開始で、出荷は12月中旬だそうです。</p>]]>
        <![CDATA[<p>コーダーの自分にとって、一番気になるのは、Dreamweaverなんですが、アップグレード版で、26,250円。ほしいですね。</p>

<p>新機能なんですが、特に３つありがたい機能が追加されています。</p>

<p>まず、デザインビューのレンダリングエンジンがWebkitになったそうです。これはSafariやGoogle Chromeと同じで、デザインビューでOKだったらこの二つのブラウザもほぼOKと考えてよくなるでしょう。</p>

<p>次に、ライブビュー機能。これは、保存せずに書くと同時にレンダリングを確認できるようになるらしい。さらにJavascriptもレンダリングし、実際にブラウザとして動きを確認したりできるらしいです。やっときましたね。</p>

<p>最後に、Subversionに対応！これで、共同作業もスムースに進めれますね。<br />
ほかにもいろいろありがたい機能が追加されているようですが、とりあえず使ってみたいですね。<br />
実際に使ったら、またレビューしたいと思います。</p>]]>
    </content>
</entry>

</feed>
