福岡のホームページ制作[BULANCO(ブランコ)]のWeb制作のこぼれ話

FirefoxのアドオンScribeFireを入れてみたけど、あまり使えない。

ScribeFire Blog Editor :: Firefox Add-ons

マークアップを期待して入れたんだけど、MT標準のものとさほど変わらず、よろしく無いね。
取りあえず、brを連発するのだけでも回避して欲しかったのに、無理でした。pとbrの使い分けって意外に難しいのかな。。。

タグを付けると、なぜかMTのキーワードに入力されてしまう。これは致命的。
UIは、日本語もされているし、非常に使い易いのに、惜しい。

MovableTypeで、文字コードを変えたい時に、パッパっとやっちゃいたい時用のやり方です。

今回は、うちのトップページが3年前に作ったのもありShift-JISで書かれていて、ブログ部分はUTF-8なので、そのギャップを埋めるために使っています。

MTで携帯サイトをプラグイン無しでやりたい時なんかにも使えます。

<?php
$news=<<<_END_
<mt:Entries lastn="10">
<mt:EntriesHeader>
<dl>
</mt:EntriesHeader>
<dt><$mt:EntryDate format="%Y.%m.%d"></dt>
<dd><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></dd>
<mt:EntriesFooter>
</dl>
</mt:EntriesFooter>
</mt:Entries>
_END_;
$news = mb_convert_encoding($news, "SJIS", "UTF-8");
echo $news;
?>

単純に、変数にコードをつっこんで、mb_convert使って、文字コード変えているだけです。
簡単にやっちゃいたい時に、使えます。

MacOSX版のPhoshop(たしかFireworksでも)で、MSゴシックをアンチエイリアス無しで表示させると、ジャギーが妙な具合に出て汚くなります。

これが嫌で、最近までデザインカンプで使うフォントはヒラギノのアンチエイリアスを使っていましたが、これだと最終的にサイト出来上がった時に、お客様に「デザインカンプと随分イメージが違うねぇー」っと言われることがありました。

Macをユーザーの方は、ヒラギノのアウトライン付きを使っても、普段見ているブラウラザがそうなので違和感がないはずですが、Winユーザーの方は、アンチエイリアスがかかっていないフォントを見慣れているので、どうしてもイメージが違ってきます。

最近発見したのですが、MacOSX版のPhotoshopで、ジャギーを無くす方法です。



「フォントの水平比率を100%以外にする」

よく原因は分からないのですが、98%〜105%ぐらいの間に、奇麗に見える場所があります。
同じフォント使っているのに、配置している場所でそのパーセンテージが変わってきます。そのため毎回フィットする数字を探す必要があり、結構面倒ですが、一応奇麗に見えてくれます。

コメントスパムが多くて、色々と悩んでいたけど、MT4って、デフォルトで、CAPTCHAついているんだね。
知らなかったです。いつから付いたんだろう?

Six Apart - 技術情報提供ブログ: CAPTCHA 認証機能も簡単設定可能に

なんと、MT4リリース時から標準装備になったんですね。
知らなかったです。お恥ずかしい。。。

どれぐらい使えるものか分かりませんが、とりあえず手軽なので、使ってみます。

あとは、トラックバックスパム防止ぐらいかなぁ〜

MT4の場合、変数を使うことで、関連記事をプラグイン無しで作ることが可能です。
$を付けることでブロックタグの条件中で変数が使えます。

<MTEntryIfTagged>
<div id="relatedentries">
    <h3 class="relatedentries-header">関連記事</h3>
    <mt:SetVarBlock name="relatedEntry"><MTEntryTags glue=",">
    <$MTTagName$>
    </MTEntryTags></mt:SetVarBlock>
    <?php $EntryLink="<$MTEntryPermalink$>"; ?>
    <ul>
        <mt:Entries lastn="6" tags="$relatedEntry">
        <?php if($EntryLink != "<$MTEntryPermalink$>"){
        echo "<li><a href=\"<$MTEntryPermalink$>\"><$MTEntryTitle encode_html="1"$></a></li>";
        }?>
        </mt:Entries>
    </ul>
    <!-- /relatedentries -->
</div>
</MTEntryIfTagged>

こんな感じです。
10行目あたりの、phpのコードで、現在のエントリーを除外しています。


このエントリーを書くにあたり、参考リンクを探していて、もっとよいエントリーを発見してしましましたorz

MTSetVar(Block)/MTIfタグの具体的な利用例。 (Junnama Online (Mirror))

こっちのほうが間違いなく正解です。
<MTUnless name="eid" eq="$thisid">
ここら辺のコードが参考になります。
<MTUnless>を使うという発想が無かったです。。。

あと、ANDの発想も参考になりますが、これはエントリーが、かなり多いブログ向けかもです。


