<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Di notebook</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/" />
    <link rel="self" type="application/atom+xml" href="http://www.d-improvement.jp/notebook/atom.xml" />
    <id>tag:www.d-improvement.jp,2010-04-18:/notebook//4</id>
    <updated>2011-12-13T07:41:06Z</updated>

    <subtitle>主にマークアップ関係のコーディング備忘録。HTML, CSS, Movable Type, jQuery, etc...</subtitle>

    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 5.01</generator>

<entry>
    <title>MacでPDFを結合する（OS 10.6 Snow Leopardの場合）</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/mac-os/pdf-mac-os-10-6-snow-leopard.html" />
    <id>tag:www.d-improvement.jp,2011:/notebook//4.283</id>

    <published>2011-12-13T07:04:09Z</published>
    <updated>2011-12-13T07:41:06Z</updated>

    <summary>MacOS10.6 Snow Leopard でPDFファイルを結合するには、標...</summary>
    <author>
        <name>Di</name>

    </author>

    <category term="mac_os" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>MacOS10.6 Snow Leopard でPDFファイルを結合するには、標準の画像閲覧アプリ「プレビュー」を利用すればよい。以下その手順。OS10.7 Lion でも（ユーザーインターフェースは異なるが）同様の手順でPDFの結合ができる。</p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503844965/" title="skitched-118 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7025/6503844965_dae48e4061_z.jpg" width="606" height="640" alt="1ページ目のPDFファイルをプレビューで開く"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845127/" title="skitched-119 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7162/6503845127_8673987e78_z.jpg" width="606" height="640" alt="サイドバーを開く"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845285/" title="skitched-121 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7016/6503845285_163cf985ac_z.jpg" width="606" height="640" alt="2枚目のPDFファイルをサイドバーの1枚目にドラッグする※サムネイルの下部にドラッグする"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845507/" title="skitched-122 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7018/6503845507_c16ce6e008_z.jpg" width="606" height="640" alt="2ページ目が挿入されるとサムネイルの1ページ目がバインダー状になる"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845629/" title="skitched-123 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7035/6503845629_d18be29337_z.jpg" width="640" height="334" alt="元のPDFデータを残したい場合は別名で保存する"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503973487/" title="skitched-124 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7004/6503973487_68bcf1759c_z.jpg" width="640" height="334" alt="QuartzフィルタをReduce File Sizeにするとファイルサイズが軽くなる※重い画像ファイルを配置している場合は必ず適用する"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845799/" title="skitched-20111213-154740 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7149/6503845799_6dc97301d3_z.jpg" width="606" height="640" alt="複数のファイルがある場合はまとめてドラッグする"></a></p>

<p><a href="http://www.flickr.com/photos/mathatelle/6503845957/" title="skitched-20111213-154902 by mathatelle, on Flickr"><img src="http://farm8.staticflickr.com/7173/6503845957_96e6672c02_z.jpg" width="606" height="640" alt="サムネイルをドラッグして並び換えることができる"></a></p>]]>
        
    </content>
</entry>

<entry>
    <title>Movable Type 4 のブログ記事作成画面のカテゴリ選択欄を広くする</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/movable-type-4-manage-css-category.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.142</id>

    <published>2010-06-04T06:00:24Z</published>
    <updated>2010-06-04T06:28:59Z</updated>

    <summary>カテゴリがたくさんある場合、デフォルトの選択欄では表示領域が狭く使いづらい。全て...</summary>
    <author>
        <name>Di</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>カテゴリがたくさんある場合、デフォルトの選択欄では表示領域が狭く使いづらい。全てを表示したい場合のカスタマイズ。</p>

<p><a href="http://www.flickr.com/photos/mathatelle/4667920929/" title="MT4カテゴリ by mathatelle, on Flickr"><img src="http://farm2.static.flickr.com/1286/4667920929_698ba86ae7_b.jpg" width="624" height="382" alt="MT4カテゴリ" /></a></p>

