早速ですがToI企画さんがTinyMCEから画像をアップできるように改良したものを上げてくれました。組み合わせて使うと本気で使えるもんになります。ダウンロードと説明はToI企画さんのページにて。

• MT-column > Plugin > QuickEditとその拡張 - ToI

で、ToI企画さんの改良版の方を触ろうかと思ってたんですが、ちょっと今後も色々拡張していきたい気分なので、当面このまま突っ走り(?)ます。

本日の改良は2点。

• 新規ブログ記事投稿/新規ウェブページ投稿に対応
• スタイルのカスタマイズ、概要/タグ/キーワード等のフィールドに対応

カスタマイズはブログ毎のプラグイン設定画面にて(新規投稿用のリンクもこの画面にあります※ブックマークに登録して使うこと前提です)。

↑新規投稿のリンクはBookmarklet欄にある「=>New Entry」「=>New Page」の2つ。また、この画面の「Add Action-bar:」欄に入力したテンプレートが「送信」ボタンの直前に入ります。サンプルコードとして、エントリーのタグを追加するコードがデフォルトで入ってます。

<p style="margin-top:7px;">Tags :
<input style="width:90%;font-size:100%;font-weight:bold;border:1px solid #ddd"
type="text" name="tags"
value="<mt:entrytags glue=","><mt:tagname></mt:entrytags>"
/></p>

こんな感じで入力しておくと、以下のような感じでタグ欄が追加されます。

また、カスタマイズ用のテンプレートタグを一つ追加。見たまま投稿画面の時のみ出力されます。

<MTIfQuickEdit>〜</MTIfQuickEdit>

このタグを使うことによって、投稿画面だったらキーワードフィールドや概要フィールドを追加する(逆に出力された部分を隠すとか)等が可能になります。

• Quickedit.zip(v0.3 - 540KB)

TinyMCEを組み込んでみた。新規作成もこんな感じで出来る状態にして渡してあげればかなり直感的ですよね。

「できるだけ近い」こと重視なので、エディタは下部に配置しました。あと、一応「続き(text_more)」にも対応させました。

/mt-static/tiny_mce/css/content.css がエディタ部のCSSです。これをサイトのCSSにあわせてやると、エディタの編集画面内のスタイルもサイトのデザインにあったものになります。

さて、今回も1倍速Movieです(会場いた人しか分からん前振りだなw)

• QuickTimeムービー(652Kb)

管理画面をどのようにして渡すか? というあたりは、CMSよりもむしろ構築・カスタマイズする側の工夫や配慮なんだと思うのです。まぁ、去年のLP5の時に管理画面をガチャガチャいじるの流行らせた? 本人ですから、そのあたりは一貫していて何ら変わっちゃいないんですけどね。

• QuickEdit.zip(536Kb)

ずーーっと他のもの見ていて結構しんどかったんだけど(鷹野さんも最後に言ってたけど、5分といわず15分くらいでテンポ良く流して行くってのもありだな、と思った)、「MTがどーたらこーたら」「MTよりここが有利」とか色々言ってるわけなんだけど、その多くは実は「MTでも出来るよ」ってことで (別にもうこの段になったら機能競争って殆ど意味ないんだけど、競合と考えるなら他社製品もう少し研究したらっていう感想も持ちました。正直なところ) ついカっとなって ひとつ簡単そうなテーマがあったので作ってみた。

久しぶりにムービーも撮った(1倍速ですぜ!)

• QuickTimeムービー(232Kb)

「編集したいページでブックマークレットをクリック→編集→保存→すぐに反映・確認」というものです。

タイトルと本文しか対応していないですけど、他のフィールドも特に問題なく対応できると思います。制限事項としてはテキストフィールドのスタイルが決めうちだったり、ブログ記事/ウェブページテンプレートに直接EntryBodyとかが書いてないと駄目(インクルードしてると駄目)ってのがあるんですが、まぁ試作品みたいなものなので勘弁してください。

