Drupalでサイトの作成を行う上でのネックになりそうな携帯電話への対応。

以前から、モバイル対応のモジュールやテーマ等もありましたが、それだけで充分な携帯対応ができてたかと言えば、ほぼＮＯだったと思います。
今回、あるサイトをDrupalで作成し、携帯への対応もかなりがんばりました。

そこで一番よく働いてくれたのがコンテンツテンプレートモジュールです。
このコンテンツテンプレートモジュールは、コンテンツタイプ毎に出力するコードの制御を行えるモジュールで、ティーザー・本文・RSSとそれぞれを違った形で出力させる事もできちゃうモジュールです。

コンテンツテンプレートモジュールを利用するにはCCKモジュールの使用が前提となります。
CCKで定義したフィールドのデータを整形して出力させる事が可能になります。
Drupalの場合、CCKで定義したフィールドのデータにそれぞれ個別のクラスが与えられた形でHTMLコードが出力されますが、無駄にタグが増えてしまいますので、それらの不要なタグを削除したり、任意のタグや文字列を追加して出力させられるようになりますので、CSSでの表示の整形もかなり好き放題やれるようになります。

この、コンテンツテンプレートモジュールでも、PHPコードを利用できますので、独自の処理を追加したりという事も可能になってきます。

今回のサイトでは、このコンテンツテンプレートモジュールの中で、携帯とPCとで違うコードを出力させる処理を入れる事で振分けを行う事ができるようになりました。

そして、その次に頑張ってくれたモジュールはVIEWSモジュールです。

VIEWSモジュールは、このモジュールを使わなければ、Drupalの魅力に気づく事ができないほど、必要不可欠なモジュールです。

記事一覧の生成などにもって来いのモジュールなのですが、こちらもCCKで定義したフィールドをチョイスして表示させる事ができるモジュールです。

今回のサイトでは、PC用と携帯用とそれぞれ別々の記事一覧を生成させ、PC用・携帯用でそれぞれどちらを表示させるかをメニューやブロック、そしてテーマで切替えるようにしました。

今回、携帯用に使用したテーマはjp_mobileというテーマで、内部はUTF-8、入出力はS-JISに変換するという、日本の携帯電話事情に合わせた素晴らしいテーマです。
また、このテーマは、携帯キャリア毎に出力するヘッダをも変えてくれる機能まで備わっています。

そしてそして。PC・ケータイの振分けを行ってくれるモジュールはMobile Toolsモジュール。
こちらのモジュールで、どのテーマを適用するかの判定を行うのですが、ケータイでも今ではiPhoneやExperiaなどのスマートフォンが多くなってきて、その判定で困るかな？とも思ったのですが、それらもOS毎に判定を行い、どのテーマで出力させるかを細かく設定できるようになってます。

今回のサイトの制作をやってみて、Drupalでは、最初は無理か？なんて思った事もできてしまう柔軟さを再確認しました。
とにもかくにも、CCK・コンテンツテンプレート・Views。この三つのモジュールは必須中の必須です。
このモジュールがあれば、だいたいの事ができてしまうのがDrupalです。

このところ、FAXDMやら営業電話やらがやたらと来ます。

それが、SEO屋さんから来るんですよ。

でも、ちょっと待って下さいよ？
SEOをやって、順位が上がれば、そこからどんどん売り上げが上がるというようなお話をよくされるんですけど、、、

じゃあ、なぜ。電話で営業掛けて来るのでしょうか？
FAXDMを送ってくるのでしょうか？

因みに、マッドスキッパーのサイトは、狙ったキーワードでGoogleでは２年近く１位ですし、YAHOOでも１ページ目に定住するようになってしばらく経ちます。

SEO屋さんから、電話が掛かってきた時にはちょっと聞いて見るんですよ。
「何で調べてご連絡なさってますか？」と。
そうすると「検索エンジンで検索しました」なんて言う業者は今まで１個もありませんでした。

SEOを全面的に否定するつもりはありませんが、表示順位と売り上げには直接の関係はありません。
上位表示を実現できたとしても、そのサイトに魅力が無ければ、何の意味も無いんですよね。

以前、ある著名な方が仰ってましたが、自社のサイトを持たずして、上位に出た記事に名前がある事。これ以上のSEOは無い。と。