<p>（この画像では、<a href="http://labs.m-logic.jp/cat2/renamelabel/">RenameLabel プラグイン</a>を使って「カテゴリ」というフィールド名をカスタマイズしている）</p>
]]>
        <![CDATA[<p>mt-staticフォルダ内cssフォルダ内の<strong>main.css</strong>の181行目に、カテゴリ選択欄の高さを指定しているスタイルがある。</p>

<pre><code>....., .category-selector-list{ ... height:150px; ...
</code></pre>

<p>高さ指定をコメントアウト（または削除）する。</p>

<p>Movable Type 5 であれば、<a href="http://www.koikikukan.com/archives/2010/03/05-130000.php">CMSHead プラグイン</a>を使って管理画面のCSSの調整ができる。</p>
]]>
    </content>
</entry>

<entry>
    <title>「ブログ記事の共有」で配信するメールの件名を変更する</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/mt-publish-mail-title.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.141</id>

    <published>2010-06-02T00:21:20Z</published>
    <updated>2010-12-22T00:26:47Z</updated>

    <summary>/mt/lib/MT/L10N/jp.pm の該当箇所を修正する。 該当箇所は、...</summary>
    <author>
        <name>yu</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p><strong>/mt/lib/MT/L10N/jp.pm</strong> の該当箇所を修正する。</p>

<p>該当箇所は、ファイルをひらいて「更新通知」で検索をかけるとみつかる。
だいたい1000行目あたり。</p>
]]>
        

    </content>
</entry>

<entry>
    <title>画像,PDFのアップロード先をログインユーザー名に応じて自動指定する</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/file-image-upload-folder.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.135</id>

    <published>2010-04-06T02:29:36Z</published>
    <updated>2010-06-02T01:00:42Z</updated>

    <summary>複数の部署で1つのサイト・ブログを運営する場合に、アップロードするファイル（PD...</summary>
    <author>
        <name>yu</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>複数の部署で1つのサイト・ブログを運営する場合に、アップロードするファイル（PDF, 画像など）の管理を便利にする方法。</p>

<p>部署別にアップロード先のフォルダを作成し、そこにアップロードをしてもらう方法をとった場合に、MT標準の機能だけでは次の問題点がある。</p>

<ul>
<li>都度アップロード先を選択するのがめんどくさい</li>
<li>選択を間違えることがある</li>
<li>運用していくなかで、間違えてアップロードした画像やPDFファイルが点在してしまい、管理が破綻する</li>
</ul>

<p>これを改善するために「画像,PDFのアップロード先をログインユーザー名に応じて自動指定する」というカスタマイズする。</p>
]]>
        <![CDATA[<h2>サイトパス/uploads/ [username] / にアップロード先を指定する</h2>

<p><strong>/tmpl/cms/include/asset_upload.tmpl</strong> の1行目に、以下のコードを追加する。</p>

<pre><code>&lt;mt:SetVarBlock name="extra_path"&gt;uploads/&lt;mt:var name="author_name" escape="html"&gt;/&lt;/mt:SetVarBlock&gt;
</code></pre>

<p>↓デフォルトでアップロード先が指定されるようになった。</p>

<p><a href="http://www.flickr.com/photos/mathatelle/4496066217/" title="file upload by mathatelle, on Flickr"><img src="http://farm5.static.flickr.com/4020/4496066217_4ba7ac42b7_o.png" width="500" height="240" alt="file upload" /></a></p>

<h3>参考にしたサイト</h3>

<ul>
<li><a href="http://www.screamo.jp/1st/2008/09/28-15-02.php">Movable Type 4.2 のデフォルトファイルアップロード先の指定 | SCREAMO CREATIVE</a></li>
</ul>
]]>
    </content>
</entry>