※当然ですが、ブックマークの中のリンク先は適宜編集してから使ってくださいね。

• Quickedit.zip(4Kb)

絶対GIGAZINEがレポートアップすると思うので先んじて行ってきた(競ってどうするw)。

二階にあってしかも入り口から中が見えないので一見入りにくい印象もあるが、外にメニューと価格が出ていて(これがまた安い)「おひとりでも気軽にどうぞ」的なことも書いてあるので一人でふらっと行ってきた。

• ぐるなび - もつ焼き処 赤坂もつ千
• はてなブックマーク - ぐるなび - もつ焼き処 赤坂もつ千

行ったのは実は2回目。隣にあるホテルによく泊まるのだが、一人でふらっと行ったのである。価格が安いこともあって平日はサラリーマンたちで混雑してる。

土曜日の早い時間ということもあって店内はまだお客がいない。カウンターの一番奥に陣取る(前もこの席だったな)。

ご覧の通り(見えるかな?)安い。一番高いメニューは牛のレバ刺しで490円。「豚のモツ」に限らず普通の居酒屋メニューもそろっているのだが(前回は豚のモツあんまり食べんかった)、今回はやはりレポートということで(何のこっちゃ)、他ではあまり見かけない豚のモツ中心で行ったよ。

まずはお勧め(◎が付いているメニューから)[左]レバー、ガツ(胃)、[右]ハツ(心臓)、ハラミ(横隔膜)、カシラ(頭肉)。すべて1本120円。“めっちゃ旨いやんけ!?” てことは、ないけど、まぁイケる。レバーはちょっと癖があるか。基本、各部位は牛串焼きとか焼き鳥想像してそうは外れはないかと。

[左]タン、ナンコツ(喉)、[右]コブクロ(子宮)、自家製ベーコン。ナンコツは何か自分的には駄目だ。食感が何とも。鳥の軟骨は好きなんだけどなぁ。串からバラして食うとなんとなくいけた。要は食感だな。コブクロも...ちと生理的に見た目が苦手。ベーコンは旨いす。一番のお勧め!!(こちらもすべて1本120円)

最後は(実際は他にも食べたけど) [左]シロ(大腸)。これはタレが良くあっていい感じに旨い。[右]は(頼まなかったけど)おすすめ(190円て!w)。

ドリンクも安い。ビール390円、チュウハイやトリス(!)ハイボール290円。酒飲みの僕が飲んで食っても4,000円程というのは安いよな(結構飲んだのがバレるなw)。

ちなみに「ネットで話題になってるのご存知ですか?」って聞いてみた。「はい」。って返事それだけーーーーww さすがにやる気のなさ加減全開!
勇気を振り絞って(笑) もう一発ついでに質問「あの原稿はお店の方が考えられたのですか?」...「はい」。それだけ!! 会話にならない! ってので会話は以上で終了したのでした。

帰るころには男性2人連れが2組、カップルが一組。店員さんは男性2名、女性が1名(可愛かったスよ!)でした。

ちゃんちゃん。

ハーモニー・アイさんのお勉強会に参加。NVDAとTwitterがテーマ。

NVDAについては、Parallels+Vistaへのインストールが時間がかかってかかってしょうがなく、インストールできたが音が出ない状態で何も書けないのだけど、改めて試してみたい。

さてTwitter。

zenichさんがTwitterって何? 何が面白いの? というお話をされて(これも中々話しでは伝わりづらいのですが)、じゃぁ実際に使ってみましょうということになった。

ところが...

アカウントが作れないのです。視覚障碍者だけじゃない。高齢者の皆さん、それでもネットはそこそこ使われている方々だし、逆に参加されている視覚障碍者の皆さんなんて非常にネットリテラシーの高い方々なんだが。

問題はこれ。CAPTCHA。とにかく一発二発で成功しない。視覚障碍者の方にはサウンドがある。でも「何言ってんのかわかんない」。

