日々のweb業務記録-prostaff-

101130

2010-11-30T14:45:00.001+09:00

Google Hotpotでお店検索

いつの間に始まったのかな Google Hotpot(おみせメモ)

早速試しに使ってみた

●「restaurants」で検索

1ページに20件表示されます

画面下の「Load more…」(日本語版だと何だろ？→「もっとみる…」です)をクリックするとさらに表示されます

※ページ遷移なしで動作が軽い！

●「ラーメン」で検索

うまいと評判のラーメン屋が20件表示されます

このうち12件は食べました

ただ最近できたお店は出てこないようです

日の出らーめん住吉分店とかフジヤマ55 とか天下一品名古屋栄店とか

Google maps ではちゃんと出ますね

●「カーオーディオ」で検索

有名どころのショップはもれなく表示されてますね

ちなみに「TRIGGER」はこんな珍しい車も対応してます→http://goo.gl/CivjB

「ビクトリー」では元プロボクサー世界チャンピオン「薬師寺保栄」さんの

クライスラー300C SRT8 のオーディオカスタムを手がけています
→http://goo.gl/ddyXv

●「忘年会」で検索

この時期は忘年会でしょってことで検索してみた

ちゃんと出てくるじゃないですか

エライ！

居酒屋イタリアンフレンチ中華とジャンルを問わず表示されました

いろんなグルメサイトへリンクが張ってあるから

そこから詳細情報やクーポンがすぐ見つかります

お店探し・お店メモは「Google hotpot」が便利です

→Google Hotpotを見る

iPhone専用のインターフェースは用意されてないけど動作が軽いから使いやすい

PCからだとお店のリンク先はGoogle mapsだが

iPhoneからだと Googleプレイスに行くみたい

少しずつ使っていろいろ調べてみます

101126

2010-11-26T11:47:00.001+09:00

時短テク!! マルチ受信トレイですばやくメールをさばこう

●マルチ受信トレイってなに？

いつもの感じの受信トレイ

マルチ受信トレイを使うと

「未読メール」や「スター付き」など

複数のトレイを一度に表示できるようになります

僕の場合アーカイブをスキップしてラベルを付けるフィルタが多いので

未読メールを見るのが面倒でしたが

マルチ受信トレイを使い始めたらメールチェックがすごい楽になりました

マルチ受信トレイの設定画面

パネルは最大5つまで登録でき

「検索キーワード」で表示するメールの種類を決め

「パネルのタイトル」で見出しを付けます

1つのトレイに表示するメールの件数やパネルの位置が設定できるのはいいですね

●早速マルチ受信トレイを使う人はここから読んで下さい

1. Gmailを開き画面右上の「labs」を開きます

フラスコみたいなアイコンをクリック

2. マルチ受信トレイの設定を有効にする

「有効にする」にチェックを入れる

3. 設定を保存する

「変更を保存」をクリックします

これでOK

あとはマルチトレイの設定画面で自分の好きなように設定してください

●マルチ受信トレイの設定例をいろいろ紹介

編集中…

101124

2010-11-24T10:31:00.001+09:00

ファイルのアップロードがドラッグ&ドロップでできちゃう

-Googleドキュメントがバージョンアップ-

以前Gmailのファイル添付がパソコンのデスクトップからドラッグ&ドロップが可能になって

驚きましたが

Googleドキュメントでもそれが実現しました!

※英語バージョンなので日本語バージョンの方には見づらくて申し訳ありません

Googleドキュメントにアップロードしたいファイルをデスクトップから

画面真ん中の破線部分にドラッグして離すだけです

一度に複数のファイルをドラッグ&ドロップすると選択したファイルを一度にあげることも出来ます

この機能は非常に便利で多くの人が喜んでいることでしょう

100115

2010-11-22T15:16:00.001+09:00

twitterをYahoo!カテゴリ登録してみる

http://bit.ly/agtZQY
有名企業のtwitterは審査料金なしで登録されているようです

さらに著名人のtwitterも1600件以上 Yahoo!カテゴリに登録されております

→http://bit.ly/agGqS3

脇阪寿一さんも登録されてるじゃないですかー!!

早速フォローしちゃいます

101122

2010-11-22T13:27:00.001+09:00

マインドマネージャー(有料)を使いたくてフリーマインド(無料)を触ってみる

マインドマネージャーを導入している企業はたくさんあるのに

いままで全く知らなかった…