飲食店等の場合、顕著なのですが、各個人が書いているブログの中で褒められる事が記事としての信憑性が高い。
通常、自社サイトでは自社を持ち上げるような記事になるのが当たり前ですので、どんな良い事を書いていても、信憑性の点で難がありますね。

そして、サイトに訪れた人の心理モードとしても、買う気マンマンの人は、殆どの場合、ヤフオクか楽天市場、価格.COMなんかで一円でも安く、一分一秒でも早く買えるページを探しているはずです。

その商品の詳細な情報を調べて、サイトにたどりついた人というのは、心理的なモードとしては、買う気マンマンではなく、商品についてより深く知りたいというモードの方です。

少々話が逸れましたが、、、、

SEO業者が自社サイトで思うように売り上げが上がっていないからこそ、電話営業やFAXDMを送ったりなどの営業をしているんですよね。
それって、SEOなんてやったって売り上げには繋がらないって事をSEO業者自らが証明している事になるのではないかぃ？と真剣に思います。

ActionScriptで開発をする際には、リファレンス本を片手に、それでも不足であれば、検索して探し出すのが普通だと思いますが、

ちょっと面倒な処理について検索すると、Adobeのサポートサイトしか見当たらないのも事実ですね。

そして大変申し訳ないのですが、Adobeに限らず、メーカーのサポートページというのは、なぜか理解不能なコンテンツが満載で、殆ど使えないのも事実ではないでしょうか？

「その説明」を理解する為に、ある程度のスキルが必要になっているので、サポートサイトとしての目的は殆ど果たせていないような気がします。

そんな中、現在製作中のActionSriptのシステムでクライアント様からテキストのアンダーラインを太くしてほしいとの要望を受けました。

ActionScriptでのアンダーラインの設定というのはあるのですが、太さは一定で変化させる事ができません。
flash.text.engineを使えば、underlinethicknessで太さを制御する事も可能ですが、面倒な処理を入れないと文字化け必至ですので却下。
あれこれと考えてるうちに、クライアントさまからの要望は、アンダーラインとして見えれば、要素としてはなんでも良いのだという事に気がつきました。

今回のシステムの場合、表示させるテキストは外部ファイルから動的に取得したテキストになりますので、その時々で全体の長さは変化します。
ですので、一定の長さのラインを常設するという手法は使えない。

そこで浮かんだ結論。

表示させるテキストと同じフォント同じサイズで背景色を文字色と同じものにし、その上に本来表示させるべきテキストを少し上にずらして表示させるという考え方です。

以下がその部分のソース

まず、テキストフィールドを一つ宣言
var txt_b_Name1:TextField = new TextField();
txt_b_Name1.text = no_name;
txt_b_Name1.setTextFormat(bnmFmt);
txt_b_Name1.x = 1.00
txt_b_Name1.y = 43.65　//　ここで縦方向の座標位置を決める。
txt_b_Name1.width = 574.95
txt_b_Name1.height = 77.85
表示するテキストに合わせて、テキストフィールド大きさをリサイズ。
txt_b_Name1.autoSize =TextFieldAutoSize.CENTER;
txt_b_Name1.background = true;
背景色をテキストと同じ色に設定。
txt_b_Name1.backgroundColor = 0xFFFFFF;

その部分を表示させる
addChild(txt_b_Name1);

もう一つのテキストフィールドを定義
var txt_b_Name:TextField = new TextField();//
txt_b_Name.text = no_name;
txt_b_Name.setTextFormat(bnmFmt);　←同じテキストを表示
txt_b_Name.x = 1.00
y座標の設定でアンダーラインの太さを制御。
txt_b_Name.y = 41.65　←２ほど上にずらす。
txt_b_Name.width = 574.95
txt_b_Name.height = 77.85
txt_b_Name.background = true;
ここでは、テキストの背景色を本来の色に設定
　txt_b_Name.backgroundColor = 0x550000;

定義したテキストフィールドを表示させる　
　addChild(txt_b_Name);

上記の手法でアンダーラインの太さの制御を簡単にする事ができました。

この方法の利点は、まず、カンタンな事。
そして、本来のアンダーラインとは違うものなので、アンダーラインであるが故の制限を受けないのも利点ではないかな？
※本来のアンダーラインの場合、テキストと同じ色でしか出せませんが、この手法の場合は、色も好きに変更できます。