結局20-30分くらいだったかな? サインアップできない人多数(僕もCAPTCHAの入力お手伝いしたりしたのだが、それでも駄目。他の項目が駄目なのか? メッセージも英語でわかんない→不思議なもんで、昨日あれだけみた英語のエラーメッセージ、さっきあれこれやってみたんだけど再現できないんだよな)。

確かにスパマーやってくるし、エロアカウント増えるのかもしれんが、もう少しどうにかならんものかと思うのだ。

一点、具体的に提案したいのだが、キャプチャもサウンドも日本語化しない? これだけでも敷居が下がる筈。実装難しくないだろうし実際に検索すると出てくる。

できればランダムな意味のない言葉じゃなくて、英語版Twitterのように意味のある単語であればもっと理解しやすいんじゃないかな?

あと、直接関係はないのでが、ウチのスタッフに教えてもらった。こういうアプローチ、好きだな。自分のスタンスにも近いのかな。“隙間を埋める”的な支援技術へのアプローチ。

• Accessible Twitter : web accessibility for the Twitter web site application

告知締め切られました。が、もし...というかたがいらっしゃいましたら個人的にご連絡ください。

いっつもギリギリになるんですが、まだ人数大丈夫ですので再度告知します。前回も書いたんですけど。

• 6月15日のセミナー講演者・詳細決まりました
• Power CMS for MT＋αでここまで出来る。最強ウェブCMSの超カスタマイズテクニック

今回いつもと少し違うのは、製品の話だけでなくて個別案件毎のカスタマイズやMTのライブラリを使ったオリジナルのWebアプリなど、ポテンシャルとか事例とかをお話し出来る範囲でのコスト感なんかも含めて紹介したいと思います。

ユーザー企業様や構築企業様のお話もありますし、ユーザー企業様のお話は事業におけるWeb活用のお話としてすごく参考になると思いますので、是非ご参加ご検討ください。

※高校・大学時代はずっと買ってたんだよなぁ。JEFF BECKだし(LPレコードこないだ処分されてしまったのがちと残念!)。

• 第23回WebSig会議「ストレスフリーのWebプロジェクト～Web担当者に出来ること、制作会社に望むこと～」

参加中。てか今から始まります。

なんで写真がキッチンタイマーなのかは謎。

くわしくは「後で書く」。以下、あとでまとめる(多分)。

ネットイヤーグループ株式会社 片山さん

• 弱小WEB制作会社時代はリテラシーの差→5万円で出来るよね? いやいや最低30万円
• 何故それをやる必要があるか、同じ目線に立てるか→部署のことしか考えてない?

感情的に満足している人：理性的に満足している人では「感情的に満足している人の方が解約率が低い」(銀行)

感情的に満足するためには?

• 信頼
• 誠実さ
• 誇り
• 情熱

クリエイティブに拘っても必ずしも満足されない(制作者都合やクリエイティブ、技術指向)

受注側から見て

出し戻し、どんでん返し、やるべきことをやってくれない、コンセプトがない、絵をみると色々思いつく、言うことが変わる

コトバの定義、コンテクストの違い

受注側を離れて考えてみる

買い物をする時? 散々迷って違うモノを買ってみたり。 納得して買う、満足するのが大切。

色々迷いながら納得した買い物がしたいよね。

振り回されないってのはありえないんじゃないか? → どうしたら相手の考えが整理されるかを考える→プロセスを踏む

オーダーメイドに慣れている人は少ないんじゃない? (WEBサイトってオーダーメイドだし)

例えば服。何を着たいですか? →サンプルを示してみたり。

最初に提示した案になったとしても、プロセスを踏むことが大切。

※この辺経験ある。いきなりデザイン提示しても決められない。例(サンプル)を見て雑談したり、言葉を引き出したりして、その後提示すれば「お客さん」が作ったデザインになる(後で補足するかも)。

コンシェルジュ→コトバの奥で望んでいることをスクイとる

担当者がそれを望まない限り、どんな良いものでも世の中に出ることはない