<entry>
    <title>RightFieldsのデータをMT5のカスタムフィールドに移行した（メモ）</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/mt3-rightfields-mt5-customfields.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.134</id>

    <published>2010-03-14T14:16:03Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary>MT3+RightFieldsのデータをMT5のカスタムフィールドに移行した。そ...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>MT3+RightFieldsのデータをMT5のカスタムフィールドに移行した。そのメモ。</p>
]]>
        <![CDATA[<h2>手順</h2>

<ul>
<li>MT3のデータをバックアップする</li>
<li><a href="http://plugins.movabletype.org/linked-entry-custom-fields/index.html">Linked Entry Custom Fields</a>（RightFields のデータをカスタムフィールドに移行するプラグイン）をダウンロード</li>
<li>MT5をサーバにアップロード（2でダウンロードした Linked Entry Custom Fields もMT5のplugins ディレクトリ内にアップロード）</li>
<li>MT5にアップグレード</li>
</ul>

<p>以下のページはMT4での解説だが、MT5でも同様に動作した。</p>

<p><a href="http://www.movabletype.jp/blog/migrating_from_right_fields_to_custom_fields_-_the_beta_begi.html">RightFields のデータをカスタムフィールドに移行するプラグインのベータテストを開始 | MovableType.jp</a></p>

<p>上記で移行が完了。が、画像に関するカスタムフィールド（RightFieldsでTypeが <strong>File</strong> だったもの）がMT5のブログ記事編集画面に表示されなかった。以下のようにphpMyAdminでデータベースを修正した。</p>

<h2>phpMyAdminでカスタムフィールドの種類を修正</h2>

<p>ひとまずカスタムフィールドの内容を表示・確認するため、データベースを直接編集し、フィールドの種類を<strong>テキスト（複数行）</strong>に変更した。</p>

<p>テーブル mt_field の カラム field_type の <strong>asset</strong> を <strong>textarea</strong> に変更する。手順は以下の通り。</p>

<ul>
<li>phpMyAdmin にログイン</li>
<li>左列に表示されている MTのデータベースをクリック</li>
<li>左列に表示されている mt_field をクリック</li>
<li>フィールド field_type の左にチェックを入れ、チェックしたものを表示</li>
<li>field_type が asset になっているものにチェックを入れて、チェックしたものを変更</li>
<li>field_type を textarea に修正し、実行するボタンを押す</li>
</ul>

<p>テキスト（複数行）として、カスタムフィールドのデータが表示されるようになった。以下のように保存されていた。</p>

<pre><code>&lt;a href="http://www.d-improvement.jp/uploads/999_thumbnail.jpg"&gt;View image&lt;/a&gt;
</code></pre>

<p>これでrightFieldsのデータが移行できていることが確認できた（一安心）。</p>

<h2>phpMyAdminでカスタムフィールドの値を一括置換</h2>

<p>img要素のsrc属性に代入する値があれば良いので、以下の手順で一括置換した。</p>

<p>テーブル mt_entry_meta の カラム entry_meta_vclob を編集する。手順は以下の通り。</p>

<ul>
<li>phpMyAdmin にログイン</li>
<li>左列に表示されている MTのデータベースをクリック</li>
<li>左列に表示されている mt_entry_meta をクリック</li>
<li>フィールド entry_meta_vclob の左にチェックを入れ、チェックしたものを表示</li>
<li>&lt;a href=&quot;http://www.d-improvement.jp/uploads/999_thumbnail.jpg&quot;&gt;View image&lt;/a&gt; のようなデータがあることを確認</li>
<li>上のナビゲーションから <strong>SQL</strong> をクリック</li>
<li>データベース [MTのデータベース名] 上で以下のクエリを実行する</li>
</ul>

<pre><code>UPDATE mt_entry_meta SET entry_meta_vclob=REPLACE (entry_meta_vclob,'&lt;a href=\&quot;','');
UPDATE mt_entry_meta SET entry_meta_vclob=REPLACE (entry_meta_vclob,'\&quot;&gt;View image&lt;/a&gt;','');</code></pre>

<ul>
<li>ブログ記事の管理画面にもどり、カスタムフィールドの内容が http://www.d-improvement.jp/uploads/999_thumbnail.jpg のように置換されていることを確認する</li>
</ul>

<h2>補記</h2>

<p>カスタムフィールドの値を一括置換する前に、カスタムフィールドの種類を「画像」にしてみた（field_type を <strong>image</strong> にする）。このとき、</p>

<pre><code>&lt;a href="http://www.d-improvement.jp/uploads/999_thumbnail.jpg"&gt;View image&lt;/a&gt;
</code></pre>

<p>上記HTMLがブログ記事編集画面に出力され（つまり、<strong>View image</strong>というリンクが出力される）、その下に「画像を選択」「画像を削除」のリンクが表示される。</p>

<p>このとき、以下のような画像を表示するためのカスタムフィールドを書いても、画像は出力されなかった。</p>

<pre><code>&lt;mt:If tag="cfimage"&gt;&lt;mt:cfimageAsset&gt;&lt;img src="&lt;$MTAssetURL$&gt;" alt="" /&gt;&lt;/mt:cfimageAsset&gt;&lt;/mt:If&gt;
</code></pre>

<p>通常「画像」のカスタムフィールドからアップロードすると、以下のようなHTMLがデータベースに登録される。</p>

<pre><code>&lt;form mt:asset-id=&quot;1&quot; class=&quot;mt-enclosure mt-enclosure-image&quot; style=&quot;display: inline;&quot;&gt;&lt;a href=&quot;http://www.d-improvement.jp/uploads/999_image.jpg&quot;&gt;画像を表示&lt;/a&gt;&lt;/form&gt;</code></pre>

<p>form要素の</p>

<pre><code>mt:asset-id="[アイテムのid]" class="mt-enclosure mt-enclosure-image"
</code></pre>

<p>いずれかの属性が必要なのかもしれない。未検証。</p>
]]>
    </content>
