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

Movable Typeメモです。

グローバル・モディファイアリファレンス(グローバル・タグ・アトリビュート)に、ついてです。

ことの発端

先日、AddClipsが急にエラーが出ておかしいなっと思いながらも、時間がなかった&あまり使われていないだろうという憶測で、とりあえずエラー回避のために、AddClip自体を外していました。

ひとつ前のエントリで「関連記事」の部分が、急にエラーになって、色々調べていると、「"(ダブルクォーテーション)」をエスケープ出来ていないので、エラーが出ていたことの気が付きました。

AddClipsも同じ理由だったようです。

(関連記事のエントリですが、こっそりと修正しています。申し訳ありません。)

グローバル・モディファイアとは

エスケープの方法を色々と調べていると、グローバル・モディファイアリファレンスなるものがあることに気が付きました。 <$mt:BlogTitle$>なんかではよく使っていたのですが、他のMTタグ全般でも使えることを分かっていませんでした。

グローバル・モディファイアは、MTタグで出力する時に、htmlエンコードなど、様々な形に変換してくれる便利な機能だそうです。

使えそうなグローバル・モディファ

encode_html

恐らくこれが代表格だと思います。 「<」を「&lt;」、「&」を「&nbsp;」などの形にHTMLエンコードしてくれます。

『<$mt:EntryTitle encode_html="1" $>』

こんな感じで使用します。

Movable Typeの『グローバル・モディファイアリファレンス』(encode_htmlとかencode_js) 続きを読む

CSS Nite公式サイトで、東京、福岡、大阪の3都市にて『Adobe CS4 Web Premium セミナー "最高傑作へのショートカット"』が開催されるという告知を発見しました。

福岡は2月25日(水)13:00からのようです。

詳細は以下ページ Adobe CS4 Web Premium セミナー "最高傑作へのショートカット"

一部抜粋

2008年12月に発売開始された新製品 Adobe CS4 Web Premium はWeb制作者および、Web業界参入を検討しているデザイナー、デベロッパー、企業の皆様にとって作業効率・生産性向上を実感いただける機能が揃ってます。 当セミナーでは、その新機能をデモを交えて紹介いたします。 また、来場者には当セミナー講師が利用するデモ素材とAdobe CS4 Web Premium (体験版) も提供予定ですので 「見て・体感して・実践できる」充実したセミナー内容となっております。

今まさに購入を検討しているところなので、早速申し込んでおきました。
ただ、セミナーは2月下旬のなので、それまでに我慢出来ずに買ってしまう可能性もあるのですが、念の為申し込んでおきます。

しかし、会場がzepp福岡って。。。 一般にライブ会場としていつ変われる場所なんですが、なぜここをセレクトされたかは謎です 。

東京の会場も、SHIBUYA-AXというライブハウスっぽいので、もしかしたらそういう音響を使った何かがあるのかもしれません。

只今、アメリカでMacworld2009が行われています。
個人的に、気になる箇所だけかいつまんでメモです。

iLife '09

• official
• iPhoto '09 (FacebookやFlickrをネイティブでサポート)
• Places (画像を撮影場所で区分け可能)
• Faces (写真の顔認識)

iWork '09

• official
• Keynote '09 (iPhoneを使って、操作可能に)
• Pages '09 (ブラウザを使ってドキュメントを閲覧)

MacBook Pro 17inch

• official
• 重さは6.6ポンド(3kg弱 15inchは2.5kg)
• ディスプレイは光沢とつや消しの2種類(つや消しはオプション)
• 最大8Gバイトまでメモリを搭載可能(15inchは今まで4Gまでサポートなので倍に!!)
• 新しいバッテリの寿命は8時間で、1000回の充電が可能(これはすごい!! 時間もほぼ倍!!)
• ￥318,800 (15inchの上位で ￥288,800 3万の違いでこのスペックの違いはやばい)

特に、最大メモリーとバッテリーと液晶の大きさを考えると、異常にスペックアップしすぎではないでしょうか?購入を本気で考えるスペックです。17inchの持ち歩きは大きすぎですかね。

日本時間で1月7日午前2時ごろから、Macworld2009が開催されますね。

今回はジョブズ氏の基調講演が無い(健康上の問題もあるらしいです)とか、Apple社の参加は今回が最後になるとか、色んな意味で話題が多い、Macworldになりそうです。

今回の発表が噂されているのは