同じ目線になるように頑張る。

エンドユーザーの満足度を上げるのも大事だけど、顔を合わせている担当者を満足させることはもっと大切

どうしたら担当者がその社内で評価されるのか?

TCO(Tantosya Communication Optimization!)

発言の概念

• 発言の核となる事象/トリガー(ミスを見つけた! とか)
• 思惑・意図(今日は早く帰りたい! とか)
• 外部の圧力/制約条件(社長に言われた! とか)

発言には背景があり、本質こそ見る必要がある。

INPUT(問題認知) | EMOTION(感情) | THINK(解を考える) | OUTPUT(答え/依頼)

観察。イラっと来たのは何故? (相手も怒られた、とか←ありがちー)

担当者のこと(プライベートや感情、モチベーションとか含めて)を知る

頼まれたら例えば(小さなことを)頼み返して反応が早ければ向こうのプライオリティも高い、とか

それでも...

全体最適化と局所最適化

振り回されるより、振り回すくらいで

1. コトバに反応するのではなく、背景を
2. 行動、リアクションを予測する
3. 期待しない
4. リスクを減らしつつ、何か起こったらどうするか考えておく
5. 期待値を上げすぎない
6. 精神的に追いつめられない
7. 自分たちのゴールと相手のゴール
8. どうしたら担当者が出世するか
9. コミュニケーションコストを見積もる
10. 遠い誰かより目の前の相手

すぐにエンドユーザー言うな!

フジイユウジさん

小売・中小企業、Web担「も」やっている方。Web関係の発注経験色々、システム絡み多い。生粋の発注サイダー(笑)

• フジイユウジ::ドットネット

発注側も失敗が(思い出すと凹む)。

発注者も色々。あくまでもその前提で。

ストレスフリー→それ無理じゃね?

産みの苦しみから逃れることは出来ない。むしろ「大変」前提

失敗例1:担当者変更(最初の人が良かったのに...)

せめてクオリティは担保してね。不確定事項を決定事項のように言わないで。ウチは何でもできますとか言うもんじゃないんじゃね?

Web担当にできること。RFPに発注条件を書いちゃう。逆に状況とか変わっちゃうことがあるので、社内調整時間を読んでおくこと。

会社の「制作実績」と、担当者が違う→品質管理ができていればOKだし

専任でやるって言ってたのに(裏案件がデスマると悲惨だし...)

営業トーク宛になんない

失敗例2:打合せで決めたことの半分しか出来てない!?

議事録ない、仕様書に落ちてない

議事録作成しないの? 発言録だけでも(確かにこれ大切)。

仕様書と議事録は別にしておく。発注側は仕様書より「自分が言ったこと」大事にする。

仕様書と議事録の整合性とらないエンジニアさんとか多い(←ホントかよ!?)

議事録なのに中身はQAシート!?

レビューとかテストしろよ。検収はテストの場ではないじゃねーか(←ごもっとも)。

制作系スキルが必要な領域まで検収チェックさせない(←ここ難しいところだな...)

とはいえ、現実は「いかに安く作ってももらうか」だし。

でも、リスクを誠実に伝えてあるかどうかは重要(←そう、これ重要)。安い理由。

最安200万、最高1億5千万!(いちおくごぜんまんえんーー!)

でも、違うもんなんだから。

脆弱性、SEO(基本はきちっとやれってこと)

Web担として

• 良く説明を受ける。発注前にワークフロー全体に説明をうける。
• ワークフローに言ったのにスケジュールがあがってきたら危険。
• 見積もりに含まれるもの、含まれないものを見切る(金額ではなく中身)
• どういった時に追加コストが発生するか
• 契約書重要(請負か権利か、請負契約書か売買契約書) / 契約書の読み合わせ(←これ、いいなぁ)
• マイルストーント決定承認プロセスを明確に
• 意外とプロジェクトは管理されてない(←...)
• 制作のプロはヒアリングのプロではない
• 目的を伝えているのか手段を伝えているのか
• 社内調整
• 理由を求める(技術的な問題かコストの問題か→代案が生まれたりする)
• 発注側の発言の影響
• 運用まで考えるために
• 「言った」じゃなくて「書く」