</entry>

<entry>
    <title>jQueryで角丸</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/javascript/jquery-corner.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.133</id>

    <published>2010-03-09T15:48:32Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary> JQuery Corner でボックスの角っこを丸くする。 サンプル ...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="javascript" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p><a href="http://malsup.com/jquery/corner/"> JQuery Corner </a>でボックスの角っこを丸くする。</p>

<p><a href="http://www.d-improvement.jp/notebook/sample/jquery-corner.html">サンプル</a></p>
]]>
        <![CDATA[<h2>手順</h2>

<p>head要素の中で jQuery と jQuery Corner を読み込む。</p>

<pre><code>&lt;script type="text/javascript" src="http://www.d-improvement.jp/notebook/sample/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://www.d-improvement.jp/notebook/sample/jquery.corner.js"&gt;&lt;/script&gt;
</code></pre>

<p>角丸にしたい対象（HTML要素、id属性、class属性）に、角丸の大きさを指定する。head要素の中で指定する場合は、以下のように。</p>

<pre><code>&lt;script type="text/javascript"&gt; 
  $(document).ready(function(){
    $("#type1").corner("5px");
  });
&lt;/script&gt;
...
&lt;body&gt;
...
&lt;div id="type1"&gt; ... &lt;/div&gt;
&lt;!-- ↑このブロック要素が角丸になる --&gt;
</code></pre>

<h2>注意したいこと</h2>

<ul>
<li>classで指定した方が効率的な場合があるが、読み込みが重くなる恐れがあるので、なるべくidで指定する。</li>
<li>参照: <a href="http://d.hatena.ne.jp/nitoyon/20081211/jquery_fast_css">jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ</a></li>
</ul>
]]>
    </content>
</entry>

<entry>
    <title>MTユーザー情報のメールアドレスを公開する場合のスパム対策</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/mt-user-mail.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.132</id>

    <published>2010-03-08T04:54:07Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary>MTユーザー情報のメールアドレスを公開する場合、そのまま出力してしまうと、スパム...</summary>
    <author>
        <name>yu</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>MTユーザー情報のメールアドレスを公開する場合、そのまま出力してしまうと、スパムメールが届くようになるため、以下の対策を実施する。</p>
]]>
        <![CDATA[<pre><code>&lt;$MTEntryAuthorEmail spam_protect="1"$&gt;
</code></pre>

<p>とする。 spam_protect="1" を追加することで、特定の文字に対してHTMLエンティティ化を実行してくれる。</p>

<h2>例</h2>

<pre><code>no-more-spam@d-improvement.jp
</code></pre>

<p>と登録されたメールアドレスは</p>

<pre><code>no-more-spam@d-improvement.jp
</code></pre>

<p>と出力される。</p>
]]>
    </content>
</entry>

