<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>ウェブクリエイターのメモ</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/" />
   <link rel="self" type="application/atom+xml" href="http://granduo.net/web/atom.xml" />
   <id>tag:granduo.net,2007:/web//2</id>
   <updated>2007-09-07T07:56:31Z</updated>
   <subtitle>CSSやらMovabletypeやら、せっかく覚えた知識をすぐに忘れちゃうからメモしてます。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.33-ja</generator>

<entry>
   <title>MT4でエントリーの投稿ができなくなりました。</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/09/mt4.html" />
   <id>tag:granduo.net,2007:/web//2.82</id>
   
   <published>2007-09-07T07:41:55Z</published>
   <updated>2007-09-07T07:56:31Z</updated>
   
   <summary>MT4に予想外にすんなりバージョンアップをし、しばらくブログをほったらかしにして...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="MT4" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[MT4に予想外にすんなりバージョンアップをし、しばらくブログをほったらかしにしていたんですが、
久しぶりにブログを更新しようとするとログインや画面の切り替えは問題なくできるんですが、
エントリーの投稿ができなくなっていました・・。

全く何もしていなかったのに・・・(T_T)

症状としては以下のようなもの
・過去の記事を編集しようとしても、タイトルなどの変更はできるのですが、本文が全く表示されておらず、
本文のテキストエリアにカーソルを入れることもできない。（新規投稿も同様）
・テンプレートを表示すると、テンプレートの文字は薄いグレーで表示されるが一切編集はできない。
・テキストエリアにカーソルを入れようとすると、Javascriptのエラーが出る。

ネットでいろいろ検索してみるが、原因は不明。
SQLiteのバージョンが低いとダメという記事も見たのでバージョンのチェックもしてみたが、
バージョンは1.12で問題なさそう。（SQLiteではバージョンが何であれダメという噂もあるようだが。）

バージョンアップをして、しばらくは問題なく動作していたのに、突然動かなくなってしまった原因がさっぱり分からない。

とりあえず、MT3.3からのバージョンアップと同じ手順でMTを再インストールしてみるが症状は改善されず。

バージョンダウンはできないとSix Apartのサイトに書いてあったと知りつつも、エントリーが投稿できないのは致命傷なので、サーバにMT3.3をバージョンアップと同じ手順でいれてみた。

すると･･･。

動きました･･･(^^♪

完全に正常というわけではなく、ブログはあるのにブログがないと表示されちゃったりしますが･･･、
<img alt="アップグレード開始" src="http://granduo.net/web/images/20070907.gif" style="margin: 0pt 20px 20px 0pt;" />
システムメニュー→ブログと選択すれば、エントリーの追加・修正はできるようになりました。
テンプレートの修正をしようとすると、
「maketext doesn't know how to say: _SYSTEM_TEMPLATE_SEARCH_RESULTS as needed at lib/MT.pm line 917」
っていうのが出て修正できませんが･･･。

なんとか、エントリーの投稿は出来るように･･･。

まぁ、このまんまじゃ問題があることに変わりはありませんが、とりあえずMT3.3で投稿することにします･･･。

こんな状況じゃ、仕事ではバージョンアップなんて怖くてできないな～。]]>
      
   </content>
</entry>
<entry>
   <title>Movable Type 3 から Movable Type 4 へのアップグレード</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/08/movable_type_3_movable_type_4.html" />
   <id>tag:granduo.net,2007:/web//2.80</id>
   
   <published>2007-08-23T05:48:22Z</published>
   <updated>2007-09-07T07:36:05Z</updated>
   
   <summary>MT3からMT4へアップグレードしてみました。一応、私の環境でのアップグレード作...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="MT4" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>MT3からMT4へアップグレードしてみました。</p>一応、私の環境でのアップグレード作業メモを残しておくことにします。<br /><p>