発言中心開発。

先日親兄弟で集まった時に今年から大学生の姪にちょっと聞いてみたらmixiとリアルだった。そう、やっぱり流行ってるのかリアル。ちなみにマイミクになるのはやめておいた(あっちには結構きわどい?ことも書いてるから)。

話を元に戻す。利用しているのは主に外出中ではあるが、東京-大阪の行き来を含めて外にいる時間はかなり多いので、ケータイでWebっている時間は(同業の人と比較すれば)多い方だと思う。ちなみに今はN700系の無線LAN使用中。Macでこれ書いてる。

よく使うサービス、サイトは以下、というか殆どこれだけ。

• Gmail
• Mova Twitter
• Mixi
• Livedoor Reader
• JRおでかけネット(エクスプレス予約のため)
• 楽天トラベル(宿泊の手配)
• Cerezo Osaka(セレッソ大阪の公式 - こいつは唯一有料会員になってる。テキスト速報が見られる)
• Google(検索用)
• Yahoo!(検索用)
• Naked → Google(検索用)
• Yahoo! プロ野球(但し携帯でそのまま見られないのでNakedで変換したものをBookMarkして利用)

その他、いくつか良く泊まるホテルのページや特定のページをブクマしているとかブログの管理画面をケータイ化してるのでその管理画面とか。はてブとかも時々見る。

あと東京ではモバイルSuica使ってるってのは直接関係ないか。とにかくケータイ手放せない。

仕事もかなりできる。メールの対応が出来れば、営業的なやりとりやスタッフへの指示も出来るし、ケータイだけで商談成立(金額のやりとりしてライセンスの発注OKになったとか)する場合もある。先日はTwitterで受発注? のやりとりまでしてしまった。

で、何となく感じたことだけど、例えばGmailでもLivedoor ReaderでもGoogleでもはてブでも最終的なコンテンツへのリンクはGoogle Mobile Gatewayなんかを通ることになる。Livedoor Readerだとモバウザーだっけ。はてなにしても「ケータイでみるために変換しています」とか出るよね(自社系のサイトくらいはちゃんとモバイル対応したらいいのにとは思うけど)。

GoogleはともかくLivedoorやはてなのGatewayは、変換元サイトの広告はぶった切って自社のモバイル広告を入れてるってあたりがちょっと複雑な気持ちになるが、それ置いておいて「これってテキストブラウザじゃね?」と思うのだ(画像変換とかもするけど基本はテキストベースだし)。

Lynxに代表されるような使い勝手の良い高機能? なテキストブラウザって確かにあるんだけどシェアはかなり低いだろうし、ウェブ制作の時にLynxでチェックしますってのはめちゃくちゃ小数派だろう。

それでもGoogle Mobile Gatewayなんかを通してウェブを閲覧する機会は増えている。テキストブラウザって意外とシェアを伸ばしている、と考えることもできるんじゃないかな?

関連するかも? しれない話題

• ランチタイム・モバイルADってどう?
• ケータイの話を少し。
• 音声ですべて操作できる携帯電話が変える人生。
• モバイルコンテンツのリッチ化 で考えておくべきこと。
• アクセシブルなウェブコンテンツはもっともっとたくさんの人にリーチする。

rel="lightbox" を付ける/付けないをチェクボックスで指定し、リンク先を指定したサイズの画像へのパスにします。

上記の画像のように指定した場合、例えば以下のようなリンクになります(幅250pxのサムネイルから600pxの画像へのリンクになります)。

「LightBoxで表示する」横の「幅」が空白の場合はアップロードしたオリジナル画像へのリンクになります。