<entry>
    <title>Espresso + Zen-coding のメモ</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/espresso/espresso-zen-coding.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.131</id>

    <published>2010-03-04T07:56:13Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary>Espresso (Version 1.1.1) でのZen-coding (V...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="espresso" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p><a href="http://macrabbit.com/espresso/">Espresso</a> (Version 1.1.1) での<a href="http://code.google.com/p/zen-coding/">Zen-coding</a> (Version 0.6) メモ。</p>
]]>
        <![CDATA[<h2>Zen-coding のインストール</h2>

<ul>
<li><a href="http://code.google.com/p/zen-coding/downloads/list">Downloads - 
zen-coding - Project Hosting on Google Code</a> から Zen Coding for Espresso v0.6 をダウンロード</li>
<li>解凍すると現れる TEA for Espresso.sugar をダブルクリックして Espresso にインストール</li>
</ul>

<h2>Zen-coding の機能その1 : <strong>Expand Abbreviation</strong></h2>

<ul>
<li>（Zen-coding の記法で書かれた）略記を展開する</li>
<li>ショートカット: <strong>F1</strong> </li>
<li>Zen-coding の記法を覚える必要がある。難易度は、HTML/CSSを書ける人ならすぐに理解できるレベル。非常にわかりやすい。</li>
</ul>

<h3>Zen-coding の記法</h3>

<ul>
<li><a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn">Zen HTML Elements</a></li>
<li><a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">Zen HTML Selectors</a></li>
</ul>

<h3>例</h3>

<p>div （divと入力して[F1]キーを押すと、下記のように変換される。）</p>

<pre><code>&lt;div&gt;&lt;/div&gt;
</code></pre>

<p>img （src属性値を代入後、tabキーで、alt属性値の入力位置へカーソルが移動する。）</p>

<pre><code>&lt;img src="" alt="" /&gt;
</code></pre>

<p>a</p>

<pre><code>&lt;a href=""&gt;&lt;/a&gt;
</code></pre>

<p>a[title]</p>

<pre><code>&lt;a href="" title=""&gt;&lt;/a&gt;
</code></pre>

<p>div#index</p>

<pre><code>&lt;div id="index"&gt;&lt;/div&gt;
</code></pre>

<p>div.section</p>

<pre><code>&lt;div class="section"&gt;&lt;/div&gt;
</code></pre>

<p>div.section.clearfix</p>

<pre><code>&lt;div class="section clearfix"&gt;&lt;/div&gt;
</code></pre>

<p>ul>li</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>ul>li*3</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>ul>li*3>a</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>ul.nav>li*3>a</p>

<pre><code>&lt;ul class="nav"&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>ul>li#nav-$*3>a</p>

<pre><code>&lt;ul&gt;
    &lt;li id="nav-1"&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li id="nav-2"&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;li id="nav-3"&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>div.section>h2.section-header+div.section-content</p>

<pre><code>&lt;div class="section"&gt;
    &lt;h2 class="section-header"&gt;&lt;/h2&gt;
    &lt;div class="section-content"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>div.section>h2.section-header+div.section-content>ul>li*3>a</p>

<pre><code>&lt;div class="section"&gt;
    &lt;h2 class="section-header"&gt;&lt;/h2&gt;
    &lt;div class="section-content"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href=""&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>（つづく）</p>
]]>
    </content>
</entry>

<entry>
    <title>jQueryを使って、日時に合わせて背景画像を自動的に変更する</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/javascript/jquery-css-image.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.130</id>

    <published>2010-02-18T14:55:39Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary>日時（月、時間など）に合わせて、背景画像を自動的に変更したいとき。 月に合わせて...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="javascript" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>日時（月、時間など）に合わせて、背景画像を自動的に変更したいとき。</p>

<p>月に合わせて、背景画像を（正月、節分、ひな祭り、......）のように替えたい場合、まず1〜12月の画像を連番で用意する。</p>

<p>1月はimage0.png、2月はimage1.png</p>

<p>のように0を初期値として連番で画像に名前をつける。表示するためのjavascriptは以下の通り。</p>

<pre><code>var theDate = new Date();
var thisMonthImage = "url(image" + theDate.getMonth() + ".png)";
$("#content").css("background", thisMonthImage);
</code></pre>

<ul>
<li>head要素でjQueryを読み込んでおく</li>
<li>id="content"の属性を付けたHTML要素の背景画像が設定される</li>
<li>getMonth()で得られる値は0から11で、0が1月、1が2月、...、11が12月となる</li>
</ul>
]]>
        

    </content>
</entry>