(環境）<br />
レンタルサーバ：さくらインターネット<br />
データベース：SQLite<br />
アップグレード前のバージョン：3.3　</p>

<p>&lt;作業手順＞<br /></p><p><b>１．MT4をダウンロードします。</b><br /><b>
２．バックアップの作成</b><br />
以下のバックアップを取得（FTPツールでダウンロード）します。<br />　* アプリケーションディレクトリ（mt.cgi があるディレクトリ。mtのフォルダをまるごと）<br />　* スタティックディレクトリ<br />　（mt-static。さくらの場合はmt/mt-staticのはずなので上記のダウンロードで同時に行った）<br />　* ブログディレクトリ（公開されるファイルが入っているフォルダですね）<br />　* データベースディレクトリ（db フォルダ）</p>

<p><b>３．以前のバージョンのデータの削除</b><br />
mtフォルダの「dbフォルダ」と「mt-config.cgi」以外をFTPツールで削除します。</p>

<p><b>４．新しいバージョンのアップロード</b><br />
mtフォルダにMovable Type 4のダウンロードしておいたデータをすべてアップロードします。</p>

<p><b>５．cgiの属性を755へ変更。</b></p>

<p><b>６．mt.cgi にアクセスしてアップグレード</b><br />
Webブラウザを使って、http://自分のドメイン/mt/mt.cgi にアクセス。<br />
１）「アップグレード開始」画面が表示されます。アップグレードを開始をクリック。<br />
<img alt="アップグレード開始" src="http://granduo.net/web/images/upgrade_1.png" style="margin: 0pt 20px 20px 0pt; float: left;" height="250" width="375" /><br clear="all" />

２）ユーザー名とパスワードを入力<br />
３）アップグレードが開始され「データベースをアップグレードしています・・・」という表示がでます。<br />
４）アップグレードが完了すると「アップグレードが完了しました！」という表示が出ます。<br />
「Movable typeに戻る」をクリックします。</p>

<p>MT4の画面が表示されれば完了です。</p>]]>
      <![CDATA[<hr>

<p>何度か失敗したのですが、失敗の原因はSix Apartのサイトに載っているマニュアルの意味の取り違えが一番の原因だったかもしれません。</p>

<p>何を勘違いしたかというと、「<a href="http://www.movabletype.jp/documentation/upgrade.html">既存環境からのアップグレード</a>」ページの</p>

<p>「Movable Typeのインストール・セットアップを参考に新しいバージョンの Movable Type を<b>インストール</b>します。」<br />
という文章。</p>

<p>インストールしますって書いてあるけど、実際に行うべき作業は<b>FTPでファイルをアップロードするだけ</b>なんですね。<br />dbフォルダもmt-config.cgiも削除して、ウィザードに沿ってインストールを進めてから、<br />dbフォルダとmt-config.cgiを後で上書きしてもアップグレードしてくれません。<br />ウィザードに沿ってインストールを進めてから、mt-config.cgiを後で上書きし、<br />http://自分のドメイン/mt/mt.cgi にアクセスしても以下のような「初期ユーザーアカウント」の画面しか表示されません。<br /><img alt="upgrade_2.png" src="http://granduo.net/web/images/upgrade_2.png" class="mt-image-left" style="margin: 0pt 20px 20px 0pt; float: left;" height="269" width="300" /></p>
<p>※やりなおすためには、
mtフォルダの「dbフォルダ」以外を削除して、再度MT4のデータをアップロードして作業を進めることになります。</p>
<p>※よりリスクを減らすためには、旧バージョンのフォルダを違う名前に変更してファイルはサーバに残したまま、アップグレードすることもできるみたいですね。</p>]]>
   </content>
</entry>
<entry>
   <title>スクリーンショット.jpを試してみる</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/07/jp.html" />
   <id>tag:granduo.net,2007:/web//2.64</id>
   
   <published>2007-07-23T01:51:15Z</published>
   <updated>2007-07-23T01:52:48Z</updated>
   
   <summary>大企業に所属するウェブクリエイターなら問題ないかもしれないが、特にSOHOなど小...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[大企業に所属するウェブクリエイターなら問題ないかもしれないが、特にSOHOなど小規模のウェブクリエイターにとって頭が痛いのが、ブラウザチェック。
私はウィンドウズで作業をしているのでWindowsXPのIE6.0やFirefox2.0のみで済むようなサイトの制作なら問題ないのだが、お客さんによっては他のブラウザでもチェックを望む。
WindowsでもIE5.5でチェックしてくれとか言われると困るんですよねぇ。

そこで役立ちそうなサービスが「スクリーンショット.jp（URL　<a href="http://screenshots.jp/">http://screenshots.jp/</a>）」複数のブラウザでの表示チェックができるサービス。無料版では使える回数や、確認できるブラウザの数に制限があり、有料版では料金に応じてサービスが変わるようですね。海外のサイトで似たようなサービスがあったんですが、使いにくかったんですよね～。（やっぱり英語だし・・・。日本人には・・・。）

無料版を試しに使ってみましたが、スクリーンショット.jpの処理速度や操作方法などストレスなく使うことができました。

テスト用にMacを買ったり、古いパソコンをテスト用に残しておくことを考えれば、有料版でも十分に魅力的かも。

ただし、ショッピングカートや問い合わせフォームなどの動作チェックはできないので、プログラムのブラウザテストする必要がある場合には、使えませんね～。]]>
      
   </content>
</entry>
<entry>
   <title>プレママWEBデザイナーのつぶやき</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/07/web_3.html" />
   <id>tag:granduo.net,2007:/web//2.63</id>
   
   <published>2007-07-19T05:18:43Z</published>
   <updated>2007-07-19T05:19:58Z</updated>
   
   <summary>WEBデザイナー兼ディレクターとして働き始めてはや4年。 業界の歴史自体が10年...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      WEBデザイナー兼ディレクターとして働き始めてはや4年。
業界の歴史自体が10年くらいしかないから、これでも長い方になる。

しかし、これも10月まで。
12月末には出産する予定なんですｗ。

もしも、めちゃくちゃWEBの仕事が好きだったら、半年後に職場復帰とか
SOHOとか考えるんだろうけど、そういう気にはなれませんでした。
やりたくて飛び込んだ業界だけど、そこまで好きになれなかったようです。
その辺りが私の甘さでもあったのかな～。

もうしばらくで辞めると決まると、どうも向上心もなくなってきているようで
以前はチェックしていた（毎回買っていたわけではないけど、立ち読みはしていた）
WEB系の雑誌を読まなくなったし、体調の都合もあり仕事は17時で帰らせてもらっています。

仕事内容も小規模のサイトならいいのですが、大規模サイトは出産後も継続して担当できる人が
対応するようにしているため、ディレクター職は事実上、既に引退した状態です。
妊娠したことを会社に伝えたとき、すぐに辞めろと言われなかったのはありがたいですね。

世の中にはベビーシッターを雇って、子供を生後6ヶ月で保育園に預けてでも仕事を続けるママもいるそうで、
そういう人はすごいなぁとか、そこまで続けたい仕事があるのはうらやましいなぁとも思います。
（経済的理由の場合は除いてね）

