HOME
> Movable Typeアーカイブ

Movable Typeの最近のブログ記事

Movable Type 4.2 リリース延期！！

Kamitani79 (2008年8月 1日 18:41) | 個別ページ | コメント(0) | トラックバック(0)

7月中のリリース予定の「Movable Type 4.2」が延期されました。

7月には出るのかなっと大変期待して待っていたのですがもう少しの辛抱です。

コミュニティブログや掲示板などが行えるようになるのと何より再構築の時間が大幅に改善される予定になっているのでとても期待しています。

楽しみです。早く～

記事元
Movable Type 4.2 リリース延期のお知らせ

Movable Typeでパンくずリスト

Kamitani79 (2008年6月22日 20:10) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeで、標準では「パンくずリスト」は、ついていない。

パンくずリスト for Movable Type 4 - SCREAMOさんで紹介されている「パンくずリスト」をカスタマイズして使って設置してみました。

「ヘッダー」モジュールの下あたりに入れるとちょうど良いです。

以下コードになります。

<MTUnless name="main_index">
<ul id="navigator">
<li><a href="<$MTBlogURL$>" title="<$MTBlogName$>">HOME</a></li>

<MTIf name="datebased_archive">
<li> > <a href="<$MTLink template="archive_index"$>" title="アーカイブ">アーカイブ</a></li>
<li> > <$MTGetVar name="page_title"$></li>
</MTIf>

<MTIfArchiveType archive_type="Author">
<li> > <a href="<$MTLink template="archive_index"$>" title="アーカイブ">アーカイブ</a></li>
<li> > <$MTGetVar name="page_title"$></li>
</MTIfArchiveType>

<MTIfArchiveType archive_type="Category">
<li> > <$MTCategoryLabel$>アーカイブ</li>
</MTIfArchiveType>

<MTIfArchiveType archive_type="Individual">
<li> > </li>
<MTEntryCategories glue=" > ">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryLabel$>アーカイブ"><$MTCategoryLabel$>アーカイブ</a></li>
</MTEntryCategories>
<li> > <$MTGetVar name="page_title"$></li>
</MTIfArchiveType>

</ul>
<div class="asset-footer"></div>
</MTUnless>

スタイルシートに以下追加も必要です。

ul#navigator li {
display: inline;
}

段々と普通のブログになってきました。

Movable Type 4 セキュリティアップデート

Kamitani79 (2008年6月21日 21:03) | 個別ページ | コメント(0) | トラックバック(0)

6月末には、Movable Type 4.2が発売する予定になっている中、Movable Type 4.1のアップデートの提供が行われた。

Movable Typeは、サーバーにインストールするタイプなので、ファイルをダウンロードして、FTPでアップロードしないといけない。

これがツライところね。

アプリケーションの脆弱性があるということなので、早速ダウンロードして、FTPでアップロード。

アップデートは、すぐ終わった。

Movable Type 4.12になりました。

来週には、Movable Type 4.2が発売されれば、即効入れようと思ってます。

テンプレートのキャッシュを残すことによって、再構築の時間を短縮できるということが非常にメリットがある。

参照記事
重要 : Movable Type 4 セキュリティアップデートの提供を開始

Movable Typeのカテゴリ一覧と一致したときの処理

Kamitani79 (2008年6月19日 00:11) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeは、ブログソフトですから、カテゴリの一覧を表示することが出来る。

カテゴリの一覧を表示をする場合は、MTのタグを4つ使います。

1. カテゴリ一覧のタグ
<MTCategories>～</MTCategories>

2. 最上位のカテゴリから現在のカテゴリまでを繰り返して表示するタグ
<MTParentCategories>～</MTParentCategories>
(glue="/"でリストを繋ぎます)

3. カテゴリのファイル名を表示するタグ
<$MTCategoryBasename$>

4. カテゴリ名を表示するタグ
<$MTCategoryLabel$>

<ul>
<MTCategories>
<li><a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a></li> </MTCategories>
</ul>

実際の処理の結果

さらにカテゴリの所属しているこの記事とカテゴリ一覧のカテゴリが一致した場合の処理をやってみます。これは、ユーザビリティを意識したサイト作りをする時にナビゲーションとして使う場面が多くそれを考慮したものです。

一致したカテゴリのみ、カテゴリ名の左右に★★を入れます。

Movable Typeの条件文(if)の記事で書いたときと同じように変数を格納するために、 <MTSetVarBlock name="変数名">値</MTSetVarBlock>を使用します。

現在の記事のカテゴリを値にセットし、変数「category_label」に代入します。
次にカテゴリ一覧を行い、一覧を行っている中で、比較をするための変数「category_label2」にカテゴリを代入します。

