Home
HashiMのたわごと(?)
mt.VicunaにHTML5を適用するとどうなるか
- 2012年 1月28日(土) 17:57
- MovableType | Vicuna | WWW
誕生日の更新から実に2週間以上経ってしまいましたが,どうにかこうにか生きております.
先週は,会社の新春ボウリング大会がありまして,スコア自体は大したことはなかったのですが(2ゲームのアベレージで160行きました),金を出してまで買う必要性を感じていなかった「電気湯沸かし器的なケトル」(いまいち品物の名称がよく分かっていないな(^^;)が景品として当たってしまいました.ここ最近寒いせいか,頻繁にコーヒーを飲むことが多くなっていたので普通に常用しています.
そんな話はさておき(苦笑),そこここで使われている(と思われる)mt.Vicunaのお話.サポートフォーラムが無くなってしまい,個人的にもちょっとだけテンションが下がっていたりしていますが,ここでmt.VicunaにHTML5を適用するとした場合に,マークアップがどのように変わるかを,超個人的な意見ではありますが書いてみようと思います.
mt.Vicunaの現在の階層構造
mt.Vicunaの場合,基本的にXHTML1.0 Strictを使っているので,ベースとなるマークアップに関してはある程度完成されていたります.俺自身もStrictについてはもう10年ほど触っているので,今のところ違和感は全くありません.
このテンプレートの階層構造をざっくりとですが書いてみると,以下のようになるかと思います.メインインデックスを基に書いていますが,記事単体とかもこんな感じになります.
- ヘッダー(id:header)
- コンテント(id:content)
- メイン(id:main)
- エントリー(class:section entry)
- サイドバー(id:utilities)
- メイン(id:main)
- フッター(id:footer)
divも非常に最小限で,とっても綺麗にまとまっていますね.
HTML5の構造にするとこうなる(と思う)
上記のdiv階層構造をHTML5にすると,こんな風になると考えられます(変更部分を強調しています).勿論,個人的な解釈だったりするので,間違っている部分もあるのかもしれません.
- header
- コンテント(id:content)
- メイン(id:main)
- article
- サイドバー(id:utilities)
- メイン(id:main)
- footer
ちょっと安易すぎじゃないか?と思う人もいるでしょうけど,あまりゴテゴテにするとHTML5でのマークアップが飾りとなってしまうし,そもそもHTML5では「レイアウト的なマークアップについては,div要素を使う」ことが勧められているのでこれでいいと思っています.
- Comments: 0
- TrackBacks: 0
一応生誕日らしいので,今年の豊h(ry
- 2012年 1月 9日(月) 19:39
- Life | MovableType | Vicuna
年始の挨拶(携帯電話からの投稿だったんだけど,若干トラブルがありました.申し訳ない)から1週間以上経ってしまいましたが,一応今日は自分の誕生日だったらしいです(え
自分で自分に何か買おうか...とも一瞬考えましたが,丁度スカパー開放デーだったのと,昼を過ぎて天気が下り坂になってきていたので,家でのんびりテレビを見て過ごしました.
いや,欲しいものはあるんですよ?(笑).でも,8月に入るまでの間って自分の身辺がバタバタしそうだし,去年の11月以降結構金も使ってきていたので,ひとまず8月までは少し倹約生活(何)で行こうか...と考えております.
あ,一応年齢を書いておくと,39歳です.来年にはついに大台(しかも前厄)になるんですね.なので,前厄になる前に欲しいものは(ある程度絞って)手に入れておこうとは考えています.勿論手に入れた時にはここにちゃんと書きますので(^^;
- Comments: 0
- TrackBacks: 0
年の始めのごあいさつ
あけましておめでとうございます.
昨年はいろんな方にお世話になった1年だった気がしています(^^;
今年もいろいろな方々にお世話になるかもしれないですが,よろしくお願いします.
- Comments: 0
- TrackBacks: 0
2011年もあとわずか
あと20分ぐらいで新年になるこの時点で書いているのですが,今年もいろいろあった1年でした.
まずは,今年も(何)いろんな方にお世話になった1年でした.来年もどうぞよろしくお願いします.
- Comments: 0
- TrackBacks: 0
12月になってから半分超えてました(^^;
- 2011年 12月18日(日) 15:06
- Car | Life | MovableType
2週間ぐらい何も書いていなかったのですが,一応(?)何とか生きております.
この間に,MT界隈では「スマートフォンオプション」なるものが登場したり,年末進行(何)で仕事が激務になったり,忘年会があったり,F1でライコネンが復帰したり...とまぁ,色々あったようです(^^;
ここ網走は12月に入った途端完全に雪模様となっていて,特に先週は真冬日(最高気温が氷点下となることを言います)が多かったり,夕方雪が降りだしたかと思ったら風が強くなって吹雪になっていたり,11月とは季節がガラっと変わり一気に冬ですよ奥さん(ぉ.
まぁ色々あった中から,幾つかピックアップして書いておこうと思います.
スマートフォンオプション
冒頭にも書いていますが,先月(だったっけ?)Six ApartからMTのスマートフォンオプションが公開されました.公開当初は正直言ってあまり興味がなく,自前でスマートフォン用のテンプレートを作るか...なんて考えていたのですが,まぁ中身を見てみて利用できる部分は利用しても損はないか...と思い直し(苦笑),先週ぐらいにこのオプションを入れています.
単純にスマートフォン専用(というのか)のMTタグとテーマが入っただけなので,使用した感想は特にないんですが(ぉぃ),管理画面に関しては,コメント方面のメンテナンスとかがしやすくなりました.俺自身はスマートフォンを持っている訳ではないんですけど,普通にiPod touchでログインしてみたところ,普通にスマートフォンとして認識しているようです(当たり前).
ただ,管理画面の方はいいんですが,試しにスマートブログテーマを使ってブログを構築してみたところ,PCではまぁいいんですけど,iPod touchでブログにアクセスしてみたところ,ブログ記事のページが空白の状態で表示されてしまっています.一応デバッグモードにしてエラーの内容を検討しているんですが,「pdo error: [1267: Illegal mix of...(略)」とか出ておりまして,どうもデータベースの関係と,MTのphpフォルダ内のソースコードとかが出ていてどうにも対処はできなさそうな感じがしています.今は,Googleとかで検索して原因を探っているんですけど,どうもさくらインターネットのレンタルサーバでこのオプションを適用しようとしている人は,その前の500エラーの嵐で引っかかってしまっているようで,今のところ原因は(俺のレベルでは)よく分からないというのが本音だったりしますね.
ただ,ダイナミックパブリッシングが使える環境にあるのは間違いないので(実は以前一回だけダイナミックにしたことがあります),いずれ原因が分かればいいなぁ...とは思っています.まぁ,今のままでもスマホ用にテンプレートを分けることは可能なので,原因が分からなくっても,自分で何とかしようかな...とは思っていますけど(え?
- Comments: 0
- TrackBacks: 0
Home
- Categories
- Tag Cloud
-
- .htaccess
- Amazon
- ANA
- Apple
- BBS
- Bluetooth
- Book
- Bowling
- Browser
- CD
- CSS
- DCT
- DVD
- Edy
- F1 Result
- FeliCa
- Firefox
- Game
- Gundam
- Hardware
- Hikki
- HTML
- iddy
- IE
- iPad
- iPod
- iTunes
- JavaScript
- KeyBoard
- Last.fm
- memo
- Memo
- Mile
- mixi
- Mobile
- Mouse
- MovableType
- Movie
- MT4i
- Music
- MyCar
- MySQL
- News
- Opera
- Pangya
- PASMO
- PC
- Perl
- Photo
- PHP
- Plugin
- QUICPay
- Safari
- Software
- Sports
- SSH
- StyleCatcher
- Suica
- Template
- Thunderbird
- TV
- Vicuna
- Web
- XML
- Yahoo
- OpenID accepted here
- CC Licence
- Feeds
- Links
当ブログは,携帯端末での閲覧も可能です.