WEBデザイナーって、某通信教育会社が短時間で家でもできて高収入！とかあるけど、嘘ですよね。
かなり稼いでいる人もいるようですが、基本的には事務職と給料は変わらないし、残業代は0円だけど、
終電まで働いている人も多いと思う。
長年働いたからって、給料が上がる仕組みは望めないし。
好きじゃないと続けるのが辛いんじゃないかなぁ～。

この仕事が好きな人の方が、進んで勉強するし、ちょっとくらい辛くても乗り越えちゃうし、強いよなぁと思う。

なんでも良ければ、高校生でも主婦でも、おじいちゃんでもサイトを作れちゃうWEB。
本業としていくつもりなら、そういう人たちと何が違うのか自分で自分をマーケティング＆プロモーションしていかないと、
この業界で生き残っていくのは辛いと思う。
1ページ300円でやってよ～とか言ってくるお客さんばかり、抱えていると何時間働いても飯が食っていけませんよ～。
（本当にこういうお客さんがいたんですよ。しかも上司は「簡単な仕事らしいから」とか言って、それで仕事を引き受けちゃったし。
1ページの制作には結局どう頑張っても1時間はかかるし、修正は多いし、しばらくは地獄でした・・・。）
      
   </content>
</entry>
<entry>
   <title>Movable type4</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/06/movable_type4.html" />
   <id>tag:granduo.net,2007:/web//2.62</id>
   
   <published>2007-06-06T01:51:52Z</published>
   <updated>2007-06-06T01:54:08Z</updated>
   
   <summary>six apartがMovable type4の無償バージョンアップキャンペーン...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[six apartがMovable type4の無償バージョンアップキャンペーンを開始しましたね。
せっかく、3.3を理解できてきたなぁと思っていたのに・・・。

正直、これだからWEB業界が嫌になることがあります(ーー;)

実際に触っていないからどんな点が変わったのか、詳しいことは分かりませんが、
「個人の日記としてのブログ構築向け」であったのが、企業のウェブサイト構築やコンテンツ管理システム（CMS）として使いやすくなったようですね。

正直、Movable typeを仕事とするには、単なるブログとして使うだけでは難しくて、結局CMSとして利用してはじめて仕事になるような状況だったので、
このバージョンアップはうれしいかも。
どうやらインストールも楽になるようだし。
（サーバやCGIについて中途半端な知識しか持ち合わせていない私にはMTのインストールは一苦労･･･）

実際に触ってみたら、レビューしたいと思います。

>>　<a href="http://www.sixapart.jp/press_releases/2007/06/05-1430.html">six ApatによるMovable type4のプレスリリース記事</a>]]>
      
   </content>
</entry>
<entry>
   <title>PHPで文字化け</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/05/php.html" />
   <id>tag:granduo.net,2007:/web//2.61</id>
   
   <published>2007-05-25T02:12:55Z</published>
   <updated>2007-05-25T02:38:49Z</updated>
   
   <summary>同じレンタルサーバ会社でいくつかレンタルサーバを借りています。 あるお客様で既に...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      同じレンタルサーバ会社でいくつかレンタルサーバを借りています。
あるお客様で既に使っているのと同じお問い合せフォームを、
別の新しいお客様のサイトでも使おうとしたら、Outlookで受信するときに文字化けしてしまうことが
判明しました！

レンタルサーバに問い合わせたところ、新しいサーバからPHPの仕様が変わったとのこと。

ウェブデザイナーの私にはPHPの知識レベルはかなり低い。

しかし、仲の良かったプログラマが辞めてしまい、会社には絶対頼りたくないIさんしか居ない。

悔しかったので少ない知識を振り絞ってがんばってみた。

まず、最初に知ったことは最近のサーバはregister_globalsとやらが、はセキュリティ上、offの設定になっているというコト。

正しい解釈かは分からんが、「ただし、フォーム送信などで変数を受け取る必要がある場合、この値をonにする必要のある、PHPアプリケーションも存在している。」ということ。
安く上げるために、昔作ったフォームなんかは、おそらくそのうち使えなくなることを知った。

ただ、今回の私のケースでは入力画面→確認画面では、文字をきちんと受け取っていることから
これは問題ではなさそう。

セキュリティ上問題はあるものの、
動作させたいPHPが存在するディレクトリに.htaccessファイルを設置し、

php_flag register_globals on

と記述し、設置する事でonにする事が可能と書いてあったので、やってみたが
問題は解決しなかった。

対応してくれないかもしれないとは思いつつ、ダメもとでレンタルサーバ会社に問い合わせをしてみたら、（御社のあるドメインのサーバでは動いているＰＨＰを新しい別のサーバに入れたら動きません～ってかんじのメールを送ってみた）
やさしく対応してくれました☆彡

そのメールには
「mbstring の設定値について
.htaccess ファイルで設定を上書きして頂ければ解消できるかと存じます。」
と書いてあった。

mbstringって何？？

という知識量だったがこれ以上、サーバ会社に頼るのも悪いと思い、自分でネットで検索しつつがんばってみた。

どうやら、mbstringはＰＨＰで文字コードをいろいろしてくれるモノらしい。
http://jp2.php.net/manual/ja/ref.mbstring.php

確かに私の使っているお問い合せフォームはSJISになったり、EUC-JPになったりしていたなあ。
確認画面から、メールでのフォーマットへはEUC-JP→SJISだったような・・・。

でも、どうしたらいいの～！！！

結局、この問題を解決してくれたのが以下のサイト。
http://xoops.hypweb.net/wiki/2457.html

