blog/

Blog of Namu Work Studio

名無製作所 : Webデザイン製作日誌

home > 2009/05
2009/05/31

MTでAjax

少し前の投稿にちらと書きましたが、
MT(MTOS)でAjaxを設置したので、注意点など備忘録。
設置したものは以下。両方ともjQuery。

特にAjaxに限ったことではないかもしれませんが、
基本的にCSS内でパーツなどの画像リンクは
全てMTタグを使って絶対パス指定にした方が無難なようです。

また、各Ajax用のCSSは@importで読み込まず
直接link設定をした方が、良いようです。
@importだとSafariだけでしたが
ちゃんと読み込んでくれず表示崩れを起こしました。

追記

「ColorBox」を導入したMovaleType用テンプレートを作成してみました。
よければ使ってみてください。
こちらからどうぞ>>
banner_igmt

Category : CSS,JavaScript,MovableType

2009/05/23

いろいろ数値化

「黒船Google汐留沖に出現でWeb広告業界に激震!」

大手サイトのユニークビジター(UV)/ページビュー(PV)から、ユーザーの学歴や世帯収入といった属性まで丸見えにしてしまう「Google Ad Planner」だ。

だそうです。
これまでブラックボックスだったものが
いろいろ数値化されるようになりました。
良いことなのかどうなのか分かりません。

ただ、この記事にも書かれているように
上記サービスの数値がどこまで信用できるか、
本当に正確な数値かどうかわからないということを
頭に入れておいたほうが良いように思います。
メディアリテラシー、データリテラシーの問題ですね。

とは言うものの
こういうのって言っちゃったもん勝ちみたいなところもあるので
ある時期までこの数値を元に皆一喜一憂するのではないでしょうか。

メディアや広告代理店が隠したいデータはもはや隠せない。Webメディアや広告業界にとっては、グーグルにここまで情報をオープンにされてはたまらない――のが本音だろう。

だそうです。大変ですね。

Google Ad Planner

Category : Business,Google

2009/05/22

ColorBoxをMovableTypeへ導入

ColorBoxをMT4へ導入しました。
その際の注意点を備忘録として。

導入方法はほとんど通常のHTMLサイトへの導入と同じでOK。
テンプレート作成時のエントリーへのリンク設定のみ注意が必要。

エントリーのリンク指定では
<$MTEntryLink$>を使用することがありますが、
こちらは絶対パスとなるので、
ColorBoxが無視されてしまいます。

よって相対パスにしなければならないので、
下記方法でパスを設定。

href=”第2階層フォルダ/<$MTCategoryBasename$>/<$MTEntryBasename$>.html”

(第2階層フォルダ/エントリーが入ったフォルダ/エントリー の構成の場合)

これで正常に動作しました。(WinFF3、IE6で検証)

追記:
第2階層ページで誤って<$MTEntryLink$>(絶対パス指定)で
設定したのですが、なぜか正常に表示。
それならと全て絶対指定にしたらルート直下(HOME)ではだめでした。
理由は不明ですが、とりあえずルート直下は相対指定、第2階層は絶対指定と
併用で設置しました。

memo

ColorBoxはMIT Licenseです。

追記

「ColorBox」を導入したMovaleType用テンプレートを作成してみました。
よければ使ってみてください。
こちらからどうぞ>>

banner_igmt

Category : CSS,JavaScript,MovableType

2009/05/21

metaタグ編集プラグイン

WordPressにmetaタグ追加のための
プラグインを設置してみました。便利良いです。

http://www.g-loaded.eu/2006/01/05/add-meta-tags-wordpress-plugin/

日本語版はこちらで配布されています。

Category : WordPress

2009/05/20

jQueryとMooToolsの共存、、、出来ませんでした

jQueryとMooToolsの共存を目指しましたが、
挫折してしまったので、一応、備忘録として。

正確には下記3つの併用を目指しました。

いろいろ対処方法ググって下記方法を試みましたが、
出来ませんでした。
記述の順番かえたりいろいろ試してみたのですが、
だめでした。
————————–
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
<!–
jQuery.noConflict();
var j$ = jQuery;
–>
</script>
<script type=”text/javascript” src=”mootools.js”></script>
————————–
何か他の設定を間違えているのかもしれないので
後日あらためてチャレンジしたいと思います。

Category : CSS,JavaScript

2009/05/14

Firefox アドオン 8選

私が利用しているアドオンです。

1.firebug
Web制作では必携です。
どれだけ確認作業が楽になったか分かりません。

2.Delicious Bookmarks
これまであまりソーシャルブックマークは使わなかったのですが、
これと次の「SBMカウンタ」が便利良かったので今では必携のツールになりました。

3.SBMカウンタ
見ているサイトが各ソーシャルブックマークに
ブックマークされている件数を表示します。
コメントなども表示されるので皆どんな感想を持っているかも
見ることが出来ます。

4.Popup ALT Attribute
IEのようにALTをポップアップ表示します。
ALTチェックに使ってます。

5.Stylish
ユーザー独自のCSSをURLなどにより
個別に設定できます。
私はWinにヒラギノなど入れているため
通常Winユーザ(多くはヒラギノを持っていない)が
どのように見えるか確認するため
これでヒラギノを外してチェックしています。

6.Wired-Marker
見ているサイトのページにマーカーが引けて、
マーカーを引いた内容がサイドバーで一覧表示されます。

7.Quick Local Switcher
言語切替は他にもいろいろあるのですが、
私の場合はこれが一番使いやすかったです。

8.Cooliris
便利ということではなくエンタテイメントです。
面白いです。
試してみる価値ありです。

Category : Browser

2009/05/07

fMRI そのうちデザイン選定の手段に

「fMRIスキャンで心が“読める”?」

脳の画像化技術で何を考えているか分かるようになるらしいです。
マーケティングなどに使われるんでしょうね。
そのうちデザイン選定の手段にも用いられるようになるのでしょう。

まあ、今までもアンケートやクリック数で
デザインが選定されているわけですから(こんなのとか
そういった手段がまた一つ増えるだけと言えばそれだけのことですが。

Category : Business

Search

Information

Category

Archive