TREND SPOTTING
tag:www.ixiell.net,2008-10-12://1
2009-12-23T05:32:19Z
Web技術情報、覚えておきたい事、個人的に流行ってる事など
Movable Type Pro 4.21-ja
Paipo???myyahoo???NewsGator Online???feedpath???Bloglines???Google??????RSS???Livedoor???????goo RSS???????Subscribe with PlusmoSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with NewsAlloySubscribe with Live.comSubscribe with Excite MIXSubscribe with Yourminis.comSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with netomat HubSubscribe with Podcast ReadySubscribe with FlurrySubscribe with WikioSubscribe with Daily RotationSubscribe with My AOLSubscribe with PageflakesSubscribe with GoogleSubscribe with NetvibesSubscribe with NewsGatorSubscribe with BloglinesSubscribe with My Yahoo!
メモ：WordpressのWebページにパンくずリストをつける
tag:www.ixiell.net,2009://1.63
2009-12-23T04:56:10Z
2009-12-23T05:32:19Z
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>
<code><span style="color: #000000">
<span style="color: #0000BB"><?php
<br />$i</span><span style="color: #007700">=</span><span style="color: #0000BB">0</span><span style="color: #007700">;
<br /></span><span style="color: #0000BB">$parent_title</span><span style="color: #007700">[</span><span style="color: #0000BB">$i</span><span style="color: #007700">] = </span><span style="color: #DD0000">' &gt; '</span><span style="color: #007700">.</span><span style="color: #0000BB">get_the_title</span><span style="color: #007700">();
<br /></span><span style="color: #0000BB">$parent </span><span style="color: #007700">= </span><span style="color: #0000BB">$post</span><span style="color: #007700">;
<br />while(++</span><span style="color: #0000BB">$i</span><span style="color: #007700">) {
<br /> </span><span style="color: #0000BB">$parent_id </span><span style="color: #007700">= </span><span style="color: #0000BB">$parent</span><span style="color: #007700">-></span><span style="color: #0000BB">post_parent</span><span style="color: #007700">;
<br /> if (</span><span style="color: #0000BB">$parent_id</span><span style="color: #007700">) {
<br /> </span><span style="color: #0000BB">$parent_title</span><span style="color: #007700">[</span><span style="color: #0000BB">$i</span><span style="color: #007700">] = </span><span style="color: #DD0000">' &gt; <a
<br />href="'</span><span style="color: #007700">.</span><span style="color: #0000BB">get_permalink</span><span style="color: #007700">(</span><span style="color: #0000BB">$parent_id</span><span style="color: #007700">).</span><span style="color: #DD0000">'">'</span><span style="color: #007700">.</span><span style="color: #0000BB">get_the_title</span><span style="color: #007700">(</span><span style="color: #0000BB">$parent_id</span><span style="color: #007700">).</span><span style="color: #DD0000">'</a>'</span><span style="color: #007700">;
<br /> </span><span style="color: #0000BB">$parent </span><span style="color: #007700">= </span><span style="color: #0000BB">get_post</span><span style="color: #007700">(</span><span style="color: #0000BB">$parent_id</span><span style="color: #007700">);
<br /> } else {
<br /> </span><span style="color: #0000BB">$parent_title</span><span style="color: #007700">[</span><span style="color: #0000BB">$i</span><span style="color: #007700">++] = </span><span style="color: #DD0000">'<a href="'</span><span style="color: #007700">.</span><span style="color: #0000BB">get_bloginfo</span><span style="color: #007700">(</span><span style="color: #DD0000">'url'</span><span style="color: #007700">).</span><span style="color: #DD0000">'">ホーム</a>'</span><span style="color: #007700">;
<br /> for(</span><span style="color: #0000BB">$n</span><span style="color: #007700">=</span><span style="color: #0000BB">$i</span><span style="color: #007700">;</span><span style="color: #0000BB">$n</span><span style="color: #007700">>-</span><span style="color: #0000BB">1</span><span style="color: #007700">;</span><span style="color: #0000BB">$n</span><span style="color: #007700">--) {
<br /> echo </span><span style="color: #0000BB">$parent_title</span><span style="color: #007700">[</span><span style="color: #0000BB">$n</span><span style="color: #007700">];
<br /> }
<br /> break;
<br /> }
<br />}
<br /></span><span style="color: #0000BB">?></span>
</span>
</code></p>
<p><a href="http://feedads.g.doubleclick.net/~a/GtrQzSN266pfQONJGuktF2rLAwk/0/da"><img src="http://feedads.g.doubleclick.net/~a/GtrQzSN266pfQONJGuktF2rLAwk/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/GtrQzSN266pfQONJGuktF2rLAwk/1/da"><img src="http://feedads.g.doubleclick.net/~a/GtrQzSN266pfQONJGuktF2rLAwk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/olmq5UBonEA" height="1" width="1"/>
http://www.ixiell.net/2009/12/wordpressweb.html
Dreamweaverが突然落ちて以降開けなくなったら
tag:www.ixiell.net,2009://1.62
2009-10-29T05:26:13Z
2009-10-29T05:36:34Z
Dreamweaverでサイトを制作中に突然落ちる(強制終了)してしまうことは、...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Dreamweaverでサイトを制作中に突然落ちる(強制終了)してしまうことは、よくあることですが、それ以降Dreamweaverで対象サイトのファイルを開こうとすると、落ちてしまうことがあります。(どのファイルでも落ちる)</p>
<p>原因は色々あって、全てがこのケースに当てはまるとは思いませんが、簡単にトライ出来るので、再インストールなど面倒な作業を行う前にやってみる価値はあると思います。</p>
<p>あくまでも、Dreamwerverでサイトの定義をおこなって作業している場合です。</p>
<p>サイトの定義(サイト管理)から、ローカルルートフォルダを設定しなおす。<br />
それでもダメな場合は、対象のサイト定義を1回削除してから、再度設定しなおす。</p>
<p>これだけ^^</p>
<p><a href="http://feedads.g.doubleclick.net/~a/FHff0uzThGJArSZMXMTsZFPlV3Y/0/da"><img src="http://feedads.g.doubleclick.net/~a/FHff0uzThGJArSZMXMTsZFPlV3Y/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/FHff0uzThGJArSZMXMTsZFPlV3Y/1/da"><img src="http://feedads.g.doubleclick.net/~a/FHff0uzThGJArSZMXMTsZFPlV3Y/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/rj6yQRy8nsY" height="1" width="1"/>
http://www.ixiell.net/2009/10/dreamweaver-error.html
Flickr APIでユーザーIDが必要な時は
tag:www.ixiell.net,2009://1.61
2009-08-18T06:40:35Z
2009-08-18T06:45:16Z
Flickr APIを使用してサイトを作ろうとしたのですが、ユーザーIDがどこ...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p> Flickr APIを使用してサイトを作ろうとしたのですが、ユーザーIDがどこに載っているかわからない＞＜。</p>
<p>英語が分からないのでかなり時間をかけたのですが、一向にみあたらないのでちょっと検索してみたら。。。</p>
<p><a href="http://idgettr.com/" target="_blank">idgettr.com</a></p>
<p>こんな便利なサイトがございました。感謝です！！</p>
<p><a href="http://feedads.g.doubleclick.net/~a/TJ5CtJU05aq-TF85oG2WNGHch6M/0/da"><img src="http://feedads.g.doubleclick.net/~a/TJ5CtJU05aq-TF85oG2WNGHch6M/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/TJ5CtJU05aq-TF85oG2WNGHch6M/1/da"><img src="http://feedads.g.doubleclick.net/~a/TJ5CtJU05aq-TF85oG2WNGHch6M/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/MM5-fT1abm8" height="1" width="1"/>
http://www.ixiell.net/2009/08/flickrapiid.html
フォームメールをSSL対応にする
tag:www.ixiell.net,2009://1.59
2009-04-04T17:39:32Z
2009-04-04T18:02:40Z
既に公開されているサイトのフォームメールを、共用SSL対応にすることになったので...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>既に公開されているサイトのフォームメールを、共用SSL対応にすることになったのですが、結構なページ数のために面倒だなーなんて思っていたんです。でも、ふと思ったのが.htaccessでリダイレクトしちゃえばいいんじゃないかと!!!!</p>
<p>今までもそのような依頼があったのですが、そんな事は考えもせず、セコセコとやってましたよ...ずっと。</p>
<p>やってみたら、問題なさそうです。<br />
IEだと外部CSSとか画像のパスも変えないと、「セキュリティで保護されている項目と保護されていない項目が含まれています...」と警告が出てしまうので、この部分もリダイレクトかけちゃおうかと思い、やってみたのですが、警告が出てしまう。</p>
<p>「あれ？おかしいな」としばらくごにょごにょやってみたのですが、どうしても出てしまうので、しかたなくフォームとCGIで読み込んでいる画像やらCSSやらJSやらのパスを書き換え、Flashのパス書き換えるところで発見。</p>
<p>まだAC_RunActiveContent.jsとか使っていたので、http://fpdownload.macromedia.com/pub/shockwave/cabs/....みたいなhttpの記述部分が何箇所か。</p>
<p>そうか！ここもs付きにしなきゃいけないんですね。Σ(ﾟДﾟ；)</p>
<p><a href="http://feedads.g.doubleclick.net/~a/MCkkh9UpIqktHrAfgoKJ0N6KqyY/0/da"><img src="http://feedads.g.doubleclick.net/~a/MCkkh9UpIqktHrAfgoKJ0N6KqyY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/MCkkh9UpIqktHrAfgoKJ0N6KqyY/1/da"><img src="http://feedads.g.doubleclick.net/~a/MCkkh9UpIqktHrAfgoKJ0N6KqyY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/8dpB0DGeFWY" height="1" width="1"/>
http://www.ixiell.net/2009/04/ssl.html
Feedburnerのフィードがいつの間にか変わっていたんですね
tag:www.ixiell.net,2009://1.58
2009-03-16T07:38:20Z
2009-03-16T08:00:06Z
Feedburnerのフィードアドレスがhttp://feedproxy.goo...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Feedburnerのフィードアドレスがhttp://feedproxy.google.com/xxxxxからhttp://feed2.feedburner.com/xxxxxに変わっていたんですね。</p>
<p>通常は変更しなくてもhttp://feedproxy.google.com/xxxxxからhttp://feed2.feedburner.com/xxxxxへリダイレクトされるようですが、ココのFeedはおかしな表示になっていまして、確認したところ同じフィードアドレスの別サイトにリンクされておりました。<p/>
<p>FeedburnerはGoogleへの移行とかあって何度かアドレス変わったりしてるようですがそのタイミングで同じフィードアドレスが存在できる状況にあって、今回のアドレス変更でダブりがあると、どちらかが吹き飛ばされちゃうみたいな状況なんでしょうか。(思いっきり被害妄想の仮説)</p>
<p>いずれにしても、ココのFeedが韓国語で全然別のサイトのものになっていたので修正しました。</p>
<p>もし登録されていた方いらっしゃったらすみません。</p>
<p>または登録しようとしたら「大分前からそうなってたよ」って方いらっしゃったら、たぶん私のミス(勘違い)です。申し訳ありません。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/kJvy1ZS-6qISeowK9tgW61zhogg/0/da"><img src="http://feedads.g.doubleclick.net/~a/kJvy1ZS-6qISeowK9tgW61zhogg/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/kJvy1ZS-6qISeowK9tgW61zhogg/1/da"><img src="http://feedads.g.doubleclick.net/~a/kJvy1ZS-6qISeowK9tgW61zhogg/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/tDxI7iJvw3I" height="1" width="1"/>
http://www.ixiell.net/2009/03/feedburner.html
Wordpress記事に被ブックマーク数を表示するプラグイン(新delicious対応)
tag:www.ixiell.net,2009://1.57
2009-02-10T07:19:48Z
2009-02-10T07:36:22Z
Wordpress記事にソーシャルブックマークサービスの被ブックマーク数を表示す...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Wordpress記事にソーシャルブックマークサービスの被ブックマーク数を表示するプラグイン<a href="http://aoina.com/archives/18" target="_blank">SBM Popular Entry</a>を入れたのですが(他の運営サイトで)リニューアルした新deliciousには対応していないらしく表示されません。</p>
<p>また、Yahoo!の登録ボタンもエラーになってしまうので、使うのをためらっていたのですが、対策方法を解説してくださっている方がいらっしゃいました。</p>
<p>新delicious対策<br />
<a href="http://clockmaker.jp/blog/2008/09/sbm-popular-entry_delicious-com/" target="_blank">SBM Popular Entryのdelicious.comのカウント数を表示する</a>：ClockMaker Blog さん</p>
<p>Yahoo!用修正<br />
<a href="http://nyanyan.to/archives/357" target="_blank">「SBM Popular Entryプラグイン」の修正</a>：にゃにゃん．と さん</p>
<p>きちんと動くようになりました。ありがとうございます。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/ESSGJYgbk4a6Mqj_B5-DBIiBJFA/0/da"><img src="http://feedads.g.doubleclick.net/~a/ESSGJYgbk4a6Mqj_B5-DBIiBJFA/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/ESSGJYgbk4a6Mqj_B5-DBIiBJFA/1/da"><img src="http://feedads.g.doubleclick.net/~a/ESSGJYgbk4a6Mqj_B5-DBIiBJFA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/JAxIU_wqR8A" height="1" width="1"/>
http://www.ixiell.net/2009/02/wordpressdelicious.html
gotoAndPlayが効かずgotoAndStopになってしまう件
tag:www.ixiell.net,2009://1.56
2009-02-08T07:00:48Z
2009-02-08T07:21:13Z
Flashで、シーンに配置したタイムラインで動くムービークリップを1フレーム目に...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Flashで、シーンに配置したタイムラインで動くムービークリップを1フレーム目にstopで止めておいて、シーンのフレームアクション1フレーム目でgotoAndPlayして動かそうとすると動きません。</p>
<p>gotoAndPlayで動き出そうとするフレーム数を大分先の方に指定すると、そこで止まっているので、どうやらgotoAndStopの挙動です。</p>
<p>結構悩んだのですが、シーンに記述するgotoAndPlayを2フレーム目に移動したら、解決しました。</p>
<p>普段はローディング付けたりして気がつかないのですが、シーンにあるgotoAndPlayが実行された後、ムービークリップ側のstopが効いちゃうからでしょうか...</p>
<p>常識？ですか...すみません。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/_VwXTpOgTDxeQumSvV0IxAA7AYk/0/da"><img src="http://feedads.g.doubleclick.net/~a/_VwXTpOgTDxeQumSvV0IxAA7AYk/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/_VwXTpOgTDxeQumSvV0IxAA7AYk/1/da"><img src="http://feedads.g.doubleclick.net/~a/_VwXTpOgTDxeQumSvV0IxAA7AYk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/oJ60X7WkLTM" height="1" width="1"/>
http://www.ixiell.net/2009/02/gotoandplay.html
ブラウザサイズによってレイアウトを変えるテクニック
tag:www.ixiell.net,2009://1.55
2009-01-27T04:05:11Z
2009-02-08T07:25:10Z
Javascriptでブラウザのサイズを取得して、あらかじめ数種類(デモでは7種...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Javascriptでブラウザのサイズを取得して、あらかじめ数種類(デモでは7種類)設定したBody要素のclass名に書き換えて、リキッドレイアウトを実現させるテクニックがA List Apartさんで紹介されています。</p>
<p><a href="http://www.alistapart.com/articles/switchymclayout/">A List Apart: Articles: Switchy McLayout: An Adaptive Layout Technique</a><br />
<a href="http://www.alistapart.com/d/switchymclayout/transition_layout_news.html">デモページ</a>を見て参考にするしかなさそうですが、非常に簡単に実装できます。</p>
<p>ヘッド部分で、変化させるブラウザサイズを設定した外部jsを読み込んで</p>
<p>Body要素のclass名を</p>
<pre name="code" class="xml">
＜body class="initial">
</pre>
<p>このようにしておきます。</p>
<pre name="code" class="xml">
<div id="count"></div>
</pre>
<p>上記部分を入れておくと、現在のブラウザサイズとモードを表示してくれます。</p>
<p>あとはスタイルシートを</p>
<pre name="code" class="css">
.initial .contents {
width: 760px;
}
.pda_ver .contents {
width: 60px;
}
・
・
・
.screen_wide .contents {
width: 1200px;
}
</pre>
<p>このようにしていけば、ブラウズサイズごとに異なるレイアウトが可能になります。</p>
<p>この方法なら、固定幅のリキッドレイアウトが可能になり、ブラウザサイズによって特定のボックスを非表示にしたり、フォントサイズを変えたりすることもできますね。</p>
<p>Javascriptも非常にシンプルなので、切り替えの種類を増減させたり、ブラウザの高さも絡めたりし易いです。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/-pqaQupCn-tOsfZhWlKZBAGP92M/0/da"><img src="http://feedads.g.doubleclick.net/~a/-pqaQupCn-tOsfZhWlKZBAGP92M/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/-pqaQupCn-tOsfZhWlKZBAGP92M/1/da"><img src="http://feedads.g.doubleclick.net/~a/-pqaQupCn-tOsfZhWlKZBAGP92M/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/4N4PcQdACYQ" height="1" width="1"/>
http://www.ixiell.net/2009/01/layout.html
よく使う記号の文字実体参照
tag:www.ixiell.net,2009://1.54
2009-01-23T07:53:56Z
2009-01-25T04:14:30Z
よく使う一般記号・数学記号・ギリシア文字などの文字実体参照(エンティティ)を、コ...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>よく使う一般記号・数学記号・ギリシア文字などの文字実体参照(エンティティ)を、コピペできるように、ここに書き留めておきます。</p>
<div id="table-list">
<p>よく使うマークアップ記号</p>
<table>
<tr>
<th>表示</th>
<th>文字実体</th>
<th>数値文字</th>
<th>説明</th>
</tr>
</thead>
<tbody>
<tr>
<td class="mark"><</td>
<td>&lt;</td>
<td>&#60;</td>
<td>小なり</td>
</tr>
<tr>
<td class="mark">></td>
<td>&gt;</td>
<td>&#62;</td>
<td>大なり</td>
</tr>
<tr>
<td class="mark">«</td>
<td>&laquo;</td>
<td>&#171;</td>
<td>二重山カッコ (始)</td>
</tr>
<tr>
<td class="mark">»</td>
<td>&raquo;</td>
<td>&#187;</td>
<td>二重山カッコ (終)</td>
</tr>
<tr>
<td class="mark">&</td>
<td>&amp;</td>
<td>&#38;</td>
<td>アンパサンド</td>
</tr>
<tr>
<td class="mark">"</td>
<td>&quot;</td>
<td>&#34;</td>
<td>二重引用符</td>
</tr>
<tr>
<td class="mark"> </td>
<td>&nbsp;</td>
<td>&#160;</td>
<td>改行禁止スペース</td>
</tr>
<tr>
<td class="mark">©</td>
<td>&copy;</td>
<td>&#169;</td>
<td>著作権</td>
</tr>
<tr>
<td class="mark">®</td>
<td>&reg;</td>
<td>&#174;</td>
<td>登録商標</td>
</tr>
<tr>
<td class="mark">¥</td>
<td>&yen;</td>
<td>&#165;</td>
<td>円</td>
</tr>
</table>
<br />
<p>マークアップ記号、国際化文字</p>
<table>
<tr>
<th>表示</th>
<th>文字実体</th>
<th>数値文字</th>
<th>説明</th>
</tr>
<tr>
<td class="mark"><</td>
<td>&lt;</td>
<td>&#60;</td>
<td>小なり</td>
</tr>
<tr>
<td class="mark">></td>
<td>&gt;</td>
<td>&#62;</td>
<td>大なり</td>
</tr>
<tr>
<td class="mark">&</td>
<td>&amp;</td>
<td>&#38;</td>
<td>アンパサンド</td>
</tr>
<tr>
<td class="mark">'</td>
<td>&apos;</td>
<td>&#39;</td>
<td>アポストロフィ</td>
</tr>
<tr>
<td class="mark">"</td>
<td>&quot;</td>
<td>&#34;</td>
<td>二重引用符</td>
</tr>
<tr>
<td class="mark">Œ</td>
<td>&OElig;</td>
<td>&#338;</td>
<td>OE 連字</td>
</tr>
<tr>
<td class="mark">œ</td>
<td>&oelig;</td>
<td>&#339;</td>
<td>oe 連字</td>
</tr>
<tr>
<td class="mark">Š</td>
<td>&Scaron;</td>
<td>&#352;</td>
<td>S キャロン</td>
</tr>
<tr>
<td class="mark">š</td>
<td>&scaron;</td>
<td>&#353;</td>
<td>s キャロン</td>
</tr>
<tr>
<td class="mark">Ÿ</td>
<td>&Yuml;</td>
<td>&#376;</td>
<td>Y ウムラウト</td>
</tr>
<tr>
<td class="mark">ˆ</td>
<td>&circ;</td>
<td>&#710;</td>
<td>曲アクセント</td>
</tr>
<tr>
<td class="mark">˜</td>
<td>&tilde;</td>
<td>&#732;</td>
<td>チルダ</td>
</tr>
<tr>
<td class="mark"> </td>
<td>&ensp;</td>
<td>&#8194;</td>
<td>n の文字幅のスペース</td>
</tr>
<tr>
<td class="mark"> </td>
<td>&emsp;</td>
<td>&#8195;</td>
<td>m の文字幅のスペース</td>
</tr>
<tr>
<td class="mark"> </td>
<td>&thinsp;</td>
<td>&#8201;</td>
<td>細いスペース</td>
</tr>
<tr>
<td class="mark">‌</td>
<td>&zwnj;</td>
<td>&#8204;</td>
<td>ノンジョイナー</td>
</tr>
<tr>
<td class="mark">‍</td>
<td>&zwj;</td>
<td>&#8205;</td>
<td>ジョイナー</td>
</tr>
<tr>
<td class="mark">‎</td>
<td>&lrm;</td>
<td>&#8206;</td>
<td>左から右マーク</td>
</tr>
<tr>
<td class="mark">‏</td>
<td>&rlm;</td>
<td>&#8207;</td>
<td>右から左マーク</td>
</tr>
<tr>
<td class="mark">–</td>
<td>&ndash;</td>
<td>&#8211;</td>
<td>n の文字幅のダッシュ</td>
</tr>
<tr>
<td class="mark">—</td>
<td>&mdash;</td>
<td>&#8212;</td>
<td>m の文字幅のダッシュ</td>
</tr>
<tr>
<td class="mark">‘</td>
<td>&lsquo;</td>
<td>&#8216;</td>
<td>引用符(始)</td>
</tr>
<tr>
<td class="mark">’</td>
<td>&rsquo;</td>
<td>&#8217;</td>
<td>引用符(終)</td>
</tr>
<tr>
<td class="mark">‚</td>
<td>&sbquo;</td>
<td>&#8218;</td>
<td>下つき引用符</td>
</tr>
<tr>
<td class="mark">“</td>
<td>&ldquo;</td>
<td>&#8220;</td>
<td>二重引用符(始)</td>
</tr>
<tr>
<td class="mark">”</td>
<td>&rdquo;</td>
<td>&#8221;</td>
<td>二重引用符(終)</td>
</tr>
<tr>
<td class="mark">„</td>
<td>&bdquo;</td>
<td>&#8222;</td>
<td>下つき二重引用符</td>
</tr>
<tr>
<td class="mark">†</td>
<td>&dagger;</td>
<td>&#8224;</td>
<td>ダガー (短剣符)</td>
</tr>
<tr>
<td class="mark">‡</td>
<td>&Dagger;</td>
<td>&#8225;</td>
<td>ダブルダガー (短剣符)</td>
</tr>
<tr>
<td class="mark">‰</td>
<td>&permil;</td>
<td>&#8240;</td>
<td>パーミル</td>
</tr>
<tr>
<td class="mark">‹</td>
<td>&lsaquo;</td>
<td>&#8249;</td>
<td>山カッコ (始)</td>
</tr>
<tr>
<td class="mark">›</td>
<td>&rsaquo;</td>
<td>&#8250;</td>
<td>山カッコ (終)</td>
</tr>
<tr>
<td class="mark">€</td>
<td>&euro;</td>
<td>&#8364;</td>
<td>ユーロ</td>
</tr>
</table>
<br />
<p>ISO 8859-1 ラテン、アルファベット</p>
<table>
<tr>
<th>表示</th>
<th>文字実体</th>
<th>数値文字</th>
<th>説明</th>
</tr>
<tr>
<td class="mark"> </td>
<td>&nbsp;</td>
<td>&#160;</td>
<td>改行禁止スペース</td>
</tr>
<tr>
<td class="mark">¡</td>
<td>&iexcl;</td>
<td>&#161;</td>
<td>反転感嘆符</td>
</tr>
<tr>
<td class="mark">¢</td>
<td>&cent;</td>
<td>&#162;</td>
<td>セント</td>
</tr>
<tr>
<td class="mark">£</td>
<td>&pound;</td>
<td>&#163;</td>
<td>ポンド</td>
</tr>
<tr>
<td class="mark">¤</td>
<td>&curren;</td>
<td>&#164;</td>
<td>汎用通貨</td>
</tr>
<tr>
<td class="mark">¥</td>
<td>&yen;</td>
<td>&#165;</td>
<td>円</td>
</tr>
<tr>
<td class="mark">¦</td>
<td>&brvbar;</td>
<td>&#166;</td>
<td>縦破線</td>
</tr>
<tr>
<td class="mark">§</td>
<td>&sect;</td>
<td>&#167;</td>
<td>セクション</td>
</tr>
<tr>
<td class="mark">¨</td>
<td>&uml;</td>
<td>&#168;</td>
<td>ウムラウト</td>
</tr>
<tr>
<td class="mark">©</td>
<td>&copy;</td>
<td>&#169;</td>
<td>著作権</td>
</tr>
<tr>
<td class="mark">ª</td>
<td>&ordf;</td>
<td>&#170;</td>
<td>女性序数</td>
</tr>
<tr>
<td class="mark">«</td>
<td>&laquo;</td>
<td>&#171;</td>
<td>二重山カッコ (始)</td>
</tr>
<tr>
<td class="mark">¬</td>
<td>&not;</td>
<td>&#172;</td>
<td>ノット</td>
</tr>
<tr>
<td class="mark">­</td>
<td>&shy;</td>
<td>&#173;</td>
<td>ソフトハイフン</td>
</tr>
<tr>
<td class="mark">®</td>
<td>&reg;</td>
<td>&#174;</td>
<td>登録商標</td>
</tr>
<tr>
<td class="mark">¯</td>
<td>&macr;</td>
<td>&#175;</td>
<td>マクロン</td>
</tr>
<tr>
<td class="mark">°</td>
<td>&deg;</td>
<td>&#176;</td>
<td>度</td>
</tr>
<tr>
<td class="mark">±</td>
<td>&plusmn;</td>
<td>&#177;</td>
<td>プラスマイナス</td>
</tr>
<tr>
<td class="mark">²</td>
<td>&sup2;</td>
<td>&#178;</td>
<td>上付きの 2</td>
</tr>
<tr>
<td class="mark">³</td>
<td>&sup3;</td>
<td>&#179;</td>
<td>上付きの 3</td>
</tr>
<tr>
<td class="mark">´</td>
<td>&acute;</td>
<td>&#180;</td>
<td>鋭アクセント</td>
</tr>
<tr>
<td class="mark">µ</td>
<td>&micro;</td>
<td>&#181;</td>
<td>マイクロ</td>
</tr>
<tr>
<td class="mark">¶</td>
<td>&para;</td>
<td>&#182;</td>
<td>パラグラフ</td>
</tr>
<tr>
<td class="mark">·</td>
<td>&middot;</td>
<td>&#183;</td>
<td>中黒</td>
</tr>
<tr>
<td class="mark">¸</td>
<td>&cedil;</td>
<td>&#184;</td>
<td>セディーユ</td>
</tr>
<tr>
<td class="mark">¹</td>
<td>&sup1;</td>
<td>&#185;</td>
<td>上付きの 1</td>
</tr>
<tr>
<td class="mark">º</td>
<td>&ordm;</td>
<td>&#186;</td>
<td>男性序数</td>
</tr>
<tr>
<td class="mark">»</td>
<td>&raquo;</td>
<td>&#187;</td>
<td>二重山カッコ (終)</td>
</tr>
<tr>
<td class="mark">¼</td>
<td>&frac14;</td>
<td>&#188;</td>
<td>4 分の 1</td>
</tr>
<tr>
<td class="mark">½</td>
<td>&frac12;</td>
<td>&#189;</td>
<td>2 分の 1</td>
</tr>
<tr>
<td class="mark">¾</td>
<td>&frac34;</td>
<td>&#190;</td>
<td>4 分の 3</td>
</tr>
<tr>
<td class="mark">¿</td>
<td>&iquest;</td>
<td>&#191;</td>
<td>反転疑問符</td>
</tr>
<tr>
<td class="mark">À</td>
<td>&Agrave;</td>
<td>&#192;</td>
<td>A 低アクセント</td>
</tr>
<tr>
<td class="mark">Á</td>
<td>&Aacute;</td>
<td>&#193;</td>
<td>A 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Â</td>
<td>&Acirc;</td>
<td>&#194;</td>
<td>A 曲アクセント</td>
</tr>
<tr>
<td class="mark">Ã</td>
<td>&Atilde;</td>
<td>&#195;</td>
<td>A チルダ</td>
</tr>
<tr>
<td class="mark">Ä</td>
<td>&Auml;</td>
<td>&#196;</td>
<td>A ウムラウト</td>
</tr>
<tr>
<td class="mark">Å</td>
<td>&Aring;</td>
<td>&#197;</td>
<td>A リング</td>
</tr>
<tr>
<td class="mark">Æ</td>
<td>&AElig;</td>
<td>&#198;</td>
<td>AE 連字</td>
</tr>
<tr>
<td class="mark">Ç</td>
<td>&Ccedil;</td>
<td>&#199;</td>
<td>C セディラ</td>
</tr>
<tr>
<td class="mark">È</td>
<td>&Egrave;</td>
<td>&#200;</td>
<td>E 低アクセント</td>
</tr>
<tr>
<td class="mark">É</td>
<td>&Eacute;</td>
<td>&#201;</td>
<td>E 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Ê</td>
<td>&Ecirc;</td>
<td>&#202;</td>
<td>E 曲アクセント</td>
</tr>
<tr>
<td class="mark">Ë</td>
<td>&Euml;</td>
<td>&#203;</td>
<td>E ウムラウト</td>
</tr>
<tr>
<td class="mark">Ì</td>
<td>&Igrave;</td>
<td>&#204;</td>
<td>I 低アクセント</td>
</tr>
<tr>
<td class="mark">Í</td>
<td>&Iacute;</td>
<td>&#205;</td>
<td>I 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Î</td>
<td>&Icirc;</td>
<td>&#206;</td>
<td>I 曲アクセント</td>
</tr>
<tr>
<td class="mark">Ï</td>
<td>&Iuml;</td>
<td>&#207;</td>
<td>I ウムラウト</td>
</tr>
<tr>
<td class="mark">Ð</td>
<td>&ETH;</td>
<td>&#208;</td>
<td>古英語 の ETH</td>
</tr>
<tr>
<td class="mark">Ñ</td>
<td>&Ntilde;</td>
<td>&#209;</td>
<td>N チルダ</td>
</tr>
<tr>
<td class="mark">Ò</td>
<td>&Ograve;</td>
<td>&#210;</td>
<td>O 低アクセント</td>
</tr>
<tr>
<td class="mark">Ó</td>
<td>&Oacute;</td>
<td>&#211;</td>
<td>O 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Ô</td>
<td>&Ocirc;</td>
<td>&#212;</td>
<td>O 曲アクセント</td>
</tr>
<tr>
<td class="mark">Õ</td>
<td>&Otilde;</td>
<td>&#213;</td>
<td>O チルダ</td>
</tr>
<tr>
<td class="mark">Ö</td>
<td>&Ouml;</td>
<td>&#214;</td>
<td>O ウムラウト</td>
</tr>
<tr>
<td class="mark">×</td>
<td>&times;</td>
<td>&#215;</td>
<td>乗法</td>
</tr>
<tr>
<td class="mark">Ø</td>
<td>&Oslash;</td>
<td>&#216;</td>
<td>O スラッシュ</td>
</tr>
<tr>
<td class="mark">Ù</td>
<td>&Ugrave;</td>
<td>&#217;</td>
<td>U 低アクセント</td>
</tr>
<tr>
<td class="mark">Ú</td>
<td>&Uacute;</td>
<td>&#218;</td>
<td>U 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Û</td>
<td>&Ucirc;</td>
<td>&#219;</td>
<td>U 曲アクセント</td>
</tr>
<tr>
<td class="mark">Ü</td>
<td>&Uuml;</td>
<td>&#220;</td>
<td>U ウムラウト</td>
</tr>
<tr>
<td class="mark">Ý</td>
<td>&Yacute;</td>
<td>&#221;</td>
<td>Y 鋭アクセント</td>
</tr>
<tr>
<td class="mark">Þ</td>
<td>&THORN;</td>
<td>&#222;</td>
<td>古英語の THORN</td>
</tr>
<tr>
<td class="mark">ß</td>
<td>&szlig;</td>
<td>&#223;</td>
<td>ドイツ語の sz 連字</td>
</tr>
<tr>
<td class="mark">à</td>
<td>&agrave;</td>
<td>&#224;</td>
<td>a 低アクセント</td>
</tr>
<tr>
<td class="mark">á</td>
<td>&aacute;</td>
<td>&#225;</td>
<td>a 鋭アクセント</td>
</tr>
<tr>
<td class="mark">â</td>
<td>&acirc;</td>
<td>&#226;</td>
<td>a 曲アクセント</td>
</tr>
<tr>
<td class="mark">ã</td>
<td>&atilde;</td>
<td>&#227;</td>
<td>a チルダ</td>
</tr>
<tr>
<td class="mark">ä</td>
<td>&auml;</td>
<td>&#228;</td>
<td>a ウムラウト</td>
</tr>
<tr>
<td class="mark">å</td>
<td>&aring;</td>
<td>&#229;</td>
<td>a リング</td>
</tr>
<tr>
<td class="mark">æ</td>
<td>&aelig;</td>
<td>&#230;</td>
<td>ae 連字</td>
</tr>
<tr>
<td class="mark">ç</td>
<td>&ccedil;</td>
<td>&#231;</td>
<td>c セディラ</td>
</tr>
<tr>
<td class="mark">è</td>
<td>&egrave;</td>
<td>&#232;</td>
<td>e 低アクセント</td>
</tr>
<tr>
<td class="mark">é</td>
<td>&eacute;</td>
<td>&#233;</td>
<td>e 鋭アクセント</td>
</tr>
<tr>
<td class="mark">ê</td>
<td>&ecirc;</td>
<td>&#234;</td>
<td>e 曲アクセント</td>
</tr>
<tr>
<td class="mark">ë</td>
<td>&euml;</td>
<td>&#235;</td>
<td>e ウムラウト</td>
</tr>
<tr>
<td class="mark">ì</td>
<td>&igrave;</td>
<td>&#236;</td>
<td>i 低アクセント</td>
</tr>
<tr>
<td class="mark">í</td>
<td>&iacute;</td>
<td>&#237;</td>
<td>i 鋭アクセント</td>
</tr>
<tr>
<td class="mark">î</td>
<td>&icirc;</td>
<td>&#238;</td>
<td>i 曲アクセント</td>
</tr>
<tr>
<td class="mark">ï</td>
<td>&iuml;</td>
<td>&#239;</td>
<td>i ウムラウト</td>
</tr>
<tr>
<td class="mark">ð</td>
<td>&eth;</td>
<td>&#240;</td>
<td>古英語の eth</td>
</tr>
<tr>
<td class="mark">ñ</td>
<td>&ntilde;</td>
<td>&#241;</td>
<td>n チルダ</td>
</tr>
<tr>
<td class="mark">ò</td>
<td>&ograve;</td>
<td>&#242;</td>
<td>o 低アクセント</td>
</tr>
<tr>
<td class="mark">ó</td>
<td>&oacute;</td>
<td>&#243;</td>
<td>o 鋭アクセント</td>
</tr>
<tr>
<td class="mark">ô</td>
<td>&ocirc;</td>
<td>&#244;</td>
<td>o 曲アクセント</td>
</tr>
<tr>
<td class="mark">õ</td>
<td>&otilde;</td>
<td>&#245;</td>
<td>o チルダ</td>
</tr>
<tr>
<td class="mark">ö</td>
<td>&ouml;</td>
<td>&#246;</td>
<td>o ウムラウト</td>
</tr>
<tr>
<td class="mark">÷</td>
<td>&divide;</td>
<td>&#247;</td>
<td>除法</td>
</tr>
<tr>
<td class="mark">ø</td>
<td>&oslash;</td>
<td>&#248;</td>
<td>o チルダ</td>
</tr>
<tr>
<td class="mark">ù</td>
<td>&ugrave;</td>
<td>&#249;</td>
<td>u 低アクセント</td>
</tr>
<tr>
<td class="mark">ú</td>
<td>&uacute;</td>
<td>&#250;</td>
<td>u 鋭アクセント</td>
</tr>
<tr>
<td class="mark">û</td>
<td>&ucirc;</td>
<td>&#251;</td>
<td>u 曲アクセント</td>
</tr>
<tr>
<td class="mark">ü</td>
<td>&uuml;</td>
<td>&#252;</td>
<td>u ウムラウト</td>
</tr>
<tr>
<td class="mark">ý</td>
<td>&yacute;</td>
<td>&#253;</td>
<td>y 鋭アクセント</td>
</tr>
<tr>
<td class="mark">þ</td>
<td>&thorn;</td>
<td>&#254;</td>
<td>古英語の thorn</td>
</tr>
<tr>
<td class="mark">ÿ</td>
<td>&yuml;</td>
<td>&#255;</td>
<td>y ウムラウト</td>
</tr>
</table>
<br />
<p>一般記号、数学記号、ギリシア文字</p>
<table>
<tr>
<th>表示</th>
<th>文字実体</th>
<th>数値文字</th>
<th>説明</th>
</tr>
<tr>
<td class="mark">Α</td>
<td>&Alpha;</td>
<td>&#913;</td>
<td>アルファ</td>
</tr>
<tr>
<td class="mark">Β</td>
<td>&Beta;</td>
<td>&#914;</td>
<td>ベータ</td>
</tr>
<tr>
<td class="mark">Γ</td>
<td>&Gamma;</td>
<td>&#915;</td>
<td>ガンマ</td>
</tr>
<tr>
<td class="mark">Δ</td>
<td>&Delta;</td>
<td>&#916;</td>
<td>デルタ</td>
</tr>
<tr>
<td class="mark">Ε</td>
<td>&Epsilon;</td>
<td>&#917;</td>
<td>エプシロン</td>
</tr>
<tr>
<td class="mark">Ζ</td>
<td>&Zeta;</td>
<td>&#918;</td>
<td>ゼータ</td>
</tr>
<tr>
<td class="mark">Η</td>
<td>&Eta;</td>
<td>&#919;</td>
<td>イータ</td>
</tr>
<tr>
<td class="mark">Θ</td>
<td>&Theta;</td>
<td>&#920;</td>
<td>シータ</td>
</tr>
<tr>
<td class="mark">Ι</td>
<td>&Iota;</td>
<td>&#921;</td>
<td>イオタ</td>
</tr>
<tr>
<td class="mark">Κ</td>
<td>&Kappa;</td>
<td>&#922;</td>
<td>カッパ</td>
</tr>
<tr>
<td class="mark">Λ</td>
<td>&Lambda;</td>
<td>&#923;</td>
<td>ラムダ</td>
</tr>
<tr>
<td class="mark">Μ</td>
<td>&Mu;</td>
<td>&#924;</td>
<td>ミュー</td>
</tr>
<tr>
<td class="mark">Ν</td>
<td>&Nu;</td>
<td>&#925;</td>
<td>ニュー</td>
</tr>
<tr>
<td class="mark">Ξ</td>
<td>&Xi;</td>
<td>&#926;</td>
<td>クシー</td>
</tr>
<tr>
<td class="mark">Ο</td>
<td>&Omicron;</td>
<td>&#927;</td>
<td>オミクロン</td>
</tr>
<tr>
<td class="mark">Π</td>
<td>&Pi;</td>
<td>&#928;</td>
<td>パイ</td>
</tr>
<tr>
<td class="mark">Ρ</td>
<td>&Rho;</td>
<td>&#929;</td>
<td>ロー</td>
</tr>
<tr>
<td class="mark">Σ</td>
<td>&Sigma;</td>
<td>&#931;</td>
<td>シグマ</td>
</tr>
<tr>
<td class="mark">Τ</td>
<td>&Tau;</td>
<td>&#932;</td>
<td>タウ</td>
</tr>
<tr>
<td class="mark">Υ</td>
<td>&Upsilon;</td>
<td>&#933;</td>
<td>イプシロン</td>
</tr>
<tr>
<td class="mark">Φ</td>
<td>&Phi;</td>
<td>&#934;</td>
<td>フィー</td>
</tr>
<tr>
<td class="mark">Χ</td>
<td>&Chi;</td>
<td>&#935;</td>
<td>キー</td>
</tr>
<tr>
<td class="mark">Ψ</td>
<td>&Psi;</td>
<td>&#936;</td>
<td>プシー</td>
</tr>
<tr>
<td class="mark">Ω</td>
<td>&Omega;</td>
<td>&#937;</td>
<td>オメガ</td>
</tr>
<tr>
<td class="mark">α</td>
<td>&alpha;</td>
<td>&#945;</td>
<td>アルファ</td>
</tr>
<tr>
<td class="mark">β</td>
<td>&beta;</td>
<td>&#946;</td>
<td>ベータ</td>
</tr>
<tr>
<td class="mark">γ</td>
<td>&gamma;</td>
<td>&#947;</td>
<td>ガンマ</td>
</tr>
<tr>
<td class="mark">δ</td>
<td>&delta;</td>
<td>&#948;</td>
<td>デルタ</td>
</tr>
<tr>
<td class="mark">ε</td>
<td>&epsilon;</td>
<td>&#949;</td>
<td>エプシロン</td>
</tr>
<tr>
<td class="mark">ζ</td>
<td>&zeta;</td>
<td>&#950;</td>
<td>ゼータ</td>
</tr>
<tr>
<td class="mark">η</td>
<td>&eta;</td>
<td>&#951;</td>
<td>イータ</td>
</tr>
<tr>
<td class="mark">θ</td>
<td>&theta;</td>
<td>&#952;</td>
<td>シータ</td>
</tr>
<tr>
<td class="mark">ι</td>
<td>&iota;</td>
<td>&#953;</td>
<td>イオタ</td>
</tr>
<tr>
<td class="mark">κ</td>
<td>&kappa;</td>
<td>&#954;</td>
<td>カッパ</td>
</tr>
<tr>
<td class="mark">λ</td>
<td>&lambda;</td>
<td>&#955;</td>
<td>ラムダ</td>
</tr>
<tr>
<td class="mark">μ</td>
<td>&mu;</td>
<td>&#956;</td>
<td>ミュー</td>
</tr>
<tr>
<td class="mark">ν</td>
<td>&nu;</td>
<td>&#957;</td>
<td>ニュー</td>
</tr>
<tr>
<td class="mark">ξ</td>
<td>&xi;</td>
<td>&#958;</td>
<td>クシー</td>
</tr>
<tr>
<td class="mark">ο</td>
<td>&omicron;</td>
<td>&#959;</td>
<td>オミクロン</td>
</tr>
<tr>
<td class="mark">π</td>
<td>&pi;</td>
<td>&#960;</td>
<td>パイ</td>
</tr>
<tr>
<td class="mark">ρ</td>
<td>&rho;</td>
<td>&#961;</td>
<td>ロー</td>
</tr>
<tr>
<td class="mark">ς</td>
<td>&sigmaf;</td>
<td>&#962;</td>
<td>ファイナルシグマ</td>
</tr>
<tr>
<td class="mark">σ</td>
<td>&sigma;</td>
<td>&#963;</td>
<td>シグマ</td>
</tr>
<tr>
<td class="mark">τ</td>
<td>&tau;</td>
<td>&#964;</td>
<td>タウ</td>
</tr>
<tr>
<td class="mark">υ</td>
<td>&upsilon;</td>
<td>&#965;</td>
<td>イプシロン</td>
</tr>
<tr>
<td class="mark">φ</td>
<td>&phi;</td>
<td>&#966;</td>
<td>フィー</td>
</tr>
<tr>
<td class="mark">χ</td>
<td>&chi;</td>
<td>&#967;</td>
<td>キー</td>
</tr>
<tr>
<td class="mark">ψ</td>
<td>&psi;</td>
<td>&#968;</td>
<td>プシー</td>
</tr>
<tr>
<td class="mark">ω</td>
<td>&omega;</td>
<td>&#969;</td>
<td>オメガ</td>
</tr>
<tr>
<td class="mark">ϑ</td>
<td>&thetasym;</td>
<td>&#977;</td>
<td>シータシンボル</td>
</tr>
<tr>
<td class="mark">ϒ</td>
<td>&upsih;</td>
<td>&#978;</td>
<td>かぎつき イプシロン</td>
</tr>
<tr>
<td class="mark">ϖ</td>
<td>&piv;</td>
<td>&#982;</td>
<td>パイシンボル</td>
</tr>
<tr>
<td class="mark">•</td>
<td>&bull;</td>
<td>&#8226;</td>
<td>ブリット</td>
</tr>
<tr>
<td class="mark">…</td>
<td>&hellip;</td>
<td>&#8230;</td>
<td>三点リーダー</td>
</tr>
<tr>
<td class="mark">′</td>
<td>&prime;</td>
<td>&#8242;</td>
<td>プライム 分</td>
</tr>
<tr>
<td class="mark">″</td>
<td>&Prime;</td>
<td>&#8243;</td>
<td>ダブルプライム 時</td>
</tr>
<tr>
<td class="mark">‾</td>
<td>&oline;</td>
<td>&#8254;</td>
<td>オーバーライン</td>
</tr>
<tr>
<td class="mark">⁄</td>
<td>&frasl;</td>
<td>&#8260;</td>
<td>スラッシュ</td>
</tr>
<tr>
<td class="mark">℘</td>
<td>&weierp;</td>
<td>&#8472;</td>
<td>手書き風のP</td>
</tr>
<tr>
<td class="mark">ℑ</td>
<td>&image;</td>
<td>&#8465;</td>
<td>手書き風のI（虚数のI）</td>
</tr>
<tr>
<td class="mark">ℜ</td>
<td>&real;</td>
<td>&#8476;</td>
<td>手書き風のR（実数のR）</td>
</tr>
<tr>
<td class="mark">™</td>
<td>&trade;</td>
<td>&#8482;</td>
<td>商標</td>
</tr>
<tr>
<td class="mark">ℵ</td>
<td>&alefsym;</td>
<td>&#8501;</td>
<td>アーレフ</td>
</tr>
<tr>
<td class="mark">←</td>
<td>&larr;</td>
<td>&#8592;</td>
<td>左矢</td>
</tr>
<tr>
<td class="mark">↑</td>
<td>&uarr;</td>
<td>&#8593;</td>
<td>上矢</td>
</tr>
<tr>
<td class="mark">→</td>
<td>&rarr;</td>
<td>&#8594;</td>
<td>右矢</td>
</tr>
<tr>
<td class="mark">↓</td>
<td>&darr;</td>
<td>&#8595;</td>
<td>下矢</td>
</tr>
<tr>
<td class="mark">↔</td>
<td>&harr;</td>
<td>&#8596;</td>
<td>左右矢</td>
</tr>
<tr>
<td class="mark">↵</td>
<td>&crarr;</td>
<td>&#8629;</td>
<td>キャリッジリターン</td>
</tr>
<tr>
<td class="mark">⇐</td>
<td>&lArr;</td>
<td>&#8656;</td>
<td>二重左矢</td>
</tr>
<tr>
<td class="mark">⇑</td>
<td>&uArr;</td>
<td>&#8657;</td>
<td>二重上矢</td>
</tr>
<tr>
<td class="mark">⇒</td>
<td>&rArr;</td>
<td>&#8658;</td>
<td>二重右矢</td>
</tr>
<tr>
<td class="mark">⇓</td>
<td>&dArr;</td>
<td>&#8659;</td>
<td>二重下矢</td>
</tr>
<tr>
<td class="mark">⇔</td>
<td>&hArr;</td>
<td>&#8660;</td>
<td>二重左右矢</td>
</tr>
<tr>
<td class="mark">∀</td>
<td>&forall;</td>
<td>&#8704;</td>
<td>数学 (すべての)</td>
</tr>
<tr>
<td class="mark">∂</td>
<td>&part;</td>
<td>&#8706;</td>
<td>数学 (偏導関数)</td>
</tr>
<tr>
<td class="mark">∃</td>
<td>&exist;</td>
<td>&#8707;</td>
<td>数学 (存在する)</td>
</tr>
<tr>
<td class="mark">∅</td>
<td>&empty;</td>
<td>&#8709;</td>
<td>数学 (空集合)</td>
</tr>
<tr>
<td class="mark">∇</td>
<td>&nabla;</td>
<td>&#8711;</td>
<td>数学 (ナブラ)</td>
</tr>
<tr>
<td class="mark">∈</td>
<td>&isin;</td>
<td>&#8712;</td>
<td>数学 (元として含まれる)</td>
</tr>
<tr>
<td class="mark">∉</td>
<td>&notin;</td>
<td>&#8713;</td>
<td>数学 (元として含まれない)</td>
</tr>
<tr>
<td class="mark">∋</td>
<td>&ni;</td>
<td>&#8715;</td>
<td>数学 (元として含む)</td>
</tr>
<tr>
<td class="mark">∏</td>
<td>&prod;</td>
<td>&#8719;</td>
<td>数学（nの積）</td>
</tr>
<tr>
<td class="mark">∑</td>
<td>&sum;</td>
<td>&#8721;</td>
<td>数学（nの総和）</td>
</tr>
<tr>
<td class="mark">−</td>
<td>&minus;</td>
<td>&#8722;</td>
<td>数学 (総和)</td>
</tr>
<tr>
<td class="mark">∗</td>
<td>&lowast;</td>
<td>&#8727;</td>
<td>数学 (アステリスク)</td>
</tr>
<tr>
<td class="mark">√</td>
<td>&radic;</td>
<td>&#8730;</td>
<td>数学 (平方根)</td>
</tr>
<tr>
<td class="mark">∝</td>
<td>&prop;</td>
<td>&#8733;</td>
<td>数学 (比例)</td>
</tr>
<tr>
<td class="mark">∞</td>
<td>&infin;</td>
<td>&#8734;</td>
<td>数学 (無限)</td>
</tr>
<tr>
<td class="mark">∠</td>
<td>&ang;</td>
<td>&#8736;</td>
<td>数学 (角度)</td>
</tr>
<tr>
<td class="mark">∧</td>
<td>&and;</td>
<td>&#8743;</td>
<td>数学 (合接)</td>
</tr>
<tr>
<td class="mark">∨</td>
<td>&or;</td>
<td>&#8744;</td>
<td>数学 (離接)</td>
</tr>
<tr>
<td class="mark">∩</td>
<td>&cap;</td>
<td>&#8745;</td>
<td>数学 (積集合)</td>
</tr>
<tr>
<td class="mark">∪</td>
<td>&cup;</td>
<td>&#8746;</td>
<td>数学 (和集合)</td>
</tr>
<tr>
<td class="mark">∫</td>
<td>&int;</td>
<td>&#8747;</td>
<td>数学 (積分)</td>
</tr>
<tr>
<td class="mark">∴</td>
<td>&there4;</td>
<td>&#8756;</td>
<td>数学 (ゆえに)</td>
</tr>
<tr>
<td class="mark">∼</td>
<td>&sim;</td>
<td>&#8764;</td>
<td>数学 (否定)</td>
</tr>
<tr>
<td class="mark">≅</td>
<td>&cong;</td>
<td>&#8773;</td>
<td>数学 (およそ等しい)</td>
</tr>
<tr>
<td class="mark">≈</td>
<td>&asymp;</td>
<td>&#8776;</td>
<td>数学 (ほぼ等しい)</td>
</tr>
<tr>
<td class="mark">≠</td>
<td>&ne;</td>
<td>&#8800;</td>
<td>数学 (等しくない)</td>
</tr>
<tr>
<td class="mark">≡</td>
<td>&equiv;</td>
<td>&#8801;</td>
<td>数学 (合同)</td>
</tr>
<tr>
<td class="mark">≤</td>
<td>&le</td>
<td>&#8804;</td>
<td>数学 (小なりまたは等しい)</td>
</tr>
<tr>
<td class="mark">≥</td>
<td>&ge;</td>
<td>&#8805;</td>
<td>数学 (大なりまたは等しい)</td>
</tr>
<tr>
<td class="mark">⊂</td>
<td>&sub;</td>
<td>&#8834;</td>
<td>数学 (真部分集合含まれる)</td>
</tr>
<tr>
<td class="mark">⊃</td>
<td>&sup;</td>
<td>&#8835;</td>
<td>数学 (真部分集合含む)</td>
</tr>
<tr>
<td class="mark">⊄</td>
<td>&nsub;</td>
<td>&#8836;</td>
<td>数学 (真部分集合含まれない)</td>
</tr>
<tr>
<td class="mark">⊆</td>
<td>&sube;</td>
<td>&#8838;</td>
<td>数学 (部分集合含まれる)</td>
</tr>
<tr>
<td class="mark">⊇</td>
<td>&supe;</td>
<td>&#8839;</td>
<td>数学 (部分集合含む)</td>
</tr>
<tr>
<td class="mark">⊕</td>
<td>&oplus;</td>
<td>&#8853;</td>
<td>加法 丸</td>
</tr>
<tr>
<td class="mark">⊗</td>
<td>&otimes;</td>
<td>&#8855;</td>
<td>乗法 丸</td>
</tr>
<tr>
<td class="mark">⊥</td>
<td>&perp;</td>
<td>&#8869;</td>
<td>数学 (垂直)</td>
</tr>
<tr>
<td class="mark">⋅</td>
<td>&sdot;</td>
<td>&#8901;</td>
<td>ドット</td>
</tr>
<tr>
<td class="mark">⌈</td>
<td>&lceil;</td>
<td>&#8968;</td>
<td>左セイリング</td>
</tr>
<tr>
<td class="mark">⌉</td>
<td>&rceil;</td>
<td>&#8969;</td>
<td>右セイリング</td>
</tr>
<tr>
<td class="mark">⌊</td>
<td>&lfloor;</td>
<td>&#8970;</td>
<td>左フロア</td>
</tr>
<tr>
<td class="mark">⌋</td>
<td>&rfloor;</td>
<td>&#8971;</td>
<td>右フロア</td>
</tr>
<tr>
<td class="mark">⟨</td>
<td>&lang;</td>
<td>&#9001;</td>
<td>左向きかっこ</td>
</tr>
<tr>
<td class="mark">⟩</td>
<td>&rang;</td>
<td>&#9002;</td>
<td>右向きかっこ</td>
</tr>
<tr>
<td class="mark">◊</td>
<td>&loz;</td>
<td>&#9674;</td>
<td>ひし形</td>
</tr>
<tr>
<td class="mark">♠</td>
<td>&spades;</td>
<td>&#9824;</td>
<td>スペード</td>
</tr>
<tr>
<td class="mark">♣</td>
<td>&clubs;</td>
<td>&#9827;</td>
<td>クラブ</td>
</tr>
<tr>
<td class="mark">♥</td>
<td>&hearts;</td>
<td>&#9829;</td>
<td>ハート</td>
</tr>
<tr>
<td class="mark">♦</td>
<td>&diams;</td>
<td>&#9830;</td>
<td>ダイアモンド</td>
</tr>
</table>
</div>
<p><a href="http://feedads.g.doubleclick.net/~a/vXEUmNjWzl6IX7wHIY7VayHidjo/0/da"><img src="http://feedads.g.doubleclick.net/~a/vXEUmNjWzl6IX7wHIY7VayHidjo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/vXEUmNjWzl6IX7wHIY7VayHidjo/1/da"><img src="http://feedads.g.doubleclick.net/~a/vXEUmNjWzl6IX7wHIY7VayHidjo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/QA_qNULq1Wk" height="1" width="1"/>
http://www.ixiell.net/2009/01/entities.html
clearfixで下マージン(スペース)が発生してしまう
tag:www.ixiell.net,2009://1.53
2009-01-21T23:26:15Z
2009-01-22T01:03:50Z
普段あまり意識せず使っていたclearfixで、適用したボックスの下にマージン(...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>普段あまり意識せず使っていたclearfixで、適用したボックスの下にマージン(スペース)ができていたことに気づきました。</p>
<p>調べてみると、clearfixにもいろいろな見解や方法があるんですne...<br />
私が使っていたものは、少し古いことも分かりました。</p>
<p>当面、対象としたいブラウザや、どのくらいまでスペースを許すかなどケースバイケースで使い分けていこうかと思います。</p>
<p>私が使っていたものは、少し古いことも分かりました。</p>
<p>当面、対象としたいブラウザや、どのくらいまでスペースを許すかなどケースバイケースで使い分けていこうかと思います。</p>
<p>■ベース<br />
<pre name="code" class="css">
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-Mac */
</pre></p>
<p>■少しくらいはスペースできてもいいかって時<br />
<pre name="code" class="css">
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
line-height: 0;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-Mac */
</pre></p>
<p>■Netscapeは無視していいかって時<br />
<pre name="code" class="css">
/* Clearfix */
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-Mac */
</pre></p>
<p>参考にさせていただいたのは<br />
<a href="http://norisfactory.com/stylesheetlab/000038.php" target="_blank">norisfactoryさん clearfixの決定版を作る －モダンブラウザ編－</a><br />
<a href="http://3ping.org/2007/05/26/1142" target="_blank">3ping.orgさん clearfixはちゃんと考えられていた</a></p>
<p>ありがとうございます。スリムなバージョンも試してみたいと思います。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/3MqT5zRbCb3HYPN0httHOFRdGAw/0/da"><img src="http://feedads.g.doubleclick.net/~a/3MqT5zRbCb3HYPN0httHOFRdGAw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/3MqT5zRbCb3HYPN0httHOFRdGAw/1/da"><img src="http://feedads.g.doubleclick.net/~a/3MqT5zRbCb3HYPN0httHOFRdGAw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/zLmcz1YSIRE" height="1" width="1"/>
http://www.ixiell.net/2009/01/clearfix.html
フォームボタンを画像にしたらhistory.backが効かない
tag:www.ixiell.net,2009://1.52
2009-01-14T17:30:58Z
2009-01-14T17:48:26Z
フォームボタンを画像にするとhistory.backで前のページに戻ることができ...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>フォームボタンを画像にするとhistory.backで前のページに戻ることができない件。
input type=imageを使うと、onclickで指定してもsubmitボタンとして扱われてしまうので</p>
<pre name="code" class="xml">
<input type="image" src="btn.gif" onclick="history.back()" />
</pre>
<p>これでは戻ることが出来ません。</p>
<p>そういう時は</p>
<pre name="code" class="xml">
<a href="javascript:history.back()">
<img src="btn.gif" />
</a>
</pre>
<p>とか</p>
<pre name="code" class="xml">
<a href="javascript:void(0)" onclick="javascript:history.back()">
<img src="btn.gif" />
</a>
</pre>
<p>で解決。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/_vViSVMsjHM321MbaHkqNYsytXw/0/da"><img src="http://feedads.g.doubleclick.net/~a/_vViSVMsjHM321MbaHkqNYsytXw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/_vViSVMsjHM321MbaHkqNYsytXw/1/da"><img src="http://feedads.g.doubleclick.net/~a/_vViSVMsjHM321MbaHkqNYsytXw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/A1QuSnyn-VY" height="1" width="1"/>
http://www.ixiell.net/2009/01/historyback.html
Google Mapsがこの上なく便利になっていた件
tag:www.ixiell.net,2008://1.51
2008-12-28T06:29:12Z
2008-12-28T06:47:52Z
Google Mapsの登場によって、企業サイトの案内図などを掲載する際には、G...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://www.ixiell.net/assets_c/2008/12/googlemap.html" onclick="window.open('http://www.ixiell.net/assets_c/2008/12/googlemap.html','popup','width=1230,height=852,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.ixiell.net/assets_c/2008/12/googlemap-thumb-250x173.gif" width="250" height="173" alt="googlemap.gif" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></a></span><p>Google Mapsの登場によって、企業サイトの案内図などを掲載する際には、Google Mapsを指定されるとラッキーと思ってしまう程に楽になりました。</p>
<p>が、最近更に簡単になっていたことが分かりました。(今更？)</p>
<p>従来は、APIキーを取って、Javascript書いてって流れでしたが、今ではたったの5ステップです。APIキーの取得もJavascriptも書く必要ありません。</p>
<p>1).検索</p>
<p>2).リンク をクリック</p>
<p>3).検索埋め込み地図のカスタマイズとプレビュー をクリック</p>
<p>4).表示サイズを指定</p>
<p>5).HTMLソースコードをコピペ</p>
<p>これだけですもん。</p>
<p>便利ですね～。特別な装飾や機能盛り込む必要ないなら、この方法で1分で案内図できちゃいます。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/P_SyJNzdQddXPukY4BZ7jYyKUXo/0/da"><img src="http://feedads.g.doubleclick.net/~a/P_SyJNzdQddXPukY4BZ7jYyKUXo/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/P_SyJNzdQddXPukY4BZ7jYyKUXo/1/da"><img src="http://feedads.g.doubleclick.net/~a/P_SyJNzdQddXPukY4BZ7jYyKUXo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/9c-eXKWOApE" height="1" width="1"/>
http://www.ixiell.net/2008/12/google-maps.html
ボックスの半透明がIEで効かない
tag:www.ixiell.net,2008://1.50
2008-12-23T02:46:50Z
2008-12-23T03:03:16Z
ボックスの内容を半透明にする場合、スタイルシートを以下のようにすることがあります...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>ボックスの内容を半透明にする場合、スタイルシートを以下のようにすることがありますが</p>
<pre name="code" class="css">
.semitra-box {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
</pre>
<p>IE６やIE7では、filter:alphaが効かない事があります。</p>
<p>半透明にしたいボックスに高さ(height)または幅(width)を指定してあげると反映されます。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/onSlY13U-AnVGLKNUi1Zx0_C5Fw/0/da"><img src="http://feedads.g.doubleclick.net/~a/onSlY13U-AnVGLKNUi1Zx0_C5Fw/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/onSlY13U-AnVGLKNUi1Zx0_C5Fw/1/da"><img src="http://feedads.g.doubleclick.net/~a/onSlY13U-AnVGLKNUi1Zx0_C5Fw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/Q_DLMHnSwEQ" height="1" width="1"/>
http://www.ixiell.net/2008/12/ie-alpha.html
Google Mapの座標を取得するブックマークレット
tag:www.ixiell.net,2008://1.49
2008-11-25T05:55:01Z
2008-11-25T06:12:08Z
Google Maps APIを使用した会社概要ページなどを制作する機会が多くな...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>Google Maps APIを使用した会社概要ページなどを制作する機会が多くなってきましたが、GEOコードを使うと若干ずれる場合があったり、住所から座標を取得できるWEBサイトを使うのもブックマーク探したりして結構面倒だったりするので、ブックマークレットでポチっと座標取得できるようなものないかな～と探していたところ、ありましたです。(実際はそのサイトブックマークしてツールバーに置いておけば一緒な気もしますが...)</p>
<p>流石です。不便だな～と思った時に検索してみると、対外誰かがやってたりする。</p>
<p><a href="http://a-h.parfe.jp/einfach/archives/2006/0308122836.html" target="_blank">AUSGANG SOFTさん</a><br />
一番上のヤツ使わせていただいております。Firefoxだと取得できない時がありますが、Mapドラッグしてちょっとずらした後、再検索かけてブックマークレットクリックすると正常に取得できます。</p>
<p><a href="http://d.hatena.ne.jp/tarchan/20080703/1215058260">なるとブレイクさん</a>にもありました。</p>
<p>ありがとうございます。便利に使わせていただきます。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/wJ_0a7IeSok4m75KZD7mdJo2O-E/0/da"><img src="http://feedads.g.doubleclick.net/~a/wJ_0a7IeSok4m75KZD7mdJo2O-E/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/wJ_0a7IeSok4m75KZD7mdJo2O-E/1/da"><img src="http://feedads.g.doubleclick.net/~a/wJ_0a7IeSok4m75KZD7mdJo2O-E/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/5apBeSdDyXY" height="1" width="1"/>
http://www.ixiell.net/2008/11/google-map.html
レンタルサーバの絶対パスを調べるには
tag:www.ixiell.net,2008://1.48
2008-11-25T04:06:45Z
2008-11-25T04:25:20Z
レンタルサーバでMTなどのCMSをインストールしたり、設定変更する際に、サーバの...
IXIELL
http://www.ixiell.net/mt/mt-cp.cgi?__mode=view&blog_id=1&id=1
<p>レンタルサーバでMTなどのCMSをインストールしたり、設定変更する際に、サーバの絶対パスを忘れてしまったり、消してしまったりすることがあります。</p>
<p>FTPでなんとなく分かったり、レンタルサーバのオンラインマニュアルに載っていたりすることもありますが、自分で簡単に調べる方法をメモっておきます。</p>
<pre name="code" class="xml">
＜?php
echo __FILE__;
?＞
</pre>
<p>このソースコードを書いたファイルを、path.phpなど適当なファイル名のPHPファイルとして保存し、サーバの絶対パスを知りたいディレクトリにアップロードします。</p>
<p>必要であれば、パーミッションを変更して実行可能な状態にして、そのファイルにアクセスすれば、絶対パスを調べることができます。</p>
<p>コピペしてお使いになるかたは＜＞を半角にしてお使いください。</p>
<p><a href="http://feedads.g.doubleclick.net/~a/bt6_clfx23j2HFr0nbFe52dyYIc/0/da"><img src="http://feedads.g.doubleclick.net/~a/bt6_clfx23j2HFr0nbFe52dyYIc/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/bt6_clfx23j2HFr0nbFe52dyYIc/1/da"><img src="http://feedads.g.doubleclick.net/~a/bt6_clfx23j2HFr0nbFe52dyYIc/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/trendspotting2/~4/nSEX1FhNKok" height="1" width="1"/>
http://www.ixiell.net/2008/11/path-php.html