////////////////////////////////////////////////////////////////////
# Charactor Encoding
AddDefaultCharset EUC-JP
# PHP Settings
php_value output_buffering off
php_value output_handler null
php_value default_charset EUC-JP
php_value mbstring.language Japanese
php_value mbstring.encoding_translation off
php_value mbstring.internal_encoding EUC-JP
php_value mbstring.http_input pass
php_value mbstring.http_output pass
php_value mbstring.detect_order auto
php_value mbstring.substitute_character &quot; &quot;
////////////////////////////////////////////////////////////////////

上記、.htaccessを対象のフォルダにアップロードで解決しました☆彡

どうして解決したのか理解するのはとりあえず後回し・・・。



      
   </content>
</entry>
<entry>
   <title>バナーの国際規格</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/05/post_10.html" />
   <id>tag:granduo.net,2007:/web//2.60</id>
   
   <published>2007-05-21T07:36:36Z</published>
   <updated>2007-05-21T07:38:43Z</updated>
   
   <summary>バナーのサイズって毎回迷うのですが、みなさんどうしているのでしょうか・・・。 バ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      バナーのサイズって毎回迷うのですが、みなさんどうしているのでしょうか・・・。

バナーの国際規格サイズっていうのを発見しました。

88×31 
フルサイズ　460×60 
ナビゲーション付きフルサイズ　390×72 
ハーフサイズ　234×60 
縦長　120×240 
ボタン型　120×90　120×60　125×125 

http://ray.tiara.cc/　より

だそうです。

でも、現状日本でよく使われているのはこれと違うような・・・。

難しいです。
      
   </content>
</entry>
<entry>
   <title>StyleCatcher がなぜだか動作しない。</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/stylecatcher.html" />
   <id>tag:granduo.net,2007:/web//2.59</id>
   
   <published>2007-04-17T07:13:33Z</published>
   <updated>2007-05-08T07:14:21Z</updated>
   
   <summary>動作させるにはいくつか設定しなくてはならないそうだ。    参考URLにて、設定...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>動作させるにはいくつか設定しなくてはならないそうだ。 <br />
  参考URLにて、設定したところできるようになった。</p>
<p>参考記事：<a href="http://www.mtug.jp/modules/pukiwiki/?Stylecatcher">http://www.mtug.jp/modules/pukiwiki/?Stylecatcher</a><br />
  参考記事：<a href="http://blog.info-rich.jp/patio/patio.cgi?mode=view&amp;no=1110">http://blog.info-rich.jp/patio/patio.cgi?mode=view&amp;no=1110</a></p>
<p>  １．（MTの公式サイトのマニュアルには書かれていないが、）<br />
  サーバ上のMTインストールディレクトリ以下の <strong>/plugins/StyleCatcher/stylecatcher.cgi</strong> のファイルのパーミッションを、そのサーバで実行可能なパーミッション（通常は 755）に変更すること。<br />
  ２．システムメニュー＞プラグイン＞<a href="http://www.nagoyajc.org/cgi-bin/mt/plugins/StyleCatcher/stylecatcher.cgi" title="「StyleCatcher」の設定">StyleCatcher</a> バージョン 1.1の設定を表示 <br />
  テーマのルートURL　http:// ドメイン/mt-static/themes/<br />
  テーマのルートパス　/xxx/www/xxxxx/xxxxx/httpdocs/mt-static/themes（テーマのルートパスはサイトごとに違います）<br />
  Style　LibraryへのURL　 
  シックスアパート　<a href="http://www.sixapart.com/movabletype/styles/library">http://www.sixapart.com/movabletype/styles/library</a></p>
<p>  ライブラリの利用方法は以下の通り（3.3以降の場合）。</p>
<ol start="1" type="1">
  <li>管理メニューの[設定]-[プラグイン]で &quot;Style Catcher プラグイン&quot;の右側にある「設定を表示」をクリック </li>
  <li>テーマを保存するための「テーマのルートURL」「テーマのルートパス」が表示されているので問題なければそのまま「変更を保存」をクリック </li>
  <li>管理メニューの[設定]-[プラグイン]で &quot;Style Catcher プラグイン&quot;の右側にある「StyleCatcherを起動」をクリック。または管理メニューの[テンプレート]で下に表示されている「StyleCatcherでデザインを選ぶ」をクリック </li>
  <li>「テーマ/リポジトリへのURL」に上記のURLを入力して「スタイル検索」をクリック（デフォルトで設定されているURLは Movable       Type 英語サイトのライブラリです） </li>
  <li>接続OKであれば下のスクリーンショットのようにテーマが表示されますので、お好みのテーマをクリックして右下の「デザインを適用」をクリック</li>
</ol>
<p>一番手間取ってしまったのは、テーマのルートURLとテーマのルートパスの設定先が違っていたこと。<br />
  テーマのルートURL  http://www.xxx.xxx/mt-static/themes/<br />
  テーマのルートパス　/xxx/www/xxxxx/xxxxx<strong>/cgi-bin/mt/</strong>mt-static/themes<br />
  <br />
  で一生懸命設定してました。 <br />
  http://www.xxx.xxx/mt-static/themes/を見てみてもCSSがまったく作成されてなくて不思議に思って、パーミッションとかチェックしていたのですが、よくみたら<strong>/cgi-bin/mt/</strong>mt-static/themesにファイルが生成されてました。</p>
<p>そこで、 <br />
  テーマのルートURL  http://www.p-sol.co.jp/mt-static/themes/<br />
