<?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>ウェビンブログ &#187; おみやげ</title>
	<atom:link href="http://blog.webbingstudio.com/tag/%e3%81%8a%e3%81%bf%e3%82%84%e3%81%92/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.webbingstudio.com</link>
	<description>札幌のWebデザイナー・カスタマイズアドバイザー WebbingStudioのよしなし語り</description>
	<lastBuildDate>Fri, 30 Jul 2010 00:11:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>a-blog cmsではてなブックマークの新着を出すモジュール</title>
		<link>http://blog.webbingstudio.com/2009/11/ablogcms_twitter_hatenab.html</link>
		<comments>http://blog.webbingstudio.com/2009/11/ablogcms_twitter_hatenab.html#comments</comments>
		<pubDate>Mon, 09 Nov 2009 17:49:30 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Customize]]></category>
		<category><![CDATA[a-blog cms]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[おみやげ]]></category>

		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=1180</guid>
		<description><![CDATA[
私の本サイトでは、トップページ下部にTwitterとはてなブックマークの新着を掲載していました。
a-blog cmsに移行する新サイトでも引き継ぐ予定です。
a-blog cmsはテーマファイル内にPHPスクリプトを [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.webbingstudio.com/uploads/2009/11/acmsmodule.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/11/acmsmodule-480x246.jpg" alt="acmsmodule" title="acmsmodule" width="480" height="246" class="alignnone size-large wp-image-1181" /></a></p>
<p>私の本サイトでは、トップページ下部に<a href="http://twitter.com/webbingstudio">Twitter</a>と<a href="http://b.hatena.ne.jp/webbingstudio/">はてなブックマーク</a>の新着を掲載していました。<br />
<a href="http://www.a-blogcms.jp/" class="blank">a-blog cms</a>に移行する新サイトでも引き継ぐ予定です。</p>
<p>a-blog cmsはテーマファイル内にPHPスクリプトを直接書くことはできませんが、外部のRSSを整形して表示できる「<a href="http://www.a-blogcms.jp/support/reference/build_in.html" class="blank">Feed_ExList</a>」モジュールがあります。<br />
これを使えばすぐ移行できる…と思ったのですが、うまく表示できません。</p>
<p><del datetime="2009-11-10T03:51:41+00:00">TwitterのRSSは本文が全てURLエンコードされているため、デコードされずそのまま出力されてしまいます。</del><br />
はてなブックマークはRSS1.0(rdf)形式なので、Feed_ExListモジュールのサポート外です。</p>
<blockquote><p>2009.11.10追記：<br />
開発元様に、[urldecode]という校正オプションを教えていただきました！<br />
Twitterに関しては、<strong>{description}[urldecode]</strong> と記述すればFeed_ExListモジュールが使用できます。<br />
<a href="http://www.a-blogcms.jp/support/reference/proofreading.html">リファレンスに追加されています</a>ので、こちらも参考にしてください。</p></blockquote>
<p>もしかしたら解決方法があるかもしれませんが、今回のところはビルトインモジュールを使うのを断念し、これまで使っていたPHPスクリプトをそのまま自作モジュールに変換する方法を取りました。</p>
<p>追記以降で配布しますので、とりあえず<del datetime="2009-11-10T03:51:41+00:00">Twitterや</del>はてブの新着を掲載したい方、モジュール作成について勉強したい方はご利用ください。</p>
<p><span id="more-1180"></span></p>
<h3>Getdataモジュールについて</h3>
<p>このセットは、下記の外部コンテンツをリストアップするモジュールを追加します。</p>
<ol>
<li>【Contents】　任意URLのファイル内容全て</li>
<li>【Twitter】　任意IDのTwitter新着</li>
<li>【HatenaB】　任意IDのはてなブックマーク新着（コメントを含む）</li>
</ol>
<p>「Getdata」モジュールは、こちらからダウンロードできます。<br />
<strong><a href="http://webbingstudio.com/souvenir/acms_module/Getdata.zip">http://webbingstudio.com/souvenir/acms_module/Getdata.zip</a></strong></p>
<p>モジュールの作成方法は、開発元のコンテンツを参考にしました。</p>
<ul>
<li><a href="http://www.a-blogcms.jp/support/tutorial/develop/acms_module.html" class="blank">a-blog cmsのモジュール | 拡張機能の開発 | a-blog cms</a></li>
<li><a href="http://kazumich.com/index.php?ID=4898" class="blank">a-blog cmsのモジュールの書き方 その1 － kazumich.log</a></li>
</ul>
<h3>使用方法</h3>
<p>解凍直後の状態では動作しません。<br />
フォルダを、<strong>php > ACMS > GET > Getdata</strong>　と開いていき、最下層に入っている 「Contents.php」「Twitter.php」「HatenaB.php」の必要な箇所を編集してください。</p>
<ol>
<li>Contents.php・・・読み込み先のURLを指定</li>
<li>Twitter.php・・・TwitterIDを書き換える（注意：二ヶ所あります）</li>
<li>HatenaB.php・・・はてなIDを書き換える</li>
</ol>
<p>編集したら「php」フォルダごと、a-blog cmsを設置したディレクトリに転送してください。</p>
<h3>テーマファイルへの記述</h3>
<p>下記のように記述するだけで動作します。<br />
Contentsは読み込み元がそのまま、Twitter・HatenaBはリンク付きのul要素で出力されます。</p>
<pre><code>&lt;!-- BEGIN_MODULE Getdata_Contents -->
&lt;!-- END_MODULE Getdata_Contents --></code></pre>
<pre><code>&lt;!-- BEGIN_MODULE Getdata_Twitter -->
&lt;!-- END_MODULE Getdata_Twitter --></code></pre>
<pre><code>&lt;!-- BEGIN_MODULE Getdata_HatenaB -->
&lt;!-- END_MODULE Getdata_HatenaB --></code></pre>
<h3>注意</h3>
<p>※下記の関数が有効になっているサーバーでなければ動作しません。<br />
Contents・・・file_get_contents関数<br />
Twitter / HatenaB・・・file_get_contents関数・SimpleXML関数</p>
<p>※Getdata_Contentsモジュールは、対象のHTMLファイルの内容全てを「<strong>そのまま</strong>」出力します。エンコード・サニタイズも一切行いません。対象URLの内容を確認のうえ、慎重にご利用ください。</p>
<p>※このモジュールは試作品です。今後のa-blog cmsのバージョンアップで、不要となる可能性があります。<br />
商用・非商用を問わず、自由にご利用ください。</p>
<hr />
<p>注意に書いてある通り、PHPのfile_get_contents関数は便利ですが、有効にする際は慎重に取り扱わなければいけません。<br />
もしも悪意ある第三者にPHPファイルを改ざんされてしまった場合、サーバー内の重要データを持っていかれてしまう可能性もあるからです。</p>
<p>ですが、a-blog cmsは一般に公開されているコンテンツにPHPスクリプトを記述せず、深い階層で一括管理を行うので、WordPress等のテーマに直接PHPを書けるCMSよりもやや学習コストがかかる分、安全と言えます。</p>
<p>開発元のブログや私のモジュールを見ればわかりますが、単に出力するだけならとても簡単に作れます。<br />
（テキストをランダムに出力するとか）<br />
皆さんも挑戦してみてください。</p>

<a href="http://twitter.com/?status=RT+%40%3A+a-blog+cms%E3%81%A7%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%81%AE%E6%96%B0%E7%9D%80%E3%82%92%E5%87%BA%E3%81%99%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fybjdomq" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2009/11/ablogcms_twitter_hatenab.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>顔出しNGカードを作った</title>
		<link>http://blog.webbingstudio.com/2009/06/face_ng.html</link>
		<comments>http://blog.webbingstudio.com/2009/06/face_ng.html#comments</comments>
		<pubDate>Thu, 25 Jun 2009 12:00:28 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[Life]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[manner]]></category>
		<category><![CDATA[おみやげ]]></category>

		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=708</guid>
		<description><![CDATA[
明後日のCSS Niteは、このカードをつけていきます。

先日のデジイチブームと顔出しの件で、顔出しを断りたい人もすぐ分かるようにしなくちゃいけないなと思いました。
でも、「顔出しNG」を伝えるのはなかなか難しいので [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.webbingstudio.com/uploads/2009/06/kaong.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/06/kaong-100x150.jpg" alt="kaong" title="kaong" width="100" height="150" class="alignleft size-medium wp-image-709" /></a></p>
<p>明後日のCSS Niteは、このカードをつけていきます。</p>
<div style="clear:both;"></div>
<p><a href="http://d.hatena.ne.jp/shuji_w6e/20090620/1245654247" target="_blank" title="OSC北海道に参加してきました - やさしいデスマーチ">先日のデジイチブームと顔出しの件</a>で、顔出しを断りたい人もすぐ分かるようにしなくちゃいけないなと思いました。<br />
でも、「顔出しNG」を伝えるのはなかなか難しいのです。</p>
<p>どんよりした目で</p>
<p>「私…顔出し…嫌だから…」</p>
<p>となったら、相手も気を遣っちゃいますね。</p>
<p>なので</p>
<p>「いやーあっはっは謎キャラでいたいんですよ☆スイマセンネー」</p>
<p>というノリで作ってみました。</p>
<p>PDFデータ置いときますのでよかったらどぞ。名刺サイズにカットして使ってください。<br />
<a href='http://blog.webbingstudio.com/uploads/2009/06/face_ng.pdf'>face_ng.pdf (65.3KB)</a></p>
<p>これから旅行の準備をして（してないのかよ）、<br />
明日から三日間、東京でおのぼりさんです。<br />
CSS Niteでこのカードを付けているやつを見かけてもいじめないでください＞＜</p>

<a href="http://twitter.com/?status=RT+%40%3A+%E9%A1%94%E5%87%BA%E3%81%97NG%E3%82%AB%E3%83%BC%E3%83%89%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%9F+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fkqy2rq" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2009/06/face_ng.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>wp_post_jp:インポートで使えるWordPress用ダミー記事セット</title>
		<link>http://blog.webbingstudio.com/2009/03/wp_post_jp.html</link>
		<comments>http://blog.webbingstudio.com/2009/03/wp_post_jp.html#comments</comments>
		<pubDate>Mon, 09 Mar 2009 11:16:34 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[おみやげ]]></category>

		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=418</guid>
		<description><![CDATA[ブログのテーマを作るときには、実際の表示を確認するための「ダミー記事」を入れ込む必要があります。
海外では「Sample WordPress Content」というインポートで使えるダミー記事セットも配布されていますが、 [...]]]></description>
			<content:encoded><![CDATA[<p>ブログのテーマを作るときには、実際の表示を確認するための「ダミー記事」を入れ込む必要があります。</p>
<p>海外では「<a href="http://wpcandy.com/articles/easier-theme-development-with-the-sample-post-collection.html" target="_blank">Sample WordPress Content</a>」というインポートで使えるダミー記事セットも配布されていますが、英語圏用なので日本ではあまり役に立ちません。<br />
ひらがな・カタカナ・漢字・英数・記号を同時に使用し、絵文字まで使う日本人には、専用のダミー記事が必要なのです。</p>
<p>これまでのブログカスタマイズの経験を元に、いろいろなパターンの記事を投稿した<strong>WordPress用インポートファイル</strong>を作成したので配布します。<br />
趣味の方も、ビジネスの方も、ご自由にご利用ください。<br />
MovableType版も作るかもしれません。</p>
<p><strong><a href="http://webbingstudio.com/souvenir/post_jp/wp_post_jp.zip">ダウンロードはこちら</a></strong></p>
<p><strong>更新履歴</strong><br />
2009.3.11　文章を一部直しました。プレスリリース風エントリーを追加しました。</p>
<p>スクショと解説は追記以下で。<span id="more-418"></span></p>
<h3>追加されるデータ</h3>
<p>wp_post_jpをインポートすると、下記のようなテストデータが追加されます。</p>
<ul>
<li>プレスリリース風エントリー</li>
<li>ブログ風日本語エントリー（男性｜女性）</li>
<li>blockquote、table、ul、olを含めたエントリー</li>
<li>h3~h5を使用したエントリー<br />（ブログ利用を想定しています。CMSの場合はマークアップを変えてください）</li>
<li>コメントとトラックバックを含むエントリー</li>
<li>固定レイアウト枠をはみ出すようなエントリー</li>
<li>三段までの階層カテゴリー</li>
<li>2008年10月～2009年3月までのアーカイブ<br />（時間ランダム、全曜日投稿しています）</li>
<li>階層を持ったページ</li>
<li>タグ</li>
</ul>
<h3>スクリーンショット</h3>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp01.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp01-150x123.jpg" alt="postjp01" title="postjp01" width="150" height="123" class="alignleft size-medium wp-image-436" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp02.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp02-150x123.jpg" alt="postjp02" title="postjp02" width="150" height="123" class="alignleft size-medium wp-image-420" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp03.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp03-150x123.jpg" alt="postjp03" title="postjp03" width="150" height="123" class="alignleft size-medium wp-image-437" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp04.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp04-150x123.jpg" alt="postjp04" title="postjp04" width="150" height="123" class="alignleft size-medium wp-image-422" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp05.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp05-150x123.jpg" alt="postjp05" title="postjp05" width="150" height="123" class="alignleft size-medium wp-image-423" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp06.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp06-150x123.jpg" alt="postjp06" title="postjp06" width="150" height="123" class="alignleft size-medium wp-image-424" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp07.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp07-150x123.jpg" alt="postjp07" title="postjp07" width="150" height="123" class="alignleft size-medium wp-image-438" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp08.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp08-150x123.jpg" alt="postjp08" title="postjp08" width="150" height="123" class="alignleft size-medium wp-image-439" /></a></p>
<p><a href="http://blog.webbingstudio.com/uploads/2009/03/postjp09.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/03/postjp09-150x123.jpg" alt="postjp09" title="postjp09" width="150" height="123" class="alignleft size-medium wp-image-427" /></a></p>
<div style="clear: both;"></div>
<h3>注意事項</h3>
<p>WordPress2.71からエクスポートしています。最新バージョンでのインポートを推薦します。</p>
<p>既に記事を書いている状態のブログにインポートすると、その記事を残した状態でダミー記事が追加されます。<br />
リンクのデータも入っていますが、これはインポートされません！残念無念＞＜</p>
<p>wp_post_jp内のテスト記事には画像が含まれるエントリーもありますが、imgタグ部分は著作権等の問題があるため、削除しています。<br />
エントリー本文に、<strong>（画像）</strong>などと書かれていますので、そこに該当する画像をアップロードしてください。</p>
<p>ブログ記事の内容、およびXMLデータ中にある、WebbingStudioのWordPressのURLはでたらめです。</p>
<p>当方でもインポートテストを行っていますが、記事を追加したことにより発生する不具合、データの損害等は関知いたしません。新しいブログでない場合は、必ずバックアップを取ってください。</p>
<h3>謝辞</h3>
<p>テスト記事作成にあたり、下記サイトを使用させていただきました。</p>
<ul>
<li><a href="http://lipsum.sugutsukaeru.jp/" target="_blank">すぐ使えるダミーテキスト</a></li>
<li><a href="http://www.aozora.gr.jp/cards/000081/card470.html" target="_blank">青空文庫「セロ弾きのゴーシュ」</a></li>
<li><a href="http://ja.wikipedia.org/wiki/WordPress" target="_blank">Wikipedia「WordPress」</a></li>
</ul>

<a href="http://twitter.com/?status=RT+%40%3A+wp_post_jp%3A%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8BWordPress%E7%94%A8%E3%83%80%E3%83%9F%E3%83%BC%E8%A8%98%E4%BA%8B%E3%82%BB%E3%83%83%E3%83%88+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fa68yfa" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2009/03/wp_post_jp.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sageで使っているユーザースタイルシート</title>
		<link>http://blog.webbingstudio.com/2009/02/sage%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88.html</link>
		<comments>http://blog.webbingstudio.com/2009/02/sage%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88.html#comments</comments>
		<pubDate>Sat, 14 Feb 2009 02:28:04 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[おみやげ]]></category>

		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=256</guid>
		<description><![CDATA[
RSSリーダーは、Sage-Tooを使っています。
私は大変な面倒くさがりなので、オンラインサービスのRSSリーダーだとろくにチェックしなくなってしまいます。
高機能だったりアラートが出たりするものより、ブラウザ連動の [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.webbingstudio.com/uploads/2009/02/sagecss.jpg" alt="sagecss" title="sagecss" width="480" height="277" class="alignnone size-full wp-image-257" /></p>
<p>RSSリーダーは、<a href="https://addons.mozilla.org/ja/firefox/addon/7263">Sage-Too</a>を使っています。<br />
私は大変な面倒くさがりなので、オンラインサービスのRSSリーダーだとろくにチェックしなくなってしまいます。<br />
高機能だったりアラートが出たりするものより、ブラウザ連動の方がいいのです。</p>
<p>で、これの表示画面には自作のCSSを当てています。<br />
目に負担をかけずに記事を見渡せるように、エラスティックレイアウトで融通がきくように、RSSの記事表示の様々なパターンに対応できるように…と、いろいろ改良を加えてます。</p>
<p>Sageを使っている方は少ないと思いますが、良かったらお持ち帰りください。<br />
<a href="http://webbingstudio.com/souvenir/userstyle/sage_webbing001.zip">ユーザースタイルシート（Sage-Too用）</a></p>
<p>どんな風に見えるかは追記以下で。</p>
<p><span id="more-256"></span><br />
北海道Webコンソーシアムの、ハムさんのブログはこんな感じ。<br />
jQueryの研究をされてるので、ときどき読みに行ってます。<br />
<a href="http://h2ham.seesaa.net/">THE HAM MEDIA</a></p>
<div id="attachment_259" class="wp-caption alignnone" style="width: 490px"><a href="http://blog.webbingstudio.com/uploads/2009/02/sage_ham.gif"><img src="http://blog.webbingstudio.com/uploads/2009/02/sage_ham-480x339.gif" alt="THE HAM MEDIAを表示した場合" title="THE HAM MEDIAを表示した場合" width="480" height="339" class="size-large wp-image-259" /></a><p class="wp-caption-text">THE HAM MEDIAを表示した場合</p></div>
<hr />
<p>RSSに画像が含まれる、百式さんだとこんな感じ。<br />
<a href="http://www.100shiki.com/">http://www.100shiki.com/</a></p>
<div id="attachment_258" class="wp-caption alignnone" style="width: 490px"><a href="http://blog.webbingstudio.com/uploads/2009/02/sage_100shiki.gif"><img src="http://blog.webbingstudio.com/uploads/2009/02/sage_100shiki-480x339.gif" alt="百式を表示した場合" title="百式を表示した場合" width="480" height="339" class="size-large wp-image-258" /></a><p class="wp-caption-text">百式を表示した場合</p></div>
<hr />
<p>はてブのホッテントリだと、Sageの仕様でblockquoteに入っているcite属性も出てきます。<br />
タイトル長いのが多いので、overflow: hiddenを使って三行目でカットしてます。<br />
<div id="attachment_260" class="wp-caption alignnone" style="width: 490px"><a href="http://blog.webbingstudio.com/uploads/2009/02/sage_hatebu.gif"><img src="http://blog.webbingstudio.com/uploads/2009/02/sage_hatebu-480x339.gif" alt="はてなブックマークを表示した場合" title="はてなブックマークを表示した場合" width="480" height="339" class="size-large wp-image-260" /></a><p class="wp-caption-text">はてなブックマークを表示した場合</p></div></p>
<hr />
<p>背景がベージュ主体になっているのは、輝度が低く、私には落ち着いて読めるからです。<br />
文字が載っている部分も完全な白ではなく、紙の白にしています。<br />
コーダーには悪評高いメイリオも、これくらいシンプルだと読みやすいです。</p>
<p>まぁ、記事を書いている人たちのブログを直接観に行くので、RSSリーダーだけで記事を読むのは忙しいときくらいなんですけどね（笑）</p>
<p>Web用のユーザースタイルシートも、だいたいこれと同じデザインで、ワンカラムのものを使ってます。<br />
FC2ブログにいたときに配布したことがありますが、だいぶバージョンアップしたのでまた今度配布しますね。</p>

<a href="http://twitter.com/?status=RT+%40%3A+Sage%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fd48fr9" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2009/02/sage%e3%81%a7%e4%bd%bf%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>毎日の支出をPC・携帯で記録するPHPスクリプト</title>
		<link>http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html</link>
		<comments>http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html#comments</comments>
		<pubDate>Wed, 11 Feb 2009 19:38:15 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[money]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[おみやげ]]></category>
		<category><![CDATA[携帯]]></category>

		<guid isPermaLink="false">http://blog.webbingstudio.com/?p=241</guid>
		<description><![CDATA[
何日か前に
「Googleドキュメントを使って、簡単に毎日の支出記録を付ける」といった記事を見ました。
携帯対応のフォーム作成機能を使って、支出記録を都度csv保存しようというものです。
（ブクマしてなかったので見失っ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.webbingstudio.com/uploads/2009/02/kakeibo.jpg"><img src="http://blog.webbingstudio.com/uploads/2009/02/kakeibo-150x240.jpg" alt="kakeibo" title="kakeibo" width="150" height="240" class="alignleft size-medium wp-image-242" /></a></p>
<p>何日か前に<br />
「Googleドキュメントを使って、簡単に毎日の支出記録を付ける」といった記事を見ました。</p>
<p>携帯対応のフォーム作成機能を使って、支出記録を都度csv保存しようというものです。<br />
（ブクマしてなかったので見失った…）</p>
<div style="clear: both;"></div>
<p>来年から青色申告にしたい関係で、簡単に支出を記録する方法を考えていた私。でもWebサービス経由は心配です。<br />
「これ、PHPで作ればいいんじゃね？」<br />
と思い、空いている時間をちょっとずつ使って作りました。</p>
<p>結果は良好。<br />
シンプルなスクリプトですが、ズボラさんや、飲み会が多くていくら使ったか忘れちゃう人にはもってこいです。<br />
追記以下で配ってみますので、利用、改良お気軽にどうぞ。</p>
<p><span id="more-241"></span></p>
<p><a href="http://webbingstudio.com/souvenir/kakeibo.zip"><strong>ダウンロード：プチ帳簿ver1.0</strong></a></p>
<h4>仕様</h4>
<ol>
<li>フォームに必要事項を入れると、csv形式でひたすら記録します。ダウンロードはFTPなどで。</li>
<li>日付ソートとかはしません（笑）Excelで開けてやってください</li>
<li>パスワード判定、入力内容のチェックもしているので割と安心して使えます。金額は全角でもOK。</li>
<li>iPhone / iPod Touchも最適な倍率で表示。一般の携帯端末でもたぶん正常に動作します<br />（と言うより私がiPhoneで使うために作った）</li>
</ol>
<h4>設置方法</h4>
<ol>
<li>解凍して出てきた「kakeibo」フォルダ内の「index.php」をテキストエディタで開きます。</li>
<li>先頭の方にあるパスワードを任意に変更して保存してください。</li>
<li>フォルダごとサーバーにアップし、「data/data.csv」を書き込み可能にします。<br />さくらのサーバーの人はPHPのパーミッション設定も忘れずに。</li>
<li>セキュリティが心配な方は、.htaccessを追加したり、「kakeibo」フォルダを深い階層に置いてください</li>
<li>index.phpをPCと携帯にブックマークすれば完了。</li>
</ol>
<p>主婦とか個人事業者に関わらず、支出を記録するというのはけっこう大事なことです。<br />
たまってきたら、Excelで分類・日付ソートして統計を取ると、無駄遣いがすぐわかります。</p>
<p>とりあえず、お昼のお弁当代など付けてみてはいかがでしょうか。</p>

<a href="http://twitter.com/?status=RT+%40%3A+%E6%AF%8E%E6%97%A5%E3%81%AE%E6%94%AF%E5%87%BA%E3%82%92PC%E3%83%BB%E6%90%BA%E5%B8%AF%E3%81%A7%E8%A8%98%E9%8C%B2%E3%81%99%E3%82%8BPHP%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fb23vra" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2009/02/%e6%af%8e%e6%97%a5%e3%81%ae%e6%94%af%e5%87%ba%e3%82%92pc%e3%83%bb%e6%90%ba%e5%b8%af%e3%81%a7%e8%a8%98%e9%8c%b2%e3%81%99%e3%82%8bphp%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress用本文制御プラグイン「Excontent」</title>
		<link>http://blog.webbingstudio.com/2008/06/entry-96.html</link>
		<comments>http://blog.webbingstudio.com/2008/06/entry-96.html#comments</comments>
		<pubDate>Sun, 15 Jun 2008 14:52:48 +0000</pubDate>
		<dc:creator>WebbingStudio</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[おみやげ]]></category>

		<guid isPermaLink="false">http://webbing.xsrv.jp/blog/?p=17</guid>
		<description><![CDATA[Excontentは、WordPressの記事本文の出力方法を制御するプラグインです。
通常は本文・追記と追記のリンクが自動出力される記事部分を、アーカイブの種類に関係なく個別に出力します。

version1.1(20 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Excontent</strong>は、<a href="http://ja.wordpress.org/" rel="external" title="WordPress">WordPress</a>の記事本文の出力方法を制御するプラグインです。<br />
通常は本文・追記と追記のリンクが自動出力される記事部分を、アーカイブの種類に関係なく個別に出力します。</p>
<dl>
<dt>version1.1(2008-7-3)</dt>
<dd>ex_morelink関数に間違いがあったので修正しました。</dd>
</dl>
<p>&raquo;&nbsp;<strong><a href="http://webbingstudio.com/souvenir/excontent.zip">ダウンロードはこちら</a></strong></p>
<p><a href="http://blog.webbingstudio.com/uploads/2008/06/excontent.jpg" target="_blank">使用した場合のスクリーンショットはこちら</a></p>
<ul>
<li><a href="#use">導入方法</a></li>
<li><a href="#fun">拡張される関数</a></li>
<li><a href="#par">パラメーター</a></li>
<li><a href="#lic">利用規定</a></li>
<li><a href="#che">動作確認</a></li>
<li><a href="#don">make a donation</a></li>
</ul>
<p><span id="more-17"></span></p>
<h4 id="use" class="first">導入方法</h4>
<ol>
<li>解凍したzipフォルダに入っている「excontent.php」を、WordPressの「wp-content/plugins」にアップロードします。</li>
<li>その後管理画面にログインし、「Excontent」がプラグインリストに含まれているのを確認してください。</li>
<li>「<strong>有効化</strong>」すると、次項の関数が使用できるようになります。</li>
</ol>
<h4 id="fun">拡張される関数</h4>
<p>基本の<strong>&lt;?php the_content(); ?&gt;</strong>の代用として、以下の関数を使用できます。</p>
<ul>
<li>&lt;?php the_excontent([<strong>string]display</strong>, <strong>[boolean]filters</strong>); ?&gt;</li>
<li>&lt;?php the_exmorelink( <strong>[string]more_link_text</strong>, <strong>[string]before</strong>, <strong>[string]after</strong>); ?&gt;</li>
</ul>
<h4 id="par">パラメータ</h4>
<h5>the_excontent</h5>
<p>エントリーループ内で、本文を表示します。</p>
<blockquote><p>記述例<br />
<strong>&lt;?php the_excontent(&#8216;body&#8217;, false); ?&gt;</strong></p>
</blockquote>
<dl>
<dt> [string]display</dt>
<dd>
<p><strong>&#8221;</strong> (空：default)<br />
&lt;!&#8211; more &#8211;&gt;の区切りを無視し、全ての記事を表示します。</p>
<p><strong>&#8216;body&#8217;</strong><br />
インデックス・アーカイブの区分を無視し、常に&lt;!&#8211; more &#8211;&gt;の区切り以前を表示します。</p>
<p><strong>&#8216;more&#8217;</strong><br />
インデックス・アーカイブの区分を無視し、常に&lt;!&#8211; more &#8211;&gt;の区切り以降を表示します。</p>
<p>&lt;!&#8211; more &#8211;&gt;がない場合は何も表示しません。</p>
</dd>
<dt> [boolean]filters</dt>
<dd>
<p><strong>true</strong> (default)<br />
記事編集画面での段落（Enter一回押し）を&lt;p&gt;要素に変換します。</p>
<p><strong>false</strong></p>
<p>入力した内容をそのまま表示します（改行の変換は行いません）</p>
</dd>
</dl>
<h5>the_exmorelink</h5>
<p>パーマネントリンクを表示します。シングルページでは何も表示されません。</p>
<blockquote><p>記述例<br />
<strong>&lt;?php the_exmorelink(&rsquo;[続きを読む]&rsquo;, &rsquo;&lt;p class=&quot;extended&quot;&gt;&rsquo;, &rsquo;&lt;/p&gt;&rsquo;); ?&gt;</strong></p>
</blockquote>
<dl>
<dt>[string]more_link_text</dt>
<dd>パーマネントリンクの文章を指定します。</dd>
<dt>[string]before</dt>
<dd>パーマネントリンクの前に表示する文章を指定します。</dd>
<dt>[string]after</dt>
<dd>パーマネントリンクの後に表示する文章を指定します。</dd>
</dl>
<h4 id="lic">利用規定</h4>
<p>WordPressはオープンソースのフリーウェアです。<br />
WordPressのコアファイルに関わっているこのプラグインもオープンソース規定に基づいて頒布します。<br />
商用利用、改変、スキンのfunction.phpへの組み込み等、ご自由にお使いください。</p>
<p>尚、基本的に改良の保障はいたしません。</p>
<h4 id="che">動作確認</h4>
<p>WordPress 2.6以降、WordPressME 2.0、WordPressME 2.2のデフォルト環境で動作を確認しています。</p>
<h4 id="don">make a donation</h4>
<p>このプラグインは、フリーウェアです。</p>
<p>でも、あなたのお役に立ちましたら、うぇびんぐさんに何かおごってください＾＾*</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="image" src="https://www.paypal.com/ja_JP/JP/i/btn/x-click-butcc-donate.gif" border="0" name="submit" alt="PayPal - make a donation">
<img alt="" border="0" src="https://www.paypal.com/ja_JP/i/scr/pixel.gif" width="1" height="1"></p>
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----<br />
&#8220;><br />
</form>

<a href="http://twitter.com/?status=RT+%40%3A+WordPress%E7%94%A8%E6%9C%AC%E6%96%87%E5%88%B6%E5%BE%A1%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%80%8CExcontent%E3%80%8D+-+%E3%82%A6%E3%82%A7%E3%83%93%E3%83%B3%E3%83%96%E3%83%AD%E3%82%B0+%3E%3Ehttp%3A%2F%2Ftinyurl.com%2Fmf7qgs" class="tweet-this" ><br /><img src="http://blog.webbingstudio.com/admin/wp-content/plugins/simple-tweet/img/tweet.gif" alt="Twitter" />Twitterで記事を紹介して下さい（-人-）</a>]]></content:encoded>
			<wfw:commentRss>http://blog.webbingstudio.com/2008/06/entry-96.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
