以前にも少し触れましたが、今日もfirefoxのpluginのweb developerです^^
この前は、サイドバーにタブ形式でCSSを閲覧、さらには編集しその結果をブラウジングに反映といった機能についてでしたが、今日は「情報」メニューについてです。
firefoxのメニュバーにある「情報」を押下すると、下記のようなメニュー内容がポップアップされます。

1つ例を挙げてみます。
「div要素の順序を表示する」これを選ぶと、以下の様にあたかもwebsiteのオーサリングでプレビューを見ているかのような表示が可能です。
これがそのキャプチャです。

これらの「情報」内の項目は複数アクティブな状態で選択できるので色々と使い道がありそうですね。
なんかバレリーナがくるくる回ってそうなイメージですが、エレキのガットギターです(笑)
こんどセッションでやるキザイアジョーンズはエレガットを使用してるので実際自分で弾いたらどんな音になるのか知りたくてバンドのリハの帰りに試奏してきました。
いいですねぇ。ナイロン弦をバッツンバッツン弾く時に出るアタック音がとても好き。丸い音でギラギラしておらず、パーカッシブなプレイが出来てエレアコよりこれがいいなぁ。
Godinのエレガットを試したんですが、ネック幅が細くてエレキのように弾きやすかったですね。15,8000円
キャッシュカードを出しかけましたが(笑)今度のライブ終ったら使う機会ほとんど無いだろうし、ガットギターは弦張るのが面倒なんで、欲しいけど見送り。。。
かなり迷いました^^;
メタルやる仲間が減ってきちゃってるんでメタルに触れる機会が自然と減っている事も1つの要因ですが、アコースティックギターを使ったようなサウンドが最近心地よくなってきています。
コレは歳のせいなんでしょうかねぇ?(笑)
いかん更新頻度が。。。
具体的なSEO対策の話じゃないですが、色んなサーチエンジンでの順位をお手軽にチェックする方法。
かなり既出な気もするんですが、幾つか挙げてみたいと思います。^^;
Google / Yahoo / MSN 順位検索ツール : DW230
Google.com , yahoo.co.jp , MSNでの順位を、指定したキーワードとURLの一部の2項目で走査するツール。見やすい。分かりやすい。便利。ただし各検索エンジン上位100位まで
あなたのサイトはYahoo! JAPANで何位?
こちらもキーワードとURL(部分一致)で調べるツール
Ajaxを使ってるようで動作がなんか好きw
これは、上位200位までが対象
検索キーワードチェックツール
こちらは複数の検索エンジンを調べられます。基本的には上位100位が対象ですが、「グーグルキャッチ」は500位まで調べる事が出来るので、順位が切ないページでも調査可能。
僕のサイトは今のところキーワードを3つ程度に絞っていますが、そのうちの1つでGoogleが134位。Yahooが8位 MSNが26位と見事なアンバランスっぷり。
Googleでスパム判定されてるんかいな?
無関係のキーワードでやってるつもりはないので、もしスパム判定されているとしたら、なんとかならんですかねぇ。
さぁ日々精進。精進。
以前Firefoxで表示しているサイトのCSSを簡単に閲覧したり分析できるプラグインの事を書いたんですが、これはweb developerのメニューの「CSS / CSSを表示する」でした。
この機能ではブラウザにCSSを表示する事が出来て、import等行っているCSSはハイパーリンクになっていました
今回は、同じメニュー内の「CSSを編集する」です。
こちらでも閲覧という意味では、CSSを表示する事が出来ます。
なにより良いのが、複数のCSSをimportしている時に関連する全てのCSSがタブになってサイドバーに表示できる事。