テーマのルートパス/var/www/vhosts/p-sol.co.jp/httpdocs/mt-static/themes<br />
<br />に設定しなおしてやっと正常に動いてくれました。</p>
<p>＜裏話？＞<br />
なぜだかルートURLとルートパスを修正しても、/mt-static/themesにファイルを生成してくれないので、/cgi-bin/mt/mt-static/themes/に生成されていたｃｓｓファイルとかをFTPで移動しちゃいました。<br />
なぜ自動的にスタティックファイルに作成してくれなかったのかは不明なままです。</p>]]>
      
   </content>
</entry>
<entry>
   <title>TinyMCE Plugin for  Movable Type1.20Ja の表示ボタンのカスタマイズ</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/tinymce_plugin_for_movable_typ_2.html" />
   <id>tag:granduo.net,2007:/web//2.58</id>
   
   <published>2007-04-16T06:54:00Z</published>
   <updated>2007-05-08T06:55:21Z</updated>
   
   <summary>デフォルトのままでも問題はないんですが、表示ボタンのカスタマイズの忘却録。   ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>デフォルトのままでも問題はないんですが、表示ボタンのカスタマイズの忘却録。<br />
  （下はデフォルトの配列）<br />
  <img alt="clip_image001.jpg" src="http://granduo.net/web/images/clip_image001.jpg" width="477" height="83" />

<br />
  どんなボタンが追加できるのか？という疑問についてはTinyMCEのマニュアルに表示できるボタンの種類が書いてあるのでそれを参考にしました。 <br />
  英語ですが、まぁ何となく意味は分かるかと思います。<br />
  <a href="http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference">TinyMCE:Control  reference - Moxiecode Documentation Wiki</a> <br />
  書き換えるファイルは次のファイル。 </p>
<pre>/plugins/TinyMCEforMT/TinyMCEforMT.pl</pre>
<p>162行目あたりの </p>
<pre>Plugins : &quot;table,advimage,advlink,emotions,insertdatetime,preview,youtube,contextmenu,paste,directionality,noneditable,ibrowser&quot;,</pre>
<p>には使用するTinyMCE用のプラグインが列挙されています。使わないプラグインがあったら削除し、増やしたいプラグインがあったらプラグイン名を追加します。<br />
    <br />
  （TinyMCE用のプラグインはmt-static/TinyMCEforMT/js/tiny_mce/plugins/にインストールされています）<br />
  次にボタンの配列を決めます。<br />
  164、165、166行目あたり、</p>
<pre>theme_advanced_buttons1 : &quot;bold,italic,underline,strikethrough,,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,styleselect,fontselect,fontsizeselect&quot;,</pre>
<pre>theme_advanced_buttons2 : &quot;bullist,numlist,separator,outdent,indent,separator,undo,redo,separator,link,unlink,image,ibrowser,cleanup,help,code,separator,forecolor,backcolor,separator,cut,copy,paste,pastetext,pasteword&quot;,</pre>
<pre>theme_advanced_buttons3 : &quot;tablecontrols,separator,hr,removeformat,visualaid,separator,sub,sup,separator,charmap,emotions,separator,youtube,preview&quot;, </pre>
<p>これがボタンの配列を決めている部分です。はじめの<br />
「theme_advanced_buttons1」が1段目を表わしています。もし、表示を４段にしたいなら<br />
「theme_advanced_buttons4 ： &quot;ボタン名,......&quot;」<br />
を追加します。</p>]]>
      
   </content>
</entry>
<entry>
   <title>iBrowserを使う</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/ibrowser.html" />
   <id>tag:granduo.net,2007:/web//2.57</id>
   
   <published>2007-04-15T06:39:56Z</published>
   <updated>2007-05-08T06:42:01Z</updated>
   
   <summary>TinyMCE  Plugin for Movable Type1.20Jaに付...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p><a href="http://www.dakiny.com/tinymce/archives/2006/12/tinymce_plugin_for_movable_typ_3.html">TinyMCE  Plugin for Movable Type1.20Ja<img border="0" width="15" height="9" src="file:///C|/Documents and Settings/Isono/My Documents/常滑飛香台/html/clip_image001.gif" alt="外部へのリンク" /></a>に付属されたiBrowserを使ってみた。<br />
  /imagesの画像と/blog/imagesをiBrowserを使って挿入したりしたかったのですが、単にTinyMCEをインストールするだけでは、動作しないんですね。<br />
  1. iBrowserで利用したいフォルダのパーミッションを777等に変更します。<br />
  ※各サーバの設定に詳細は依存します。<br />
  2./mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpを開き、設定変更をします。</p>
   <p>＜デフォルトの設定＞</p>