最後に、変数「category_label」と変数「category_label2」を比較し、一致した場合の処理と一致しなかった場合の処理を行います。

コードは、以下になります。
<MTSetVarBlock name="category_label"><$MTCategoryLabel$></MTSetVarBlock>
<ul>
<MTCategories>
<MTSetVarBlock name="category_label2"><$MTCategoryLabel$></MTSetVarBlock> <MTIf name="category_label2" eq="$category_label">
<li>★★<a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a>★★</li>
<MTElse>
<li><a href="<$MTBlogURL$><MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/"><$MTCategoryLabel$></a></li>
</MTElse>
</MTIf>
</MTCategories>
</ul>

実際の処理の結果

サブフォルダを入れて行うこともで出来ますし、一致したときの処理に背景の色やテキスト、リンクの色を変更することも出来ます。

絵文字画像変更

Kamitani79 (2008年5月15日 23:55) | 個別ページ | コメント(0) | トラックバック(0)

TypePadの絵文字アイコン画像と、携帯コンテンツ表示モジュールをフリー（自由）ライセンスで公開されました。

なので、ケータイキット付属のパソコン用の絵文字は、あまりかわいくないので、こちらの画像に変えました。名前の付け方が微妙に違うので、255種類確認するのに時間がかかった。

これで、パソコン用の絵文字は、他のブログと同様になった

Movable Typeで携帯絵文字を利用するには？

Kamitani79 (2008年5月11日 22:16) | 個別ページ | コメント(0) | トラックバック(0)

Movable Type（MT）で携帯（docomo・au・SoftBank）の絵文字を利用したいとYahoo!やGoogleで検索すると該当する情報が得られない。

画像の絵文字で表現する方法はある。また携帯だけで表現するのはある。
出来たら、無料のブログサービス（amebaブログやFC2ブログ）同様、パソコンと携帯両方に3キャリア対応の絵文字を表示させたい。パソコンの場合は画像の絵文字で、携帯では、各3キャリアの絵文字で表示させたい。

色々調べてとりあえず、実現出来る方法を見つけました。

プラグインをつ利用するこで実現が可能。（Movable Typeはすでにインストール済みであるのが前提）

. ケータイキット for Movable Type
有料、52,500円、アイデアマンズさん

. emoddy（絵文字プラグイン）
無料、改変OK、CSS HappyLifeさん

ケータイキットは、Movable Type（MT）で携帯構築を実現するプラグイン、想定はあくまでも携帯をメイン。3キャリア対応、画像縮小、3キャリア対応絵文字など携帯でカスマイズ構築するならとても素晴らしいプラグインです。携帯はphp出力もあって、そのままだとパソコンでは絵文字は表示されない。しかも絵文字はそれぞれ名前が付いており、表を見ながら絵文字を選択しなければならない。

emoddyは、ブログ記事のところにボタンが表示され、ボタンを押すと、絵文字一覧を表示してくれます。そこから絵文字を選択すると、記事に画像のURLかタグが表示されます。
保存をすると、実際に絵文字が画像として表示します。非常に便利ですが、あくまでも画像です。

emoddy

そこで、絵文字の選択をemoddyで使用し、表示はケータイキットの絵文字機能を使うことにする

Movable Typeで携帯絵文字を利用するには？の続きを読む

Movable Typeのコメントアウト

Kamitani79 (2008年5月 3日 20:34) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeのコメントアウトですが、
html内では、でコメントアウトが出来、知っている人は多いと思います。
デメリットとしては、実際のブラウザ上では表示はされませんが、htmlのソース内にはコメントアウトしている部分が表示されてしまうこと。

Movable Type内でも、は利用出来ますが、
どうせなら非表示に出来ないかと。

以下のタグ内であれば、処理を行わない。つまり非表示になります。
これは非常に便利です。

Movable Typeの条件文（if）

Kamitani79 (2008年5月 2日 23:44) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeにも条件文がいくつかあります。

「もし～だったら」の「if」を紹介します。
Movable Typeのテンプレートを意図した表示を行うために、必要な条件文になります。「ブログ」や「サイト」構築に殆ど使用することになります。

CやPerlの言語なら以下になります。
if(条件式)
{
　条件一致（真）の処理;
}

Movable Typeの場合は以下になります。
<MTIf name="変数名" 条件式>
　条件一致（真）の処理
</MTIf>

まずは、値と値を代入するための変数名をセットします。
以下のMovable Typeタグを使用します。
<MTSetVarBlock name="変数名">値</MTSetVarBlock>

今回は、現在の記事のタイトルを値にセットし、変数「entry_title」に代入します。
記事のタイトルは、Movable Typeタグの「<$MTEntryTitle$>」で呼び出すことが出来ます。