<form mt:asset-id="1" class="mt-enclosure mt-enclosure-image" style="display: inline;">
<a rel="lightbox" href="http://alfasado.net/assets_c/2009/06/photo-thumb-600xauto-1.jpg">
<img alt="" src="http://alfasado.net/assets_c/2009/06/photo-thumb-250x187-1.jpg" width="250" height="187" class="mt-image-none" style="" />
</a>
</form>

Download:

• LightBox.zip(4Kb)

いや、なんていうか今日は何も書く気はなかったんだけど(てか、真面目にはてブのインターフェイスとか「しきい値」の話とか考えてて、そんなこんなで雑文書こうかという気持ちは多少はあったんだけど)、大阪へ向かう新幹線で読んじまったからな...

話すれば良かったのに。

毎度おなじみ、あとがきの時間です

さてさて、本書は前著が出た直後に『ウェブ進化論』の梅田さんとの対談を想定して動き出した企画なのですね。んで、梅田さんにアポを入れたらしいんですけど「今年はインプットの年にしたい」ってな理由で、断られてしまったようなのです。おいらの話はインプットにならないんだなぁ、とか思っているうちに企画がどんどん変わって行って...(略)

飲みかけの酎ハイ吹き出しそうになったw

• 日本のWebは「残念」　梅田望夫さんに聞く（前編） (2/3) - ITmedia News
• あなたの自由は、他の人も持つ自由。 : ひろゆき＠オープンSNS

• LightBox Movable Type - Google 検索

rel="lightbox" を付ける/付けないをチェクボックスで指定します(それだけです)。

Download:

• LightBox.zip(4Kb)

• Six Apart - セミナー紹介: Power CMS for MT＋αでここまで出来る。最強ウェブCMSの超カスタマイズテクニック

おかげさまでPower CMS for MTは今月100サイト! で導入いただきました。リリースした当初は正直どのくらい導入いただけるのか想像できていなかったのですが、採用いただいた皆様に深く感謝です。

さて、サミナーの件ですが、今回は比較的大規模なサイトやサービスでの事例をユーザー企業様2社(現在まだ公表できないのですが正式決定次第再度告知します)にお話いただく他、ウチの会社からは製品の概要＋「MTのCMSカスタマイズ事例、MTのライブラリを活用したやウェブアプリの構築事例」を紹介します。

さすがに具体的なコードの書き方を紹介するわけではありませんが、多分多くの方が知らない「え、こんなことまで出来るの?」をご紹介することをメインにします。さすがにこのブログの読者の方やいくつかのセミナーで私が紹介した事例をご覧いただいている方にはおなじみかもしれませんが...

制作者目線では過去のイベント等で下記のような紹介をしました。今回は具体的なビジネスの現場でどんな風に活用しているか、という目線で話します。

* 下記のリンクは新しいウィンドウを開きます

• Movable Type as a Web application framework.
• Movable Type as a Contents Management System.

最近僕がムキになって書いているこれ(MTベースのtumblr.風マイクロブログ。)とかもひとつの事例なんですが、ウェブアプリで「こんなもの作りたい」って時にすごくスピーディーに構築できるしくみがMTには用意されていて、慣れると本当にツクルの楽なのです。

で、これをビジネスの現場でどんな風に活用しているかの例をできるだけ具体的に紹介したいと考えています。

むしろ、MT脳、CMS脳だけじゃなくって、DBと連動したウェブアプリとか、やりたいことは色々あるんだけどどうやって(どんなしくみで、誰に頼んだらいいのか、あとできるだけ早く安く)作ればいいんだろう? と思っていらっしゃる企業の方、ウェブご担当者、また社内コミュニケーションなんかに活用できないかと思っていらっしゃる経営層の方にもぜひご参加いただきたいと思います。

参加のお申し込みは下記のページから。参加は無料です。

• Six Apart - セミナー紹介: Power CMS for MT＋αでここまで出来る。最強ウェブCMSの超カスタマイズテクニック

「不況でもモテモテの外国人労働者」だそうである。