<div style="border:1px solid #669900; padding:10px"> 
<pre>$tinyMCE_imglibs = array(</pre>
<pre>array (</pre>
<pre>text =&gt; 'My Upload',</pre>
<pre>value =&gt; '../../../../../../ibrowser/uploads',</pre>
<pre> url =&gt; 'ibrowser/uploads/',</pre>
<pre>create_dir =&gt; false,</pre>
<pre>upload =&gt; true,</pre>
<pre>delete =&gt; true</pre>
<pre>&nbsp;</pre>
<pre>),</pre>
<pre>array (</pre>
<pre>text =&gt; 'Main Library',</pre>
<pre>value =&gt; '../../../../../../ibrowser/library',</pre>
<pre>url =&gt; 'ibrowser/library/',</pre>
<pre>create_dir =&gt; false,</pre>
<pre>upload =&gt; false,</pre>
<pre>delete =&gt; false</pre>
<pre>)</pre>
<pre>);</pre>
</div>
<p>＜変更した画像ディレクトリの設定＞</p>
<div style="border:1px solid #669900; padding:10px">
<pre>$tinyMCE_imglibs = array(</pre>
<pre>array (</pre>
<pre>text =&gt; 'Main Images',</pre>
<pre>value =&gt; '<strong>../../../../../../images</strong>',</pre>
<pre>url =&gt; '<strong>http://www.XXX.XX/images/</strong>',</pre>
<pre>create_dir =&gt; true,</pre>
<pre>upload =&gt; true,</pre>
<pre>delete =&gt; true</pre>
<pre>&nbsp;</pre>
<pre>),</pre>
<pre>array (</pre>
<pre>text =&gt; 'Blog Images ',</pre>
<pre>value =&gt; '<strong>../../../../../../blog/images</strong> ',</pre>
<pre>url =&gt; ' <strong>http://www.XXX.XX/blog/images/</strong>',</pre>
<pre>create_dir =&gt; false,</pre>
<pre>upload =&gt; false,</pre>
<pre>delete =&gt; false</pre>
<pre>)</pre>
<pre>);</pre>
</div>
<p>text・・・分かりやすい名前に変更できます。日本語は使えませんでした。<br />
  value・・・/mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpから利用したいフォルダまでの相対パスです。<br />
  url・・・利用するフォルダのURLを入力します。デフォルトの設定のような書き方でもOKですが、URLでも動きました。<br />
  create_dir・・・新しいフォルダの作成を許可したいときはtrueにします。<br />
  upload・・・画像のアップロードを許可したいときはtrueにします。<br />
  delete・・・画像の削除を許可したいときはtrueにします。</p>
<p>  3. ./mt-static/TinyMCEforMT/js/tiny_mce/plugins/ibrowser/config.phpを上書きします。</p>
<p>  後は簡単！画像の挿入/編集ボタンをクリックすると新しい画面が開く。<br />
  画像のプレビューが無事表示されたときはうれしかったぁ・・・。<br />
  上手く動作しないときは、valueの相対パスが間違っている可能性や属性が変更できていない可能性があるので確認してみてください。</p>
<p>デフォルトでの画像のアップロードとiBrowserを比べると、デフォルトの画像のアップロードはサムネイルが簡単に作成できる点については便利ですが、それ以外はiBrowserの方が分かりやすいし便利ですね。</p>]]>
      
   </content>
</entry>
<entry>
   <title>TinyMCE Plugin for  Movable Type1.20Ja　ボタンが表示されない</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/tinymce_plugin_for_movable_typ_1.html" />
   <id>tag:granduo.net,2007:/web//2.56</id>
   
   <published>2007-04-14T06:30:53Z</published>
   <updated>2007-05-08T06:33:36Z</updated>
   
   <summary>すべてダウンロードしたファイルはアップロードできているはずなのにも関わらず、「行...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>すべてダウンロードしたファイルはアップロードできているはずなのにも関わらず、「行の挿入、行の追加、列の挿入、列の追加」ボタンが表示されませんでした。 <br />
  そこでこれらの画像が入っているフォルダ（mt-static/TinyMCEforMT/js/tiny_mce/plugins/table/images/）を確認すると、以下の画像の名前のファイルがありました。</p>
<ul>
  <li>table_insert_col_after.gif100666</li>
  <li>table_insert_col_before.gif00666</li>
  <li>table_insert_row_after.gif100666</li>
  <li>table_insert_row_before.gif00666</li>
</ul>
<p>ダウンロードするときに化けてしまったのでしょうか？ <br />
  ファイル名の「00666」などの数字を削除すると問題なく使うことができるようになりました。<br />
  他には以下のフォルダにも同様の状態になっている画像ファイルがありました。 <br />
  ・mt-static/TinyMCEforMT/js/tiny_mce/plugins/emotions/images<br />
  ・mt-static/TinyMCEforMT/js/tiny_mce/plugins/inlinepopups/images<br />
  ・mt-static/TinyMCEforMT/js/tiny_mce/plugins/searchreplace/images<br />
  ・mt-static/TinyMCEforMT/js/tiny_mce/plugins/xhtmlxtras/images</p>
<p>なぜだかTinyMCE Plugin for Movable Type1.20Jaのボタンが表示されない～！という方はぜひチェックしてみてください。</p>]]>
      
   </content>
</entry>
<entry>
   <title>TinyMCE for Movable  Type　UTF-8以外で文字化け?</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/tinymce_for_movable_typeutf8.html" />
   <id>tag:granduo.net,2007:/web//2.55</id>
   
   <published>2007-04-13T06:30:01Z</published>
   <updated>2007-05-08T06:30:48Z</updated>
   
   <summary>TinyMCE for Movable Type をインストールしたのですが、ボ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>TinyMCE for Movable Type をインストールしたのですが、ボタンのalt表示が{$lang_**_desc$}のように表示されてしまいました。<br />
  MovableTypeのmt-config.cgiで設定したPublishCharsetがUTF-8、EUC-JPでない場合は日本語化が正常化されないケースが希にあるそうです。私の場合、Shift_JISでした。<br />
  TinyMCE for Movable Type開発プロジェクトフォーラムの記事（<a href="http://sourceforge.jp/forum/forum.php?thread_id=11702&amp;forum_id=9101" target="_blank">http://sourceforge.jp/forum/forum.php?thread_id=11702&amp;forum_id=9101</a>）によると<br />
  「plugins/TinyMCEforMT/TinyMCE.plの174行目を <br />
  language : shift-jis に上書きして利用してみてください。」<br />
  とあったので、修正（私の場合173行目でした。）してみましたが、だめでした。<br />
  そこでフォーラムに書いてあるように <br />
  language : ‘en’<br />
  にして英語表示モードにしてみたら、英語ですがエラーが出なくなりました。 <br />
  なんとかお客さんには英語モードで利用していただいています。 </p>]]>
      
   </content>
