カテゴリー: WEBサービス

Google アナリティクスで特定IPからのアクセスを除外する方法

投稿者：isc_blog

Googleアナリティクスでアクセス解析を行っている場合に「自分のアクセス」を複数個除外したかったので
フィルタの作成方法を書いておきます。
Analityics設定を押します。

↓

フィルタマネージャーをクリックします。

↓

フィルタを追加をクリックします。

↓

フィルタの名前を付けてから
「フィルタの種類」をカスタムフィルタにします。

フィルタフィールドは「ユーザーのIPアドレス」で
フィルタパターンを記入します。
IPアドレスが連番の範囲で持っている場合のパターンを作るときにはこちらが便利です↓↓
IP アドレスの範囲を指定して、そこからのトラフィックを除外するにはどうしたらよいですか？

それからプロファイルにフィルタを適用でサイトを選択し適用します。

これを数回行えば複数個のIPアドレスを除外できます。

2011年5月30日

Yahoo!デベロッパーネットワーク

投稿者：isc_blog

Yahoo!デベロッパーネットワーク
 Google様だけでなく　ここにもWeb APIがたくさん！

電力使用状況API もあるのね。

2011年5月28日

Google Code Playgroundがすごく便利・・・いや楽しいｗ

投稿者：isc_blog

Googleさんいや、Google様のサービスに「Google Code Playground」というのがあった。

Googleの各種APIを選んで試しまくれます！！！

APIを選択するとサンプルソースが表示されるのでそれをもとにいじることで
「おおぅ！こうなるのか」とか
「おおぅ！すげぇ」とか
勉強になったりします。
私はマップ関係やローカル検索・イメージ検索あたりがお好みですｗ

2011年5月24日

とっても簡単！綺麗にデザインされたスマートフォンサイトが作れます！のサイト

投稿者：isc_blog

smart4me　というサイトで簡単にスマフォ向けモバイルサイトが作成出来るということを
Android SDK逆引きハンドブックの著者のn_aoiさんのツイートで知ったのでちょっといじってみようと思います。

こちらです！↓↓↓
とっても簡単！綺麗にデザインされたスマートフォンサイトが作れます！ – smart4me

まずは・・・ユーザー登録から・・・

アイ・エス・シーの方もその他の皆さんも試してみてください！

サイトが出来たらURL公開します！（予定）

2011年5月23日

今日のあなたの取扱説明書 ver.2

投稿者：isc_blog

今日のあなたの取り扱い説明書をゲットしてください！

Powered By　ISC-WEB
※ページのみ表示

入力された「名前」を元にいろいろ解析（？）して今日のあなたの「取扱説明書」を表示します。

いろいろやってみてください。
日付も関係させてありますので同じ名前でも明日は違う結果が待っています。

バージョン２では
任意の結果表から結果を出力することが出来るようにしました。

「項目追加」ボタンで入力欄を増やしてどんどん追加できます。
※項目追加したあとは「名前」を変更してやってみてください。

2011年5月21日

Google Chromeの拡張機能を作ってみる！

投稿者：isc_blog

Google Chrome アドオン　作成　日記

※参考資料
Google Chrome Hello worldの作り方アドオン機能を開発者向けに解禁

ここ↓閲覧しながら進めることにします。
http://code.google.com/chrome/extensions/index.html

開いたら・・・
引用 ——————-
How do I start?
1.Follow the Getting Started tutorial
2.Read the Overview
3.Keep up-to-date by reading the Chromium blog
4.Subscribe to the chromium-extensions group
————————
とあるので

まずは Getting Started tutorial
http://code.google.com/chrome/extensions/getstarted.html

「Create and load an extension」の章を見てやってみる（全編英語なのが辛いけどがむばる）
1.Create a folder somewhere on your computer to contain your extension’s code.
要するにどこでもいいからフォルダ作れってことね。
はい作成。

「GoogleExtension」フォルダをc:\に作りました。

2.Inside your extension’s folder, create a text file called manifest.json, and put this in it:

{
"name": "My First Extension",
"version": "1.0",
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png"
},
"permissions": [
"http://api.flickr.com/"
]
}

作ったフォルダに「manifest.json」って名前で上記のコード記述しろって言ってるよね。

はい、完了！

3.Copy this icon to the same folder:
Download icon.png
同じフォルダにicon.pngをダウンロードしろって言ってるのでダウンロードします。

4.Load the extension.

a.Bring up the extensions management page by clicking the wrench icon and choosing Tools > Extensions.
b.If Developer mode has a + by it, click the + to add developer information to the page. The + changes to a -, and more buttons and information appear.
c.Click the Load unpacked extension button. A file dialog appears.
d.In the file dialog, navigate to your extension’s folder and click OK.

a.レンチのアイコンをクリックして　Tools → Extensions 開く（日本語だとツール→拡張機能）
b.デベロッパーモードが「＋」だったらクリックして・・・
c.「パッケージ化されていない拡張機能を読み込みます…」ボタンをクリック。
d.ファイル選択ダイアログでさっき作ったフォルダを指定して「OK」ボタンをクリックする。

If your extension is valid, its icon appears next to the address bar, and information about the extension appears in the extensions page, as the following screenshot shows.

まぁ、問題なかったらアイコンがアドレスバーの横に表示されて、拡張機能の情報が拡張機能のページに表示されます。次のスクリーンショットのように。
（結構直訳すみません。）

これは問題なかったんだろう・・・

それで次が本題だろう・・・
「Add code to the extension」に入ります。

In this step, you’ll make your extension do something besides just look good.
1.Edit manifest.json to add the following line:

…
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
},
…

「manifest.json」にこの行を追加する・・・
※現在「manifest.json」はこんなソース

{
"name": "My First Extension",
"version": "1.0",
"description": "The first extension that I made.",
"browser_action": {
"default_icon": "icon.png"
},
"permissions": [
"http://api.flickr.com/"
],
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
}
}

2.Inside your extension’s folder, create a text file called popup.html, and add the following code to it:

同じフォルダに「popup.html」っていう名前のファイルを作って
「CSS and JavaScript code for hello_world」をクリックして得たコードをコピペ

2.Return to the extensions management page, and click the Reload button to load the new version of the extension.
拡張機能のページに戻って、リロードボタンを押し機能拡張の「再読込する」ボタンを押す。

3.Click the extension’s icon. A popup should appear that displays the contents of popup.html.
その後、アドレスバー横の機能拡張アイコンを押すと「popup.html」のコンテンツが表示される・・・

It should look something like this:

If you don’t see the popup, try the instructions again, following them exactly. Don’t try loading an HTML file that isn’t in the extension’s folder – it won’t work!
Google翻訳で翻訳：あなたはポップアップを表示されない場合は、正確にそれらに続いて、作業手順をもう一度試してください。それは動作しません-拡張機能のフォルダにないHTMLファイルをロードしないでください！

・・・というわけで「Now What?」は現在どうですか？的な感じなので省略します。
「The hosting page, which tells you about options for distributing your extension」
という項目の「hosting」のリンク先に配布方法らしきものが・・・
これは後日・・・

2011年5月18日