最近みなさんがすこしずつ更新してくれるようになったので、キテレツ荘のアクセスがちょろっと増えてうれしい限りです。

今回はGoogle Analytics（以下GA）のカスタム変数とCookieを使って表示を切り替えるテストを簡単に作ってみました。

『あなた、最近Analyticsネタばっかりね』

って突っ込みは承知の上です。

『これでなにができんの？』

って言われると使うケースによっていろいろ考えられるのですが、

例えば、『新規ユーザー』、『一定期間内に訪問してくれたユーザー』、『商品を買ってくれたユーザー』によって

表示を切り替え＆GAで集計できます。

まず簡単にテスト。

下のどちらかをクリックしてみてください。

値がTEST1の場合
値がTEST2の場合

違うものが表示されましたか？

でもＵＲＬは一緒です。

一度ページを閉じて直接ＵＲＬをクリックしてもらっても、最後にみたやつが表示されてると思います。

これは変数名をCookieで保持してるからです。

ブラウザのCookieを消してみてください。

表示がわかるかと思います。

ちなみにGoogle AnalyticsユーザーのCookieの保持期間は2年間。

長いわ！って人は　_setVisitorCookieTimeout(cookieTimeoutMillis)関数で調節してください。

_gaq.push(['_setVisitorCookieTimeout', ここに保持期間を入れる]);

参照：GAトラッキングコード基本設定

こなれているプログラマな方々ならPHPなどを使ったほうが良いものができるかと思います。

GAのカスタムレポートを好きなように設定すれば、その後のユーザーの行動を確認できます。

あくまでも簡易的なものとしてこんな使い方もできるってわかってもらえると書いた価値があります。

作り方につきましては、割愛しますので興味のある方は下記のサンプルから。

基本的にググってコピペで作ったものですので、使いやすいものができたら教えてくださいｗ

※いつもながら素人な感じなので、間違っていたりしたら注意してください

今回のテストサンプルデータをダウンロード

ご無沙汰してます、もーりーです。

今月には久しぶりの勉強会と称した飲み会でもやろうかなと思ってますので、 ひさしぶりに更新してみました。

ATND : WEB勉強会&飲み会～京都ではんなり勉強会～

今朝コリスさんで見つけたjWertyというおもしろそうなスクリプトがあったので、1時間ほど遊んでみました。

コリスさんのことろにありました、
上上下下左右左右BA（コナミコマンドってゆーんですね。。）でイベントを一つ用意してみたので試してみてください。

地味に動作不良があったのでctrl+shift+Vに変更しました。

jwertyサイトからjsファイルをダウンロード（zipでダウンロードCtrl+Alt+z）し、読み込ませ、
あとはサイトにあるキーをそのままコピペしてやれば簡単に実装可能。

ぼくはJavascriptはまったく書けませんが、jQueryとも問題なく共存できるようなので
こちらで用意しました。

jWerty 

めっちゃ簡単に実装できるのでアイディア次第ではユーザビリティの改善案などに盛り込めるかもしれません。

モバイルサイトではaccesskeyは結構使うことは多いと思いますが、PCサイトではそれほど見ないような気がします。

遊び心のあるアイディアでちょっと試してみてはいかがでしょうｗ

どっかからパクってきた画像すません

ども、なぜか無知の知ではじめて見ました、もーりーです。

久々の更新ありがとうござます。

今日は日常的によくつかうけど、あんまり仕事として使ってる人は

いないかもしれないなというツールのご紹介。

ボクは仕事でよくGoogleAnalytics（以下GA）でクロスドメイン設定をさせられるのですが、既存のサイトによって従来のタグであったり、非同期タグであったり、e コマーストランザクションがあったりプロファイルID（UA-XXXXXXX-Xってやつです）が複数あったり、とほんと実に様々なケースがあります。

当然、そのサイトごとの記述によってはいつも通り設定してるはずなのにきちんと集計できないケースがあります。