<entry>
    <title>ブログ記事編集中の自動保存を無効にする</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/auto-save-frequency.html" />
    <id>tag:www.d-improvement.jp,2010:/notebook//4.129</id>

    <published>2010-01-06T01:13:59Z</published>
    <updated>2010-04-18T05:30:46Z</updated>

    <summary>mt-config.cgi に以下を追記する AutoSaveFrequency...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>mt-config.cgi に以下を追記する</p>

<pre><code>AutoSaveFrequency 0
</code></pre>

<p>※ieでは自動保存のタイミングでカーソルが勝手に移動してしまうらしい。なので標準で設定しておいた方がいい。※MT5では未確認。</p>
]]>
        

    </content>
</entry>

<entry>
    <title>更新通知</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/ping.html" />
    <id>tag:www.d-improvement.jp,2009:/notebook//4.127</id>

    <published>2009-12-10T01:56:13Z</published>
    <updated>2010-04-18T05:30:45Z</updated>

    <summary>設定 ＞ ウェブサービス の「更新通知」に以下を追加する http://api....</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />



    <category term="ping" label="ping" scheme="http://www.sixapart.com/ns/types#tag" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>設定 ＞ ウェブサービス の「更新通知」に以下を追加する</p>

<pre><code>http://api.my.yahoo.co.jp/RPC2
http://rpc.reader.livedoor.com/ping
</code></pre>

<ul>
<li>開発時には通知しないよう注意する</li>
<li>technorati.com のチェックを外す（エラーが返るので 2009.12.20追記）</li>
</ul>
]]>
        

    </content>
</entry>

<entry>
    <title>UI画像のファイル名規則</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/guideline/ui-image-file-name.html" />
    <id>tag:www.d-improvement.jp,2009:/notebook//4.126</id>

    <published>2009-12-10T01:12:25Z</published>
    <updated>2010-04-18T05:30:45Z</updated>

    <summary>原則 ディレクトリ名に合わせる 英語を用いる コンテンツ画像と収容するフォルダを...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term="guideline" scheme="http://www.sixapart.com/ns/types#category" />



    <category term="ui" label="ui" scheme="http://www.sixapart.com/ns/types#tag" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<h3>原則</h3>

<ul>
<li>ディレクトリ名に合わせる</li>
<li>英語を用いる</li>
<li>コンテンツ画像と収容するフォルダを分別できない場合（カラーミーショッププロなど）は、ui- を頭に付与する　例）ui-icon-blog.png</li>
</ul>
]]>
        <![CDATA[<h2>サイトid（ロゴ）</h2>

<pre><code>logo.png
</code></pre>

<h2>見出し</h2>

<pre><code>h-blog.png
</code></pre>

<h2>ナビゲーション</h2>

<pre><code>nav-blog.png //グローバルナビゲーション
footer_nav-blog.png //フッターナビゲーション
local_nav-blog.png //ローカルナビゲーション
</code></pre>

<h2>アイコン</h2>

<pre><code>icon-blog.png
icon_s-blog.png //サイズ違いがある場合は、xxs, xs, s, l, xl, xxlを付与する
</code></pre>

<h2>バナー</h2>

<pre><code>banner-blog.png
banner_s-blog.png //サイズ違いがある場合は、xxs, xs, s, l, xl, xxlを付与する
</code></pre>
]]>
    </content>
</entry>

<entry>
    <title>カスタムフィールドで入力したものを表示するタグ</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/customfield-tag.html" />
    <id>tag:www.d-improvement.jp,2009:/notebook//4.125</id>

    <published>2009-11-05T01:58:28Z</published>
    <updated>2010-04-18T05:30:45Z</updated>

    <summary><![CDATA[テキストの場合 &lt;mt:If tag="■"&gt; &lt;mt:■&g...]]></summary>
    <author>
        <name>yu</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>テキストの場合</p>

<pre><code>&lt;mt:If tag="■"&gt;
&lt;mt:■&gt;
&lt;/mt:If&gt;
</code></pre>

<p>画像の場合</p>

<pre><code>&lt;mt:If tag="■"&gt;
&lt;mt:■Asset&gt;&lt;img src="&lt;$mt:AssetURL$&gt;" alt="" /&gt;&lt;/mt:■Asset&gt;
&lt;/mt:If&gt;
</code></pre>

<p>■はフィールドテンプレートタグ</p>
]]>
        

    </content>
</entry>

