<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hatabox</title>
	<atom:link href="http://hatabox.jpn.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://hatabox.jpn.org</link>
	<description>Webの知識を蓄えるためのブログ</description>
	<lastBuildDate>Sat, 24 Oct 2009 13:59:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Firefoxのフォント</title>
		<link>http://hatabox.jpn.org/2009/10/firefox_font/</link>
		<comments>http://hatabox.jpn.org/2009/10/firefox_font/#comments</comments>
		<pubDate>Sat, 24 Oct 2009 13:56:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[フォント]]></category>
		<category><![CDATA[メイリオ]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=431</guid>
		<description><![CDATA[Windows XPのPCのFirefoxでデフォルトで設定されているフォントはMS Pゴシックになっていると思います。
たとえPCにメイリオのフォントが入っていたり、cssでフォントファミリーをメイリオにしていたとしても、メイリオにはなるものの、あまりきれいに見えません（※IEではメイリオはきれいに見えますが）。
しかし、PCの設定を少し変えるだけでFirefoxでもメイリオがとてもきれいに見える方法があります。
方法はとても簡単で手順は以下。


デスクトップで右クリックでメニューを出し【プロパティ】を選択。
出てきた画面のプロパティのウィンドウの【デザイン】のタブをクリック
次にその中の【効果】をクリック
効果のウィンドウが出るので、その中の「次の方法でスクリーンフォントの縁を滑らかにする」のチェックボックスにチェックを入れて、プルダウンから【Clear Type】を選択。

以上です。
たったこれだけで、かなり印象が変わります。
是非試してみてください(　´∀｀)bｸﾞｯ!
]]></description>
			<content:encoded><![CDATA[<p>Windows XPのPCのFirefoxでデフォルトで設定されているフォントはMS Pゴシックになっていると思います。</p>
<p>たとえPCにメイリオのフォントが入っていたり、cssでフォントファミリーをメイリオにしていたとしても、メイリオにはなるものの、あまりきれいに見えません（※IEではメイリオはきれいに見えますが）。</p>
<p>しかし、PCの設定を少し変えるだけでFirefoxでもメイリオがとてもきれいに見える方法があります。</p>
<p>方法はとても簡単で手順は以下。<br />
<span id="more-431"></span></p>
<ol>
<li>デスクトップで右クリックでメニューを出し【プロパティ】を選択。</li>
<li>出てきた画面のプロパティのウィンドウの【デザイン】のタブをクリック</li>
<li>次にその中の【効果】をクリック</li>
<li>効果のウィンドウが出るので、その中の「次の方法でスクリーンフォントの縁を滑らかにする」のチェックボックスにチェックを入れて、プルダウンから【Clear Type】を選択。</li>
</ol>
<p>以上です。</p>
<p>たったこれだけで、かなり印象が変わります。<br />
是非試してみてください(　´∀｀)bｸﾞｯ!</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/10/firefox_font/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NextGEN Galleryについて</title>
		<link>http://hatabox.jpn.org/2009/10/nextgen-gallery_02/</link>
		<comments>http://hatabox.jpn.org/2009/10/nextgen-gallery_02/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 14:09:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ギャラリー]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=411</guid>
		<description><![CDATA[確かWordPressの2.5以降には、標準でギャラリー機能がついていたかと思います。
それにもかかわらず、私のブログのアクセス数で上位にきてるのがNextGEN Galleryの設置の方法のページです。だから2度目の紹介してみようかなと思いました。

本題の前に…WordPressでフォトギャラリーのページなどを作った際によく使われるギャラリー機能って何なんでしょうか…。
標準で使えるギャラリー？それともプラグインのギャラリーなんですかね？
ちなみに私のサイトでつかっているのはNextGEN Galleryなんですが…もしおすすめのギャラリーがあったらどなたか教えてくださいね！

そろそろ本題に。

以前に当ブログでNextGEN Galleryの設置の方法を紹介しました。
今回はアルバムやギャラリーの管理について少しふれたいと思います。

NextGEN GalleryをインストールするとWordPress管理画面のサイドメニューに【ギャラリー】というメニューができています。
そのメニューをプルダウンした中に【Add Gallery / Images】というのがあるのでクリック。
そのページはでは、新規ギャラリー追加、Zipファイルでアップロード、画像フォルダインポートなどができます。

では、新規ギャラリー追加→画像アップロード→ギャラリー管理→アルバム管理→ブログ内で表示、といった流れを紹介します。


【Add Gallery / Images】のページから新規ギャラリーを追加します。「ファイルとフォルダに使用しできる文字列: a-z, A-Z, 0-9, -, _」となっているので日本語で追加しないように気をつけます。※日本語でギャラリー追加とすると画像を保存するフォルダーが文字化けしたようになります。
次に【画像をアップロード】のタブをクリックし、画像を選択したのち、どのギャラリーのフォルダにアップロードするかを決めるので、プルダウンからギャラリーを選択します。この時点では先ほど新規で追加したギャラリーの名前が英数字で作られた名前になってますが気にしなくてOK。次のステップで変更します。
画像のアップロードが完了したら、次はWordPress管理画面のサイドメニューの【ギャラリーの管理】というメニューをクリックします。
【ギャラリーの管理】ページの中に初めに追加したギャラリーの名前があるので、それをクリック。
クリックして入ったページでは、ギャラリーのタイトルの変更(ここは日本語に変えてOK)、アップロードした画像のリサイズ、新しいサムネイルの作成、画像のAltやタイトルの設定などができます。
画像のリサイズは、大きすぎる画像だと見る側も非常に見にくいので、適度なサイズ(600×400など、NextGEN Galleryのオプションで設定)にしておいた方が良いでしょう。
新しいサムネイルの作成は、NextGEN Galleryのオプションでサムネイルサイズを変更した際などに行います。
次に、サイドメニューの【アルバム】をクリック
【アルバム】ページではアルバムの管理ができます。
アルバムとは複数のギャラリーを1つにまとめることができます。別の言い方をすれば…「アルバムが大カテゴリー、ギャラリーが小カテゴリー」といったところ…かなぁ。。。(；´∀｀)
では、新規アルバム追加にアルバム名(日本語でOK)を入れて【add】をクリック。
次に、アルバム選択で追加したアルバムを選択。
そうすると、ギャラリー選択の部分に先ほど追加したギャラリーが出てくるので、それをクリックしてそのまま【Album ID●●：■■■■】のタイトルがあるエリアにドラッグ&#038;ドロップします。
それでアルバムにギャラリーが追加されたことになります。複数入れたい場合はそれぞれ、ドラッグ&#038;ドロップすればOKです。
いよいよ、投稿です。アルバムを表示したい箇所に以下のように記述します。
&#91;album id=●●&#93;

念のため●●は半角数字です。アルバムを複数設置したい場合はidをそれぞれ変更すれば表示できます。

以上で、一通りの流れは終わりですが、「スライドショーのリンクはいらない」とか「アルバムのタイトルや、ギャラリーのタイトルを吐き出したい」などがあるかと思います。実際私はそうでした…。
そういったカスタマイズもNextGEN Galleryのphpを少しだけいじればできるようです…。

最後まで読んでくださった方、ありがとうございました(　´∀｀)bｸﾞｯ!
]]></description>
			<content:encoded><![CDATA[<p>確かWordPressの2.5以降には、標準でギャラリー機能がついていたかと思います。<br />
それにもかかわらず、私のブログのアクセス数で上位にきてるのがNextGEN Galleryの設置の方法のページです。だから2度目の紹介してみようかなと思いました。<br />
<br />
本題の前に…WordPressでフォトギャラリーのページなどを作った際によく使われるギャラリー機能って何なんでしょうか…。<br />
標準で使えるギャラリー？それともプラグインのギャラリーなんですかね？<br />
ちなみに私のサイトでつかっているのはNextGEN Galleryなんですが…もしおすすめのギャラリーがあったらどなたか教えてくださいね！<br />
<br />
そろそろ本題に。<br />
<span id="more-411"></span><br />
以前に当ブログで<a href="http://hatabox.jpn.org/2009/04/wordpress_nextgen-gallery/">NextGEN Galleryの設置の方法</a>を紹介しました。<br />
今回はアルバムやギャラリーの管理について少しふれたいと思います。<br />
<br />
NextGEN GalleryをインストールするとWordPress管理画面のサイドメニューに【ギャラリー】というメニューができています。<br />
そのメニューをプルダウンした中に【Add Gallery / Images】というのがあるのでクリック。<br />
そのページはでは、新規ギャラリー追加、Zipファイルでアップロード、画像フォルダインポートなどができます。<br />
<br />
では、新規ギャラリー追加→画像アップロード→ギャラリー管理→アルバム管理→ブログ内で表示、といった流れを紹介します。<br />
</p>
<ol>
<li>【Add Gallery / Images】のページから新規ギャラリーを追加します。「ファイルとフォルダに使用しできる文字列: a-z, A-Z, 0-9, -, _」となっているので日本語で追加しないように気をつけます。※日本語でギャラリー追加とすると画像を保存するフォルダーが文字化けしたようになります。</li>
<li>次に【画像をアップロード】のタブをクリックし、画像を選択したのち、どのギャラリーのフォルダにアップロードするかを決めるので、プルダウンからギャラリーを選択します。この時点では先ほど新規で追加したギャラリーの名前が英数字で作られた名前になってますが気にしなくてOK。次のステップで変更します。</li>
<li>画像のアップロードが完了したら、次はWordPress管理画面のサイドメニューの【ギャラリーの管理】というメニューをクリックします。</li>
<li>【ギャラリーの管理】ページの中に初めに追加したギャラリーの名前があるので、それをクリック。</li>
<li>クリックして入ったページでは、ギャラリーのタイトルの変更(ここは日本語に変えてOK)、アップロードした画像のリサイズ、新しいサムネイルの作成、画像のAltやタイトルの設定などができます。</li>
<li>画像のリサイズは、大きすぎる画像だと見る側も非常に見にくいので、適度なサイズ(600×400など、NextGEN Galleryのオプションで設定)にしておいた方が良いでしょう。</li>
<li>新しいサムネイルの作成は、NextGEN Galleryのオプションでサムネイルサイズを変更した際などに行います。</li>
<li>次に、サイドメニューの【アルバム】をクリック</li>
<li>【アルバム】ページではアルバムの管理ができます。</li>
<li>アルバムとは複数のギャラリーを1つにまとめることができます。別の言い方をすれば…「アルバムが大カテゴリー、ギャラリーが小カテゴリー」といったところ…かなぁ。。。(；´∀｀)</li>
<li>では、新規アルバム追加にアルバム名(日本語でOK)を入れて【add】をクリック。</li>
<li>次に、アルバム選択で追加したアルバムを選択。</li>
<li>そうすると、ギャラリー選択の部分に先ほど追加したギャラリーが出てくるので、それをクリックしてそのまま【Album ID●●：■■■■】のタイトルがあるエリアにドラッグ&#038;ドロップします。</li>
<li>それでアルバムにギャラリーが追加されたことになります。複数入れたい場合はそれぞれ、ドラッグ&#038;ドロップすればOKです。</li>
<li>いよいよ、投稿です。アルバムを表示したい箇所に以下のように記述します。
<pre>&#91;album id=●●&#93;</pre>
</li>
<li>念のため●●は半角数字です。アルバムを複数設置したい場合はidをそれぞれ変更すれば表示できます。</li>
</ol>
<p>以上で、一通りの流れは終わりですが、「スライドショーのリンクはいらない」とか「アルバムのタイトルや、ギャラリーのタイトルを吐き出したい」などがあるかと思います。実際私はそうでした…。<br />
そういったカスタマイズもNextGEN Galleryのphpを少しだけいじればできるようです…。<br />
<br />
最後まで読んでくださった方、ありがとうございました(　´∀｀)bｸﾞｯ!</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/10/nextgen-gallery_02/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpressで記事へのリンクを画像にする</title>
		<link>http://hatabox.jpn.org/2009/10/link_image/</link>
		<comments>http://hatabox.jpn.org/2009/10/link_image/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 14:06:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=390</guid>
		<description><![CDATA[最近フォトギャラリーサイトをWordpressで作りたいなーと思っていて、プラグインや海外のややこしいテンプレートを使わずどうにかできないのかといろいろ調べていたところ、Codex 日本語版で普通に載ってました･･･orz=3

方法は以下

記事編集画面で画像をアップロードする。
ビジュアルエディタでなくHTMLエディタを使用する。
「アップロード/挿入」で画像を挿入。
挿入されたHTMLソースのimgタグ部分をコピーし、記事編集画面の【抜粋】に貼り付ける。
コンテンツを書いたら、記事を公開。
the_contentの代わりに、以下のように記述します。

&#60;a href="&#60;?php the_permalink() ?&#62;"&#62;
&#60;?php the_excerpt_rss(); ?&#62;
&#60;/a&#62;
以上です･･･が、注意点があります。
※抜粋に、テキストではなくimgタグを挿入することになるので、RSSフィードに影響する可能性あり。だからRSSフィードには、抜粋ではなく記事全文を表示するように設定したほうがいいとのこと。

これを利用してjQueryなんかでアレンジしたらカッコイイフォトギャラリーサイトができるかも！
]]></description>
			<content:encoded><![CDATA[<p>最近フォトギャラリーサイトをWordpressで作りたいなーと思っていて、プラグインや海外のややこしいテンプレートを使わずどうにかできないのかといろいろ調べていたところ、<a href="http://ja.wordpress.org/" target="_blank">Codex 日本語版</a>で普通に載ってました･･･orz=3<br />
<span id="more-390"></span><br />
方法は以下</p>
<ol>
<li>記事編集画面で画像をアップロードする。</li>
<li>ビジュアルエディタでなくHTMLエディタを使用する。</li>
<li>「アップロード/挿入」で画像を挿入。</li>
<li>挿入されたHTMLソースのimgタグ部分をコピーし、記事編集画面の【抜粋】に貼り付ける。</li>
<li>コンテンツを書いたら、記事を公開。</li>
<li>the_contentの代わりに、以下のように記述します。</li>
</ol>
<pre>&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;
&lt;?php the_excerpt_rss(); ?&gt;
&lt;/a&gt;</pre>
<p>以上です･･･が、注意点があります。<br />
※抜粋に、テキストではなくimgタグを挿入することになるので、RSSフィードに影響する可能性あり。だからRSSフィードには、抜粋ではなく記事全文を表示するように設定したほうがいいとのこと。<br />
<br />
これを利用してjQueryなんかでアレンジしたらカッコイイフォトギャラリーサイトができるかも！</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/10/link_image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefoxの動作を早くしたい Part.2</title>
		<link>http://hatabox.jpn.org/2009/09/firefox_on_2/</link>
		<comments>http://hatabox.jpn.org/2009/09/firefox_on_2/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 00:47:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[作業効率]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=331</guid>
		<description><![CDATA[Firefoxは「まずIPv6のアドレス解決を試して、その後IPv4のアドレス解決を試す」という順序を踏むとのこと… 。
「IPv6」とは、Internet Protocol version 6 というもので、これまでのIPv4 （Internet Protocol version4）に変わる次世代のインターネットプロトコルだそうです。
そこで調べてみると、FirefoxでそのIPv6機能を無効にすれば少しはスピードが変わるとのこと。
手順は以下

Firefoxのアドレスバーに『about:config』と入力。
すると動作保証対象外になります！と表示され少しビビリますが【細心の注意を払って使用する】をクリック。
タブの下にあるフィルタという入力バーに『network.dns.disableIPv6』というプロパティを入力し、表示されたものをダブルクリックします。
値が『true』に変更されたことを確認してFirefoxを再起動。

これで、動作が速くなった気がします･･･。
しかし、情報を見ていると解決しないという方や、しばらくすると再発するという方もいるようで、次期バージョンなどで解決されることが望まれてます。
]]></description>
			<content:encoded><![CDATA[<p>Firefoxは「まずIPv6のアドレス解決を試して、その後IPv4のアドレス解決を試す」という順序を踏むとのこと… 。<br />
「IPv6」とは、Internet Protocol version 6 というもので、これまでのIPv4 （Internet Protocol version4）に変わる次世代のインターネットプロトコルだそうです。</p>
<p>そこで調べてみると、FirefoxでそのIPv6機能を無効にすれば少しはスピードが変わるとのこと。</p>
<p>手順は以下</p>
<ol>
<li>Firefoxのアドレスバーに『about:config』と入力。</li>
<li>すると動作保証対象外になります！と表示され少しビビリますが【細心の注意を払って使用する】をクリック。</li>
<li>タブの下にあるフィルタという入力バーに『network.dns.disableIPv6』というプロパティを入力し、表示されたものをダブルクリックします。</li>
<li>値が『true』に変更されたことを確認してFirefoxを再起動。</li>
</ol>
<p>これで、動作が速くなった気がします･･･。<br />
しかし、情報を見ていると解決しないという方や、しばらくすると再発するという方もいるようで、次期バージョンなどで解決されることが望まれてます。</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/09/firefox_on_2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefoxの動作を早くしたい Part.1</title>
		<link>http://hatabox.jpn.org/2009/08/firefox_on/</link>
		<comments>http://hatabox.jpn.org/2009/08/firefox_on/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 04:20:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[作業効率]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=323</guid>
		<description><![CDATA[Web関係の仕事をしている方でアドオンが豊富なFireroxを利用している方も多いと思います。
しかし、毎日使っているといつの間にか動きがどんどん遅くなってしまいます。
調べた結果、Firefoxはブックマーク、履歴などをSQLite DBというもので管理しているようで、毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのことでした。
解決方法は以下・・・

起動を早くする方法について

 SQLite Optimizerというアドオンを使って、DBの最適化をします。
アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。
次にSQLite Optimizerの設定を以下のようにします。
/li>
この設定以後、Firefoxを10回終了する毎に1回、DBの最適化が実行されるようです。

どうでしょうか、Firefoxの起動が早くなった気が・・・。
]]></description>
			<content:encoded><![CDATA[<p>Web関係の仕事をしている方でアドオンが豊富なFireroxを利用している方も多いと思います。<br />
しかし、毎日使っているといつの間にか動きがどんどん遅くなってしまいます。<br />
調べた結果、Firefoxはブックマーク、履歴などをSQLite DBというもので管理しているようで、毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのことでした。</p>
<p>解決方法は以下・・・<br />
<span id="more-323"></span><br />
<strong>起動を早くする方法について</strong></p>
<ol>
<li> <a href="https://addons.mozilla.org/ja/firefox/addon/11198">SQLite Optimizer</a>というアドオンを使って、DBの最適化をします。</li>
<li>アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。</li>
<li>次にSQLite Optimizerの設定を以下のようにします。<br />
<div id="attachment_327" class="wp-caption alignleft" style="width: 378px"><img src="http://hatabox.jpn.org/wp-content/uploads/2009/08/SQLite-Optimizer_cont.jpg" alt="SQLite Optimizer設定画面" title="SQLite Optimizer_cont" width="368" height="166" class="size-full wp-image-327" /><p class="wp-caption-text">SQLite Optimizer設定画面</p></div></li>
<li>この設定以後、Firefoxを10回終了する毎に1回、DBの最適化が実行されるようです。</li>
</ol>
<p>どうでしょうか、Firefoxの起動が早くなった気が・・・。</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/08/firefox_on/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTMLソースをきれいに見せる</title>
		<link>http://hatabox.jpn.org/2009/06/html_sours/</link>
		<comments>http://hatabox.jpn.org/2009/06/html_sours/#comments</comments>
		<pubDate>Tue, 30 Jun 2009 14:37:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[コーディング]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=315</guid>
		<description><![CDATA[Webページのコーディングをしているなかで、ソースの記述の仕方に統一性がないと感じて、ちょっとソースが汚いな･･･と感じるときがあります。
そんなときに使えるのがDreamweaverの【ソースフォーマットの適用】という機能です。
例えば以下のようにHTMLを記述したとします。

 &#60;div&#62;
 &#60;div&#62;
 &#60;img src="img/test.jpg" alt="just a test" / &#62;
 &#60;/div&#62;
 &#60;/div&#62;

そこで、Dreamweaverのツールバーの「コマンド」をクリックし、「ソースフォーマットの適用」もしくは「選択範囲にソースフォーマットを適用」を選択します。
すると以下のように記述を変更してくれます。

 &#60;div&#62;
   &#60;div&#62;  &#60;img src="img/test.jpg" alt="just a test" / &#62;  &#60;/div&#62;
 &#60;/div&#62;

少しだけど、ソースがキレイになった気がしませんか･･･？
]]></description>
			<content:encoded><![CDATA[<p>Webページのコーディングをしているなかで、ソースの記述の仕方に統一性がないと感じて、ちょっとソースが汚いな･･･と感じるときがあります。<br />
そんなときに使えるのがDreamweaverの【ソースフォーマットの適用】という機能です。</p>
<p>例えば以下のようにHTMLを記述したとします。</p>
<pre>
 &#60;div&#62;
 &#60;div&#62;
 &#60;img src="img/test.jpg" alt="just a test" / &#62;
 &#60;/div&#62;
 &#60;/div&#62;
</pre>
<p>そこで、Dreamweaverのツールバーの「コマンド」をクリックし、「ソースフォーマットの適用」もしくは「選択範囲にソースフォーマットを適用」を選択します。</p>
<p>すると以下のように記述を変更してくれます。</p>
<pre>
 &#60;div&#62;
   &#60;div&#62;  &#60;img src="img/test.jpg" alt="just a test" / &#62;  &#60;/div&#62;
 &#60;/div&#62;
</pre>
<p>少しだけど、ソースがキレイになった気がしませんか･･･？</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/06/html_sours/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>導入しているプラグインを紹介します</title>
		<link>http://hatabox.jpn.org/2009/06/intro_plugin/</link>
		<comments>http://hatabox.jpn.org/2009/06/intro_plugin/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 14:48:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=311</guid>
		<description><![CDATA[Wordpressを利用するうえで、欠かせないプラグイン。
そのなかで、私が利用しているものを紹介します。

All in One SEO Pack
簡単にtitleタグとmettaタグ(discription,keyword)を編集できます。
Contact Form 7
サイト内に簡単にフォームを設置できます。
Dagon Design Sitemap Generator
自動でサイトマップを生成します。xmlは生成されません。
FeedLogger Edited by kota
RSS readerで購読されている数を教えてくれます。
Maintenance Mode
メンテナンスモードにすると、メンテナンス中ですなどと表示して、サイトを閲覧できない状態にできます。
NextGEN Gallery
写真ギャラリーを設置できます。
runPHP
投稿や、ページ内でphpを動作させることができるプラグインです。
Ultimate Google Analytics
設置して、設定するだけでGoogle Analyticsを反映させることができます。
WP-Cumulus
Flashのタグクラウドを表示します。

]]></description>
			<content:encoded><![CDATA[<p>Wordpressを利用するうえで、欠かせないプラグイン。<br />
そのなかで、私が利用しているものを紹介します。</p>
<dl>
<dt><a href="http://wp.uberdose.com/2007/03/24/all-in-one-seo-pack/" target="_blank">All in One SEO Pack</a></dt>
<dd>簡単にtitleタグとmettaタグ(discription,keyword)を編集できます。</dd>
<dt><a href="http://ideasilo.wordpress.com/2007/10/22/contact-form-7-in-japanese/" target="_blank">Contact Form 7</a></dt>
<dd>サイト内に簡単にフォームを設置できます。</dd>
<dt><a href="http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/" target="_blank">Dagon Design Sitemap Generator</a></dt>
<dd>自動でサイトマップを生成します。xmlは生成されません。</dd>
<dt><a href="http://techblog.ecstudio.jp/tech-tips/wordpress/feedlogger.html" target="_blank">FeedLogger Edited by kota</a></dt>
<dd>RSS readerで購読されている数を教えてくれます。</dd>
<dt><a href="http://sw-guide.de/wordpress/plugins/maintenance-mode/" target="_blank">Maintenance Mode</a></dt>
<dd>メンテナンスモードにすると、メンテナンス中ですなどと表示して、サイトを閲覧できない状態にできます。</dd>
<dt><a href="http://wordpress.org/extend/plugins/nextgen-gallery/" target="_blank">NextGEN Gallery</a></dt>
<dd>写真ギャラリーを設置できます。</dd>
<dt><a href="http://www.nosq.com/blog/2006/01/runphp-plugin-for-wordpress/" target="_blank">runPHP</a></dt>
<dd>投稿や、ページ内でphpを動作させることができるプラグインです。</dd>
<dt><a href="http://www.oratransplant.nl/uga/" target="_blank">Ultimate Google Analytics</a></dt>
<dd>設置して、設定するだけでGoogle Analyticsを反映させることができます。</dd>
<dt><a href="http://www.roytanck.com/2008/03/15/wp-cumulus-released/" target="_blank">WP-Cumulus</a></dt>
<dd>Flashのタグクラウドを表示します。</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/06/intro_plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>パスワードの管理について</title>
		<link>http://hatabox.jpn.org/2009/06/password/</link>
		<comments>http://hatabox.jpn.org/2009/06/password/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 14:19:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[その他]]></category>
		<category><![CDATA[エクセル]]></category>
		<category><![CDATA[セキュリティ]]></category>
		<category><![CDATA[パスワード]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=306</guid>
		<description><![CDATA[新しくウェブの会員サービスに登録する際にアカウント・パスワードを設定することがたびたびあります。
覚えるのが面倒で、いつも同じアカウント・パスワードを登録するのはセキュリティ的に非常に危険です。
もし、どこかのウェブサービスで情報が漏洩した場合、情報を悪用しようとする人間が、同じアカウント・パスワードで他のサービスが使えるかどうか試す可能性があるからです。
サービスごとにアカウント・パスワードを変えていれば被害を最小限にできます。もしくは定期的にパスワードを変更するのも効果的なようです。
しかし、使うサービスが増えると全部覚えるのは大変です。
そういった際に、多く使われているエクセルで一覧表を作る方法があります。
そのエクセルファイルには「利用しているウェブサービス名」、「アカウント」、「パスワード」の三つを記録しておきます。エクセルファイルは誰にも見られないようにしなければなりません。
そこでパスワードを設定します。
エクセルではファイルの【保存画面】で「ツール」をクリックし「全般オプション」を選ぶとパスワードを設定する画面が出ます。
このパスワードだけは絶対に忘れないようにしましょう。
忘れると中のパスワードが見れなくなりますので注意してください。
これはセキュリティ対策のあくまで一例です。
100%安全とは絶対に言い切れませんので、自己管理を徹底しましょう。
]]></description>
			<content:encoded><![CDATA[<p>新しくウェブの会員サービスに登録する際にアカウント・パスワードを設定することがたびたびあります。<br />
覚えるのが面倒で、いつも同じアカウント・パスワードを登録するのはセキュリティ的に非常に危険です。</p>
<p>もし、どこかのウェブサービスで情報が漏洩した場合、情報を悪用しようとする人間が、同じアカウント・パスワードで他のサービスが使えるかどうか試す可能性があるからです。</p>
<p>サービスごとにアカウント・パスワードを変えていれば被害を最小限にできます。もしくは定期的にパスワードを変更するのも効果的なようです。</p>
<p>しかし、使うサービスが増えると全部覚えるのは大変です。<br />
そういった際に、多く使われているエクセルで一覧表を作る方法があります。</p>
<p>そのエクセルファイルには「利用しているウェブサービス名」、「アカウント」、「パスワード」の三つを記録しておきます。エクセルファイルは誰にも見られないようにしなければなりません。</p>
<p>そこでパスワードを設定します。<br />
エクセルではファイルの【保存画面】で「ツール」をクリックし「全般オプション」を選ぶとパスワードを設定する画面が出ます。<br />
<div id="attachment_307" class="wp-caption alignleft" style="width: 409px"><img src="http://hatabox.jpn.org/wp-content/uploads/2009/06/option_pass.jpg" alt="「ツール」→「全般オプション」でこの画面が表示されます。" title="option_pass" width="399" height="174" class="size-full wp-image-307" /><p class="wp-caption-text">「ツール」→「全般オプション」でこの画面が表示されます。</p></div></p>
<p>このパスワードだけは絶対に忘れないようにしましょう。<br />
忘れると中のパスワードが見れなくなりますので注意してください。</p>
<p>これはセキュリティ対策のあくまで一例です。<br />
100%安全とは絶対に言い切れませんので、自己管理を徹底しましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/06/password/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPressの記事内でphpを実行するプラグイン</title>
		<link>http://hatabox.jpn.org/2009/05/run_php/</link>
		<comments>http://hatabox.jpn.org/2009/05/run_php/#comments</comments>
		<pubDate>Mon, 18 May 2009 14:06:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ブラウザ]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=300</guid>
		<description><![CDATA[通常、WordPressの記事やページでphpコードを記事内に書いてもphpは実行されません。
しかし、runPHPというプラグインを使うと記事・ページ内でもphpコードが実行できるようになります。
配布サイトは以下

上記のサイトからzipファイルをダウンロードして解凍します。
でてきたrunPHPフォルダを/wp-content/plugins/にアップロードします。
管理画面でrunPHPを使用するを選択します。
すると、記事・ページの投稿の際に「□ run PHP code?」というチェックボックスとテキストがページの下部にできているので、チェックボックスにチェックを入れると記述したphpが実行されます。

これでWordPressのブログ内で、phpプログラムのサンプルの紹介などもできるようになるわけですね。
]]></description>
			<content:encoded><![CDATA[<p>通常、WordPressの記事やページでphpコードを記事内に書いてもphpは実行されません。<br />
しかし、<a href="http://www.nosq.com/blog/runphp/" target="_blank">runPHP</a>というプラグインを使うと記事・ページ内でもphpコードが実行できるようになります。</p>
<p>配布サイトは以下<br />
<div id="attachment_301" class="wp-caption alignleft" style="width: 410px"><a href="http://www.nosq.com/blog/runphp/" target="_blank"><img src="http://hatabox.jpn.org/wp-content/uploads/2009/05/runphp.jpg" alt="no sq" title="runphp" width="400" height="196" class="size-full wp-image-301" /></a><p class="wp-caption-text">no sq</p></div></p>
<ol>
<li>上記のサイトからzipファイルをダウンロードして解凍します。</li>
<li>でてきたrunPHPフォルダを/wp-content/plugins/にアップロードします。</li>
<li>管理画面でrunPHPを使用するを選択します。</li>
<li>すると、記事・ページの投稿の際に「□ run PHP code?」というチェックボックスとテキストがページの下部にできているので、チェックボックスにチェックを入れると記述したphpが実行されます。</li>
</ol>
<p>これでWordPressのブログ内で、phpプログラムのサンプルの紹介などもできるようになるわけですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/05/run_php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>立ち読み.in APIを使ってみた</title>
		<link>http://hatabox.jpn.org/2009/05/mobile_comic/</link>
		<comments>http://hatabox.jpn.org/2009/05/mobile_comic/#comments</comments>
		<pubDate>Fri, 08 May 2009 15:26:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[API]]></category>

		<guid isPermaLink="false">http://hatabox.jpn.org/?p=289</guid>
		<description><![CDATA[立ち読み.in APIは、電子コミックのデータベースにアクセスできるWeb APIです。
サンプルとして設置してみました。
http://hatabox.jpn.org/sample/tachiyomi.php
吐き出されるURLに対してGoogle Chart API を使って二次元コードに変換しています。
ちなみに以下のソースで二次元コードができます。

 &#60;img src="http://chart.apis.google.com/chart?cht=qr&#038;chs=100x100&#038;chl=ここにURLエンコードしたアドレスを入れる&#038;choe=UTF-8" alt="二次元コード" / &#62;

おもしろいですね。
携帯でパケ放題に加入してる方ならいろいろ楽しめそうですね。
ちなみに私はパケ放題には加入してません…。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://tachiyomi.in/api/pc/" target="_blank">立ち読み.in API</a>は、電子コミックのデータベースにアクセスできるWeb APIです。<br />
<div id="attachment_290" class="wp-caption alignleft" style="width: 410px"><a href="http://tachiyomi.in/api/pc/" target="_blank"><img src="http://hatabox.jpn.org/wp-content/uploads/2009/05/tachiyomi.jpg" alt="立ち読み.in API" title="tachiyomi" width="400" height="217" class="size-full wp-image-290" /></a><p class="wp-caption-text">立ち読み.in API</p></div></p>
<p><a href="http://hatabox.jpn.org/sample/tachiyomi.php" target="_blank">サンプル</a>として設置してみました。<br />
<a href="http://hatabox.jpn.org/sample/tachiyomi.php" target="_blank">http://hatabox.jpn.org/sample/tachiyomi.php</a></p>
<p>吐き出されるURLに対してGoogle Chart API を使って二次元コードに変換しています。<br />
ちなみに以下のソースで二次元コードができます。</p>
<pre>
 &#60;img src="http://chart.apis.google.com/chart?cht=qr&#038;chs=100x100&#038;chl=ここにURLエンコードしたアドレスを入れる&#038;choe=UTF-8" alt="二次元コード" / &#62;
</pre>
<p>おもしろいですね。<br />
携帯でパケ放題に加入してる方ならいろいろ楽しめそうですね。<br />
ちなみに私はパケ放題には加入してません…。</p>
]]></content:encoded>
			<wfw:commentRss>http://hatabox.jpn.org/2009/05/mobile_comic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
