<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>雑記帳</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/" />
    <link rel="self" type="application/atom+xml" href="http://kannoyuuki.com/memo/atom.xml" />
    <id>tag:kannoyuuki.com,2008-09-28:/memo//5</id>
    <updated>2008-11-13T14:11:55Z</updated>
    <subtitle>MovableTypeを使用したサイト構築時の覚書き、備忘録。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.21-ja</generator>


<entry>
    <title>クラスと要素の関係</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000335.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.335</id>

    <published>2008-11-07T02:33:13Z</published>
    <updated>2008-11-07T06:12:22Z</updated>

    <summary>あれこれ指定しているうちに、何がなんだかわからなくなることがしょっちゅうなので覚...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="スタイルシート" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://kannoyuuki.com/memo/">
        <![CDATA[<p>あれこれ指定しているうちに、何がなんだかわからなくなることがしょっちゅうなので覚え書き。</p>

<h3>要素の中にクラスを指定した場合</h3>
<h4>(HTML)</h4>

<div class="source">
<pre>&lt;h2 class="hoge"&gt;
　：
　：
&lt;/h2&gt;</pre>
</div>

<h4>(CSS)</h4>
<div class="source">
<pre>h2.hoge {
　：
　：
}</pre>
</div>

<h3>クラスが指定された要素の場合</h3>
<h4>(HTML)</h4>
<div class="source">
<pre>&lt;div class="hoge"&gt;
&lt;h2&gt;
　：
　：
&lt;/h2&gt;
&lt;/div&gt;</pre>
</div>

<h4>(CSS)</h4>
<div class="source">
<pre>.hoge h2 {
　：
　：
}</pre>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>カスタムフィールドに値が入っていたら実行したい</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000330.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.330</id>

    <published>2008-11-06T16:21:07Z</published>
    <updated>2008-11-06T16:27:29Z</updated>

    <summary>カスタムフィールドに値が入っているときと、入っていないときで処理を分けたい。 カ...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="テンプレート" 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" />
    <category term="条件分岐" label="条件分岐" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://kannoyuuki.com/memo/">
        <![CDATA[<p>カスタムフィールドに値が入っているときと、入っていないときで処理を分けたい。</p>
<h3>カスタムフィールドに値が入っていたら実行</h3>
<div class="source">
<pre>&lt;MTIfNonEmpty tag="hoge"&gt;
　：
　：
&lt;/MTIfNonEmpty&gt;</pre>
</div>

<p>tag="hoge" の部分にカスタムフィールドで取得したテンプレートタグ名を入れる。</p>]]>
        
    </content>
</entry>

<entry>
    <title>文字サイズを大きくしたときにもレイアウトが崩れないようにしたい</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000327.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.327</id>

    <published>2008-11-06T11:59:34Z</published>
    <updated>2008-11-06T12:26:42Z</updated>

    <summary>ひとつの単語が長いと、文字を大きくしたときに思わぬ結果を招いてしまう。 英単語は...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="スタイルシート" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>ひとつの単語が長いと、文字を大きくしたときに思わぬ結果を招いてしまう。</p>

<img src="http://kannoyuuki.com/images/memo/08_11062059.gif" alt="overflow処理前" width="476" height="180" />

<p>英単語はその長さのまま折り返されることなく表示されてしまうので、たちが悪い。</p>

<h3>文字がはみ出てしまうときの処理（ブラウザに委ねる場合）</h3>
<div class="source">
<pre>#hoge {
	width: 200px;
	overflow: auto;
}</pre>
</div>

<p>基本的には下のように、スクロール表示になる。</p>

<img src="http://kannoyuuki.com/images/memo/08_11062111.gif" alt="overflow処理後" width="476" height="180" />

<p>あまり美しくないが、レイアウト自体が崩れてしまうくらいなら、こちらのほうがマシ。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>Google AdSense</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000325.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.325</id>

    <published>2008-11-06T08:17:14Z</published>
    <updated>2008-11-06T08:34:32Z</updated>

    <summary>コンテンツ連動型の広告。ＰＶがある程度あれば、比較的容易に報酬を得ることが可能。...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="アフィリエイト" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>コンテンツ連動型の広告。<br />ＰＶがある程度あれば、比較的容易に報酬を得ることが可能。</p>]]>
        
    </content>
</entry>

<entry>
    <title>個別ページのタイトルを表示したい</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000322.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.322</id>

    <published>2008-11-06T03:04:19Z</published>
    <updated>2008-11-06T03:30:54Z</updated>

    <summary><![CDATA[個別ページ用のタイトル &lt;title&gt;&lt;$mt:EntryTi...]]></summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="タグ" 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://kannoyuuki.com/memo/">
        <![CDATA[<h3>個別ページ用のタイトル</h3>
<div class="source">
<pre>&lt;title&gt;&lt;$mt:EntryTitle encode_html="1"$&gt; | &lt;$mt:BlogName encode_html="1"$&gt; | hogehoge.com&lt;/title&gt;</pre>
</div>

<p>個別ページタイトル | ブログタイトル | ドメイン</p>]]>
        
    </content>
</entry>

<entry>
    <title>eq モディフィアと like モディフィア</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000321.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.321</id>

    <published>2008-11-06T02:00:54Z</published>
    <updated>2008-11-06T02:01:46Z</updated>

    <summary>「like モディファイアでは perl 正規表現を利用できます。」とあったので...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="備忘録" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>「like モディファイアでは perl 正規表現を利用できます。」とあったので、eq でも使えるのかと思ったら。</p>