<entry>
    <title>301リダイレクト（恒久的なリダイレクト）</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/htaccess/redirect-301.html" />
    <id>tag:www.d-improvement.jp,2009:/notebook//4.124</id>

    <published>2009-10-19T02:37:16Z</published>
    <updated>2010-04-18T05:30:45Z</updated>

    <summary>筆者が個人ブログに書いてあったMT関連の記事を、本notebook内に引っ越した...</summary>
    <author>
        <name>masa</name>

    </author>

    <category term=".htaccess" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<p>筆者が個人ブログに書いてあったMT関連の記事を、本notebook内に引っ越した。それらの記事は、はてなブックマークで人気エントリーとなっていた（<a href="http://b.hatena.ne.jp/entry/www.mathatelle.com/archives/2004/09/mtdream_weaver.html">はてなブックマーク - Movable Type のテンプレートを Dreamweaver で編集する</a>）ので、本notebook内の記事へリダイレクトしてみる。</p>
]]>
        <![CDATA[<p>.htaccessに以下を記述し、旧ウェブサイトに配置する。</p>

<pre><code>Redirect 301 /archives/2004/09/mtdream_weaver.html http://www.d-improvement.jp/notebook/movable-type/movable-type-dreamweaver.html
</code></pre>
]]>
    </content>
</entry>

<entry>
    <title>MTの追加プラグイン</title>
    <link rel="alternate" type="text/html" href="http://www.d-improvement.jp/notebook/movable-type/add-plugin.html" />
    <id>tag:www.d-improvement.jp,2009:/notebook//4.121</id>

    <published>2009-10-14T00:26:58Z</published>
    <updated>2010-04-18T05:30:45Z</updated>

    <summary><![CDATA[◎全案件 RenameLabelプラグイン フィールド名を変更  &raquo;...]]></summary>
    <author>
        <name>yu</name>

    </author>

    <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />


    <content type="html" xml:lang="ja" xml:base="http://www.d-improvement.jp/notebook/">
        <![CDATA[<h2>◎全案件</h2>

<h3>RenameLabelプラグイン</h3>

<p>フィールド名を変更 <br />
&raquo; <a href="http://labs.m-logic.jp/cat2/renamelabel/">http://labs.m-logic.jp/cat2/renamelabel/</a></p>

<h3>UploadDirプラグイン</h3>

<p>アップロードするアイテムのディレクトリをあらかじめ決めておける <br />
&raquo; <a href="http://labs.m-logic.jp/cat2/uploaddir/">http://labs.m-logic.jp/cat2/uploaddir/</a>
    uploads:mp3,wma,m4a,midi,wav,aiff,mp4,m4v,mpeg,avi,mov,wmv,bmp,jpg,jpeg,gif,tif,tiff,png,txt,pdf,doc,xls,ppt,pl,c,cc,pas,rb,bz2,cab,gz,jar,lzh,rar,tar,taz,zip</p>

<h3>TemplateLinedFileManager</h3>

<p>MTテンプレートの「ファイルへのリンク」のパスを一括で設定する <br />
&raquo; <a href="http://www.ark-web.jp/blog/archives/2009/07/movable_type-template_lined_file_manager.html">http://www.ark-web.jp/blog/archives/2009/07/movable<em>type-template</em>lined<em>file</em>manager.html</a></p>

<h3>DeleteAndRebuildプラグイン</h3>

<p>記事を削除した時、その記事に関連のあるページに再構築をかける <br />
&raquo; <a href="http://blog.as-is.net/2007/02/deleteandrebuild-plugin.html">http://blog.as-is.net/2007/02/deleteandrebuild-plugin.html</a></p>

<h2>◎要件による</h2>

<h3>PageButeプラグイン</h3>

<p>1ページに表示する記事の数を決めて、ページ送りをつける <br />
&raquo; <a href="http://www.skyarc.co.jp/engineerblog/entry/2642.html">http://www.skyarc.co.jp/engineerblog/entry/2642.html</a></p>

<h3>A-Form</h3>

<p>メールフォームを作成 <br />
&raquo; <a href="http://www.ark-web.jp/movabletype/">http://www.ark-web.jp/movabletype/</a></p>
]]>
        

    </content>
</entry>

</feed>

