日々のweb業務記録-prostaff-: 6月 2010

100630

更新中です…

1. 【Google AJAX APIでいろんなグラフを表示する】

サンプルその1：http://code.prostaff1.com/chart/chart_7.html

メーターのような表示も可能

サンプルその2：http://code.prostaff1.com/chart/chart_8.html

メーター表示でメモリを動かせる
「←」「→」をクリックすると値が10ずつ増減する
自動で滑らかなアニメーションで動きを付けてくれる

サンプルその3：http://code.prostaff1.com/chart/chart_9.html

世界地図を表示し国ごとにデータを表示できる

サンプルその4：http://code.prostaff1.com/chart/chart_11.html

1つのデータを分割してテーブル表示できる

サンプルその5：http://code.prostaff1.com/chart/chart_12.html

1つのデータから複数の表を表示できる

テーブル形式の表と棒グラフの表

テーブルの行をクリックして値を変更「更新」をクリックすると棒グラフも連動して変更される

2. 【Google spredsheetからデータを読み込んでグラフ(表)を表示する】

サンプルその1：http://code.prostaff1.com/spreadsheet/spreadsheet.html

Google spreadsheetにデータを記入しそのデータからテーブルを表示する

読み込んでいるデータhttp://bit.ly/aYXyWO

サンプルその2：http://code.prostaff1.com/spreadsheet/spreadsheet_2.html

後期(C列)のデータが前期(B列)のデータより大きいものだけを

前期(B列)のデータが大きいものから順に表示する

「クエリー言語」を使って条件に合うデータのみ抽出することができる

「クエリー言語」はSQLがベースなので SQLの基本がわかれば同じ感覚で利用できる

サンプルその3：http://code.prostaff1.com/spreadsheet/spreadsheet_3.html

「クエリー言語」を使ってデータの抽出ができる

主なクエリーの命令

命令	説明
select	すべての基本取得する列の指定ができる
order	並び順を指定できる
limit/offset	抜き出すデータの位置を指定できる
where	条件を式で指定できる
format	フォーマットを指定できる
group	「関数」と組み合わせて集計したりできる
pivot

使用例 サンプルその3の入力窓にクエリー文を入れる

クエリー文	説明
select A,C	A列とC列を表示する
select * order by B asc	B列を基準に小さいものから並べる
select * limit 3 offset 2	3番目より後のデータを3項目取得する
select * where B > C	B列の値がC列より大きいものを取得する
select * where A like '大%'	A列で「大」から始まるデータを取得する

100629

1. 【GoogleのAPIを使ってソートできるテーブル(表)を表示する】

サンプルその1：http://code.prostaff1.com/visualization/table.html

見出しをクリックすると昇順・降順に並び変わる
自動的に背景色が付く
マウスオーバーやクリックしたときに背景色が変わる

などの特徴がある

サンプルその2：http://code.prostaff1.com/visualization/table_2.html

行と値1/2を選択するとその値が表示される
値を変更し「set」をクリックすると値が上書きされる

サンプルその3：http://code.prostaff1.com/visualization/table_3.html

地名・値1・値2を入力し「add」をクリックすると行が挿入される

サンプルその4：http://code.prostaff1.com/visualization/table_4.html

書式の設定も optionの設定で変更できる

負の値は赤色・()付きに設定
値の最後に円を挿入
3桁ごとにカンマを挿入

など

サンプルその5：http://code.prostaff1.com/visualization/table_5.html

行をクリックするとその情報が上に表示される
ShiftキーやCtrlキーで複数選択すると選択した行の情報が全て表示される

サンプルその6：http://code.prostaff1.com/visualization/table_6.html

ラベル部分をクリックするとその情報が表示される

2.【Google APIを使ってグラフを書いてみる】

サンプルその1：http://code.prostaff1.com/chart/chart.html

横向きの棒グラフ

グラフをクリックすると情報が表示される

サンプルその2：http://code.prostaff1.com/chart/chart_2.html