さて、ウェブアクセシビリティが大切ってのがウェブ制作の現場(ビジネスの現場)で理解されにくいという話は以前からあって、JIS X 8341-3が誕生して知識としての理解度は深まったり普及したりしたものの、昨今の不況のあおりでまたそういう話が出て来ているらしい。

予算がつかない。わかりやすいビジネスメリットが無いという話。

• Web標準やWebアクセシビリティの分かりやすいビジネスメリットをうまく説明できるのは実はプログラマである。

ここに書いた話では、結局はHTMLというソースの再利用の話で、厳密にはイコール アクセシビリティの話ではない。

SEOの話もそう。検索順が云々ってのは所詮SEOの話であって、やはりイコール アクセシビリティの話ではない。

• なぜSEOは嫌われるのか?

ところが、少しばかり状況が変わって来た(ように思う)。

本質的に一つのソースを様々なデバイスで利用可能にしたり、再利用可能なコンテンツ、という本来の「アクセシビリティ」の話である。SEOなんかの話ではなく。

• 自動翻訳の質が上がってくることで、アクセシブルなウェブコンテンツは機械的に翻訳されやすくなる
• アクセシブルなウェブコンテンツは、読み上げやルビによって日本語の語学力の低い人の助けになる*

例えば「漢字を読むのが難しい」日本語を学習中の外国人にとっては、翻訳出来るだけでなく、音声で読み上げたり、自動的にルビが振れることが理解を助ける役に立つだろう。

以前にも少し書いたことがあるのだけれど(時々ではあるけれど)、以前公開したPDFをテキスト化したり、コンテンツにルビを振れるサービスについていろんな人から感想やお礼のメールをもらうことがある。意外と「ルビ」が喜ばれているのだ。日本へ留学している留学生の人なんかに。

• ソフトウェアやサービスはしばしば作り手の想像していなかった使い方をされる。

そしてiPhoneとか、今ここでMacBookを使ってネットにアクセスしている環境(＠N700系、通信速度は速くない)とか。

障碍者や高齢者だけでなく、健常者にも、携帯電話ユーザーにも「iPhoneユーザーにも」「外国人にも」「子供にも」「プアなネット接続環境でアクセスしているユーザーにも」理解してもらいやすいコンテンツ。これをビジネスメリットといわずして何というのだろう。

もちろん、これは外国人労働者が日本で働きやすくなることで社会がどうなる、という話ではなく、単純に「より多くの人にリーチできるウェブコンテンツ」にはビジネスメリットがないと言えるのか? そこに価値はないのか?という話です。

インターネットが普及した社会、グローバル化する社会。情報は国境だけでなく言語やデバイスの壁を越えて人に届けられていく。

さて、それでもサイトのアクセシビリティは後回しですか?

↑これはtumblr.のダッシュボードね。間違いないよう一応。

次は tumblr. だ(デザインとか全然なんだけど...)。

• WebSig24/7 MT分科会(MovaMotion?)。
• 携帯電話から使うMTベースのTwitter風マイクロブログ。
• 携帯電話から使うMTベースのTwitter風マイクロブログ(2)。
• 携帯電話から使うMTベースのTwitter風マイクロブログ(3)。

まだ開発途中だし実装したのは画像と引用(ブックマークレット)くらいだが、ケータイからはTwitter、ブラウザからはtumblr. ってコンセプトが面白いんじゃないかと思って。

tumblr.に関しては僕は「とりあえずアカウント作って一通り俯瞰してみた」だけだけど、確かにこれは簡単でわかりやすい。MTのMotionとかもこういう「Text,Photo,Quote,Link,Audio,Video...」なんかを簡単・直感的にどんどんアップ出来て共有できて...というようなコンセプトなんだろうけど、まだまだあの「ダッシュボード」からして「簡単」とはいえない。ツールの性質ってもんがあるからそれはそれで良いわけですが。

もちろん、バグを潰したり実装新たにしたり(自分の発言削除できるようにしたり...フォローはまだだけど)、とりあえず一番大きいのは「Quote」の機能。ブックマークレットでシェアしたいページから一発で登録できるようなインターフェイスを付けた(引用テキストのクリップボード周りはやってないけど)。