このBlogのURLを、本体サイト(http://www.bulanco.net)配下のディレクトリに移動しました。
サブドメイン変えていたので、mtの本体ごと移動しました。DBは変わらないので楽でした。

特に面倒なことは無く、mtconfig.cgiの18行目あたりの「StaticFilePath」の設定を変えることと、MTの公開設定のURLをいじるぐらいで終わりました。

もしかしたら、mtconfig.cgiをいじらないと、インストールウィザードが立ち上がる可能性があります。
(おそらくDBが空でなければ問題ないと思います)

あとは、もとBlogがあった所に、移転したよっと伝えればいいのですが、それも来てくれる方には面倒だろうし、下層に直接アクセスがあったときに404になるのもどうかと思うので、.htaccessを使って飛ばすことにしました。これだと、移転したことに気が付かずにページを閲覧することができるし、rssなんかを登録している人にとっても、そのまま読めてユーザービリティーは高いと思います。

参考までに、コードをさらしておきます。

RewriteEngine On
RewriteCond %{http_host} ^blog.bulanco.net
RewriteRule ^(.*) http://www.bulanco.net/blog/$1 [R=301,L]

• http://blog.bulanco.net/→http://www.bulanco.net/blog/へ移動
  
• mod_rewriteがサーバーにインストールされている必要があります。
• 301転送なのでSEO的にも安心
• 直接下層のエントリーにアクセスされても、構造さえ変わってなければ、そのまま新しいページを読んでもらえる。
  

参考リンク

301 リダイレクト (完全に移動) の実装 - ウェブマスター向けヘルプ センター
サイト移転時の301リダイレクト処理の具体例:phpspot開発日誌

09.02.08追記
新たにXMindの記事を書きました。詳しくはこちらから(Web制作者的な『XMind』の使い方)(タグ:XMind)

最近、仕事の打ち合わせなんかで、マンドマップツールでメモを取ることが多いです。

マインドマップツールでメモを取る理由は

• 系統がはっきりしているメモが取れる
• 系統がハッキリしているので、あとで議事録などを作るときが楽
• 書くのが意外に早い

特に3番目の書くのが意外に早いってのが大きいかもしれません。
早い割に、系統がハッキリしているので、言うこと無いです。

マウスに手をやること無く、ガンガン書き進められます。


始めに手をつけたのが、FreeMindというソフト(Mac,Win,Linux)でした。これはこれで良かったのですが、見た目がイマイチでした。ただ、操作性は非常に良かったので使っていたのですが、ちょっと前に新たなフリーマインドツールを発見し、それに乗り換えました。

それが、XMind(Mac,Win,Linux)です。

先日のサト研で、nisiaki氏に紹介したところ、意外に好評で、さらにブログでご紹介までいただいたので、私もそれに乗っかる形でご紹介させて頂きます。

詳しくは、nisiaki氏のブログを参考に!

っと、すごい投げやりな更新でした。はい。

私たち零細Web制作者の最大の営業は、アウトプットということ。

今更だけど、やはりこれは大事なんだなっと再認識。
ということで、今後ブログの更新頑張ります。

最近ちゃんとした文章を書かないと、という気持ちが更新の頻度を下げてたように思います。今後は、駄文(もともと駄文かなw)でもガンガン更新します。

 

プログラマーの35歳限界説は嘘。

向上心が無くなった所が限界らしいです。

 

 詳しくはここら辺で。

• [レポ] vol.3 in AIPcafe 2008/11/23  
•  サイト運営・管理研究会 Vol.3 に参加してきました - devworks
• 【レポート】FWW_サイト運営・管理研究会（仮）Vol.3 | MutsuLog
• Nishiaki's Log: やっぱりアウトプットが重要という事やね
• Nishiaki's Log: 「これからはマインドマップはXMindでしょ」という受け売り

最近、MovableTypeをブログツールではなく、CMSツールとして扱うカスタマイズ案件が結構多くやっていまして、それなりにノウハウが溜まってきましたので、少しずつですが、アウトプットしていきます。

今回は、パンくずナビ(パン屑リスト?)の制作です。

MovableTypeですが、意外にもパンくずナビが標準の装備で実装されていません。その為、タグを駆使して作る必要があるのですが、これが意外にややこしかったりします。

ということで、MovableTypeのパンくずナビの制作のコツをメモっておきます。一応SEO的にも意識した作りにしておきます。

Mac使いのWeb制作者にとっては、神のような素晴らしいCSSエディター「CSSEdit」を世に出している、MacRabbitが、今度はWebオーサリングソフトを制作してる様です。

「Espresso」という名前だそうです。CSSEditはそのままの名前だったのに、今度は割と分かりにくい名前付けてきたなっと、ちょっと驚きました。(もしかしたらコードネーム?)



公開されているスクリーンショットを見ても、かなり期待出来そうです。
CSSEditの編集し易すさを引き継いだ上で、同じくCSSEdit同様プレビューも見やすそうです。
さらに、FTP機能も搭載されているようで、ファイル管理なんかもシンプルで扱い易そうです。

ともあれ公開まで待ち遠しいのですが、ここらへんを読むと
「We plan to ship Espresso in November, but you can apply as a beta tester right now! Sign up if you're as excited as we are, and help shape the future of this cup of coffee.」
只今、開発中で、11月頃を目処に発売する模様です。ベータテスターは募集しているようなので、応募してみようかと考えています。

この前のサイト運営・管理研究会では、散々Dreamweaverのことを「愛している」っを叫んでいましたが、基本浮気性なので、いつでも鞍替えする覚悟は出来ています。ただ、使いどころを考えて、適材適所で使うのは変わらないと思います。