縦の棒グラフ(3D)

optionの設定で 3D表示も簡単に設定できる

サンプルその3：http://code.prostaff1.com/chart/chart_3.html

折れ線グラフ

サンプルその4：http://code.prostaff1.com/chart/chart_4.html

これなんて言うんだっけ?

エリアなんとか？

サンプルその5：http://code.prostaff1.com/chart/chart_5.html

散布図

サンプルその6：http://code.prostaff1.com/chart/chart_6.html

円グラフ(3D)

表にタイトルの設定もできる

100628

1. 【今日のGoogle chromeはちょっと不便だった】

普段使っているブラウザは Google chromeのデベロッパー版です

Google chromeには3種類あり

Stable Channel
Beta Channel
Dev Channel

があります

Stable Channelは安定版で正式にリリースされた機能が使えます

Beta Channel(ベータ版) Dev Channel(開発者向け)は

いち早く開発中の機能を利用できます

Beta Channel(ベータ版)とDev Channel(開発者向け)の違いはよくわかりませんが

Beta Channelの更新頻度(アップデート)は月1程度 Dev Channelは週1程度のようです

Beta ChannelはMac or Linux用に用意されたようです

ダウンロードページ

Stable Channel
Beta Channel

Dev Channel

今日は日本語入力ができなくなったりあるサイトのリンクURLが文字変換されたりと

不安定な1日でした

Xmarksも使えなくなっちゃったし安定版にしようかな

100625

1. 【SEOquakeのURL一括チェックが復活】

Firefoxのほかのアドオンと干渉していたようで

原因となるアドオンを停止したらまた使えるようになった

しょーじきこれが使えないと普段の業務にかなり影響がでるので

直ったときはほんとにほっとした

2. 【インデックスアップデート後の動き 3日目】

昨日と同じく今朝の検索順位調査(GRC)で109件圏外になっていたが

昼前に調査しなおしたところ

1件が以前より上昇
1件が以前より下降
4件がいまだ圏外

あとはすべて元に戻った

数件検索順位が上昇していたがおそらく一時的なものだと思う

3. 【Googleへログインするときのちょっと楽な方法】

Googleへログインするとき登録したメールアドレスとパスワードを入れてログインします

普通ならメールアドレスをそのまま入力しますが

以前仕様変更があり メールアドレスの@以降と.(ドット)を省略できるようになりました

例えば

メールアドレスが『sample.account@gmail.com』で

パスワードが『abcdefg』とすると

メールアドレスに『sampleaccout』パスワードに『abcdefg』と入れてログインできます

もちろん今までどおりメールアドレスを全部入れてもログインできます

4. 【Google Appsを活用している企業】

ECstudio(イーシースタジオ)…Google社員が驚くほどの活用方法

ALL about(オールアバウト)

JTB
東急ハンズ

ほかにもたくさんの企業が Google Appsを導入し

1/2から1/3ものコスト削減に成功しています

→Google Apps導入企業をもっと見る

5. 【MT5のめも】

ブログ記事は

<mt:if name="__even__">

などで偶数番目の記事のみクラスセレクタを付けて背景に色を付けてシマシマにしたりできる

カテゴリーで同じような事がしたかったので同じように

<mt:if name="__even__">

とやっても駄目だった

そこで

<mt:setVar cat_number value='1' />

で初期値を1にして

<mt:setVar cat_number op='++' />

で1つずつ数字を増やし

<mt:if test='$cat_number%2==1'>even<mt:else>odd</mt:if>

で偶数か奇数かを判定する方法が見つかりました

参考記事：styletic TopLevelCategories でしましま(Movable Type 5)