</entry>
<entry>
   <title>TinyMCE Plugin for Movable Type1.20Jaをインストールしてみる</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/tinymce_plugin_for_movable_typ.html" />
   <id>tag:granduo.net,2007:/web//2.54</id>
   
   <published>2007-04-12T06:26:12Z</published>
   <updated>2007-05-08T06:45:37Z</updated>
   
   <summary>お客さんのサイトにSix　Apartのサイトのプラグインディレクトリでも紹介され...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p>お客さんのサイトにSix　Apartのサイトのプラグインディレクトリでも紹介されているTinyMCE  Plugin for Movable Type1.20Jaをインストールしてみた。</p>
<p>ダウンロードサイト：<a href="http://sourceforge.jp/projects/tinymce-for-mt/files/">http://sourceforge.jp/projects/tinymce-for-mt/files/</a></p>
<p>1.　SourceForge.jpのTinyMCE  for Movable Type開発プロジェクト「リリースファイル・リスト」から「TinyMCE_Plugin_v120_Ja.zip」をダウンロード。<br />
  2.　解凍して生成された「TinyMCE_Plugin_v120_Ja.zip」フォルダを開く。<br />
  3.必ず読んで.txt以外のファイルすべてを<br />
  Movable Typeのインストール先の「mt-static」のあるディレクトリにmt-staticをアップロード<br />
  「php」のあるディレクトリにphpをアップロード<br />
  「plugins」のあるディレクトリにpluginsをアップロード<br />
  4. 「メイン・メニュー」-「システム・メニュー」-「プラグイン」で「TinyMCEforMT バージョン Ver1.20 Ja」と表示されているか確認。</p>
<p>ここまでは、上手くできたのですがエントリーで［WYSIWYG］ボタンをクリックしても上手く動作しませんでした。</p>
<p>なんでだ～ΣΣ(ﾟдﾟlll)ｽﾞｶﾞｰﾝ!!</p>
<p>あれか？これか？といろいろ試してみたのですが、動作しなかった原因はmt-staticのインストールの失敗（間違い）でした。</p>
<p>そのお客さんのMTはMTのインストールはお客さん側で行い、MTのカスタマイズは私が担当していたのですが、なぜかmt-staticがアプリケーション・ディレクトリ:（root(mt.cgiのあるフォルダ）とスタティック・ディレクトリ:  （mt-staticのあるフォルダ）の両方にアップロードされていました。<br />
  www/mt-staticの方は権限がないようでデータをアップロードできなかったので、cgi-bin/mt/mt-staticにアップロードしていたのですが、これが間違いだったのですねｗ。</p>
<p>結局、mt-staticを再インストールしてwww/mt-staticもデータをアップロードできるように権限を変更してもらったら［WYSIWYG］ボタンをクリックするとサンプルで見たようなWYSIWYGが表示されるようになりました。</p>
<p>予想外の結果でしたが、MTでmt-staticのインストール場所が間違っていても（まともに使うことはできませんが）動作しちゃうんですね。</p>
<p>が、いくつかの問題が・・・ <br />
  問題その１）<a href="http://granduo.net/web/2007/04/tinymce_for_movable_typeutf8.html">ボタンのalt表示が{$lang_**_desc$}のように表示されてしまう</a><br />
  問題その２）<a href="http://granduo.net/web/2007/04/tinymce_plugin_for_movable_typ_1.html">「行の挿入、行の追加、列の挿入、列の追加」ボタンが表示されない</a> <br />
  問題その３）<a href="http://granduo.net/web/2007/04/ibrowser.html">iBrowserが使えない</a></p>
<p>これらの問題も地道に修正しました。 </p>
<p>それぞれの修正方法は次に書きます。</p>

]]>
      
   </content>
</entry>
<entry>
   <title>ファイルのアップロード先の指定 for Movable Type 3.3</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/_for_movable_type_33.html" />
   <id>tag:granduo.net,2007:/web//2.53</id>
   
   <published>2007-04-11T06:12:52Z</published>
   <updated>2007-05-08T06:13:29Z</updated>
   
   <summary> 画像ファイルは１つのファイルにまとめておきたいのでimagesフォルダがアップ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<img src="http://granduo.net/web/images/upload2.gif" alt="upload2.gif" width="200" height="210" align="right" />

<p>画像ファイルは１つのファイルにまとめておきたいのでimagesフォルダがアップロードしてあるのですが、<br />
  MovableTypeの「ファイルのアップロード」を利用してアップロードするときに、毎回パスを設定するのはメンドクサイ。<br />
    <br />
  そこで知ったのが以下の方法。<br />
    <br />
  １．「\mt\tmpl\cms\upload.tmpl」の52行目に以下のような文字列を追加。<br />
  / &lt;input name=&quot;extra_path&quot;  value=&quot;images&quot; id=&quot;extra_path&quot; /&gt;<br />
  <br />
これでうまく行きました。</p>
<p align="left">参考記事：<a href="http://makologg.myftp.org/archives/85200movable_type/2006/07/03-2053.php" target="_blank">http://makologg.myftp.org/archives/85200movable_type/2006/07/03-2053.php</a></p>]]>
      
   </content>