変数名と値のセットは以下になります。
<MTSetVarBlock name="entry_title"><$MTEntryTitle$></MTSetVarBlock>

条件を行います。

今回の記事のタイトルは、「Movable Typeの条件文（if）」になるので、このタイトル比較対象にし一致（真）した場合の処理を行います。

比較するための演算子（比較演算子）を使う必要があります。これは他の言語でも同じです。
今回は、一致（真）の場合なので、eq=""を使います。

以下のようになります。
<MTSetVarBlock name="entry_title"><$MTEntryTitle$></MTSetVarBlock>
<MTIf name="entry_title" eq="Movable Typeの条件文（if）">
　記事のタイトルが一致しました。
</MTIf>

実際の処理の結果
　記事のタイトルが一致しました。

もちろん条件式に一致しなかった場合の、elseも使用することが出来ます。
<MTElse>～</MTElse>内に偽の処理を指定します。

今回は、現在の記事のタイトルと違う記事のタイトルを比較し、一致（偽）しなかった場合の処理を行います。
違う記事のタイトルは、「Movable Typeのメリット」とします。

以下のようになります。
<MTSetVarBlock name="entry_title"><$MTEntryTitle$></MTSetVarBlock>
<MTIf name="entry_title" eq="Movable Typeのメリット">
　記事のタイトルが一致しました。
<MTElse>
　記事のタイトルが一致しませんでした。
</MTElse>
</MTIf>

実際の処理の結果
　記事のタイトルが一致しませんでした。

<MTElseIf 条件式>を使用することで、さらに条件を繋げていくことも出来ます。
また、<MTIf>とは逆の条件文、<MTUnless>もあります。

比較演算子も他言語と同様あります。

like="" ：一部でも含まれれば真
eq="" ：一致すれば真
ne="" ：一致しなければ真
lt="" ：大きければ真
gt="" ：小さければ真
le="" ：以上であれば真
ge="" ：以下であれば真

Movable Typeの基本

Kamitani79 (2008年5月 1日 21:06) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeは、Webのため、htmlやxhtml言語とMovable Typeのテンプレートと独自のタグで構成される。

サイトを構成するには、基本的にはトップページとそれ以外のページと分けます。
Movable Typeは、テンプレートでわけます。

以下の構成になる。
・メインページ（ようはトップページ）
・ブログ記事（増えていくページ）
・ブログ記事リスト（年月やカテゴリでブログ記事のリスト）
・ウェブページ（固定したページ）

テンプレートの中身をhtmlまたはxhtmlタグとMovable Typeのタグで表示出来るように
変更して行く。

Movable Typeのタグは、非常に多く利用出来るものは多い。
公式サイトにもタグリファレンスとして、タグリストから詳細、使い方まで載っています。

サイト（ブログ）のタイトルやURLを表示したいとき、普段はコピーしたり入力したりすると思います。
以下のタグを使えば、表示が出来ます。

サイトのタイトル：<$MTBlogName$>
実際の表示：Kamitani79-メロンとバナナとブログ

サイトのURL：<$MTBlogURL$>
実際の表示：http://www.kamitani79.com/

このタグを組み合わせると、コードが単純化するので、後で変更が容易になります。

Movable Typeを押す理由として、CMSとして導入している会社や導入しようとしている会社が多いということ。
基本的には、営利目的でなければ無償である。営利目的や法人は有償になるが、機能に差はない。

ITMediaに導入済みまたは導入予定のCMSのアンケートデータが紹介されています。

※CMS:コンテンツマネージメントシステムの略称。テキストや画像などのデジタルコンテンツを統合的に管理し、配信など必要な処理を行うシステムの総称。

Movable Typeで携帯サイト

Kamitani79 (2008年4月 9日 19:06) | 個別ページ | コメント(0) | トラックバック(0)

Movable Typeの携帯サイト。またこれがくせ者。

携帯サイトを作る上で日本では3キャリアを意識して作らなければならない。
まったくもって面倒だ。各キャリアとも微妙に違う言語を利用をしている。
最近は、ようやくXHTML対応になった。しかしauとSoftBankは、外部スタイルに対応しているのに、docomoは、インラインでスタイルを指定しなければいけない。

絵文字も使わないと古いサイトっぽくなってしまう。出来るだけ絵文字も利用する。
容量を増やさないようカタカナは半角カタカナを利用する。

せっかく、素晴らしいブログ的ツールがあるのに携帯には標準では対応していない。
なので調べると「MT4i」と「ケータイキット」が検索にひっかかる。
両方とも3キャリア対応。

「MT4i」は、ブログがメインでcgiで動き、無料で設置も非常に楽です。また、携帯からも更新が出来るの便利。ただし画像のアップロードが行えない。

何サイトか導入しています。ただ問題は、絵文字が使えない。