最近ではCSSを閲覧するだけのときでもこれを使う事が多いですね。
CSSファイル数が多いときにより威力がありますが、そうでなくても1アクションでメインのペインにウェブページを表示させつつCSSをサイドバーに表示できるのが良いですね。^^
Internet ExplorerではHTMLソースの閲覧に使用するテキストエディタは簡単に普段使い慣れているものに設定可能ですが、Firefoxでは、それは出来ませんでした?(僕が知らないだけでしょうか?)
前に触れたWeb Developerで簡単にソースを表示するテキストエディタを設定できますね。ViewSourceWithなんてプラグインも見つけたんですが、Web Developerは既に投入しているプラグインという事もあり、とりあえず今回もこのプラグインで。
右のイメージの様に、「ツール / Web Developer [日本語版] / 設定 / 設定」を選択し
中央やや下の追加を押下し、「ソース追加」の小窓から選択を押すとエクスプローラ画面が出るので、エディタを選ぶだけ
Firefoxのツールバーからこの様にプルダウンするだけで、好きなツールで表示させられますし勿論既存のSource Viewerも使用できます。
いや、キザイア ジョーンズにここ数日どっぷりはまってますが、彼を調べれば調べるほど、「キザイア ジョーンズってバンド?」とか言ってたのが恥ずかしくなってきます(笑)もうデビューして10年以上経ってる人だし。
ギター弾きとしては絶対チェックしていなきゃいけない人ですねぇ。
曲によってはファンクっぽいちゃあファンクっぽいんですが、ベースとしてはブルースよりじゃない?
とは言ってもかなり独特ですよね。
僕にとっては、ちょっとファンクは好き好んで聞くものでは無いんですが、演奏技術的興味は大いにあるんで今後、色々物色してみようかなぁと思ってます。
ま、まずは今回のセッションを終えるまでは自己練に集中した方がよさそうですけども^^;
Keziah Jonesの曲をバンドメンバーが郵送してくれるのが待ちきれなくてとりあえずCDを買ってきた。無難にベスト版。
というのも、CD販売のサイトで試聴したカンジではギタープレイが摩訶不思議アドベンチャーだからだ(笑)
というかバンドのメンバーから練習用の曲を送ってもらうのはセーフなのか?
ま、セーフだろう。都合よく解釈。
とりあえず通して聞いてみて、何だか超うまいこの人。ヤバス。
しかもヤナ予感的中で、ギターでチョッパーしてますな。しかもアコギで(涙)
試聴版ではちょっと音が悪くてよくわからなかったんだけどもベースもしくはキーボードの音であることを祈っていた。
こんなメチャかっこいい雰囲気出すのは100%不可
やるなぁこのアフリカン。しかし僕ごときに「やるなぁ」なんて言われたかあるまい(笑)
ピックを使わず指弾きでカッティング&チョッパーをしかもエレガットでやるなんてぶっ飛んでますな。
指でカッティングなんてしたこと無いし出来ねぇぜ!
でも、指でカッティングこなさないと弦プルできなさそうなんだよね。そうでないと雰囲気が出なさそう。。。
超ピンチ(涙)
プレイに妥協すればすぐ楽になれるんですけども(笑)
演奏の事は置いといて、このkeziah jonesかなりカッコいい。
自らブルーファンクと言っている様に、ブルース+ファンクなテイストで僕はストライクではないけども、この手の音が好きな人には、かなりお勧めですね。これはいい。うん。いいねぇ。
Keziah Jonesって良く知らないんですが、funk系のバンド?
このバンドのコピーセッションでライヴに出ることになりました。
てか本来のギタリストが都合が悪くなったらしく、雇われギターなんですけども^^
曲も聴かずに安請け合いするあたり僕らしいんですが、視聴サイトで聞いてちょっと後悔。。。かなりトリッキーなファンクでギターのウェートが高いのでちょっと練習に時間を割かなきゃいけませんな。守備範囲外。
実際リハ入ってみて恥ずかしくない演奏がみせられそうな感じだったら観れる人見に来てくださいませー(なんのこっちゃw)
movabletypeのマニュアルってもうちょっと詳しくドキュメント用意してくれないのかなぁ?と思ってたらあるんですね。ドキュメント。
http://www.sixapart.com/movabletype/docs/3.2/
ま、英語なんですけども。。。
でも無いよりいいですよね^^;
あるウェブサイトのCSSを見る時に、皆どうやって見ているんでしょうか?
色んな方法・ツールがあると思いますが、今回はweb developerの機能から。
CSSが分割されており複数のcssをimportしているような形が多いと思うんですが、そんな時にもこのツールは役に立ちます。ツールバーにこのweb developerのバーが加わり、そのCSSメニューから「CSSを表示する」を選ぶだけでCSSをhtmlとしてブラウジング出来、さらにimportされているファイルはハイパーリンクとして表示されるので複数のCSSファイルで構成されている場合なんかも便利ですね。
CSSだけでなくCookie、Javascript、画像、ソース表示など色んな機能がありますが、CSSをクローズアップするとこんな事ができます。
- CSSを無効にする
- メディアタイプ指定のCSSを表示する
- CSSを表示する
- スタイル情報を表示する
- スタイルシートを追加する
- CSSを編集する
- ボーダーボックス計算式を使う
単にCSSを表示するだけでなく「CSSを編集する」などはサイドバーに各CSSファイルがタブ形式で表示され、それを編集するとその内容がリアルタイムでブラウジングに反映されCSSを勉強したり開発などでも使い道がありそうですね。
インストールはInfoxiaのページから(web developer 1.0.2)
http://www.infoaxia.com/tools/webdeveloper/download.html
これの存在を知るまでFirefoxはほとんど使っていなかったんですが、これは便利。
HTTPリクエスト・レスポンスをサイドバー・別窓で簡単に見れます。
現在最新版は、0.12
インストールはfirefoxで下記サイトからダウンロードし再起動するだけ
http://livehttpheaders.mozdev.org/
使い方は、サイドバーで見るなら、表示→サイドバー→LiveHTTPHeaders
ショートカットではWindowsでAlt+L。他は知らん。
別窓で見るなら、ツール→LiveHTTPHeaders
firefoxやmozilla等で正常に動かないアプリケーションでないと意味は無いですが、取得したログをファイルにも保存できますし他にも色んな機能があるようなので開発とかにもなかなか便利な気がします^^;