</entry>
<entry>
   <title>パンくずリストの設置方法</title>
   <link rel="alternate" type="text/html" href="http://granduo.net/web/2007/04/post_8.html" />
   <id>tag:granduo.net,2007:/web//2.51</id>
   
   <published>2007-04-10T05:12:51Z</published>
   <updated>2007-05-08T05:50:54Z</updated>
   
   <summary>静的に1ページずつ作っているとかなり面倒なパンくずリスト。   Movable ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://granduo.net/web/">
      <![CDATA[<p align="left">静的に1ページずつ作っているとかなり面倒なパンくずリスト。<br />
  Movable Typeであれば簡単にできるだろう～って思ってたんですが、結構手惑いました。<br />
    サブカテゴリーがうまく表示されたり、されなかったりとか、PHPにしないと駄目だって書いてあるサイトに出会ったりとか。 
  <br />
  <br />
  いろいろネットや本で探して、考えて落ち着いた方法をメモ。</p>
  
<p>パンくずリストっていうのは、以下のようなものですよね。<br />
  <br />
<a href="#">トップページ</a> &gt;<a href="#">カテゴリA</a> &gt; <a href="#">カテゴリB</a> &gt; 今のページ<br />
<br />
  ちなみに、「パンくずリスト」の由来は、童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたというところからきているそうですね。<br />
  <br />
  ＜パンくずリストの設置方法＞</p>
<p>パンくずリストの設置はエントリー・アーカイブ、カテゴリ・アーカイブで違う記述が必要となります。<br />
  <br />
  <strong>■ エントリー・アーカイブ</strong></p>
<div style="border:1px solid #669900; padding:10px">
&lt;a    href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;トップページ&lt;/a&gt; &amp;gt; <br />
      &lt;MTParentCategories glue=&quot; &amp;gt; &quot;&gt;<br />
      &lt;a href=&quot;&lt;$MTCategoryArchiveLink$&gt;&quot;&gt;<br />
      &lt;$MTCategoryLabel$&gt;&lt;/a&gt;<br />
      &lt;/MTParentCategories&gt;<br />
    &amp;gt; &lt;$MTEntryTitle$&gt; 
</div>
<p>＜表示例＞<br />
<a href="#">トップページ</a> &gt;<a href="#">カテゴリA</a> &gt; <a href="#">カテゴリB</a> &gt; 今のページ</p>
<p>  ＜解説＞
  <br />
  ・「<strong>MTParentCategories</strong>」→
  エントリーが属する親カテゴリーとサブカテゴリーをリストアップします<br />
  ・「<strong>glue=&quot; &amp;gt; &quot;</strong>」→
  リストをつなぎ合わせる文字を指定します<br />
  ・「<strong>&amp;gt;</strong>」→「<strong>&amp;gt;</strong>」のことで、「greater than」の略です。<br />
  リストをつなぎ合わせる文字は、なんでもかまいません。<br />
  <br />
  <strong>■ カテゴリ・アーカイブ</strong></p>
<div style="border:1px solid #669900; padding:10px">
      &lt;a    href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;トップページ&lt;/a&gt; &amp;gt;<br />
      &lt;MTParentCategories glue=&quot; &amp;gt; &quot;&gt;<br />
      &lt;a href=&quot;&lt;$MTCategoryArchiveLink$&gt;&quot;&gt;<br />
      &lt;$MTCategoryLabel$&gt;&lt;/a&gt;<br />
      &lt;/MTParentCategories&gt; </div>
<p>＜表示例＞<br />
<a href="#">トップページ</a> &gt;<a href="#">カテゴリA</a> &gt; <a href="#">カテゴリB</a></p>
<p>上の記述を見ると分かるように、カレントディレクトリにもリンクが貼られるパンくずリストです。<br />
  もしも、カレントディレクトリにはリンクを貼りたくない場合は、MTタグだけではかなり複雑なソースになってしまうそうです。<br />
  MTタグと、PHPを利用するのが一般的なようです。<strong><br />
  <br />
  </strong>以下のサイトがとても参考になります。<br />
  参考記事：<a href="http://www.koikikukan.com/archives/2005/09/13-002553.php" target="_blank">小粋空間　「パンくずリスト」</a><br />
  参考記事：<a href="http://caetla.oops.jp/blog2/archives/2005/09/13_1430.php" target="_blank">やむやむ　「カテゴリ・日付アーカイブにもパンくずナビ」</a><br />
  <br />
<strong>■ 日付アーカイブ</strong></p>
<div style="border:1px solid #669900; padding:10px">
      &lt;a    href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;トップページ&lt;/a&gt; &amp;gt; <br />
      &lt;$MTArchiveTitle$&gt; </div>
<p>＜表示例＞<br />
<a href="http://blog.info-rich.jp/">トップページ</a> &gt; 2007年06月 </p>
<p><strong>■ メインページの編集</strong><br />
    <br />
  ＜記述例＞</p>
<div style="border:1px solid #669900; padding:10px">
      &lt;a    href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;トップページ&lt;/a&gt; </div>
<p>＜表示例＞<br />
      <a href="http://blog.info-rich.jp/">トップページ</a></p>
<p>参考記事：<a href="http://www.techdego.com/2007/01/post_2.php" target="_blank">http://www.techdego.com/2007/01/post_2.php</a><br />
参考記事：<a href="http://www.koikikukan.com/archives/2005/09/13-002553.php" target="_blank">http://www.koikikukan.com/archives/2005/09/13-002553.php</a><br />
参考記事：<a href="http://www.dakiny.com/archives/movable-type/movable_type_32_6/" target="_blank">http://www.dakiny.com/archives/movable-type/movable_type_32_6/</a></p>]]>
      
   </content>
</entry>

</feed>

