<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>モカモカ工房</title>
        <link>http://mocamoca.biz/blog/</link>
        <description>Web関連情報（CSS、SEO、ネットワーク等々）</description>
        <language>ja</language>
        <copyright>Copyright 2011</copyright>
        <lastBuildDate>Thu, 15 Dec 2011 17:23:07 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>coreserverでツイッター（Twitter）のボット（bot）を動かす</title>
            <description><![CDATA[<p>Twitterには、自動投稿用のボットのウエブサービスもあるようですが、自分のサーバーから自分のアプリケーション名でツイートを行いと思い、設定をしてみました。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ボット" src="http://mocamoca.biz/blog/image/1112/bot_1.gif" width="215" height="164" class="mt-image-right" style="float: right; margin: 0 0 20px 20px;" /></span>１）まず、「<a href="http://pha22.net/twitterbot/">プログラミングができなくても作れるTwitter botの作り方</a>」からPHPのスクリプトセットをダウンロードします。<br/>
ダウンロードしたzipフィルを解凍すると、図のようなファイル構成になっています。<br style="clear:both;"></p>
]]></description>
            <link>http://mocamoca.biz/blog/2011/12/coreserver.html</link>
            <guid>http://mocamoca.biz/blog/2011/12/coreserver.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">SNS</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">ツイッター</category>
            
            <pubDate>Thu, 15 Dec 2011 17:23:07 +0900</pubDate>
        </item>
        
        <item>
            <title>coreserver内での引越</title>
            <description><![CDATA[<p>私のメインブログ「<a href="http://mocamoca.com/harablog/">モカの腹</a>」のサーバーには「coreserver」を使っています。<br/>
これはとても安くてスペックも高く、自分でいろいろといじることが出来ます。</p>

<p>さらにありがたいのは、自分が使っているサーバーが重くなったら簡単に引っ越すことができるのです。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://mocamoca.biz/blog/image/1112/core_trans_01.gif" class="highslide" onclick="return hs.expand(this)"><img alt="coreserver引越1" src="http://mocamoca.biz/blog/assets_c/2011/12/core_trans_01-thumb-500x166-180.gif" width="500" height="166" class="mt-image-none" style="" /></a></span></p>

<p>今まで使っているのはs120.coreserver。<br/>
まずは「<a href="http://websrvtool.appspot.com/mainte_xrea.html">サーバーの稼働情報一覧</a>」でサーバーの混み具合をチェックしたところ、私のs120は稼働率81%のレッドカード。<br/>
ちなみにこの一覧ページはしょっちゅうサーバーエラーになります。空いている時にチェックしてくださいね。</p>

<p>少しずつ続く...</p>
]]></description>
            <link>http://mocamoca.biz/blog/2011/12/coreserver-1.html</link>
            <guid>http://mocamoca.biz/blog/2011/12/coreserver-1.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
            <pubDate>Fri, 02 Dec 2011 09:38:26 +0900</pubDate>
        </item>
        
        <item>
            <title>エクセルのセルの色情報をエクスポートする方法</title>
            <description><![CDATA[<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fig_1.gif" src="http://mocamoca.biz/blog/image/1111/fig_1.gif" width="205" height="190" class="mt-image-right" style="float: left; margin: 0 0 20px 20px;" /></span>このようなエクセルのセルの色情報をエクスポートする方法です。<br style="clear:both;"></p>
]]></description>
            <link>http://mocamoca.biz/blog/2011/11/post-7.html</link>
            <guid>http://mocamoca.biz/blog/2011/11/post-7.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">アプリケーション</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">エクセル</category>
            
            <pubDate>Wed, 02 Nov 2011 13:34:47 +0900</pubDate>
        </item>
        
        <item>
            <title>iPadのブラウザーはiCab Mobileがすごく便利です</title>
            <description><![CDATA[<h3>iCab Mobileは「タブブラウズ」が便利</h3>

<p>　iPadのウエブブラウザは「Safari」がデフォルトですが、これを「iCab Mobile」に変えることによってとても使いやすくなります。</p>

<p>　「iCab Mobile」の特徴はいろいろあるのですが、私が非常に気に入っているのが「タブ」の存在です。<br/>
　「Safari」も複数サイトを同時に開けますが、いちいち一覧に戻らなくてはいけません。これが面倒なのです。</p>

<p>　その点「iCab Mobile」だとPCのブラウザと同じように「タブブラウス」が可能なのです。<br/>
　そして、極めつけが「リンクをバックグラウンドのタブで開ける」こと。<br/>
　これがたまらなく快適なのです。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="タブブラウズ" src="http://mocamoca.biz/blog/image/1006/icab_00.jpg" width="500" height="75" class="mt-image-none" style="" /></span></p>
]]></description>
            <link>http://mocamoca.biz/blog/2010/06/ipadicab.html</link>
            <guid>http://mocamoca.biz/blog/2010/06/ipadicab.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">iPad</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">iCab</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">iPad</category>
            
            <pubDate>Thu, 17 Jun 2010 23:19:51 +0900</pubDate>
        </item>
        
        <item>
            <title>ドメインの移管とサーバーの引越し</title>
            <description><![CDATA[<p>　私が管理維持しているもう一つのドメインmocamoca.comについて、サーバーの引越しをしました。<br />
　旧サーバー会社はサーバーとドメインの管理を両方ともしてもらっていたのですが、サーバーを引越した後にドメインの管理だけはしてくれないので、ドメインの管理も移管することにしました。</p>

<p>　新しいサーバー環境は
　
* サーバー：CORESERVER
* ドメイン管理：VALUE-DOMAIN</p>

<p>　です。</p>
]]></description>
            <link>http://mocamoca.biz/blog/2009/03/post-6.html</link>
            <guid>http://mocamoca.biz/blog/2009/03/post-6.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">その他</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">サーバー</category>
            
            <pubDate>Mon, 30 Mar 2009 15:07:59 +0900</pubDate>
        </item>
        
        <item>
            <title>coreserver(XREA)でSSIのexecが使えない！</title>
            <description><![CDATA[<p>　cpreserver（XREAサーバー）のサーバーへの引越し作業をしています。</p>

<p>　今までindex.shtmlのソースの中に</p>

<blockquote>&lt;!--#exec&nbsp;cmd=&quot;./program.cgi&quot;&nbsp;--&gt;</blockquote>

<p>　を埋め込み、SSIを使ってテキストを文中に表示させていました。</p>

<p>　しかしこのサーバーではexecはセキュリティーのために使えないということが判明<a href="http://www.xrea.com/?action=faq#8">こちら</a></p>

<p>　いろいろと調べた結果、program.cgiの中に</p>

<blockquote>print&nbsp;&quot;Content-type:&nbsp;text/html¥n¥n&quot;;</blockquote>

<p>　という一文を入れ（#!/usr/bin/perlの次の行に）</p>

<blockquote>&lt;!--#exec&nbsp;cmd=&quot;./program.cgi&quot;&nbsp;--&gt;を<br />
&lt;!--#include&nbsp;virtual=&quot;./program.cgi&quot;&nbsp;--&gt;に変更</blockquote>

<p>　することによって解決しましたo(^0^)o</p>
]]></description>
            <link>http://mocamoca.biz/blog/2009/03/coreserverxreassiexec.html</link>
            <guid>http://mocamoca.biz/blog/2009/03/coreserverxreassiexec.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">プログラミング</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">SSI</category>
            
            <pubDate>Tue, 03 Mar 2009 14:29:34 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Typeサーバー引越し1（MySQLデータの引越し）</title>
            <description><![CDATA[<p>　<a href="http://mocamoca.com">モカモカパラダイス</a>で使っているサーバーのデータベースが遅いので、<a href="http://www.coreserver.jp/index.php">CORESERVER</a>に乗り換えようと思っています。<br />
　まずはサーバーをお試しで借りてMovable Typeの引越しの練習をしてみました。<br />
　Movable Typeのデータベースは両方ともMySQLを使用。<br />
　というわけで、まずはphpMyadominを使ってMyySQLのデータの引越しに挑戦してみましたo(^0^)o</p>
]]></description>
            <link>http://mocamoca.biz/blog/2009/03/movable-type-moving-1.html</link>
            <guid>http://mocamoca.biz/blog/2009/03/movable-type-moving-1.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">メインテナンス</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Movable Type</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">サーバー</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">引越し</category>
            
            <pubDate>Mon, 02 Mar 2009 16:38:52 +0900</pubDate>
        </item>
        
        <item>
            <title>WindowsXPがログイン後すぐにログオフしてしまう→sp3を回復コンソールから削除</title>
            <description><![CDATA[<p>　社員のパソコンがログイン後に一瞬デスクトップ画面が出た後に、すぐログイン画面に戻ってしまうという状態になりました。<br />
　OSはWindowsXP Pro SP3です。<br />
　まずは</p>

<ol>
<li>再起動しても同じ</li>
<li>セーフモードで立ち上げても同じ</li>
<li>Administratorで入っても同じ</li>
<li>CHKDSKをやっても同じ</li>
</ol>

<p>　実は、この現象が起きる前に一度</p>

<blockquote>SP3を動かすためのファイルがありませんのでSP3のディスクを入れてください</blockquote>

<p>　というアラートが出ていました。<br />
　しかしSP3はアップデートで入れたのでディスクなんて持っていません。<br />
　うーん困った...などと思ってリスタートしたらこの状態になってしまいました＿|￣|○</p>

<p>　こうなったらSP3ごと削除してしまえ！と思い、Windowsが立ち上がらない状態でSP3を削除する方法を探してみました。</p>]]></description>
            <link>http://mocamoca.biz/blog/2009/01/windowsxpsp3.html</link>
            <guid>http://mocamoca.biz/blog/2009/01/windowsxpsp3.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">トラブル</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Windows</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">トラブル</category>
            
            <pubDate>Thu, 29 Jan 2009 10:39:21 +0900</pubDate>
        </item>
        
        <item>
            <title>firefoxのみに効くCSSハック</title>
            <description><![CDATA[<p>　ページを作っていて、どーしてもfirefoxでだけ1ピクセルずれる減少に悩まされ、firefoxだけに適用されるCSSハックを探したのですが、これが意外とありませんでした。</p>

<p>　「:-moz-broken」などのfirefoxでしか使えない"独自実装擬似クラス"をセレクタに混ぜ込むことによってfirefoxでしか適用されないCSSを定義するという記事もありました。</p>

<blockquote>div#menu, x:-moz-any-link { STYLE }</blockquote>

<p>　しかしこれがIE7にもどうやら適用されてしまうようなのです。</p>

<p>　そこで、最初にfirefoxのスタイルを書き、さらにそれ以外のブラウザのスタイルを書くことで何とか解決しました。</p>

<pre name="code" class="xml">
SELECTOR { STYLE }/*firefox用*/
*:first-child+html SELECTOR { STYLE }/*IE7用*/
* html  SELECTOR { STYLE } /*〜IE6用*/
body:first-of-type  SELECTOR { STYLE }/*Safari and Opera用*/
</pre>

<p>　うーん、こんなのでいいのかしら(^.^;)<br />
　でもこれで</p>

<blockquote>Windows　IE6、IE7、Opera9.6、Firefox3<br />
Mac　Firefox3、Safari3</blockquote>

<p>　では大丈夫でした。</p>
]]></description>
            <link>http://mocamoca.biz/blog/2009/01/firefoxcss.html</link>
            <guid>http://mocamoca.biz/blog/2009/01/firefoxcss.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">CSS</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">CSS</category>
            
            <pubDate>Thu, 15 Jan 2009 15:12:59 +0900</pubDate>
        </item>
        
        <item>
            <title>携帯サイトのページ容量について</title>
            <description><![CDATA[<p>　携帯サイトをつくる時、気になるのがページの容量です。<br />
　キャリア毎に推奨サイズというのが決まっています。</p>

<ol>
<li>DoCoMo<br />
　全機種対応→<a href="http://www.nttdocomo.co.jp/service/imode/make/content/html/notice/standard/index.html">5KB</a><br />
　しかし、FOMAだとキャッシュサイズは<a href="http://www.nttdocomo.co.jp/service/imode/make/content/html/notice/other/#p24">100KB</a>まで拡大します。
<li>au<br />
　全機種対応→<a href="http://www.au.kddi.com/ezfactory/tec/spec/wap_tag12.html">9KB</a><br />
　しかし経験的には50KB以下であれば、たいていのWAP2.0搭載機種では表示される（<a href="http://dspt.blog59.fc2.com/blog-entry-25.html">携帯サイト作成時の注意点〜ページ容量au編〜</a></li>
<li>softbank<br />
　最低　C2,C3,C4型    6KB<br />
　最高　3GC型    300KB<br />
　（<a href="http://creation.mb.softbank.jp/column/column_01_01.html">ソフトバンク携帯電話向けのHTMLについて</a>）</li></ol></li>
</ol>

<p>　結論→最新の3G携帯のみに限定すれば50KB〜100KB程度ならば大丈夫です。</p>
]]></description>
            <link>http://mocamoca.biz/blog/2008/12/post-5.html</link>
            <guid>http://mocamoca.biz/blog/2008/12/post-5.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">携帯</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">携帯</category>
            
            <pubDate>Mon, 22 Dec 2008 15:47:44 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable TypeにBJKitを導入→アンチエイリアスの効いた美しい文字に</title>
            <description><![CDATA[<p>　Movable Typeでは、ヘッダーのタイトルや記事ごとの見出しがテキストで表示されます。
　普段Macを使っている私としては、WindowsでMovable Typeを見た時にテキストにギザギザが出るのが気になっていました。</p>

<p>　そんな中年乙女の悩みを解決してくれるのが、この「BJKit」です。 <br />　指定したテキストをFlashを使って任意のアンチエイリアスのピリッと効いたフォントに変換してくれるのです！　
　すごい！</p>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_1" src="http://mocamoca.biz/blog/image/0811/photo_1.jpg" width="394" height="283" class="mt-image-none" style="" /></span>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="BJkit_2" src="http://mocamoca.biz/blog/image/0811/photo_2.jpg" width="394" height="283" class="mt-image-none" style="" /></span>]]></description>
            <link>http://mocamoca.biz/blog/2008/11/movable-typebjkit.html</link>
            <guid>http://mocamoca.biz/blog/2008/11/movable-typebjkit.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">表示</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Movable Type</category>
            
            <pubDate>Tue, 04 Nov 2008 18:53:17 +0900</pubDate>
        </item>
        
        <item>
            <title>DreamweaverでHTMLメールを作る方法</title>
            <description><![CDATA[<p>　Dreamweaverを使ってHTMLメールを作る方法を検討してみました。</p>

<p>　まずHTMLメール制作の注意点ですが</p>

<ol>
<li>CSSは出来るだけ使わない<br />
　メーラーやwebメールクライアントによって、CSSのサポート状況がかなり違います。<br />
　特にサポートが低いのが"Gmail"です。head部分にCSSを書いても反映せず、外部CSSファイルも使えません。<br /><br />
　インラインだと使えるCSSも増えるのですが、それでも使えないCSSプロパティーがいろいろあるので、<a href="http://www.campaignmonitor.com/css/">CSS support in email clients</a>の一覧を参考にしながら作るといいと思います。<br /><br />
　実際にいろいろとHTML形式のメルマガを調べてみたところ、実は全てhead部分にCSSを書いていました。しかしどこもフォントサイズ程度にとどめていました。この程度ならばCSSが無視されても大丈夫なようです。</li>
<li>レイアウトはCSSではなく、旧来のテーブルレイアウトにする<br />
　CSSはメールクライアントによってサポートがまちまちなので、テーブルレイアウトにします。</li>
<li>画像にはaltを設定し、画像が表示されなくても大丈夫なようにする</li>
<li>イメージファイルはサーバーに置き、パス指定は絶対パスにする</li>
<li>デザインの幅は600px程度が良いようです</li>
<li>DOCTYPEは「HTML 4.01 Transitional」、文字コードは「iso-2022-jp」を使用する</li>
</ol>
]]></description>
            <link>http://mocamoca.biz/blog/2008/10/dreamweaver-html-mail.html</link>
            <guid>http://mocamoca.biz/blog/2008/10/dreamweaver-html-mail.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">アプリケーション</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Dreamweaver</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">HTMLメール</category>
            
            <pubDate>Fri, 31 Oct 2008 10:02:21 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Type：TemplateSetExporterを使ったテンプレートの移植</title>
            <description><![CDATA[<p>　Movable Type3で作られたブログ（モカの腹）をMovable Type4に移行するにあたり、テンプレートの作り直しが一番大変な作業になると思われます。<br />
　ご存知のようにMovable Typeは4になってから、テンプレートがモジュール化されて大幅にその構造が変わりました。</p>

<p>　テンプレートを初期状態からコツコツ作るのもいいのですが、せっかくこのブログ（モカモカ工房）である程度作り込んだので、これをベースにして新しいテンプレートを作ろうと思いました。</p>

<p>　Movable Type4では、テンプレートをまとめて管理できる「天ぷら」...「テンプレートセット」という機能があります。<br />
　そこで、モカモカ工房のテンプレートセットを書き出して、新しく作ったブログに取り込み、それをもとにモカの腹用のテンプレートを作ることにしました。</p>
]]></description>
            <link>http://mocamoca.biz/blog/2008/10/movable-typetemplatesetexporte.html</link>
            <guid>http://mocamoca.biz/blog/2008/10/movable-typetemplatesetexporte.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">メインテナンス</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Movable Type</category>
            
            <pubDate>Thu, 09 Oct 2008 17:34:41 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Type3.34から3.37へアップグレード</title>
            <description><![CDATA[<p>　私のもう一つのブログ<a href="http://mocamoca.com/harablog">モカの腹</a>を最新のシステムにしようと思っています。<br />
　具体的には</p>

<ol>
<li>Movable Type4へのアップグレード</li>
<li>PHP化</li>
<li>ページ分割</li>
</ol>

<p>　などです。</p>

<p>　まずMovable Type4へのアップグレードをする前に、一度3.37の最新版へアップグレードすることにしました。</p>
]]></description>
            <link>http://mocamoca.biz/blog/2008/10/movable-type334337.html</link>
            <guid>http://mocamoca.biz/blog/2008/10/movable-type334337.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">メインテナンス</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Movable Type</category>
            
            <pubDate>Thu, 09 Oct 2008 15:33:21 +0900</pubDate>
        </item>
        
        <item>
            <title>Movable Type3：PHP化しないでページ分割「PageBute」</title>
            <description><![CDATA[<p>　このブログ以外に私は<a href="http://mocamoca.com/harablog">モカの腹</a>というブログをやっています。（こっちの方がはるかに繁盛しているのですが(^.^;)）</p>

<p>　そちらがまだMovable Typeの3.34なのです。<br />
　近いうちにMovable Type4に上げたいとは思っているのですが、テンプレートを作り直さなければいけないので二の足を踏んでいます。</p>

<p>　しかし、そんな悠長なことを言られない問題が一つあります。<br />
　全体のエントリー数が1300を超え、アーカイブあたりのエントリー数が非常に多くなってしまっているのです。<br />
　カテゴリーによっては160もエントリーがあるものまであります。</p>

<p>　これではいけないと思い、ページ分割を導入することにしました。<br />
　ページ分割はMTPaginateを使うのが一般的だと思うのですが、PHP化が必要です。<br />
　「めんどーだわ〜」<br />
　などと思って調べていたら、PHP化しないでページ分割出来るプラグインがありましたヽ(^。^)ノ</p>

<p>　さてさてその方法は...</p>
]]></description>
            <link>http://mocamoca.biz/blog/2008/10/movable-type3phppagebute.html</link>
            <guid>http://mocamoca.biz/blog/2008/10/movable-type3phppagebute.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">表示</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Movable Type</category>
            
            <pubDate>Wed, 08 Oct 2008 17:14:34 +0900</pubDate>
        </item>
        
    </channel>
</rss>