これはまずいと思いマインドマップとはどういうものか触ってみました

マインドマネージャーは有料のアプリケーションなので

とりあえずフリーのマインドマップソフト→フリーマインドを使っています

最近話題になっている Yahoo!JAPANのGoogle導入の件や

Webサイトの戦略を立てるのに使ってみました

普段罫線なしの紙に重要なキーワードや要点だけ書き

関連事項を線で結ぶ書き方をしていたので

マインドマップの書き方と似ていてそれほど使いにくさを感じないですね

フリーマインドって
パソコンのフォルダツリーも表示できるんですね

リンク機能も付いてるのですぐにフォルダを開けて便利かも

マインドマネージャーもできるのかな？

まだ使い始めたばかりですが

マインドマップはアイディアを出し合うときに使うとよさそうです

マインドマネージャーならオンラインで共有して同時編集できるみたいなので

さらに仕事の効率アップに役立ちそうな気がしてます

101112

2010-11-15T18:54:00.001+09:00

No_1

ビジネスシーンで役立つ iPhone + Evernote

営業先に出向いたとき大切な資料を持ってくるのを忘れてしまったことはありませんか？

そんなときすぐに資料を確認できる環境があったら便利ですよね
それできます!!

●その1 環境を整えよう

Evernoteのアカウントを作成
Evernote用のメールアドレスを確認
iPhoneに「Evernote」アプリをインストール

Evernoteのサイトを表示→http://www.evernote.com/

画面右上の「新規アカウント作成」をクリックします

無料アカウントの作成

お名前
Emailアドレス
ユーザーネーム
パスワード

を入力します

「利用規約に同意する」にチェックを入れ

すぐ下に表示されているアルファベットを入力し

「登録」をクリックします

確認コードを入力

Evrenoteから送られてくるメールに「確認コード」が記載されているので

この画面に入力し「Confirm」をクリックします

Evernoteの管理画面でEmailアドレスを確認

右上の「設定」をクリックし「アカウントのサマリー」を表示すると

画面真ん中下あたりに「Evernoteのメールアドレス」が表示されています

iPhoneアプリ「Evernote」の動画紹介→http://goo.gl/CwSLr(YouTube)

●その2 Evernote宛にメールを送ろう

自分のEvernoteのメールアドレスに txtファイルや pdfファイルを添付し送信します

●その3 Evernoteでファイルを見よう

EvernoteはPDFの閲覧が可能です
Evernote宛に送られてきたメールの添付ファイルをすぐに確認できます

ただいま編集中…

No_2

SugarSync(無料版)が5GBにアップグレード

ありがとうございます!!

今までの無料版は2GB

それが今日から2.5倍の5GBになりましたー!!

さらに友人にSugarSyncを紹介するとボーナスアップで容量が増えます

→SugarSyncのサイトへ

僕は無料版で5.75GB使えるようになりました

No_3

Google検索結果が改良?

リアルタイム検索がスクロール表示されている

Googleは通常の検索のほかアップデート検索があります

アップデート検索とはリアルタイムの情報を探したい人向けに

twitterのツイートを検索できるシステムです

今朝Google検索したらいつもと変わった表示がされてました

赤枠の部分にアップデート検索(リアルタイム検索)したときの検索結果が表示されています

左の項目の並び順もいつもと変わってます

出社してから会社のPCで確認したときはいつもどおりの検索結果でした…

No_4

Googleアカウントの切り替えが可能

Googleへのログインは1つのブラウザで1つのアカウントのみで

複数のアカウントを切り替えるのが不便ですが

設定を変えるだけで複数のアカウントを簡単に切り替えて使えるようになります

●マルチアカウントの設定画面

「Off」にチェックが入っているので「On」にチェックしすぐ下の4つのチェックボックスにチェックをいれます

「Save」をクリックすればマルチアカウントの設定が完了です

※日本語表示の場合

→Googleマルチアカウントの設定画面へ

●複数のアカウントを設定するには↓

マルチアカウントの設定後表示される▼のプルダウンをクリックし

「別のアカウントでログイン…」をクリック

他のアカウント名とパスワードを入力する

これで設定完了です

アカウントのプルダウン(▼)に追加され選択できるようになります

※これに似た機能で Google chrome extensions(拡張機能)にGoogle Account Switcherがあります

→Google Account Switcherをインストールする

No_5

Googleスプレッドシートは