デザインとかCSSとかが全然ないのでアレだけど。

追加・修正した項目の一覧は以下

• URLリンク化の正規表現がおかしかったので修正
• 画像については携帯はメールから、ブラウザなら添付ファイルで上げられるように
• 「引用」機能。mt_entry_cite(URL)、mt_entry_quote(引用文)をテーブルに追加した(タグも作った)
• 「自分アーカイブ」から発言を削除できるようにした
• PCから「設定」選択でMTの管理画面に飛ばす、そこでブックマークレットを登録できるように
• 携帯メールでの投稿で、ユーザーを特定する手段を変更した(AUのみ。メールアドレスに+が使えないことがわかったので

今、社内で実験的に使っています。アーカイブテンプレート全削除したので、全くクローズドな環境だけど、何となく可能性を感じるツールになりつつある気がします。

未完成なものだけどこうやってソースを晒していることにさほど意味が有るとも思えないんだけど(あ、間もなく品川に着くのでソースは明日公開します)、MTベースでWebアプリを開発するには参考になると思います。

もうちょっとあれこれ感じつつあること、今後考えていること等ありますが、またそのうち。

設置方法:

ライセンス:

• GPL v2

ダウンロード:

• MovaMotion.zip(24Kb)

• WebSig24/7 MT分科会(MovaMotion?)。
• 携帯電話から使うMTベースのTwitter風マイクロブログ。
• 携帯電話から使うMTベースのTwitter風マイクロブログ(2)。

写真付きメール投稿に対応

やっぱり携帯からメールで写真とか送れなきゃやだ(ってかつまんないよな)ということで、メール投稿できるようにしました。メール投稿については以前に書いたものの焼き直しですが、設定が難しいとか動かん、とか色々指摘いただいていることもあって設定をより簡単にしました(~を含むファイル名問題にも対処済み)。

• 携帯からMTにメールで投稿するMoblogプラグイン「Moober」。

設定が簡単とはいえMIME::Parserが必要です。Perlモジュールのインストールさえできれば設定はより簡単になりました。

設定はブログ毎に行います。投稿専用のメールアドレスを1つ用意して「ブログ→プラグイン→MovaMotionの設定」で以下の情報を登録します(括弧内はデフォルト値)。

• 投稿先メールアドレス
• メールサーバー
• アカウント
• パスワード
• プロトコル(pop3)
• 添付ファイル保存先(<サイトパス>/files)
• サムネイル幅(480)
• 画像のマークアップ(<p class="image">,</p> - カンマで区切る)

続いて、ユーザーの設定画面で以下の情報を登録します。

• 携帯メール(メール投稿のFromになるアドレス)
• 秘密のフレーズ*

* ユーザーを識別するもので、何でも構いません(覚える必要もありません)。例えば送信先がfoobar@example.comだった場合、foobar+phrase@example.comがユーザーの投稿アドレスになります。Fromとこのフレーズによってユーザーを識別しますので、他人にバラさなければOK(あんまり長いと携帯によっては送信できないことがあります)。

メール投稿は「写真」クリックしてこの画面から行えます。mova-motion.cgiを設置しなくてもメール投稿は行えますが、メール送信後この画面の「すぐに反映」をクリックすることで送信したメール付きエントリーを即時に反映することができます(明示的にここから反映しなかった場合、run-periodic-tasks実行時に反映されます)。

投稿されたメールのタイトルがエントリーの「タイトル(entry_title)」、本文は「本文(entry_text)」、添付ファイルは指定したサイズのサムネイル(オリジナルへのリンク付きサムネイル)」のタグが(プラグイン設定で指定した「画像のマークアップ」を適用した上で)「追記(entry_text_more)」に登録されます。

設置方法:

ライセンス:

• GPL v2

ダウンロード:

• MovaMotion.zip(24Kb)