それはまぁボクがあまりGAのことをよくわかってないからという理由があるのですが。。。

非同期タグになって多少集計が早くなったようなのですが、通常GAの集計には早くても1時間程度はかかってしまうようです。

一回クロスドメイン設定して、確認のために1時間待ってからGA上で集計できてるか確認するのはちょっとイケテナイですよね。

（お恥ずかしいですが、以前はずっとそれやってました）

そんなとき、ケースによってよく使ってるのがこちら

Edit This Cookie

Google Chromeの拡張機能でブラウザで今見てるサイトで保持してるクッキーを簡単に見れるもの

Edit This Cookieはこちらからどぞ

あまり複雑なことはよくわからないですが、Googleで「kiteretsu-so」というキーワードで検索してキテレツ荘にアクセスした場合、以下のような形になります。（utmctr というのがキーワードですね）

Google Analyticsは通常Cookie単位で保持されるようなのでこれを見れば一発でわかります。

クロスドメインであれば、違うドメインに移って上の画像で .kiteretsu-so.com　となっているドメインが違うものになってもちゃんと utmctr にキーワードがあれば保持できており、

設定がうまくいっているということがすぐ確認できます。

これ使わなくてもすぐわかる方法いくらでもあるんですがまぁ直感的にわかりやすいし、他の値も見やすくて楽ということでｗ

さて、上記の場合、検索してサイトへアクセスしてキーワードを保持してるか確認！なんてやり方ですが、これって結局検索エンジンにインデックスされてる、いわば本番環境じゃないと試せないことですよね。

普通、動作検証なんてテスト環境でやるもんだせッ！

どうかしてるぜッ！

というこのともありますので、通常の検索経由と同じようなキーワードをCookieに入れるために↓