各シートに直接アクセスできるんです

以下 Googleスプレッドシートの共有設定を理解している事を前提に書いています

→Googleスプレッドシートとは?

→Googleドキュメントの共有について

その機能を知ってもらうために

リンクを知ってる人なら誰でも見れるGoogleスプレッドシートを用意しました

https://spreadsheets.google.com/ccc?key=0Arf-xCFl2lOpdHZub0lEUF82b2hSUjRXZjlDWDlGM3c&hl=ja&authkey=CMnZt6UI

(短縮URL：http://bit.ly/ayw5r9)

●共有ファイルの「シート2」を開く

https://spreadsheets.google.com/ccc?key=0Arf-xCFl2lOpdHZub0lEUF82b2hSUjRXZjlDWDlGM3c&hl=ja&authkey=CMnZt6UI#gid=1

(短縮URL：http://bit.ly/ah1MBF)

●共有ファイルの「シート3」を開く

https://spreadsheets.google.com/ccc?key=0Arf-xCFl2lOpdHZub0lEUF82b2hSUjRXZjlDWDlGM3c&hl=ja&authkey=CMnZt6UI#gid=2

(短縮URL：http://bit.ly/deYMpM )

このように共有設定にすると作られるURLの末尾に「#gid=番号」を付けると

各シートに直接アクセスできます

シートの一番左から「0,1,2,3,…」と番号が割り当てられています

？シートを並び替えたら番号も変わっちゃうのかな

番号はシートを作成した順番ですので 5番目に作ったシートは「#gid=4」が割り当てられます

その後シートを並び替えて一番左にしても「#gid=4」のままなので

URLを変更する必要は有りません

？シートとシートの間で新しいシートを追加したらどうなるの

「#gid=番号」はシートを作成した順番なので
10個目のシートは「#gid=9」となります

？他のシートを削除したあと新しくシートを作るとどうなるの

「#gid=番号」はシートを作成した回数とも言えますのでシートの削除に関係なく

連番で番号が割り当てられます

例) すでにシートが5つある場合新しいシート(6つめ)を追加すると「#gid=5」が付きますが

その前に他のシートをいくつ削除していても「#gid=5」が付きます

●11番目に作った「シート11」は共有設定したURLの末尾に「#gid=10」を付ければ

直接アクセスできます

→https://spreadsheets.google.com/ccc?key=0Arf-xCFl2lOpdHZub0lEUF82b2hSUjRXZjlDWDlGM3c&hl=ja&authkey=CMnZt6UI#gid=10

101105

2010-11-05T10:24:00.001+09:00

ハイクオリティなweb素材をダウンロード「Freepik」

→http://www.photoxpress.com/

キーワードを入れて検索すると関連する画像一覧が表示されます

●「car red」で検索

有料プランもありますが無料プランでも1日10点ダウンロード可能です

●サインアップ(登録)する→http://goo.gl/lsoc

ログイン時のアカウント名・パスワード

メールアドレスを入力し「Sign up」をクリックすると登録できます

続いて有料プランへのアップグレード画面に切り替わりますが

無料プランで使いたいときはスルー(トップページへ戻る)してください

※Facebookアカウントでサインアップしようとしたらエラーがでました

一応Facebookとtwitterのアカウントでもサインアップできるようです

101102

2010-11-02T14:15:00.001+09:00

辞書ツールに良く使う用語を登録しておくと文字入力が速くなります

●辞書ツールを開く

●登録する

「読み」に短縮文字を

「語句」に変換後の文字を設定し

「登録」をクリックすると使えるようになります

●僕はこんな感じ

自分の名前って良く使いますもんね

1日5回以上使う文字なら登録しておくと辞書ツールの便利さが体感できると思います

101027

2010-10-27T14:16:00.001+09:00

Googleカレンダーに太平洋時間を表示しておいてよかった

今日SugarSyncが繋がらなくなったと思ったら
メンテナンス中だった

太平洋夏時間21:00～01:00って日本だと何時なの？？

海外のツールを使ってるとこんなことがよくありますが

Googleカレンダーの設定をちょこっと変えると

カレンダーに他の国のタイムゾーンを表示できるので便利です

カレンダーの設定画面から他の国のタイムゾーンを追加できます

太平洋時間(Pacific Time)を追加してみると

こんな感じで日本時間(赤枠)と同時に太平洋時間(青枠)を表示できます

ということで太平洋時間の21:00～01:00は

日本時間の13:00～17:00という事になります

海外のクライアントとスケジュール調整するときでも

Googleカレンダーなら便利ですね

101012

2010-10-12T11:28:00.001+09:00

1. 【Yahoo!サイトエクスプローラーがサービス終了予定】

101008

2010-10-08T17:40:00.001+09:00

1. 【Yahoo!キーワードアドバイスツールとGoogle AdWordsキーワードツール】

使い比べてみた

Yahoo!キーワードアドバイスツール…データが表示されるまでの時間 53秒

「検索ボリュームの推移」と「属性別検索割合」に表示される

「抽出されたキーワード候補」って何を指すんだろ？

「ウェブサイトのURL」にアドレスを指定しなければもっと早いが早くても十数秒かかる

Google AdWordsキーワードツール…データが表示されるまでの時間 5秒

2. 【僕のアカウントでも twitterが新しくなった】

動きが重い…

101007

2010-10-07T17:49:00.001+09:00

1. 【Google webmaster toolsがさらに進化してる】

「change」という項目が増えています公式アナウンスってありましたっけ？

さらにキーワードごとの詳細ページが用意されていました

101006

2010-10-06T14:42:00.001+09:00

1. 【twitterを始めたとたん五平餅が売れました！】

岐阜の五平餅屋さんが 10月からtwitterを始めました

それに伴いネット通販での送料も1150円→500円に値下げキャンペーンを開始

twitterからのアクセスも急激に伸びだし

早速ホームページからネット注文を頂きました！

地元では有名で店舗販売はうまくいってるのですが

ホームページからの注文がまったくありませんでした

色々調査した結果

五平餅は東海地方でしか知られていないと気づき (こういうことってよくありますよね)

twitterでの積極的なプロモーションを開始

これからどうなっていくのか不安もありますが今後が楽しみです

2. 【mtのめも】

●pagebuteプラグインで分割したページでもアンカーポイントで各記事へリンクする

トップページに新着情報を掲載
新着情報のページはブログ記事5個ずつでページ分割
トップページのリンクをクリックすると各記事へ飛ぶ

●トップページ

●新着情報ページ 1ページ目

●新着情報ページ 2ページ目

トップページの新着情報部分のコード

<mt:setvar name="entry_count" value="0" />

<mt:entries sort_order="desscend">

<mt:entriesheader><ul class="news"></mt:entriesheader>

<mt:setvarblock name="page_count"><mt:var name="entry_count" op="/" value="5" sprintf="%d" /></mt:setvarblock>

<li<mt:if name="__odd__"> class="odd"<mt:else> class="even"</mt:if>><span class="date"><mt:entrydate format="%Y/%m/%d" /></span><a href="<mt:blogurl /><mt:unless name="page_count" eq="0">index_<mt:var name="page_count" op="++" />.html</mt:unless>#post-<mt:entryid />"><mt:entrytitle /></a></li>

<mt:setvar name="entry_count" op="++" />

<mt:entriesfooter></ul></mt:entriesfooter>

</mt:entries>

新着情報ページのコード

<mt:entries>

<mt:entryassets type="image" lasten="1"><p><a href="<mt:asseturl />" class="fancy"><img src="<mt:assetthumbnailurl width="140" />" alt="<mt:assetdescription />" /></a></p></mt:entryassets>

<mt:entrybody />

</div>

<$MTPageSeparator$>

</mt:entries>

</MTPageContents>

<$MTPageBefore delim="前へ"$>

</MTIfPageBefore>

<$MTPageLists delim=" " link_start="<li>" link_close="</li>" show_always="0"$>

<$MTPageNext delim="次へ"$>

</MTIfPageNext>

</ul>

例えば

トップページの「新着情報1」をクリックすると「新着情報ページ 2ページ目」へ移動し

「新着情報2」をクリックすると「新着情報ページ 1ページ目」の「2010/10/06 新着情報2」のアンカーポイントへ移動します

101004

2010-10-04T09:34:00.001+09:00

1. 【Code Bankでサンプルコードを管理&SugarSyncでPC間共有】

先日紹介した CodeBank(Adobe AIR Marketplaceでダウンロード)を活用中
※似たようなアプリケーションCodeBank-Database For Code Snippetsがあります

CodeBank

Dreamweaverのスニペットのようによく使うコードを管理するのに便利です

※ハイライト表示で見やすい

僕の場合会社と自宅で同じ環境で作業したいので SugarSyncでCodeBankの保存データを同期しています

Windows XPの場合

C:\Documents and Settings\ユーザー名\Application Data\ca.spartanPrograms.codeBank.~\Local Store\

のlocal_database.dbにデータが保存されるので

このフォルダ(Local Store)をSugarSyncで同期してやれば複数のPCで同じ保存データを扱えます

他にもクリップnoteなどの文書保存ツールや辞書ツールなどをSugarSyncで同期を取って

環境を整えておけば作業がスムーズです

101001

2010-10-01T11:52:00.001+09:00

1. 【仮想デスクトップの導入】

以前会社のPCにモニター2台つないでデュアルモニター化しました

他の社員の人たちとその話題をしているときに「仮想デスクトップ」というものを知りました

ここで「仮想デスクトップツール」に関する情報がまとめられてます→http://bit.ly/b9xUhc

紹介されているツールの中からおすすめの「Virtual Dimension」をインストールしました

Desk0

Desk1

Desk0・Desk1 それぞれデュアルモニターのフルスクリーンショットです

デュアルスクリーンが2つに増えました!! って感じです

ショートカットキーを設定すればデスクトップの切り替えが簡単

詳しい情報は「仮想デスクトップソフト Virtual Dimension を使ってみる」でどうぞ

デスクトップを無制限に増やせるようですが増やしすぎても面倒くさいだけなので 2つで十分便利です!

2. 【SugarSyncがつながならない…】

今日の夕方5時前くらいからかな SugarSyncのデスクトップがつながらなくなりました

グレーアウトなんでだろ…

とりあえずGoogle検索して情報探すも見つからない

そうだ Google検索の「アップデート」で検索してみよう

いた！ツイッターでつぶやいてる人発見です

やっぱ僕だけじゃなかったんですね
ツイッターのつぶやきを検索できるようにしたのは

こういったリアルタイムの情報を見つけることができるからでしょうね

SugarSyncのコミュニティでも発表されてました

ところでいつ復旧するんだろ

アップロード待ちのファイルが160個以上…

どーしよー

100923

2010-09-24T11:25:00.001+09:00

1. 【MTとさくらインターネットの相性】

<mt:entries tag="おすすめ">

<mt:entrytitle />

<mt:entrybody />

</mt:entries>

こんな感じで特定のタグを含むエントリー(ブログ記事)のみ表示させてたいとき

半角英数字なら tagの条件にマッチするものが表示されるが

日本語だとなぜか表示されなかった

さくらインターネットのデータベースで tagの文字コードをutf8_general_ciに変更したら

日本語でもうまくいくようになった

2. 【いろんなバージョンのIE8】

http://bit.ly/b3Gbs5

家のPCにIE8を入れてみた

今回はGoogleに最適化されたIE8を選択・インストール

…トラブル発生

3. 【IE8のインストール中に再起動したらエラーが出る】

IE8のインストール中まず旧バージョンが削除され再起動を促されます

「今すぐ再起動をする」をクリックし再起動したら画面が立ち上がってすぐにエラーメッセージが出た

エラーメッセージ

序数56がダイナミックライブラリ　iertutil.dllから見つかりませんでした。

以前にも同じようなことがあった気がする…

とりあえず調べてみた質問系サイト

どうもIE7が完全にアンインストールされなかったのが原因のようです

iertutil.dll自体は WINDOWSのsystem32のフォルダの中にあります

※これが削除されるとさらに面倒くさいことに…

さらに調査 IE7を削除するには…
http://bit.ly/anxgq1
「方法 2: Spuninst.exe を使用して Internet Explorer 7 をアンインストールする」で

IE7を削除する事に成功し再起動したら元通りに戻りました

よかった

100922

2010-09-22T12:59:00.001+09:00

1. 【デュアルモニターにしてスクリーンショットしてみた】

会社に自宅からモニターを持ち込んでデュアルモニター化

Google chrome extensionsのLightshot (screenshot tool)で画面を全体をキャプチャする

なんということでしょう

2画面分まるごとキャプチャーできてしまった

新たな発見ですが活用する機会はあるのかな

2. 【ファッション系のキーワードの勉強】

通信マガジン別冊ルアール(フリー)を見ながら Googleリアルタイム検索でつぶやき検索

●別冊ルアール(コンビニで入手)

●Googleリアルタイム検索

知らない言葉が山ほどありますね~

100916

2010-09-16T12:29:00.001+09:00

1. 【アクセス解析のデータから気づく事】

●急なアクセスアップはメディアの影響!

マスコミ→web検索→サイトにアクセス

人気旅館さんのアクセスデータ　(マイレポートのセッショングラフ)

この旅館はかなり有名でたびたびメディアで紹介されており

ときどき急激にアクセスが増えることがあります

アクセスが急に跳ね上がってる箇所を詳しく見てみます

9月のデータ (マイレポートのセッショングラフ)

9月4日にアクセスが4倍に!

9月4日に急激にアクセスが上がってますまたTVで紹介されたのかな?

9月4日時間帯別アクセス (ユーザー > ユーザーの傾向 > セッション)

9月4日の午後7時からアクセス増加

7時から放送された番組で紹介された可能性が高まりました

9月のデータを地域で分析 (ユーザー > 地図上のデータ表示)

関西地方でアクセスが多く円が大きくなってます

大阪市からのアクセスが10倍以上に跳ね上がってます

どうやら関東地方での放送されているTV番組で紹介されたようです

多分これでしょう→「いよいよ明日放送～７つの絶景宿」

最後にメモを取っておきます (アノテーション機能)

こんな感じでアクセス分析をする事ができメモを残す事もできます
Google Analyticsを使ってみる

●情報登録型サイトの利用でアクセス効果倍増!

マスコミ→web検索→webコミ→サイトにアクセス

さっき紹介した旅館さんは宿泊系の情報サイトにも掲載しています

貸切温泉どっとこむ

情報サイトからのアクセスを調査 (トラフィック > 参照元サイト)

先ほどと同じく 9月4日からにアクセスが増加してます

TVを見た視聴者が web検索して情報サイト経由でアクセスしてきたと思われます

情報サイトに掲載しておくと webでの露出が増えアクセスアップにつながることが多々あります

●Yahoo!知恵袋はアクセスアップに使える!
web検索→webコミ→書き込み(web版の口コミ)→サイトにアクセス

Yahoo!知恵袋は Q&A型のwebコミ(webコミュニケーション)です

いわゆるインターネット版の口コミが期待できます

Yahoo!知恵袋からのアクセスを調査 (トラフィック > 参照元サイト)

7月16日にYahoo!知恵袋からのアクセスが跳ね上がっています

さらに Yahoo!知恵袋のどのページから来たのか調査

(トラフィック > 参照元サイト > detail.chiebukuro.yahoo.co.jp)

Yahoo!知恵袋の質問ページからアクセスがあることがわかります

たとえば…

→「富山県から石川県でおすすめの温泉を教えてください。」

人気のある旅館はこういったwebコミでいろんな人に紹介されていきます

Yahoo!知恵袋は Yahoo!検索の検索結果にも表示されます

100913

2010-09-13T12:05:00.001+09:00

1. 【Yahoo!検索結果切り替えテスト中】

Yahoo!検索結果の一番下に

「Search Results provided by Yahoo! Inc.」が表記されているのが今までの検索システム

表記がないのがテスト中の検索結果です

Yahoo!Inc表記有　検索ワード「検索結果　切り替え中」

Yahoo!Inc表記なし　検索ワード「検索結果　切り替え中」

検索結果数と実際の検索結果の順番がまったく異なっています

検索ワード「ドレス通販」の場合

Yahoo!Incの表記有

Yahoo!Incの表記なし

同様に検索結果数と検索結果の順番が異なります

スポンサードサーチの結果も異なるようです

「Yahoo!ショッピング」「Yahoo!知恵袋」などのYahoo!独自のサービスの結果は

どちらも同じです

100910

2010-09-10T09:52:00.001+09:00

1. 【Inpaintを試しに使ってみた】

画像から被写体を消してしまうオンラインツール「Inpaint」

これが

こーなります

ものの数秒で編集できてしまうので状況によってはかなり使えるツールだと思います

Inpaintを使ってみる→

参考記事

http://bit.ly/a3Ujye WEBマーケティングブログ

デスクトップ版もあります

Inpaint公式サイト

Inpaintのダウンロードページ

2. 【PCにインストールされてるフォントの確認-オンラインツール】

自分のパソコンにインストールされているフォントの種類を確認する(XPの場合)

①コントロールパネルを開く

※クラシック表示に切り替えると探しやすいので

②フォントのフォルダを開く

これが PCにインストールされているフォントの種類です

オンラインツールを使ってインターネットブラウザ上で確認できます

●STC http://bit.ly/c2DZJp

左側がインストールされているフォントの一覧です

画面右側で表示チェックもできます

●Font Picker http://bit.ly/dfeoCR

画面の真ん中にインストールされているフォントの種類が表示されます

100909

2010-09-09T11:36:00.001+09:00

1. 【すげーGoogle検索!】

Googleの検索窓に文字を入力するたびに検索ボタンを押さなくても

リアルタイムで検索結果が変わる！

試しに「excel」と半角英数字で入力してみる

ローマ字入力でもやってみた

変換

これは昨日発表された新機能「Google Instant」のようです

※状況によって使えるようです
Googleにログインした状態で Google chromeを使用し動作確認

※2010/09/10追記

現在導入されているのはアメリカ・イギリス・フランス・ドイツ・イタリア・スペイン・ロシアのGoogle

サポートブラウザ Chrome v5/6･Firefox v3･Safari v5 for Mac･Internet Explorer v8

日本でも Google chrome devバージョンから利用できます
Google chrmoe devをインストールする
Google chrome beteはどうなんだろ?
気になる人は試してください

※2010/09/29追記

google.comからならどのブラウザでも「Google instant検索」が利用できます
現在検索窓に右側の「Instant is ▼」でインスタンス検索のオン・オフが選択可能です

Google Instant(グーグルインスタント)に関する記事

http://bit.ly/bKUKrm

http://bit.ly/90yKtH

http://bit.ly/cuC1hn　Matt Cutts氏

http://bit.ly/bGx2pa 海外SEO情報ブログ(2010/09/10追記)

100908

2010-09-08T15:43:00.001+09:00

1. 【「検索エンジン」と「本の活用の仕方」は似てる？】

-------------------------------

自分 = 検索エンジン
本屋 = Web
本 = Webサイト
立ち読みする = クロール
内容を覚える = インデックス
本を買う = カテゴリ登録(有料)

-------------------------------

よく本屋で立ち読み(クロール)します

気になる本は内容をなんとなく覚えておき(インデックス)

気に入った本は即購入(カテゴリ登録)します

わからないことがあったらその都度本を探して(検索)

じっくり内容を読む

目次(sitemap.xml)だけでもなんとなく本の内容がわかるので

時間がないときは目次だけ目を通したりしてます

※たまに本棚を整理し使わなくなった本はブックオフで売っちゃいます(インデックスアップデート)

※たまに本棚の並び順もよく使うものが取り出しやすいように並び替えます(アルゴリズムアップデート)

これをよくやる人は Googleっぽい人

たまにしかやらない人は Yahoo!っぽい人

2. 【気になるサイト】

http://bit.ly/aSXRVX 短縮URLでもアクセス解析!?
http://slidesha.re/8Z6e5V スライド資料の共有サイト
http://bit.ly/8YjbYO Adobe Illustrator Scripts(フリーです)

3. 【気になる記事】

http://bit.ly/9m8pmY iPhoneの調査結果
http://bit.ly/9mhvyO Photoshopのショートカット40
http://bit.ly/9mBbUN 逃げ回るGoogle
http://bit.ly/aGQhsw iPhoneユーザー必見!

4. 【cssのマージに関係すること】

http://bit.ly/aKpQj8 cssをコンパクトにするオンラインツール
http://bit.ly/9HcVOl その他一覧25

100907

2010-09-07T10:20:00.001+09:00

1. 【Google Analyticsの非同期トラッキングコードでもgaAddons.jsが使えるようになった】

参考記事：Uneidou

今までのgaAddons.jsはトラッキングコードの下にgaAddons.jsを読み込むコードを書いて

gaAddons.jsをサーバにアップすれば利用できました

新しいgaAddons.jsの利用には若干手順が増えます

非同期トラッキングコード用のgaAddons.jsの利用手順を紹介

トラッキングコードの改良
jQueryの読み込み
gaAddons-2.0.min.jsのアップロード

以上の手順が必要です

通常のコード

var _gaq = _gaq || [];

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

_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>

①トラッキングコードの改良

gaAddons.js利用時のコード

var _gaq = _gaq || [];

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

_gaq.push(['_trackPageview']);

var gaAddons = gaAddons || [];

gaAddons.push(

['_trackOutbound'],

['_trackDownloads'],

['_trackMailto'],

['_trackRealBounce'],

['_trackLoadTime']);

(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);

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

gaAddons.src = 'gaAddons-2.0.min.js';

s.parentNode.insertBefore(gaAddons, s);

})();