<p>そんなことはなかった。</p>

<div class="source">
<pre>&lt;MTSetVar name="vewtype" value="main"&gt;
&lt;MTIf name="vewtype" like="^(main|monthly)"&gt;
　：
　：
&lt;/MTIf&gt;</pre>
</div>
<p>main もしくは monthly で<span class="red">始まる</span>と実行される。</p>]]>
        
    </content>
</entry>

<entry>
    <title>リストの中身を横に並べたい</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000319.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.319</id>

    <published>2008-11-05T06:28:13Z</published>
    <updated>2008-11-07T06:01:40Z</updated>

    <summary>文章と同じように横に並べたいだけなら、display: inline; で十分か...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="スタイルシート" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>文章と同じように横に並べたいだけなら、display: inline; で十分かと。</p>

<h3>リストの中身を横並びにする</h3>
<div class="source">
<pre>li {
	display: inline;
}</pre>
</div>

<p>回り込みさせる場合は以下。</p>

<div class="source">
<pre>li {
	float: left;
}</pre>
</div>

<p>ちなみにリストの記号を取るには。</p>

<h3>リストのスタイルをノーマルにする</h3>
<div class="source">
<pre>li{
	list-style: none;
}</pre>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>AddClips</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000316.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.316</id>

    <published>2008-11-05T02:13:15Z</published>
    <updated>2008-11-05T02:15:30Z</updated>

    <summary> ソーシャルブックマーク＆RSSボタン統合サービス。 ブックマーク登録とRSS登...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク" 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://kannoyuuki.com/memo/">
        <![CDATA[<p> ソーシャルブックマーク＆RSSボタン統合サービス。</p>
<p>ブックマーク登録とRSS登録の双方に対応しているのがありがたい。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Another HTML-lint gateway</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000315.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.315</id>

    <published>2008-11-05T01:42:57Z</published>
    <updated>2008-11-05T01:49:44Z</updated>

    <summary>HTML文書の文法をチェックして、採点してくれるサイト。 凡ミスを見つけてくれる...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://kannoyuuki.com/memo/">
        <![CDATA[<p>HTML文書の文法をチェックして、採点してくれるサイト。</p>
<p>凡ミスを見つけてくれるのもありがたい。</p>]]>
        
    </content>
</entry>

<entry>
    <title>IT総合情報ポータル「ITmedia」</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000295.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.295</id>

    <published>2008-11-03T15:54:43Z</published>
    <updated>2008-11-03T15:57:54Z</updated>

    <summary>情報整理の方法は大いに参考になる。 各カテゴリのトップページもわかりやすい。...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク2" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>情報整理の方法は大いに参考になる。<br />
各カテゴリのトップページもわかりやすい。</p>]]>
        
    </content>
</entry>

<entry>
    <title>旅行のクチコミサイト フォートラベル</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000294.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.294</id>

    <published>2008-11-03T15:32:41Z</published>
    <updated>2008-11-03T15:35:40Z</updated>

    <summary>参加型のサイト構築の参考に。 [「みんなで作る」までの認知が大変だと思うけど。...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク2" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>参加型のサイト構築の参考に。<br />
[「みんなで作る」までの認知が大変だと思うけど。<p>]]>
        
    </content>
</entry>

<entry>
    <title>NHK プロフェッショナル 仕事の流儀</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000286.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.286</id>

    <published>2008-11-03T05:49:43Z</published>
    <updated>2008-11-03T09:18:20Z</updated>

    <summary>適度な賑わいとともに、操作がしやすい。 番組の中身についてはプロジェクトＸに及ば...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク2" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>適度な賑わいとともに、操作がしやすい。<br />
番組の中身についてはプロジェクトＸに及ばないのでノーコメント。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>mtde.info</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000275.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.275</id>

    <published>2008-11-03T00:00:00Z</published>
    <updated>2008-11-03T04:04:00Z</updated>

    <summary>誰にでもわかりやすい、というのはこういうことをいうのだな、と考えさせられる。情報入手の目的達成だけでなく、ユーザビリティの勉強にもなる。</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="参考サイト" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="MovableType" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://kannoyuuki.com/memo/">
        <![CDATA[<p>誰にでもわかりやすい、というのはこういうことをいうのだな、と考えさせられる。<br />
情報入手の目的達成だけでなく、ユーザビリティの勉強にも。</p>]]>
        
    </content>
</entry>

<entry>
    <title>HTMLクイックリファレンス</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000263.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.263</id>

    <published>2008-11-02T05:15:52Z</published>
    <updated>2008-11-02T05:20:08Z</updated>

    <summary>タグを度忘れしたときなど、重宝する。 必要な情報にすぐにたどり着ける構成はさすが...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>タグを度忘れしたときなど、重宝する。<br />
必要な情報にすぐにたどり着ける構成はさすが。</p>]]>
        
    </content>
</entry>

<entry>
    <title>ハル研究所ウェブサイト</title>
    <link rel="alternate" type="text/html" href="http://kannoyuuki.com/memo/2008/11/000260.php" />
    <id>tag:kannoyuuki.com,2008:/memo//5.260</id>

    <published>2008-11-02T03:48:52Z</published>
    <updated>2008-11-02T03:57:33Z</updated>

    <summary>遷移がしっかりしている。...</summary>
    <author>
        <name>yuuki</name>
        
    </author>
    
        <category term="ブックマーク2" 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://kannoyuuki.com/memo/">
        <![CDATA[<p>遷移がしっかりしている。</p>]]>
        
    </content>
</entry>

</feed>