• 新Mac mini
• MacBook Pro 17inch
• iMacの28inch
• Multi-touch Mighty Mouse(One More Thing: Apple's New Multi-touch Mighty Mouse | MacBlogz - One Stop Apple News)

噂なのでなんともいえませんが、Mac miniとMacBookPro 17inch は、かなり信憑性が高い模様です。

個人的には、Multi-touch Mighty Mouseってのが気になっています。
(画像はOne More Thing様より拝借)

今のMightyMouseも素晴らしいと思うのですが、トラックボールにゴミが詰まって滑りが悪くなるので、その点だけが問題でした。噂されているものが出れば、ゴミの詰まり問題からも解放されそうです。この噂は、あまり信憑性が高く無さそうなので、あまり期待出来ませんが。。。

なにはともあれ、7日の夜中に期待です!

ずっと開発中になっていた、PicasaのMac版がbetaながら発表されてましたので、早速インストールしてみました。今の所日本語版は存在しないようで、US版のみです。

Picasa for Mac: Free download from Google

写真の管理は、iPhotoで行っていますが、使い勝手が良さそうなら、Picasaにうつしても良さそうです。ただ、iPhotoのライブラリも手を加えず読んでくれますので、両立は可能そうです。

PicasaとiPhotoの違い

PicasaとiPhotoの圧倒的な違いは、写真・画像の管理の仕方だと思います。
iPhotoは、iPhoto専用(ピクチャー配下のiPhoto Library)のライブラリを作り、写真をその中に全て集約して保存します。

私の場合、Web制作用の素材集もiPhotoで管理しているので、この『iPhoto Library』が70Gを超えています。部分的に管理出来ないので、問題ありだと思っていました。

Picasaは、HDDにある写真・画像(動画も)を場所を移動せず、自動でインデックス化してくれます。 iPhotoライブラリに入れていないものも、インデックスしてくれるので非常に便利です。

注目の機能

個人的に、非常に注目している機能は、顔自動認識&自動タグ機能です。
ただ、試してみたのですが、上手く作動しなかったです。もしかしたらWebアルバム専用の機能なのかもしれません。でもそれらしいボタンはあるんですよね。。。

家族の写真も多く管理しているので、もしこの機能が使えれば、非常に便利なんですけどね。期待しています!

総合すると、まだ日本語版が無いので、若干使いにくいかもしれませんが、それを除けば、あると思います。

参考リンク

Google、Picasa for Mac (Beta)をリリース - 気になる、記になる...
Google，写真編集・管理ソフト「Picasa for Mac」のベータ版を提供開始：ITpro

先日書いたDreamhostを借りてみました。

ただ、色々リサーチした結果、メインで使うのはどうかという判断で、現在このサイトを置いているcoreserverの期限も延期しました。

Dreamhostは色々と使った上で、問題無さそうなら移転もありと思っています。

Dreamhostの申し込みは、割と簡単で、10分もかからず完了しました。
ここら辺を参考にすると分かり易いかと思います。
Dreamhostの検証» ブログアーカイブ » Dreamhostの申込方法

500Gと思っていましたが、申し込み時にUnlimitedと書いてあったので、無制限に利用出来そうです。凄いっすね。

支払いは、以前使ったGoogleCheckoutを使用したので、あっさり終了しました。ただ、住所が日本語では通らなかったようで、英語で改めて入れ直しました。

申し込み終了後、早ければ5分で申し込み完了メールが来るそうなのですが、待てど暮らせどメールが来ない。おまけにコントロールパネルがいきなり404になってしましました。

ただ、ここら辺は、ある程度想定の範囲内。

結局、申し込み完了のメールが来たのは、翌日の朝頃でした。

手始めに、Subversionを使ってみましたが、それはまた別のエントリーで改めて書きます。

どうも、今更の様ですが最近、Dreamhostが気になっています。

500GBの容量と、月に5.95ドルという安さ。

更に今なら、新春(?)特価で、2年契約すると64.44ドル!?
激安です。

Get two years of hosting for 70% off!

Sign up now, choose "Host a Domain", and then the 2 year payment option, and use the code "229".

That's a $214.80 value for just $64.44.

マルチドメインOK・サブドメインOK、ドメインも1つ無料で付いてきます。
また、気に入らなかったら97日以内なら全額返金もされるようです。(ただドルでの支払いなので、円相場の関係で目減りする事はある様です)

アメリカのサーバーなのでそれなりに不利な点があるようです。
色々あると思うのですが、私が思う点は以下の通りです。

1. 単純に距離があるので、その点でのレスポンスの遅さ
2. 当たり前ですが、申し込み画面や管理画面が英語という言語の壁
3. 重い

1.は諦めるしかありません、2.はDreaamhostユーザーが多いので参照をすればあまり問題無さそうです。ただ、内容を読まずに、ニュアンスでOKする癖があるので、それはやめるように気をつけようと思います。3.は当たり外れがあるようですが、これもこちら側でどうしようもないので、使ってみて、駄目な場合は考えたいと思います。

ただ、本格的に運用するWebサイトには向いていない気がするので、基本的に、実験サーバー+subversion用+外部ストレージという位置づけで考えています。

問題なければ、当社のWebサイトぐらいは移転しても良いかなって考えています。

年末の案件で、某企業様の年賀状HTMLメールを作る機会があったので、注意点や作り方をまとめておきたいと思います。

HTMLメール自体、賛否両論(【結果発表】HTMLメールをどう思いますか？：ITpro・HTMLメールはやめよう：ITpro )だったりしますが、私個人的にはHTMLメールは、読み易いしありだと思います。セキュリティー的な事と良く言われていますが、こちら側の受け取り方でなんとでも成る気がします。(私は基本的にHTMLメールが来そうなメールはGmailで受け取っています)

制作及び、エントリーを書くに至って、以下の参考にさせていただきました。ありがとうございます。
HTMLメールの制作時に気をつけたい9つのポイント | コリス

HTML 4.01 Transitionalで書く

xhtmlではありません。昔ながらの感じです。

文字コードはiso-2022-jpで制作する

メールの文字コードはiso-2022-jpなのでこれに合わせます。

テーブルレイアウトで行う

色々調べたのですが、テーブルレイアウトで行うのが正解のようです。

800px以下

傾向を見ると700px以下である事が多いです。 これは、メーラーがサイドバーが広い場合が多いので、ビュー部分が狭いからだと思います。

cssはインラインで書く

外部指定はほぼ表示されません。 header内の指定では、メーラーによっては上手く表示されません。

センター寄せは、tableの入れ子で寄せる。

<table align="center">で寄せる。

イメージはすべて絶対アドレス(http://~)で指定する。

イメージファイルはまとめて公開サーバーに配置してうで、絶対アドレスで指定します。

<base>の指定を行う

<base href="http://www.bulanco.net/mail.html" target="_self">のようにベースURLを指定指定すると良い様です。 baseを指定すると、上記のイメージファイルは絶対アドレスをしていなくても、読みに行ってくれる様です。私は一応両方行うようにしました。

javascriptは使わない方向で

ブラウザベースのメーラーであれば(Gmail)は使えるかもしれません(試していません)が、一般のメーラーはjavascriptは使えないと思われます。そのため、マウスオーバーは諦めるのが一般的かも。

アニメーションgifは使いどこを考えれば良い感じ

Appleから届いた正月セールメールのアニメーションgifは良い感じでした。 ただ、あまり使いすぎるのは下品に成りがちなので、使い場所は考えた方がよいと思います。

送信はsafariから送信出来る。(Mac)

Macで作ったHTMLメールを送るには、safariからmail.appを使って送る事が出来ます。
作ったhtmlファイルを一旦サーバーに上げた後、safariで閲覧後、[ファイル]>[このページの内容をメールで送信]で送信することが出来る。
ただ、標準のメーラーをMail.app以外にしていると送れないので、標準のメーラーを一時的にMail.appを指定する。

Windowsでの送信方法は、こちらで。
HTMLメールの送信方法：その１ | コリス

BULANCOでは、HMTLメール制作も承っております。是非メールフォームから!

先日22日、私のクライアントさんでもあるBINGOBONGOさんのイベント、BINGOBONGOSOUNDS([mixi] BINGO BONGO SOUNDS)に、Kieth Flack.netまで行ってきました。

久々のクラブイベントで、かなり楽しめました。
特に、お目当てはsmall circle of friends(スモール・サークル・オブ・フレンズ)でした。期待通り素晴らしいライブで、予想以上に刺激を受けました。

BINGOBONGOが絡んでいるイベントザンジバルナイト(出演/リリーフランキー・スチャダラパー・TOKYO NO1 SOUL SET・SLY MONGOOSE・ゾノネム )も超期待です。