</script>

※オレンジ色の部分が追加される箇所です

②jQueryの読み込み

jQueryを利用しているので jQueryを読み込みます

jQueryの利用にはいくつかの方法がありますが

今回は Google AJAX Libraries API を利用する方法を紹介しています

③gaAddons-2.0.min.jsのアップロード

次のサイトからgaAddons-2.0.min.jsをダウンロードできます

●immeria

安定版・ベータ版のどちらかを選んでダウンロード(ソースをコピーしてファイルを作成)します

※作成するファイル名は「gaAddons-2.0.min.js」です

●Google

右側の「gaAddons-2.0.min.js」のした矢印をクリックするとテキストファイルでダウンロードされるので

ファイル名「.js」に変更します

あとは gaAddons-2.0.min.jsをサーバのルートディレクトリにアップロードすればOKです

「gaAddons-2.0.min.js」のファイル名とサーバの保存ディレクトリは変更できるので
状況に合わせてご利用ください

詳細サイト：http://immeria.net/gaAddons/

100903

2010-09-03T09:40:00.001+09:00

1. 【GMailの新機能「優先トレイ」】

GMailの管理機能・検索機能はすばらしくとても使い勝手がいい物です

今回さらに便利な機能が追加されました

その名も 「優先トレイ」

過去の利用状況から 自動的に重要なメールを判断し 優先トレイに保管されます

