新戦略のためのハイパーブロガー徹底研究はじめました
そしたら・・・(;゚∀゚)=3ハァハァ
やばいっすよぉ~これw
今日はスタイルシートと表示用タグの重複発見!という
かなり大きなポイントを見つけてしまいました (驚)━Σ(´ω`ノ)ノ
ハイパーブロガーに限らずにですが・・・
スタイルシート(CSS)というのは
HTML構文をスリムにしてショートカットキーを割り当てるようなものです
例えば、
h4 {
background: #fff url(./img/lightblue_h4.png) center left no-repeat;
color:#0559A3;
border-bottom:1px dashed #2B6DAF;
font-size:16px;
font-weight:bolder;
padding:10px 8px 0 32px;
margin:20px 8px 10px 8px;
このようにH4タグが定義されたスタイルシートだった場合
この条件を当てはめたい文章をH4で囲めばいいだけですが・・・
↑ これでは、2重に指定しているのがわかりますかね?
これは多分、ハイパーブロガーがどこのブログでも投稿ができるという
強みのひとつなのかもしれませんが・・
実は、他のツールやサービスと喧嘩する要因のひとつでもあります。
現に私は過去にこの賢威ブログで衝突しました
当時はただ、相性が悪かった・・と流し、ハイパーブロガーのコンテンツを
テーブルタグで囲み、枠に収めた利用法で丸く収まりました
枠だけに・・・(・∀・)ニヤニヤ Σ(゚Д゚;≡
そんな過去の記事はこれです
→ ハイブリッド戦略 汎用性と柔軟性
今回、原因がわかりました
このスタイルシートのタグ定義によって不具合が発生していたという事です。
賢威は賢威でしっかりとスタイルシートの定義が決まっていますからね(;^ω^)
で、思ったんです(*゚ω゚*)
じゃ、CSSが定義されていない場合どうなるのか?
以下の条件で検証します
・H4のみ (変更後)
・h4 style=font-size:12.5pt (ハイパーブロガーデフォルト)
今からお見せするのは、3つ投稿先パターンです
AQUASに利用した場合
AQUASの場合、divなどのエリアを指定していないため、あってもなくても問題がないです
これが汎用性が優れているというポイントですね(*´∀`)r
賢威に利用した場合
賢威の場合、条件に合致していない場合適応しないという頑固な面もあります
だけど、きっちりとHTML構文の書き方など正式なので、本当はこちらが正しいんです。
Seesaaブログに利用した場合
AQUASと賢威にCSSでH4が定義されているのに対し、このSeesaaブログには
H4の定義がなかった・・・つまり、当てはめるルールが存在しない場合
タイトルは変更後はただのリンクテキストになってしまいます。
しかし、変更前(ハイパーブロガーデフォルト時)はH4の他に
font-size:12.5ptと文字指定がかかっているので、変化がありました
この他に・などのリスト定義も各投稿先で微妙に違いましたよね?
これらのリスト定義などがなぜバラバラに変化したのか?
それはどこのブログでも共通のショットカットキーだからなんですね(*´∀`)
となると・・・この動画は様々なブログに投稿ができるとしても・・・
それぞれで表示がバラバラという事になります
H4タグが定義されていない場合を考慮して
「どんなブログにも対応する!」
という部分にサイズ指定など条件を入れたんでしょうね(^_^;)
多分開発者も苦渋の決断だったと思います(;´Д`)
だったら!実際に利用するユーザーが独自定義を作って
使いやすくしてしまえばいいというだけの話です わ━。.゚+:((ヾ(。・д・)シ)).:゚+。━ぃ
そ・こ・で(人´ω゚*)
こんな思考が頭をよぎっています(笑)
久しぶりにたぬきちの頭の中をちょろっとお見せしますw
戦略名はかなり前にも言ったかな?ふふ(*゚ω゚*) モザイク部分は企業秘密w
今回の作業量は異常ですι(´Д`ι)
独自の思考と視点から新しい情報を抑えるハイブリッド戦略とも違い
積み重ねた自分の資産を運用するブログ資産運用戦略WR-S2Rとも違います
圧倒的な物量作戦という古典的な手法だけど
それを行うまでの綿密な作戦と、それを実行する部隊が・・・
ただのそんじょそこらの一兵卒ではなく
全部隊、SWATをを出動させる!というのが狙いです(・∀・)ニヤニヤ
だもんで、今、隊員の教育と、各ブログ上陸後の行動目的など
様々なシミュレーションを行っています
↑ あ、でもこの言い方だと・・後でお見せするフラッシュとちょっと違うかも(笑)
この戦略は4つのツールと1つのサービスを組み合わせます
このハイパーブロガーの構造改革というのは
全ての行動に直結するので、非常に重要なんですよ(*´∀`)r
次回はリライトルールを見直す方向性で検証データをまとめますね
購入者には戦略が実行できる段階になったら
マニュアルと利用法をお渡ししますので
ハイパーブロガー通信ををお待ち下さいね (人´ω゚*)
→ ハイパーブロガー購入特典
たぬきちのフラッシュ講座がよりパワーアップ中!
→ たぬきちからの購入特典
たぬきちさん
YO-TAです、こんにちは^^
コメント欄では初めまして☆
ハイパーブロガーって初めて聞きました。
それにしても、CSSとかさっぱりです
たぬきちさん、そっち方面にかなり
知識がありそうですね。
私もたまにHTMLいじったりはしますが
CSSはよく分かりません^^;
日々勉強ですね。
応援ぽち☆
2010年1月29日 1:22 PM | お客さまとお客様@YO-TA
さくです
ハイパーブロガーユーザーにとってはかなりの
濃い情報だと思います
とくに頭の中をちょろっと見せている場面・・
思ったのは、たとえばIE6で表示が崩れてしまう時に
専用のタグを読み込ませるようにカスタムしますが
同じように、ブログによって読み込むソースを変えれるようにすれば
オートマチックモードですね~
2010年1月30日 12:20 PM | さく
YO-TAさん 私も最初HTMLについて勉強してましたが、たまに「ID=・・」って何?σ(゜・゜*)
という疑問が生じて取り組んだ記憶があります。
また、AQUASってHTMLとCSSの利害関係が一目でわかるんですよ(*´∀`)r
CSSの数値を変更すると、ダイレクトにHTMLに反映があり
どこをいじるとどうなるか?というのが簡単に確認できるので
CSSの勉強に凄く役立ってます。
で、その理屈を理解すると、何のツールであれCSSを使われているものは
カスタマイズ可能になる訳ですね ( ̄ー ̄)ニヤリ
2010年2月1日 8:49 AM | たぬきち
さくさん むむ(*゚ω゚*) また難しい事を・・・(笑)
>IE6で表示が崩れてしまう時に専用のタグを読み込ませるようにカスタムしますが同じように、
ブログによって読み込むソースを変えれるようにすればオートマチックモードですね~
うーむ(;^ω^)これはツール側に必要な機能ですね
各ブログに基本とよばれるCSS形式があったとしたら、ツール側でセッティングも可能・・かな?(;^ω^)
でもそれってHTMLで宣言するのでは?wわからんけど(^_^;)
HTMLもブログ事に統一してくれれば・・ねぇ
(*゚ω゚*)? でもさくさんがいう・・・
「HTMLも統一・・」というのは、手作業なら可能かもしれませんね
ハイパーブロガー用 HTMLを作って
各ブログやAQUAS対応なんかを作るのもありかもw
って、コメント欄で一人妄想中(笑)(*´∀`)
2010年2月1日 8:55 AM | たぬきち