_ ･`｡))つ　Google Analytics URL 生成ツール

URL 生成ツールはこちらです

使い方は超簡単でやす。

*の各必須項目を入力するだけ。

以上。

あとは生成されたURLにアクセスすればOK。

__utmzを確認したらちゃんとついてますよね。

別に手打ちでもいいんですがｗ

これなら別に　ジャバスクリプトとかクッキーとかわからないよ、ぼかぁ　と言う人にも使えると思う。

っと、こんなどうでもいいような話でしたが、まぁ何かのきっかけになればいいかなと思っております。

キテレツ荘はこれからもユル～く更新していくつもりなのでどうぞよろしく。

ようこそのお運び、厚く御礼申し上げます。

キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。

クーラーをつけずに扇風機で我慢しています。

もう、その我慢も限界ですがなにか？

アンドロイド所持者のわたくしですが恩師の壮大な計画に巻き込まれる形で

iPhoneアプリ開発講座なるものに通うことになりました。

※iPhoneプログラミング講座の詳細はコチラ　>>>

前回、お取り寄せで沖縄からMBP、アマゾンの堺倉庫よりMacOS10.6をGETしたワタクシですが、

実のところ、アンドロイドアプリ作ろうと思ってアンドロイドSDKのEclipseもインストールしましたが、

それどころではなく、Xcodeと格闘しております。

こんなことでiPhoneアプリを作れるようになるのか？

現在進行形で送るこの記事群の結末に関してはワタクシ自身も知りません（笑）

それでは本人の備忘録も兼ねた【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】の第二回、【ハウチーXcode編】スタートです。

ここでiPhoneアプリに必要な二つの要素を挙げてみます。

1.開発キットであるXcodeと呼ばれるIDE

2.開発言語であるobjective-C

この二つは切っても切れないものですが、

当分はobjective-Cについては忘れます！

この記事読んでくれている方々も一旦忘れてください！

何故かって？

Xcodeの使い方とobjective-C言語、どっちも覚えられないからです！！！

この時点ではまずXcodeの使い方を覚える方がプライオリティ（優先度）が高いと判断したので言語については忘れます。

これは前回の記事で宣言した「わからないものを無理して覚えない」理論です。

ではXcodeを触っていきます。

1.NewProjectのタイプを選ぶ。赤○のところ選びます。

2.新規ファイルのテンプレートを選びます。

3.ファイル名を決めてあげます。今回のファイル名は「sample」とします。

NewProjectからの一連の流れはそんなものだと思ってください。

さて、ここでアプリのベースを選ぶ画面があります。

このXcodeくん、賢くてですね、最初から何パターンかアプリのベースを用意してくれてます。

このテンプレートの選択によってはいきなりボタン押して画面遷移とかできちゃったりします。

このあたりはそのうち解説します。

とりあえず今回はXcodeをおいしく頂くための基礎ということなので「View-based-application」を選択します。

「View-based-application」というテンプレートは何も配置されていない一番オーソドックスなテンプレートです。

それではXcodeの画面を見ながら確かめていきます。

-

1.ナビゲーター領域

いろいろ最初からファイルが生成されております。

• sampleAppDelegate.h
• sampleAppDelegate.m
• mainWindow.xib
• sampleViewContllore.h
• sampleViewContllore.m
• sampleViewContllore.xib

このあたりのファイル生成はほとんどどのテンプレートを選択しても生成されます。

そんなものだと思いましょう。

では見慣れない拡張子の解説。

.h　　ヘッダーファイルと呼ばれるファイル。主に宣言文を書きます。

.m　　メソッドファイルと呼ばれるファイル。主に処理文を書きます。

.xib　 エクシィブファイルと呼ばれるファイル。主に画面のレイアウトを司ります。

ここでWeb関係の方にはわかりやすい例えをします。

.h　はhtmlでいうところの<head></head>の中身です。表示にはなんら関係ないですがないとhtmlとして成立しません。

.m　はhtmlでいうところの<body></body>の中身です。ここにタグがかかれていないと何も表示されませんよね。

.xib　はDreamWeaverでいうところのデザインビューと同じで見た目を現します。htmlと違うのは見た目はxibで設定してやるということです。

ここでFlasherな方にもっとわかりやすい例えをします。

.h　はflashでいうところのタイムラインのasです。

.m　はflashでいうところの外部クラスです。

.xib　はflashでいうところのメインステージです。

上記イメージはあくまでも考え方のイメージであって実際にはXcode上において本来の役割があります。

が、あえて暫くはそういうイメージを持ってハウチーしてます。

2.インスペクター選択バー

アプリのビュー（見た目）の設定変更ボタンです。適当にいじってみましょう。

では次に、ボタンを押したらテキストが出たというアプリを作ってみます。

1,ナビゲーター領域から「sampleViewContllore.xib」を選びます。

2.インスペクター選択バーでユーティリティー領域を表示させライブラリーペインから「Round Rect Button」をドラッグアンドドロップでエディター領域へ。便宜上、紐付けと呼びます。

3.同じく「Text Field   」をドラッグアンドドロップでエディター領域へ。

4.このようになります。

5.2で追加したボタン上で右クリックするとこのようなウインドが表示されます。

このウインドウをOutletteと呼んでおきます。

TouchDownの項目の白○のところをクリックしたまま「sampleViewContllore.h」の@endの直上まで誘導して離します。

「Name」の欄に"button"と入力しましょう。

おなじようにTextFieldも右クリックでOutletteの接続設定をしましょう。

ここではNew Refrance Outlette の白○を「sampleViewContllore.h」の@interface{}の間まで誘導して離します。

「Name」は"text"と入力しましょう。

ただしく設定できていると下のようになります。

はい、おなじようになっていることを確認してください。

えー、ここまで設定した内容はこれからの基本になります。

が、今回は深く考えないでよいです。

で、上図の赤の二重線の項目を追加してください。

• ［text textSet:@”押したぜよ”］;

では、アプリ左上の再生ボタンをポチっとしてみましょう。

はい、どーん！別名ビルドという行動です。

ビルドすると上の図のようにシュミレーターが立ち上がります。

ボタンを押してらテキストが出ましたね。

では、もう一度、上の図を確認します。

赤で線の引かれているところが、オブジェクトを追加した際に自動で記載された箇所です。

二重線の箇所が追記した箇所です。

結論、プログラムっぽいことをしたのは二重線のところだけです。

ね、一旦Objective-Cを忘れても問題ないでしょ！？

さぁ、いかがですか？

理屈はおいといてまずはボタンをおしたらテキストが出たアプリができました。

理屈はとりあえずほっときましょう。

ということで今回覚えておきたい用語です。

• .h
• .m
• .xib
• アウトレット（Outlette）
• 紐付け
• はい、どーん！(ビルド)

とりあえずこれくらいでいいと思います。

これ以上はしんどいので続きは次回の機会にいたします。

ということで長くなりましたが【ハウチーXcode】でした。

次回は【Xcodeと親密になりたい！】です。

 SeeYou　byebye！

かしこ

※このシリーズは週一程度で更新されていく予定です。

※一応アプリル株式会社の了解を得て記事にしております。

キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。

この時期、カフェでアイスコーヒーを飲みながらUKロックなぞ聞いてるとフェスりたくなります。

が、そんなことはおいといて、本日のお題はこちら。

【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】

アンドロイド所持者のわたくしですが恩師の壮大な計画に巻き込まれる形で

iPhoneアプリ開発講座なるものに通うことになりました。

※iPhoneプログラミング講座の詳細はコチラ　>>>

えぇ、旧ザクよろしくばりのMacG4を兄より譲り受けて早2年。

ブラウザチェックのために3回程度しか起動させないほどのWindowsユーザーが

果たしてiPhoneアプリを作れるのか！？

現在進行形で送るこの記事群の結末に関してはワタクシ自身も知りません（笑）

それでは本人の備忘録も兼ねた【短期連載！Mac初心者がiPhoneアプリをつくってみた！（予定）】の第一回、【Xcode4導入編】スタートです。

■iPhoneアプリを作るのに必要なもの

・Mac（MacOS10.6以降のCore2プロセッサー以上搭載のマシン）

・iPhone、iPad、iPodTouchのいずれか（iOS4以上推奨）

・気合いと脱力と妄想力

以上になります。たぶん本当に。

えぇ、iPodTouchを持っていたのでMacが手に入れば講座いきますよ！と返答したのでまずはMac探しをして、

結局ヤフオクで1.5世代くらい前のMacBookPro（以下MBP）を購入。

沖縄よりやってきたMBPは思いのほか綺麗でバッテリー以外は問題なしでした。

が、ここで問題！

OSがMacOS10.4だと！

ここでひとつ解説をすると、iPhoneアプリを開発するデベロッパーキット（以下IDE）をXcodeと呼びますが

このXcodeの最新版がMacOS10.6以上でないと動かないのです。

OhOpps!

OS買わなきゃなのか？・・・はい、結局買いました。（ただ、ちょっと安く手に入れる方法があったのでそれで。）

OSが手元に届いた後、早速アップグレード作業をしてBootCampでWindowsXPを入れようと思ったのですが、

どうにもこうにも我が家のXPsp3が入ってくれない。（appleのアナウンスもWin7対応。ただしサポートに連絡すれば解決するかもだそうです）

7はすんなりインストできたのですが、この7のライセンスは別のマシンに使ってるのでとりあえず諦めました。

が、この作業を通じてMacというものを少し理解できたのがよかったです。

TimeMachineという機能があるのですがこれが素晴らしいバックアップツールでした。

定期的にみなさんもTimeMachineを利用してください。

さて、次にXcode導入！ですがその前にMac暦2ヶ月のお役立ち情報。

■ショートカット（基本はWindowsと一緒でCtrlキーがCommandキーになるだけ）

・space+ファイル　　　imgやPDFを専用ビューワーで閲覧できる

・Command+tab　　　winのalt+tabに相当。アプリの切り替えにどうぞ。

・Command+shift+4　winのプリントスクリーン(範囲指定)。

・Command+shift+4+space　winのプリントスクリーン(ウインド単位)。

・Control+トラックパットスクロール　拡大

その他ショートカット集　>>>

■豆知識

・windowsフォントはインストールできます。fontフォルダにコピペでOKです。

・Exposeと呼ばれる機能は作業効率をアップします。（画面4隅にショートカットを割り当てる機能）

これだけで随分とマカーになった気になれます。が、あくまでもその気だけです。

さて、いよいよXcodeの導入です。正確にはXcode4ですね。

このXcode、今年度よりAppStoreで600円で購入するようになったのです。やれやれです。

で、インストールをします。

これで開発環境はできました。

このXcodeにはCocoaというフレームワークや

iPhoneシュミレーターが統合されております。

なんのこっちゃわからなかったですが、そこはスルーします。

大事なのは開発環境が整ったということです。

ただし、iPhoneシュミレーターは完璧ではなく、

加速度センサーやジャイロ機能、Bluetooth機能など一部検証できないということは覚えておきます。

そのあたりまで確認しようとすると実機での検証が必要になります。

しかし、今のままでは開発はできますが実機での検証やAppStoreの登録ができません。

なんと、ここでDeveloper登録（\10,800）が必要に。

AppleIDをもって登録しましょう。

詳しくはこちらの記事などを参考にしてください。親切に書かれてあります。

iOSアプリ開発の準備 >>>

固体識別番号やらプロビジョニングキーとかぶっちゃけ訳わかりませんが、記事通りで問題ナッシングです。

はい、わからないものを無理して理解しようとするより、必要になるまで深く考えないスタンスがここで重要になってきます。

実際にXcodeを触りだして、余計に感じる事でもあります。

これはサボレといっているのではなく、どうしても知る必要が出たときに深く考えようという事です。

何故か？

時間は有限だからです。

もちろん、ポイント、ポイントでは壁にぶつかる必要もあるのですが、

そのときには周辺の理解力も上がっているはずなので効率良く覚えるためのワタクシなりのコツです。

ということで長くなりましたが導入までの序章でした。

次からは実際にXcodeを使ってアプリもどきなどを作成していきます。

次回は【xcodeとはなんぞえ？】です。

 SeeYou　byebye！

※このシリーズは週一程度で更新されていく予定です。

※一応アプリル株式会社の了解を得て記事にしております。

キテレツ荘で暗部を担当しております、かしこい風なだけのかしこです。

新メンバー"けんちき"の入居祝いを兼ねて一本記事を書きやした。その内容とは・・・？

さて、昨今気付いているか気付かぬ内なのかはわかりませんが

URL短縮サービス、もしくはURL短縮システムというのを多く見かけます。

なんじゃいそりゃ？

いえいえ、ご存知のハズです。

例えば、Twitterで写真をtwitpectやInstantgramへアップロードしたときや、URL貼り付けた時。

気付かぬ内に短縮されたURLになっていることが多々あるはずです。

firestrageにも短縮URL発行とかって機能もありましたね。

あと、pixivの[p.tl]とか。

今回はそのあたりの仕組みを作りながらお勉強したいと思います。

まずは…短縮URLサンプル。

そしてたった数ステップだけでこのサービスが作られていたことに思わず真似したくなるでしょう。

まずこのURL短縮の目的と仕組みですが以下のようになっていると思います。（たぶん）

■目的

長いURLだと煩わしい、もしくは文字制限のあるツールに貼り付けるには長すぎる。

こういったものを解消するために考えられたものだと思います。

故にこのサービスを展開するには極力短いドメインが必要になってきます。

上記記載のpixivのドメイン名は[p.tl]ですから。

※今回はドメインは用意していないのでドメイン関連箇所は各自考慮して頂きたい！

■仕組み

webサーバーにおいて現在のページから他のURLに転送できる仕組みがいくつかあります。

この中で「.htaccess」と呼ばれるwebサーバーの設定ファイルのようなものを利用して転送させます。

この.htaccessに短縮前のURLと短縮後のURLを所定の記載ルールにのっとって記載してやると転送します。

短縮URLというぐらいですからドメイン以降のURLも短く、且つランダムに設定してあげましょう。

1．ユーザーが短縮前URLを入力

2．短縮後ランダムURLを生成

3．短縮前URLと短縮後URLを所定の形に成型して.htaccessファイルに追記していく。

以上になります。

論ずるより触るがよろし！

ということでこちらにサンプルをご用意しました。

短縮URLサンプル

さて、お勉強です。

1については割愛しても問題ないでしょうかね。

formメゾットをpostにして書き込みルーチンにデータを送ってます。（getでも構いませんがサービスとしてならpostでしょうか。）

2についてはややこしい部分ではありましたが、幸いランダム生成の記事を書いてくださっていた方がいらっしゃったので利用させていただきました。

1.     function getRandomString($nLengthRequired = 6){
2.         $sCharList = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_";
3.         mt_srand();
4.         $sRes = "";
5.         for($i = 0;$i<$nLengthRequired;$i++)
6.             $sRes .=$sCharList{mt_rand(0,strlen($sCharList)-1)};
7.         return $sRes;
8.     }
9.    
10.     $rand = getRandomString();

まぁ、みたまんまです。

3については書き込みとリダイレクトの構文を一気に解説します。

1. $shorten = $_POST['shorten'];
2. $file = '.htaccess';
3.  
4. $write = "Redirect permanent /kashiko_work/shorten/$rand $shorten\n";
5. $text = "http://www.kiteretsu-so.com/kashiko_work/shorten/$rand";
6. print "発行された短縮URLは【".$text."】です。";
7. print "<br /><br /><br />";
8. file_put_contents($file, $write, FILE_APPEND | LOCK_EX);

Redirect permanent A B　と記載することでAのURLにアクセスがあればBへ転送しなさいという意味になります。

Aというのは2でランダムに生成したサーバーのルートからのURLになります。

Bというのはpostで飛ばされてきたデータそのままです。

若干解説をすると1行目で入力画面からのPOSTデータを変数$shortenに入力

２行目で書き込むファイルを指定

4行目で書き込む形に整形して、５行目は見た目の整形

8行目でファイル書き込み指示です。

この形で.htaccessファイルに追記できればいいので

file_put_contents($file, $write, FILE_APPEND | LOCK_EX);

で追記しましょうね。と指示されています。

file_put_contents関数の第一引数は追記するファイル名、第二引数は追記する内容、第三引数は書き込みモードです。

今回の"FILE_APPEND | LOCK_EX"というのは追記します。そしてファイルにアクセスしているので他のアクセスは禁止しますという記載方法です。

詳しくは別途Google先生に聞いてみてください。

さぁ、いかがでしたでしょうか。簡単でしょｗ

実際のところphp10行くらいでできちゃってるんですから。

これを勉強するメリットは2つあります。

まず、既存のサービスは結構簡単に作られているんだよ。ということを理解できる。要するにアイディアなわけです。

次にphpという言語の見せ場のひとつ、ファイルにデータを書き込むということを理解できる。

実際にこれをサービス化するのであればセキュリティー対策とランダム発行のURLに重複がないかどうかをチェックする仕組みを入れてやらなければいけませんが・・・

それでもここまでできれば余裕じゃないでしょうか。

今回は既存サービスの仕組みを分解・理解・再構築のステップを踏まえたphpのお勉強でした。

ちなみにタイトルは以前のもーりーの記事「本当に読んでほしいならタイトルにこだわるべき」から参考にしました。

かしこ。

昨今Ajax隆盛の中、じゃ、普通のJavaScript（以下JS）ってどうなのよ？ってところですが
ふとした時に便利な子です。

ん？前回の記事の前フリまんまコピペじゃないですかー！？

ということで製作現場で役立つJavaScriptの簡単なTipsをお送りします。

今回はJSを使ってgetでデータを受け取ってみたいと思います。

さて、getでデータを受け取ってみたい。。。とはなんぞえ？

「http://hogehoge.jp/index.html?hoge=1&abeshi=5」みたいなURLがあったとしたら・・・

?hoge=1&abeshi=5の部分がgetという方式でデータを送っている部分です。

本来、こういった処理はPearとかphpとかでやるんですがね・・・

phpだと「$_GET['hoge']」と書けば簡単に取得できるんですが敢えてJSでやります。

まずは論ずるよりサンプル確認。

■クリックしてサンプル確認■

ではそのソースとちょびっと解説。

1. <script type="text/javascript">
2. <!–
3. function init() {
4. var arr=Array();
5. var vl=Array();
6. var ss = "";
7. var vl = "";
8. var kiteretsu=location.search;
9. if(kiteretsu) {
10. var k = kiteretsu.replace(/^\?/,'').split('&');
11. for(i=0 ; i<k.length ; i++){
12. var pair=k[i].split('=');
13. arr[pair[0]]=pair[1];
14. ss += pair[0] + " = " + pair[1] + "\n";
15. if(i==0){
16. vl = pair[1];
17. }else if(i==1){
18. vl2 = pair[1];
19. }
20. }
21. }
22. alert(ss);
23. window.onload= init;
24. //–></script>

1行目で関数つくります。

8行目、「location.search」でgetパラメータを取得します。

10行目、「&」があればデータを分割します。

12行目、「=」でデータを分割します。この時にpairという変数に「=」の前後の値が格納されます。

14行目で変数SSに所得したデータまんま入れてます。これは22行目のalertに渡してます。要は確認用なので不要な場合は削除可能です。

15行目から19行目に関しては取得した変数をこの後使い勝手がいいようにvl、ｖｌ2という変数にいれてあります。getパラメーターの数が増えればここの処理は増やします。（うまく書けば処理短縮できそう）

23行目はページがロードされた時に実行と指令です。

さてさて、これでJS内でのif文が構成しやすくなり、使い勝手の幅は広がります。

あとは「document.○○○.src」やら「document.getElementById('□□□')」とかと絡めていけばJSだけでphpと同じ様な事がある程度実現できます。

その辺りの実際の書き方なんぞはサンプルで確認してください。

phpが走らない環境とかではある程度これで代替はできるようになります。が、それってどんなシーンなのかはあまり想像できませんが（苦笑）。

が、こういうこともできるんだよーっというJSのTipsでした。

かしこ。

ちょっと仕事でEC CUBEを使ったサイトを改修した際にやったところを自分のコピペ用にメモ書きしておきます。

EC CUBE自体にも売り上げを計測できる機能はありますが、Google Analyticsを使って分析したい場合には絶対にやっておいたほうが良いところだと思います。

既に周知の内容かもしれませんが、何かの役に立つと嬉しいです。

ループ処理用のスクリプト

/data/class/pages/shopping/LC_Page_Shopping_Complete.php　の133行目あたりに下記追加。

コンバージョンタグを設置

あとはコンバージョンタグは下記のどちらに書いてもＯＫです。

■普通のやり方

■一つのフィルにまとめる場合とか

/data/Smarty/templates/default/site_main.tpl　の </body> の直前に

最後に

Twitterにてパワハラを受けてので記事を大急ぎで書き上げました！！！

昨今Ajax隆盛の中、じゃ、普通のJavaScript（以下JS）ってどうなのよ？ってところですが
ふとした時に便利な子です。

製作現場で役立つJavaScriptの簡単なTipsをお送りします。

クライアントに納品するまでは基本的には自サイトで製作、確認することになるかと思います。
普段はそれで問題ないのですがGoogleMapのAPI Keyはドメイン毎に発行されているので自サイトとクライアントサイトで正常に動作しない状態になります。
そんな時にJSです。

【一般的なAPI Keyの記述】

<script src=”http://maps.google.com/maps?file=api&v=2&key=○○○○○…○○○○○”　type=”text/javascript”></script>

【JSを使ったマルチドメイン対策記述】

<script type=”text/javascript”>
var domain = location.hostname;
if( domain==”www.kiteretsu-so.com”){

$gApiKey=”=○○○○○…○○○○○”;

}else if( domain==”www.kiteretsu-so.jp”){

$gApiKey=”=□□□□□…□□□□□”;

}
var src =’<’+'script src=’+'”‘+’http://maps.google.com/maps?file=api&v=2&key=’+$gApiKey+’”‘+’type=”text/javascript” charset=”utf-8″><’+'/script>’;

document.write(src);

</script>

※Aサイト：www.kiteretsu-so.com Bサイト:www.kiteretsu-so.jp　とする。

===========================================

さてさて、如何でしょうか？
JS自体はシンプルなif文です。吐き出しに際してシングルクォーテーションで囲ってやらないと正しいhtmlにならないのでそこだけは注意です。

応用としてはアナリティクスをドメインごとにチェックするとか、まぁ、いろいろ考えれます。

それにこれはJSの基本であるif文でもあるのでこれを気にJSも触ってみてよ。

しかし、これだけで公開時のチェック項目がひとつ減らせるので是非参考にしてください。

かしこ。

私、数年前からソーシャルブックマークのdeliciousが好きすぎて、SBMに関するネタを日夜探してます。
で、もはや古株やけど気になってたサービス、一気にアカウント作成！
…と思ったけど中々進まないので、とりあえず列挙。見切り発信！

気になるSBMたち

springpad
http://springpadit.com/
・SBM＋evernote
Shadows
・サービス終了してた

diigo
http://www.diigo.com/
ブックマークにハイライトやら付箋が付けられてしかもそれが共有できる。
スマートフォンなどのアプリも充実。

digg
http://digg.com/
他のサービスと比べて、ランキングっていう要素が大きい。
あとはdeliciousにはない、コメントにコメントつけられるのかいいなあ。

Faves（旧 BlueDot）
http://faves.com/
・ニュース、動画、音楽などのカテゴリ（Gruop）に分けて人気サイトが見られるのはいいかも。
・サムネイルでるのってやっぱいいよね。
・DiggとDeliciousを合わせてGoogle Readerを付け足したような便利なツールだ。（by techcrunch）

Spurl
http://www.spurl.net/
・公開と非公開なブックマークを分けられる。

blinklist
http://blinklist.com/
・ユーザー間交流みたいなプチ機能もついてる。

Netvouz
http://www.netvouz.com/
・特筆すべき点がすぐには見当たらない…

こんな感じ。

所感

調べてたら、TechCrunchの記事がかなりの頻度でヒットした。
が、大概が2005～2007とかの情報で、こんな昔から運営されてたサービスを今更知る…ショック（´｀）
5年前とか、普通に社会人やってたのに何で…。

実際使えるかな？

diiigoとかすごい面白いなあと思ったけど、deliciousに相当入れ込んでるし使い続けるのは難しいかなあと思う。

こういうサービスってそういうものかも。最初に使われたもの勝ちちゃうかなあ。

ロケタッチとかはてなココ、facebookのcheckinもやりたいなって思うけど、
foursquare使っちゃってるし、そこにたまったログはおいときたい。

画像系のSBMは使ってみたいのいっぱいあるけど、tumblrメインやからどうなるかまだわからん。

ミニブログはtwitterで相当コミュニティ出来てしまったし、イチからネットワーク作るのしんどい。その関連で写真アップロードもtwitpicからは抜けられへんなあ…。

一方、facebookは最近使い始めたけど、ちょうどSNSなにもやってなかったからやし。案の定、Orkut（GoogleのSNS）試してみたけど続かない…。

結論？

まあ、最初に使われたもの勝ちってのはなんでもそうかな。
ウェブ制作会社とかね…。