GMailを開くとまず優先トレイが表示されるため 重要と思われるメールを見逃すことが減るでしょう

全自動ではなく 自分好みにカスタマイズもできるようなので

どんどん活用して行こうと思います

Googleカレンダー・ドキュメント・GMailなど効率的に仕事を行える環境が激変しました

入社したての頃手帳や付箋にメモを書いてたことが遠い昔のようです

100901

2010-09-01T14:12:00.001+09:00

1. 【コーディング時のマージンの調整のやり方】

「Picasa フォトビューア」でデザインデータを開いて横にならべて見比べます

ずれている箇所のcssを編集

※Google chromeで見てるので「デベロッパーツール」(Ctrl + Shift + i)でcssを調整・確認

「Picasa」はGoogleが無料提供している画像の管理・編集ツールです
Google chromeのデベロッパーツールは firebugと同じようなものです

「Picasa フォトビューア」で画像を開くと

同じフォルダに置いてある画像の切り替えがすぐにできたり

拡大・縮小もマウスホイールで扱えたりと

動作も軽くかなり使い勝手がいいです

2. 【IE6で画像にネガティブマージン指定したら欠けた】

画像にネガティブマージンを指定しました

#header ul li img{

　　　　margin-bottom: -.4em;

　　　　padding-right: .6em;

}