<mt:setVar cat_number value='1' />
<mt:toplevelcategories>
  <h2><mt:categorylabel /></h2>
  <mt:setVar cat_number op='++' />
  <p<mt:if test='$cat_number%2==1'> class="even"</mt:if>><img src="" alt="" /></p>
  <p><mt:categorydescription /></p>
  <mt:entries>
   <mt:entriesheader><ul></mt:entriesheader>
   <li<mt:if name="__even__"> class="even"</mt:if>><h3><mt:entrytitle /></h3></li>
   <mt:entriesfooter></ul></mt:entriesfooter>
  </mt:entries>
</mt:toplevelcategories>

とこんな感じで利用してる

100624

1. 【弁当男子初日のメニュー】

チキ弁

チキンライス
白ワインとレモンの蒸し煮
照り焼きキチン
スイートチリソース炒め
たまごとほうれん草の炒め物

オールチキンです (たまごもチキン扱いで)

なんか美味しくなさそう…

メニューだけでも気取ってみようかな

色とりどりの野菜のチキンライス
鳥むね肉の白ワイン蒸しレモン風味
シェフオススメ若鶏の照り焼き仕立て
鳥もも肉の甘辛チリソース和え
採れたて卵とほうれん草の焦がし醤油炒め

ちょっとやってみたかっただけです…

次回があるかは不明です

2. 【インデックスアップデート後の今日の動き】

今朝は複数のサイトで検索順位が大きく動いていました

検索順位が圏外になってしまったサイトの8割は昼前には元通りになってます

圏外になったパターンは大きく分けて2種類あり

今まで検索結果に表示されてたページがインデックスから消えた
検索結果に表示されるページは変わっていなく単純に順位が落ちた

1の場合 今まで検索に表示されていたページが Yahoo!にインデックスされれば

検索順位は元に戻ります

クローラビリティの高いサイトであれば今日中に戻るはずです

2の場合 すでに評価が降りた状態ですが 1週間後ぐらいにまた変動が起こる可能性がありますので

しばらく様子を見る事にします

検索順位が上昇したサイトは

評価があがった場合と

他のサイトが一時的にインデックスサーバから消えた状態と予測してます

事前に施策を施したサイトは狙い通り検索順位が大幅にあがっていました

この場合はその後も安定した順位をキープするでしょう

なおインデックスアップデートごとに検索結果から出たり消えたりするサイトは要注意です

この場合そのサイト以外にミラーサイト(ページの内容が酷似している)として認識されているサイトが

存在している可能性があります

賃貸・不動産系で支店ごとに似たようなサイトを運営しているパターンでよく見られる現象です

1つの企業で同じようなサイトを複数運営している場合も同じような現象が起こります

3. 【いろいろあるんだCMS】

クライアントのサイトで CMSを導入しているものがいくつかあります

MovableType(ムーバブルタイプ) 日本語サイト http://www.movabletype.jp/
WordPress(ワードプレス) 日本語サイト http://ja.wordpress.org/
Drupal（ドゥルーパル）日本語サイト http://drupal.jp/
Geeklog(ギークログ) 日本語サイト http://www.geeklog.jp/
Joomla!(ジュームラ) 日本語サイト http://www.joomla.jp/
MODx(モドエックス) 日本語サイト http://modxcms-jp.com/
XOOPS(ズープス) 日本語サイト http://xoopscube.sourceforge.net/ja/(XOOPS Cube)
EC-CUBE(イーシーキューブ)

このあたりは実際に自分で運用していたりサーバにインストールしたりと

少しずつさわっています

他にも

