画面左のメニューにカスタムレポートがあります。そこをクリックすると、「カスタムレポートを管理」というリンクがでてきます。
カスタムレポート管理画面になるので、右上の「カスタムレポートを新規作成」をクリックします。
下のキャプチャの画面になります。左にメニューが出てくるので、ここから「指標」と「ディメンション」を選びます。
「指標」は「利用状況」の中の「セクション」を、「ディメンション」は「システム」の中の「ドメイン」を選びます。
画面中央の点線にドラッグ＆ドロップします。尚、「指標」は「セクション」以外も「ページビュー」など好きなものが選べます。
「レポートを保存」ボタンをクリックすると完了です。
Twitter-APIを使ってみました
jsonpでtwitterAPI利用メモ【jQuery】
<div id="twttierInner">
<p class="loading">読み込み中......</p>
<!-- /twttierInner --></div>
<script type="text/javascript">
$(function() {
searchTwitter("検索キーワード");
});
</script>
<script src="/common/js/jquery.twittersearch.js"></script>
function searchTwitter(query){
$.ajax({
url: "http://search.twitter.com/search.json",
data: {
q: query,
rpp: 30
},
dataType: "jsonp",
success: function(data){
$("#twttierInner").empty();
$.each(data.results, function(i,item){
var profile_image_url = item.profile_image_url;
var created_at = item.created_at;
var from_user = item.from_user;
var to_user_id = item.to_user_id;
var text = item.text;
var id = item.id;
var from_user_id = item.from_user_id;
var geo = item.geo;
var source = item.source;
var created_at = created_at.slice(0, 25);
var html = '<div class="article">'
+'<p class="pic"><a href="http://twitter.com/'+ from_user +'"><img src="'+profile_image_url+'" alt="'+from_user+'" width="48" height="48"></a></p>'
+'<p class="text"><a href="http://twitter.com/'+ from_user +'" class="userId">' + from_user +'</a>'+ text + '</p>'
+'<p class="time">'+created_at+'</p>'
+'</div>';
$("#twttierInner").append(html);
});
}
});
}
で、宣伝。
うちの会社で「webサイト高速化」サービス始めることになりました。
Webサイト高速化 | プロダクト・ソリューション | サービス・ソリューション | インテリジェントネット株式会社
]]> ADSLや光回線などの高速回線が普及し、Webサイトの表示に長時間待たされることは少なくなりました。しかし、各種の調査や研究の結果、わずかな表示速度の差であってもユーザーの行動にはそれが現れてくることが指摘されています。表示速度の改善は、ユーザーの満足度やアクセス数の向上につながります。ご興味のある方は一読くださいませ。
]]>詳しい比較は上記をご覧下さい。
ちなみに私は、Topsyを選びました。
ツイート数を押した後の画面が見やすいのが決め手でした。
さらにTopsyではAPIが公開されているので、いろいろできそう。
次は下記を試してみよう。
jQueryとTopsy APIを使ってそのページを言及したツイートを表示するスクリプトを作った
Topsy API を使ってブログに「つぶやかれ数」を自由にレイアウトする
参考になりそうな記事を紹介。
http://journal.mycom.co.jp/news/2009/07/03/041/?rt=na
]]> これで本命はHTML5に絞られました。アップルのSafari4ページがHTML5でできていたり、Google、モジラなんかもHTML5に言及してます。
ここで沈黙しているのがマイクロソフト社。この流れには逆らえなさそうです。
ディレクトリ内の画像ファイルを探し出して、ulではき出すようなプログラムを作っておく。
画像と画像のパスを並べて出力。
そうすれば、どんな画像があるかが一目瞭然。デスクトップ上で見るよりもわかりよい？？
common内の共通画像だけでもいいかもしれない。
と書きつつ、根本的な解決にはなってないなー。
うーん。
document.write('<script type="text/javascript" src="common/js/jquery.js"></script>');
document.write('<script type="text/javascript" src="common/js/master.js"></script>');
知ってしまえば非常に簡単。
今まであまり見あたらなかったのは、何かリスクがあるからでしょうか？
実装してみて今のところ、不具合は起きてないです。
追記。
関数・定数が引き継げないっぽいですね。
<ul class="links">
<li class="external"><a href="http://www.hoge.com">hoge com</a></li>
<li class="pdf"><a href="/hoge.pdf">hoge（256KB）</a></li>
</ul>
となります。
仮に「アセット・システム」と名付けてます。
デザイン、ワイヤー、html全てアセットを念頭に置きながら作っていきます。
事前に必要な成果物は
です。
共通表示要素定義書は、ワイヤー上の表現がどのデザインになるかを定義します。
アセット適応範囲はそのアセットでコーディングする範囲を定義します。
ワイヤーのみで開発するページについては、事前にクライアントに握っておく必要があります。
完成した後に「思っていたデザインと違う！」となってしまいますので。
尚、アセット化するのはコンテンツ領域だけ。ヘッダやフッタはサイト毎に大幅に変わるので、コンテンツ領域とは別に定義します。
エレメントは、見出しや段落、リストといったブロック要素と考えて下さい。
それとエレメントを格納するカラムセット。
カラムは1カラム、3カラム、4カラムを基本に考える。
これで大体のレイアウトに対応できるはず。
エレメント一覧を作るのをベースコーディングと呼びます。
ベースコーディングの成果物は
になります。
]]>