<?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>Beabo &#187; WebTips</title>
	<atom:link href="http://beabo.net/category/webtips/feed/" rel="self" type="application/rss+xml" />
	<link>http://beabo.net</link>
	<description>XOOPS Cubeモジュール制作とWordPressのカスタマイズはお任せ下さい</description>
	<lastBuildDate>Mon, 26 Apr 2010 09:50:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ブログの記事の文章の長さはどれくらいが適当なのか？</title>
		<link>http://beabo.net/2009/04/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%96%87%e7%ab%a0%e3%81%ae%e9%95%b7%e3%81%95%e3%81%af%e3%81%a9%e3%82%8c%e3%81%8f%e3%82%89%e3%81%84%e3%81%8c%e9%81%a9%e5%bd%93%e3%81%aa/</link>
		<comments>http://beabo.net/2009/04/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%96%87%e7%ab%a0%e3%81%ae%e9%95%b7%e3%81%95%e3%81%af%e3%81%a9%e3%82%8c%e3%81%8f%e3%82%89%e3%81%84%e3%81%8c%e9%81%a9%e5%bd%93%e3%81%aa/#comments</comments>
		<pubDate>Sun, 19 Apr 2009 07:56:37 +0000</pubDate>
		<dc:creator>hiro1173</dc:creator>
				<category><![CDATA[WebTips]]></category>

		<guid isPermaLink="false">http://beabo.net/2009/04/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%96%87%e7%ab%a0%e3%81%ae%e9%95%b7%e3%81%95%e3%81%af%e3%81%a9%e3%82%8c%e3%81%8f%e3%82%89%e3%81%84%e3%81%8c%e9%81%a9%e5%bd%93%e3%81%aa/</guid>
		<description><![CDATA[デザイン的にレイアウトを決めていくと思ったよりブログ本文の文章の長さが長くなってしまった。改行する文字の長さは、読みやすさにつながるので、読むという行為に対して何文字で改行するのがいいんだろうと考えて見ました。
学問的に [...]]]></description>
			<content:encoded><![CDATA[<p>デザイン的にレイアウトを決めていくと思ったよりブログ本文の文章の長さが長くなってしまった。改行する文字の長さは、読みやすさにつながるので、読むという行為に対して何文字で改行するのがいいんだろうと考えて見ました。</p>
<p>学問的にどうだ！というのは、よく分からないので良く行くのブログやサイトから調べてみます。<br />（注：Windows XP でメイリオでサイズが１５の場合）</p>
<p>３０文字台のサイト<br /><a href="http://japan.cnet.com/">CNET Japan</a>の記事では、 全角33文字（半角66文字）<br /><a href="http://www.gizmodo.jp/"> ギズモード・ジャパン</a>では、 全角３４文字（半角６８文字）</p>
<p>４０文字台のサイト<br /><a href="http://jbpress.ismedia.jp/">JBpress（日本ビジネスプレス）</a>では、 全角４０文字（半角８０文字）<br /><a href="http://d.hatena.ne.jp/hatenadiary/">はてなダイアリー日記</a>では、 全角４２文字（半角８４文字）</p>
<p>５０文字台のサイト<br /><a href="http://www.nikkei.co.jp/">NIKKEI NET（日経ネット）</a>では、 全角５１文字（半角１０２文字）<br /><a href="http://headlines.yahoo.co.jp/hl">Yahoo!ニュース</a>では、 全角５２文字（半角１０４文字）<br /><a href="http://wiredvision.jp/">WIRED VISION</a>では、 ほぼ全角５２文字（半角１０４文字）<br /><a href="http://www.mainichi.co.jp/">毎日jp（毎日新聞）</a>では、 ほぼ全角５３文字（半角１０６文字）<br /><a href="http://www.asahi.com/">asahi.com（朝日新聞社）</a>では、 ほぼ全角５３文字（半角１０６文字）</p>
<p>現実的に文字数で判断するのは、ブラウザのフォントのサイズ指定や使うブラウザなどでも代わってくるので文字数で判断するのは良くないです。ホントは幅を何pxで指定してるのか？を調べると良かった。</p>
<p>基本的に文字数で制限するのは良くないけど、文字数で調べてしまったので、このまま話を進める(笑)</p>
<p>文章が多いニュース系のサイトは、一行の文字が多い。ブログだと文字の量が多くないので３０～４０文字前後の方がいいみたい。</p>
<p>サイズ的には、500から600pxあたりが落ち着く感じです。</p>
<p>調べたサイトが個人的な嗜好もあるし、サンプルにはならないかも知れませんが、参考になれば、幸いです。</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=4205629b-f190-885b-b3a2-455706cc470a" /></div>
]]></content:encoded>
			<wfw:commentRss>http://beabo.net/2009/04/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ae%e8%a8%98%e4%ba%8b%e3%81%ae%e6%96%87%e7%ab%a0%e3%81%ae%e9%95%b7%e3%81%95%e3%81%af%e3%81%a9%e3%82%8c%e3%81%8f%e3%82%89%e3%81%84%e3%81%8c%e9%81%a9%e5%bd%93%e3%81%aa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone向けのサイトを検討してみた</title>
		<link>http://beabo.net/2008/06/wordpress-for-iphone/</link>
		<comments>http://beabo.net/2008/06/wordpress-for-iphone/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 09:32:27 +0000</pubDate>
		<dc:creator>hiro1173</dc:creator>
				<category><![CDATA[WebTips]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://beabo.net/?p=71</guid>
		<description><![CDATA[ニュース系のサイトは、毎日の様にiPhoneの話題が書かれていますね。
僕は、iPod touchを持っているので、iPhone・iPod touch向けのサイトについて調べてみました。WordPressは、iPhon向 [...]]]></description>
			<content:encoded><![CDATA[<p>ニュース系のサイトは、毎日の様にiPhoneの話題が書かれていますね。</p>
<p>僕は、iPod touchを持っているので、iPhone・iPod touch向けのサイトについて調べてみました。WordPressは、iPhon向けのプラグインが既にいくつか開発されていて、テスト用のサイトでチェックしてみました。</p>
<p>今回試したのは、<a href="http://iwphone.contentrobot.com/2007/07/04/iwphone-wordpress-plugin-and-theme">iWPhone</a>と<a href="http://www.bravenewcode.com/wptouch/">wptouch</a>の２種類のプラグインです。</p>
<p>ノーマルの画面。これにタップしたり、拡大させたりして一通り見れる。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/cimg0056.jpg" rel="lightbox[71]"><img class="alignnone size-medium wp-image-72 aligncenter" title="ノーマル" src="http://beabo.net/wp-content/uploads/2008/06/cimg0056-225x300.jpg" alt="" width="225" height="300" /></a></p>
<h3>iWPhoneの使用感</h3>
<p>iWPhoneは、プラグインとテーマのセットになっていて、トップ画面はテキストの記事が表示されます。画像はiWPhoneの記事表示画面で、画像も分かりやすいです。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/cimg0055.jpg" rel="lightbox[71]"><img class="alignnone size-medium wp-image-73 aligncenter" title="cimg0055" src="http://beabo.net/wp-content/uploads/2008/06/cimg0055-225x300.jpg" alt="" width="225" height="300" /></a></p>
<h3>wptouchの使用感</h3>
<p>wptouchでのトップページの画面は、記事のタイトルのみになり、iWPhoneと対照的な感じがします。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/cimg0060.jpg" rel="lightbox[71]"><img class="alignnone size-medium wp-image-74 aligncenter" title="wptouchの画面" src="http://beabo.net/wp-content/uploads/2008/06/cimg0060-225x300.jpg" alt="" width="225" height="300" /></a></p>
<p>記事のページはiWPhoneに似ていますが、見ているページをメールで送るボタンやソシャールブックマークなどにリンクするボタンがあったりと全体的には、wptouchの方が使ってみると良い感じがします。<br />
他にもiPhone用のプラグインがあるので、紹介しておきます。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/mobileadmin/">iPhone / Mobile Admin</a></li>
<li><a href="http://blog.pear.co.jp/wphone140ja">WPhone</a></li>
<li><a href="http://blog.pear.co.jp/wphone140ja">WPhoneの日本語版</a>を作って配布しています。</li>
<li><a class="taggedlink" rel="nofollow" href="http://wphoneplugin.org/">WPhone Admin Plugin</a></li>
</ul>
<p>iPhone向けのページがあると、見やすくなるのとページのサイズが小さくなるので読み込みが早くなります。そのままでも見れるけど、ユーザーが見やすい環境で提供するのがベストだと思います。</p>
<p>日本にiPhoneが入ってくると、iPhoneからアクセスする人が出てきて、iPhone向けのページが必要になりますね。ホームページを作ろうと思う方は、iPhone向けのページも検討してみてください。</p>
<p>HTMLで作ってね！と言われたら作れるけど、手間ばかり掛かってしまうのでCMSやブログのシステムの方が便利ですね。</p>
<p>ビーボでも、iPhoneの発売までには、Wordpressのブログコースのユーザーサイトをバージョンアップする予定です。ユーザーの皆さん、お待ち下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://beabo.net/2008/06/wordpress-for-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FCKeditor File/Image Manager Plugin</title>
		<link>http://beabo.net/2008/06/fckeditor-fileimage-manager-plugin/</link>
		<comments>http://beabo.net/2008/06/fckeditor-fileimage-manager-plugin/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 14:35:13 +0000</pubDate>
		<dc:creator>hiro1173</dc:creator>
				<category><![CDATA[WebTips]]></category>
		<category><![CDATA[FCKeditor]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://beabo.net/?p=68</guid>
		<description><![CDATA[FCKeditor File/Image Manager Plugin の日本語セットを公開しました。

FCKeditorのファイルブラウザーは、便利ですが・・・もう少し便利だといいなと思って、探したのが、こちらのPH [...]]]></description>
			<content:encoded><![CDATA[<p>FCKeditor File/Image Manager Plugin の日本語セットを公開しました。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/image00033.jpg" rel="lightbox[68]"><img class="alignnone size-medium wp-image-66 aligncenter" title="Plugin表示画面" src="http://beabo.net/wp-content/uploads/2008/06/image00033-300x188.jpg" alt="" width="300" height="188" /></a></p>
<p>FCKeditorのファイルブラウザーは、便利ですが・・・もう少し便利だといいなと思って、探したのが、こちらのPHP Letterの <a href="http://www.phpletter.com/Demo/FCKeditor-Ajax-File-Manager/">FCKeditor File/Image Manager Plugin</a> です。</p>
<p>これは、FCKeditorのプラグインで、「ajaxfilemanager」と読んでいいのかな？ちょっと設定とかが面倒だったのですが、使えるようになったのと画像のサムネイル表示が出来たので公開します。</p>
<p>説明ページは<a href="/download/fckeditor-fileimage-manager-plugin/">こちら</a>になります。</p>
]]></content:encoded>
			<wfw:commentRss>http://beabo.net/2008/06/fckeditor-fileimage-manager-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FCKeditorでFLV動画を使う</title>
		<link>http://beabo.net/2008/06/add-flvplayer/</link>
		<comments>http://beabo.net/2008/06/add-flvplayer/#comments</comments>
		<pubDate>Sun, 08 Jun 2008 08:04:25 +0000</pubDate>
		<dc:creator>hiro1173</dc:creator>
				<category><![CDATA[WebTips]]></category>
		<category><![CDATA[FCKeditor]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://beabo.net/?p=20</guid>
		<description><![CDATA[FCKeditorって、かなり便利なんですが・・・今回はFLV動画を扱えるようにしてみよう。これは、XOOPS以外でも使えるので便利です。
FLV動画を扱う前に、FLVplayerというFLV再生のソフトがあり、今回はそ [...]]]></description>
			<content:encoded><![CDATA[<p>FCKeditorって、かなり便利なんですが・・・今回はFLV動画を扱えるようにしてみよう。これは、XOOPS以外でも使えるので便利です。</p>
<p>FLV動画を扱う前に、FLVplayerというFLV再生のソフトがあり、今回はそのソフトを使ったプラグインを組み込んでみます。</p>
<h2>インストール</h2>
<ol>
<li>FLVPlayerのプラグインを入手します。sourceforgの<a href="http://sourceforge.net/tracker/index.php?func=detail&amp;aid=1856051&amp;group_id=75348&amp;atid=737639">FLV Player Plugin</a>サイトからどうぞ。<br />
ページをスクロールして、下の方の「Download」をクリックして、ローカルのコンピュータに保存してください。</li>
<li>flvPlayerというフォルダが出来るので、フォルダごとFCKeditorのプラグインのフォルダへコピーします。<br />
XOOPS設置URL/common/fckeditor/editor/plugins/ になります。言語ファイルは、en.jsのみ残しても良いです。</li>
<li>日本語の言語ファイルが無いと思うので、日本語のファイルは<a href="http://beabo.net/downloads/fckeditor/ja.js">こちら</a>からダウンロードが出来ます。</li>
<li>日本語のファイルは、以下のに設置してください。<br />
XOOPS設置URL/common/fckeditor/editor/plugins/flvPlayer/lang/ja.js</li>
<li>FCKeditorのツールバーに各プラグインのアイコンを追加します。<br />
XOOPS設置URL/common/fckeditor/fckconfig.js<br />
FCKConfig.ToolbarSets["Default"]という項目があります。<br />
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak']あたりに&#8217;「flvPlayer&#8217;」を追加します。<br />
僕の場合は、こんな感じです。<br />
['Image','Flash','flvPlayer', 'Table','Rule','SpecialChar'],</li>
<li>FCKConfigにプラグインを登録します。<br />
fckconfig.jsの最後の行へ以下の文を追加します。<br />
// flvPlayer<br />
FCKConfig.Plugins.Add( &#8216;flvPlayer&#8217;,'en,ja&#8217;) ;</li>
<li>以上で作業は終わりです。</li>
</ol>
<p>ブラウザを一度終了させて、FCKeditorを試してみてください。</p>
<h2>使い方</h2>
<p>うまくインストール出来たら、FCKeditorのツールバーへ  <img class="alignnone size-full wp-image-60" title="Icon" src="http://beabo.net/wp-content/uploads/2008/06/fckicon.jpg" alt="" width="26" height="25" /> が追加されていると思います。</p>
<p>アイコンをクリックすると次のような画面が出ます。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/fckpopup.jpg" rel="lightbox[20]"><img class="alignnone size-medium wp-image-61 aligncenter" title="fckpopup" src="http://beabo.net/wp-content/uploads/2008/06/fckpopup-300x285.jpg" alt="" width="300" height="285" /></a></p>
<p>動画やプレビュー画像のファイルのURLやプレイヤーの設定などを行い「OK」ボタンをクリックすれば、エディタの中に挿入されます。現在のバージョンでは、XMLファイルによるプレイリストが利用出来ませんので、「単一のメディアファイル」のみの利用に限定されますが、便利だと思います。</p>
<p>エディタ内には、FLVプレイヤーの内容は表示されずに、こんな感じで表示されます。</p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/image00030.jpg" rel="lightbox[20]"><img class="alignnone size-medium wp-image-62 aligncenter" title="FCKeditorの表示" src="http://beabo.net/wp-content/uploads/2008/06/image00030-300x204.jpg" alt="" width="300" height="204" /></a></p>
<p>XOOPS Cube での picoでの利用例です。</p>
<p><a href="http://beabo.net/wp-content/uploads/2008/06/fcktoflv.jpg" rel="lightbox[20]"></a></p>
<p style="text-align: center;"><a href="http://beabo.net/wp-content/uploads/2008/06/fcktoflv.jpg" rel="lightbox[20]"><img class="alignnone size-medium wp-image-59" title="picoの利用例" src="http://beabo.net/wp-content/uploads/2008/06/fcktoflv-300x180.jpg" alt="" width="300" height="180" /></a></p>
<p>FCKeditorのプラグインを追加するので、XOOPS以外でも使えます。お試し下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://beabo.net/2008/06/add-flvplayer/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