カラーミーショップ
ショップサーブ
mydoショップ(SBR版ショップサーブ)
おちゃのこネット
Jimdo(ジンドゥー）日本語サイト http://jp.jimdo.com/
BiND

などショッピングサイトなどをエンドユーザー自身で簡単に作れるツールが存在します

お試し期間であれば無料で使えるものがほとんどなので興味があれば使ってみてください

XOOPS Cubeでは以前セミナーに参加したときに開発者の方が開発協力を求めていました
協力できる方はぜひどうぞ→開発に参加してみる

100623

1. 【検索結果の表示の違い】

検索エンジン(GoogleやYahoo!)ごとに検索結果の表示の違いがいくつか見られます

項目	Google	Yahoo!	bing
特殊文字の表記〓(げた)	表示されない(消える)	表示される	半角スペースに置き換わる
表示されるタイトルの文字数	70バイト(全角35文字・半角70文字)までは表示されるそれ以上だと省略される	全・半角含め 40文字までなら全て表示 40文字を超えると33文字程度(単語の区切り)までしか表示されない
記号◆(しかく)	表示されない(消える)	表示されない(消える)

また時間があるときぼちぼち調べていきます

2. 【Yahoo!JAPANのインデックスアップデート】

なんかいつもと違う

1週間後にまた動くと思うが

今朝一部のキーワードで起こった順位変動は一時的なもので

昼過ぎには元通り

検索上位を占めていたあのサイトはなんだったんだろう

…気になる

3. 【Google docs仕様変更してる】

共有設定の項目が変わっている

4. 【便利さを検証中のツール】

FenrirFS(フェンリルFS) 2009/11/26に公開

Gmailのようなラベル付けでフォルダやファイルを管理できるツールです

1つのファイルに複数ラベルを付けたり

自動振り分け機能があったり

ファイルにコメントを付けたりと

使い勝手のよさそうな機能がてんこ盛りです

検索機能も1文字入れるたびに候補が表示される反応のよさ

スマートフォルダは

今日使ったファイル・よく使うファイル・一ヶ月以上使っていないファイルなどを

検出してくれる便利な機能です

SQL文が書ける人はオリジナルの検出機能を作ることも出来ます

PCのデスクトップが散らかってる人やフォルダやファイルの整理が苦手な人は

ぜひ使ってみてください

FenrirFSのサイト(http://www.fenrir.co.jp/fenrirfs/)からダウンロードできます

参考サイト：

http://bit.ly/dhrp9s

http://bit.ly/91Z9SV

100622

1. 【MT5のメモ】

ブログ記事・ウェブページ内でMTタグを使う

例えばブログ記事の本文で MTタグを使いたい場合

フォーマットを「なし」にして MTタグを使う

※リッチテキストではタグが置き換えられてしまって使えないみたい

テンプレートで

<mt:entrybody mteval="1" />
のように mtevalモディファイアの値を1にすると MTタグが展開されて表示される

2. 【ワールドカップの会場に行ってみた】

ケープタウン・スタジアムケープタウン

もともとグリーンポイントスタジアムと呼ばれていたが

2009年10月にケープタウン・スタジアムに変更された

Google Earthで3Dモデルとしてみる事ができます

サッカーシティ・スタジアムヨハネスブルグ

(Googleストリートビューより)

Google Earthの3Dモデル

エリスパーク・スタジアムヨハネスブルグ

Google Earthの3Dモデル

ネルソン・マンデラ・ベイ・スタジアムポートエリザベス

Google Earthの3Dモデル

モーゼス・マヒダ・スタジアムダーバン

Google Earthの3Dモデル

これはかっこいい!

ロフタス・ヴァースフェルド・スタジアムプレトリア

まるでピッチに立ってる気分です(Googleストリートビュー)

フリーステート・スタジアムブルームフォンテーン

スタジアムの3Dで見てみた (Google Earth)

こちらはGoogleストリートビューでの画像

ロイヤル・バフォケン・スタジアムラステンバーグ

Google Earthの3Dモデル

ムボンベラ・スタジアムネルスプロイト

Google Earthの3Dモデル

なぜか工事中？

ピーター・モカバ・スタジアムポロクワネ

Google Earthの3Dモデル

3. 【Gmailの操作でよく使うショートカットキー】

操作	ショートカットキー
メールを新規作成	Shift+c
スレッド・メールを開く	o or Enter
次のスレッドへ移動する	k
前のスレッドへ移動する	j
スレッドリストへ戻る	u
スレッドをアーカイブする	e
スレッドにチェックをいれる	x
スターを付ける(外す)	s
返信	r
転送	f
全員に返信	a

100621

1. 【ワールドカップ応援モード】

iGoogleのテーマにワールドカップのテーマが追加されてます

応援国別にテーマが用意されているのでもちろん日本のテーマをチョイス

サムライブルーで仕事中でも日本代表を応援してます!!

2. 【Google chrome extensions - Lightshot (screenshot tool)-】

Google chromeでスクリーンショットを取りたいときは Webpage Screenshot を利用しています

最近仕様変更されて若干使い勝手が落ちてしまいましたが

縦長のページでも丸ごとスクリーンショットが取れるので重宝しています

一方 Lightshot (screenshot tool) は
モニターに表示されている中の一部分を切り抜いてスクリーンショットを取りたいときに使用しています

モニターに表示されている部分の任意の範囲をドラッグして選択でき

コピー・保存・編集などが可能です

画像の編集機能はオンラインでできるのでパソコンの環境に関係なくインターネットさえつながっていれば

どこでも利用可能です

※最近オンライン画像編集ツールがどんどんリリースされてますね

英語表記ですが操作自体はよくある画像編集ソフトとよく似ているので

意外と使いやすいです

3. 【土日はおもいっきりリフレッシュ!!】
土曜日 USJ ユニバ in 大阪

日曜日クリエイターズマーケット in ポートメッセ名古屋

4. 【キャッチコピったー】

JUNPEIのキャッチコピーは

『限界を超えたボディライン！　会計は俺に任せろJUNPEI！！』

純平のキャッチコピーは

『夜一人になった時に後悔しそうな演奏力！　永遠の女子高生純平！！』

神谷のキャッチコピーは

『いまだ成長を続ける瞬発力！　檻から放たれたライオン神谷！！』

みんなもキャッチコピったーで遊んでみよう

5. 【1つのサイトを2つのプロファイルでデータを管理したいとき】
Google Analyticsで1つのサイトを複数のプロファイルで管理したい場合があると思います

1つはそのサイト専用のプロファイル

もう1つは複数のサイトのデータを統合して管理する為のプロファイル

この場合 1つのサイトに2つのウェブプロパティID(UA-XXXXXXX-XX)を設置する事になります

ga.js(ちょっと前のトラッキングコード)の場合

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

try {

var pageTracker = _gat._getTracker("UA-XXXXXXX-1");

pageTracker._trackPageview();

} catch(err) {}</script>

↓
↓ 青色の箇所を追加します

↓

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

try {

var pageTracker = _gat._getTracker("UA-XXXXXXX-1");

pageTracker._trackPageview();

var secondTracker = _gat._getTracker("UA-XXXXXXX-2");

secondTracker._setDomainName("none");

secondTracker._setAllowLinker("true");

secondTracker._trackPageview();

} catch(err) {}</script>

gaq.js(非同期トラッキングコード)の場合

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-XXXXXXX-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

↓

↓ 青色の箇所を変更します

↓

var _gaq = _gaq || [];

　_gaq.push(
　 ['_setAccount', 'UA-XXXXXXX-1'],
　 ['_trackPageview'],
　 ['b._setAccount', 'UA-XXXXXXX-2'],
　 ['b._trackPageview']
　);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

こうすれば UA-XXXXXXX-1 でも UA-XXXXXXX-2 でもデータを収集できます

ほんとですか!?

~~たぶん…~~

できたできた (6/22確認)

ちゃんと2つのプロファイルでデータが取れてました

トラッキングコードを設置してからデータが計測できるまでにタイムラグがあるので

あとからプロファイルを追加した場合初日のデータは若干ずれますが

翌日からきちんと計測できるようになります

僕の場合業種ごとのプロファイルを用意して

同業種のサイトには同じウェブプロパティID(UA-XXXXXXX-XX)を追加してデータを取ってます

100618

1. 【twitterでゴルフゲーム?】

http://www.twirdie.com/

入力窓に何かキーワードを入れるとゴルフボールが飛んでいきます

tweetの数によって飛距離が違うみたいで

youtubeって入れたらすげー飛んでく

2. 【tweetで気になった情報】

http://bit.ly/9TTU5Q Googleアラートがなくなるそうです
http://bit.ly/bDCqTu Google Analytics のメニュー表記が変わったそうです

http://bit.ly/9EOHWs Google Analyticsのトラッキングコードに変更があったそうです
http://bit.ly/d4cryL Google vs. Bing いろいろ比較したそうです→日本語版http://bit.ly/aNiQDL
http://bit.ly/cSDSYZ iPhone 4 のメモリは3GSの2倍だそうです

3. 【今日のお昼ご飯】

レッドパイナップル!!

社内の花瓶に生けてありました

見た目はパイナップルなのに超スパイシーな味わい

4. 【MT5のめも】

昨日は MTにアップロードした画像を

で利用してたが

クライアントが桁違いの大きいサイズで画像をアップロードした場合を想定して

に変更

<mt:AssetThumbnailURL width="200" /> としておけば

画像のサイズを横幅200pxに縮小した画像が作られるので読み込みが極端に遅くなる心配がなくなる

横幅だけしておけば縦横比をそのままで縦幅のサイズは自動的に合わせてくれる

100618

1. 【twitterでゴルフゲーム?】

http://www.twirdie.com/

入力窓に何かキーワードを入れるとゴルフボールが飛んでいきます

tweetの数によって飛距離が違うみたいで

youtubeって入れたらすげー飛んでく

2. 【tweetで気になった情報】

http://bit.ly/9TTU5Q Googleアラートがなくなるそうです
http://bit.ly/bDCqTu Google Analytics のメニュー表記が変わったそうです

http://bit.ly/9EOHWs Google Analyticsのトラッキングコードに変更があったそうです
http://bit.ly/d4cryL Google vs. Bing いろいろ比較したそうです→日本語版http://bit.ly/aNiQDL

100617

1. 【近頃使い始めたツールその特徴と使い勝手を検証中】

2. 【html・cssのめも】
idセレクタとclassセレクタの使いどころ

idセレクタは1つのhtmlに1つだけ使用できる

classセレクタは1つのhtml内に複数使用でき

1つのタグに複数のclassを指定するには

のように半角スペースを入れる

idセレクタはページ内リンクのリンク先に利用できる

<body>

</div>

<a href="#header">このページの先頭に戻る</a>

</div>

</body>

ページの先頭に戻るリンクを付けるときによく見かけるのが

<body>
<a name="top" id="top"></a>
<div id="header">
:
</div>
<div id="content">
:
<a href="#top">ページの先頭に</a>
:
</div>
</body>

とわざわざリンク先<a>タグを用意し name属性とid属性を付けるパターン

アンダーバーとハイフンの使い方

id・class名にアンダーバー(_)とハイフン(-)を使用できるが

古いブラウザ(IE5とか)ではアンダーバーが利用できないので

文字を区切るにはハイフンを利用した方がいい

※今はそんな古いブラウザはほとんど使われていないので正直どちらでも問題なさそう

3. 【MTのめも】

親カテゴリー・サブカテゴリーごとにブログ記事を表示する

<mt:toplevelcategories>
   <mt:categorylabel />
   <mt:categorydescription />
<mt:subcategories>
   <mt:categorylabel />
    <mt:categorydescription />
  <mt:entries>
   <mt:entrytitle />
   <mt:entrytbody />
  </mt:entries>
</mt:subcategories>
</mt:toplevelcategories>

ブログ記事に作った画像のカスタムフィールドを扱う
EntryDataBeforeimageで画像のカスタムフィールドを作った

<mt:entries>
　<mt:if tag="EntryDataBeforeimage">
   <mt:EntryDataBeforeimageAsset>
   <a href="<mt:Asseturl />">
   <img src="<mt:Asseturl />" alt="<mt:Assetlabel />" />
   </a>
   </mt:EntryDataBeforeimageAsset>
  </mt:if>
</mt:entries>

100616

1. 【bloggerが便利! 新機能「テンプレートデザイナー」】

Googleのblogger(ブロガー)のサービスを使えば誰でもブログが簡単に作れます

今までもブログのデザインやレイアウトを決まったテンプレートから選択・変更できますが

リンクの色を変えたい
サイドバーの横幅を少し広げたい
見出しのフォントを変更したい

といったときに直接テンプレートのhtmlコードを修正する必要がありました

今回新たに加わった機能の「テンプレートデザイナー」は

そういった細かい編集が簡単に行えオリジナルのブログデザインが可能になりました

デザイン編集項目に「テンプレートデザイナー」の項目が追加されてるのでクリック

選べるテンプレートも増えてます

それぞれのテンプレートで背景を変えたりページの横幅を変えたりテキストやリンクの色を変更できます

デザイン編集画面の下にはプレビューがリアルタイムで表示されるのですぐに確認できます

気に入ったデザインになったら右上の「ブログに適用」をクリックして完成です

Google Docsで作ったドキュメントをそのままbloggerに投稿できるので

普段Google Docs活用している人にとってはかなり使いやすいブログツールだと思います

2. 【やっててよかった Google Mapsの勉強】

クライアントから Google Mapsの掲載を依頼されました

今までちょこちょこと勉強してサンプルサイトもいくつか作っていたので

さくさくっとGoogle Mapsの表示ができました

今後もクライアントの「こんなのできる?」の要望に的確に答えれるよう地道な勉強を心がけます

3. 【ウェブサイトオプティマイザーでA/Bテストのデータ取得中】

アクセス数の少ないサイトだからなのかデータが集まるのに時間がかかるようです

ってかオリジナルとコンバージョン数が変わってない…
だめじゃん

まだ使い始めたばかりだけどウェブオプティマイザーはかなり強力なツールになるんじゃないかな

どっちのデザインにしようか迷ったときは A/Bテストで判断すれば正解がでる…と思う

憶測だけで判断するよりは確実かなぁ

4. 【背景にCSSだけでグラデーションを指定できるんだぁ】

参考元サイト：http://bit.ly/cAZ7Y3

拾った情報は即公開!!

5. 【昼休憩のお出かけリサーチ：お茶編】

今日は近所の東急ハンズにあるお茶屋さんにお出かけリサーチしてきました

お茶屋さんに入るのは初めてなんですが

店に入って 夏ギフトなるものに興味を惹かれていたら若い女性店員が声をかけてくれました

ふだん声を掛けられるとよそよそしくなってしまうんですが
「夏によく売れるお茶ってなんですか？」とリサーチ開始

水出し煎茶ってのがあるらしくすぐにお茶を入れてくれました

お茶っ葉を入れたポットに冷水を注いで 30秒くらいですぐにできて暑い夏にはちょうどいい

普段お茶を飲まない自分でもこれなら飲めると気に入りました

他にもいろんな種類のお茶があったんですが緑茶と煎茶・新茶の区別もつかないので

「緑茶ってなんですか?」「煎茶ってなんですか?」「新茶ってなんですか?」 と質問しまくり

親切な店員さんはひとつひとつの質問に丁寧に答えてくれて

なんていい人なんだと感心しまくり

おじさんの店員(店長?)さんは温かい新茶を入れてくれたり

駐禁を心配してくれたりととにかく心遣いがすばらしい!!

黒豆ってお茶菓子としては定番なんですね

ティーパックのタイプは海外でお茶が飲みたいときに便利だとか

いちいち計量するのが面倒くさい人は小分けされているタイプがお勧めとか

いろいろ教えていただきました

帰りに 「水出し煎茶100g」と 「ガラスのお茶ポット500ml」を購入してリサーチ終了です

登録: 投稿 (Atom)