携帯のお問い合わせフォームからそれぞれ名前やメルアドを入力する時に、全角だの英字だのをイチイチ変換するのはユーザーにとって何となくダルい作業だと思ったり。
で、フォームに一行入れてやるだけで、変換する必要がなくなっちまうんだこれが。
auの場合
inputに以下を追加だ。
format=”*A” 半角英字(大文字)モード
format=”*a” 半角英字(小文字)モード
format=”*N” 半角数字モード
format=”*X” 半角英数(大文字)モード
format=”*x” 半角英数(小文字)モード
format=”*M” 全角かなモード
format=”*m” 全角英字モード
Softbankの場合
inputに以下を追加だ。
mode=”hiragana” 全角かなモード
mode=”katakana” 全角カナモード
mode=”alphabet” 半角英字モード
mode=”numeric” 半角数字モード
docomoの場合
inputに以下を追加だ。
istyle=”1″ 全角かなモード
istyle=”2″ 半角カナモード
istyle=”3″ 半角英字モード
istyle=”4″ 半角数字モード
これで完璧だ。
いや、docomoで変わってねーじゃんって人に。
xhtmlだと書き方がまた違うんだこれが。
docomoの場合(XHTML)
inputに以下を追加だ。
全角かなモード
istyle=”1″ だと style=”-wap-input-format:"*<ja:h>"”
半角カナモード
istyle=”2″ だと style=”-wap-input-format:"*<ja:hk>"”
半角英字モード
istyle=”3″ だと style=”-wap-input-format:"*<ja:en>"”
半角数字モード
istyle=”4″ だと style=”-wap-input-format:"*<ja:n>"”
※コピペの場合は&が全角なので半角の&を使ってぇ。
しかし長げぇー。ちなみに携帯の言語設定が英語になってたら、設定した意味が無くなって全部英字なので、キヲツケテクダサイ。
最近、Web2.0と聞いただけで寒気がする。某企業はまだその名前を文字ったキャッチで引き続き商売しているが、正直こっちが恥ずかしい。事実、ベイエリアから日本に戻ってきたときは日本がやっとWeb2.0で一世風靡していた時期だった。まぁ、簡単に言えば、時代遅れな流行ってやつ。それを知っててわざと乗っかってた自分を今考えるとおもろい。
そんな日本でも得意技がある。それは、、、「分析する事」日本人の得意技。
その流行をトコトン分析して再利用。その部分は最高にすごいと思う。さすが日本人。
しかし、やっぱり新しいものを一から作った方がもっと感動すると思うけどね。。。この世界ならなおさら。
まぁ、関係ないけど、デザイナーとしての知っときたい記事をなんとなく発見したので記載しょ。
19 Things NOT To Do When Building a Website
サイトを構築する際、やってはいけない19個。
読んで損はないけど、正直すべて正しいとは思わないけどなぁ。。苦笑(英文)
http://www.josiahcole.com/2007/02/14/a-webmasters-19-commandments/
新年一発目のエントリーですが、いきなりテクニカルな内容で行ってみたいと思います。
ミッション:
イベントの招待チケットとしてそれぞれの招待者の名前が入った100枚の画像を作成せよ。ファイル名は各ユーザーのメールアドレスを用いることとする。また、ユーザー名とメールアドレスのデータはCSV形式で提供される。
回答例1:
手動でコピペして作成。1枚あたり2分弱と考えれば3時間強で完了。
…、ではちょっと切なすぎます。
っていうか、それ1000枚だったらどうするのよ?テンプレートの画像の変更があったら、やり直しで同じだけ時間がかかりますね。コピペのミスも発生しがちです。
回答例2:
FireWorksのグラフィックウィザードを使用。
この機能、FireWorksMX(2002年発売)から搭載されている機能なのですが、意外と使いこなしている人が少ないのですよねぇ。
概要を説明すると、これはテンプレート画像内で{varTitle}のように定義された変数に対し、外部のXMLファイルから読み込んだデータをはめ込み、画像を一括生成する機能なのです。文字の置き換えだけでなく、内部の画像を置き換えたり、ファイル名を設定することもできます。
詳しい使い方はこの辺りを読んでいただくとして、僕がハマった部分をメモしておきます。
・XMLの文字コードはUTF-8
ISO-8859-1でも良いのですが、日本語が使えないので。Shift-JISはNGです。
・MACだと変数名がうまく認識してくれないときがある。
これ、かなりやられまくりです。正しく(も何も大括弧でくくるだけなのですが…)変数を定義しているのにグラフィックウィザードに「変数が定義されていません」と言われてしまう。Windowsならすんなり通ってしまう分、かなり謎です。そんなときは、FireWorksのサンプルフォルダからきちんと動く変数のオブジェクトを持ってきて、それにスタイリングをしてしまいましょう。
・ファイル名は最上位のノードを使用。
<record>
<hoge>ほげ</hoge>
<foo>ふー</foo>
<bar>ばー</bar>
</record>
こんな感じでXMLが定義されている場合、ファイル名に<foo><bar>の部分を使おうとするとエラーが発生する場合があります。最上位の<hoge>ならばまず確実に出力されます。(原因不明ですが、僕はこれで4時間近く検証に追われました)
ちなみに、この機能を使用する上での一番の障害はXMLの生成だったりします。数十枚レベルなら手書きでも一応対応はできますが、こちらも自動生成できるにこしたことは無いでしょう。個人的にはFileMakerにデータを読み込みXSLTを介して出力という方法をよく取りますが、エクセルやPHPなどを利用する人もいるようです。
こんなところでしょうか。地雷さえ踏まなければ、テンプレートとXMLの作成を行うだけですから、1時間程度あれば準備は余裕で整います。あとは、コマンド一発で画像が生成できます。拷問のようなコピペの作業も必要ありませんし、ちょっとした修正にも柔軟に対応できます。
覚えておいて損は無い機能だと思いますよ。
2008年、あけましておめでとうございます。
CyberMediaは7日からスタートをきっております。
私ごとですが、今年も職場の空気を濁していきたいと思いますので
宜しくお願い致します。
そして、新宿ステーションスクェアにて今週の12日(土曜日)、13日(日曜日)12時よりT9によるタッチ&トライイベントが開催されます。
そして来週、19日、20日も大阪の心斎橋にて同イベントが開催されます。
お時間ある方もない方も、子供からお年寄りまでぜひぜひT9を体験してみてくださいませ!