IE6で見ると画像の下側が欠けてしまいました

画像にposition:relative;を指定

#header ul li img{

　　　　margin-bottom: -.4em;

　　　　padding-right: .6em;

　　　　position: relative;

}

元に戻った

3. 【WoopraにできてGoogle Analyticsにできないこと】
アクセス全体の統計・分析をするには Google Analyticsは非常に優秀ですが
ユーザーごとの動きを把握するには Woopraが便利です

あるリピーターがいたとしてその人が

どのくらいの頻度でサイトを見てくれているのか？

どのページを見てくれているのか？

どのページから閲覧しどのページで離脱したのか？

そういったユーザーの細かい動きを分析するのに Woopraを使っています

下の画像はあるサイトのサイト管理者のアクセス状況です

Web会社で Webサイト制作(SEOも)を依頼されたのですが

その後の検索順位を気にされてる様子がわかります

「ネイルサロン　ジェルネイル　羽曳野市」などで SEOを依頼されているのですが

実際は「羽曳野」で検索順位を気にされてるようです

まー地元の人は地名の「市町村」を省略する傾向が強いのであたりまえといえばあたりまえですが…

で結局何が言いたいのか…

Webサイトの運営にアクセス解析は必須!!

アクセス解析のデータを眺めているだけでは意味がない

データを分析しサイトを改善し続ける

ただ作っただけのサイトではなく成長し続けるサイト作りを心がけています