賢威スマートフォン対応に悪戦苦闘！MT独自タグの知識強化にはなったけど・・

賢威MT4を利用したこのブログを数日前からスマートフォン対応に躍起になってました。スマートフォン対応の過程で必要になるプラグインや始めて触る独自タグの勉強が強制的に発生してテンパってましたが・・結果的にその【間違った部分】というのが重要なポイントだったようです。そして結果は・・

賢威スマートフォンに対応！・・・とは言ってみたものの
正確には【ＭＴブログをスマートフォンで見れるようにした】というのが正解(ﾟ∀ﾟ)
前回の記事でちょっとした片鱗を見せてましたが・・
→　スマートフォンテンプレートを手に入れてよかった！汎用性と組み合わせ理論発動！
あれとはまた違った感じで、このブログをスマートフォン対応にしました(*´∀｀)
自分でもびっくりするくらいスマートフォンから記事を読みやすくなりました

その過程で気づいた数々の難所(；´Д｀)
多くの方から・・・
( ノﾟДﾟ)たぬきちさん！
ブログが変だよ！
というメッセージを頂いたにも関わらず・・
知恵熱？雪かきした後の風邪？かわかりませんが
( ノﾟДﾟ)!!!たぬきちダウン！
　…(ノ_ _)ノ
そんなこんなでブログ記事幅がせまい状態で3日間も放置してしまい・・
さきほどやっと原因を突き止め改善しました(*´∀｀)　と思いきや・・
またしても不具合
(；´Д｀)あぁぁ　Σ(ﾟДﾟ)ﾉﾉ
結果的に間違っていた部分はディレクトリ（階層）の指定なんですが・・
これがねえ・・・なかなかどおしてうまくいかない(ﾟ∀ﾟ;)
それもそのはず！
こうすればちゃんとできるよ(*´∀｀)ｒ　(・∀・)ﾌﾑﾌﾑ
というのが
間違ってやがるから
(； ･`д･´)　Σ(ﾟДﾟ)ﾉﾉ
手探りで作業を行っていく上で・・
道標が間違っている事ほどやっかいない事はない・・
ずっと間違った方向に誘導されていくから・・
で、根本的に今回考える必要になったのが【MTの独自タグ】
CMSというシステムの重要性と利便性を改めて見直すことになった
今回手に入れたのはMTで利用できる記事内で利用された画像を
自動的に記事概要ページにサムネイル出力するという方法(*´∀｀)
今まで、こんな感じだったのは知っての通り！

でも、実は・・これは【テーブルタグ】を利用してエリアを作り
記事ひとつずつサムネイル用画像を用意するという方法(*´∀｀)
別にショートカットで作成するテクニックを利用しているから
作業速度的には今までどおりでもなんら変わりはないですけどね（；^ω^）
ただ、独自タグを利用した方法は以下のようになります

【記事内で利用した画像をサムネイルして表示する】という独自タグを利用しています
【自作のテーブルタグ】とかぶってしまっているので結果的に重複表示になっていますが
本来は上の画像だけ、アイキャッチとして表示される仕組みです
自分で作ったテーブルタグとMTの独自タグの場合
後から行うメンテンス時にその重要性と意味を思い知る事になります(；´Д｀)
で、今回気づいたもうひとつの理由・・
スマートフォンにはエリア定義をつけないほうがいい！(； ･`д･´)
いわゆるテーブル領域はどこからどこまでなどの
dt・ddなどCSSでの細かい定義です
賢威がスマートフォンに向かないといったのは
このシステムには非常にマッチングしないという事です
正確には賢威というよりもCSS定義がガツガツとしたものですけど
ここで余談ですが・・
携帯サイトはＣＳＳが利用できません
だから、色んな装飾や定義を持ち込めずシンプルでした
それに対して、スマートフォンでは
ＣＳＳが利用できるため様々な装飾や定義が利用できます
しかし・・あえてその視覚効果やWEBの定義を利用せず
スマートフォン特有の操作のピンチ・ズーム・スクロールといった
ユーザービリティを生かす方面で進化するべきだと・・
つくづく感じつつ・・
このブログのスマートフォン表示を・・
諦めました(；´Д｀)ﾑﾘ　Σ(ﾟДﾟ)ﾉﾉｴｰ
正確には・・
MT4で利用するのは諦めてMT5で作成しようって事(*´∀｀)
なんとかしようと・・頑張った２日間は決して無駄じゃない・・
次に繋がるアイデアと知識を得られたから・・(；´Д｀)ｿｳｵﾓｲﾀｲ
悩み・・苦しみ・・悶え・・(;´Д｀)　Σ(ﾟДﾟ;)ﾓﾀﾞｴ？
様々なアイデアを出すために日々・・
友情・努力・勝利！
(*´∀｀)b　Σ＼(ﾟДﾟ)ﾁｹﾞｰﾖ!
もとい・・
基本！実践！応用！
理解！分解！再構築！(*´∀｀)/ﾀﾞｰ
今回の取り組みは・・
結果的に惨敗(；´Д｀)ｺﾉﾏﾏﾃﾞﾊｵﾜﾗｾﾝｿﾞ
この問題が解決すれば
MTがらみの賢威の特典を追加すると思いますのでお楽しみに

ツイート