お試しあれ！: 基礎

ラベル基礎の投稿を表示しています。すべての投稿を表示

2012年8月1日水曜日

google analyticsをおさらいする（アカウント作成編）

webサイトを運用する上で欠かせないのがアクセス解析。

有料･無料を問わず、様々なサービスやツールがありますが、やはりもっとも有名なのがGoogleAnalytics（以下GA）ではないでしょうか？
GAの標準レポートだけを見ていてもいろいろとわかるのですが、突っ込んで調べてみると、もっといろいろなことがわかるはず！ということで、メモがてら実験を行ってみようと思います。

基本的に初心者が独学でやってますので、ツマラナイ内容になりましたらごめんなさい（笑

何はともあれまずはGAにアクセス！

http://www.google.com/intl/ja/analytics/

当然のことながらGoogleアカウントが必要ですので、あらかじめ作成しておいてください。

「sign up」をクリックしてアカウントを作成します。

入力するのは
Account Name　　　・・・アカウント名
Website's URL　　　・・・設置先のURL
Time Zone　　　　　・・・タイムゾーン
Industry Category　・・・コンテンツのカテゴリ

「Data Sharing Settings」ですが・・・よくわかりません（＾＾；
・With other Google　products only ・・・AdWordsやAdSenseなどのgoogleのほかのサービスと連動させる場合にチェックをいれるようです。
・Anonymously with Google and others　・・・webサイトの指標を向上させるためのデータ取りができる？

まぁ、そのあたりはおいおい勉強することとして、とりあえずは両方チェックを入れた状態で「Create Account」ボタンをクリックします。

するとアカウントが作成されて、ホーム画面にアクセスできます。

私の場合はなぜか、英語の画面でしたので、画面左上の「Settings」から「Language」を日本語にして「Save User Settings」を押して日本語画面にしました。

2012年6月5日火曜日

三項演算子ってなんかプロっぽい

三項演算子はif～else文をとてもシンプルに、そしてプロっぽく書ける技！
マスターするべし！

(例）


<script>
 var sex='';
 if (sex == '男性'){
  price=5000;
 } else {
  price=3000;
 }
</script>

これがこう書ける


<script>
 var sex='';
 price = (sex == '男性') ? 5000 : 3000;
</script>

2012年6月4日月曜日

javascriptの基本例文メモ(3)

・Blowser Object Model（BOM）
・Document Object Model（DOM）
・イベント処理
・タイマー処理


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
 <h1>Javascriptの勉強</h1>
 <p>僕の名前は<span id="myName">@wknin</span>です！</p>
 <p>価格：<input type="text" id="price">円</p>
 <p><input type="button" value="クリック" id="myButton"></p>
 <script>
  //Browser Object Model (BOM)
  
  console.log(window.innerHeight); //ブラウザの高さ
  
  //window.location.href ="http://google.com"; //ページジャンプ
  
  //Document Object Model(DOM)
  
  console.log(document.width);
  document.body.bgColor='red';
  
  var e = document.getElementById('myName');
  e.innerHTML="わくにん";
  
  var n = document.getElementById('price');
  n.value=500;
  
  //event
  var t = document.getElementById('myButton');
  t.onclick = function(){
   alert("クリックされました");
  }
  
  //タイマー処理
  //setTimeout：一定時間後に何かする
  
  setTimeout(function(){
   console.log("2秒経ちました");
  },2000);
  
  
  //setInterval：一定周期ごとに何かする
  //とまらないので注意
  
  var i=0;
  setInterval(function(){
   console.log(i);
   i++;
  },1000);
 </script>
</body>

</html>

javascriptの基本例文メモ(2)

・配列
・連想配列
・オブジェクト（文字列・日付・数学）


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
<h1>Javascriptの勉強</h1>
 <script>
  //配列
  
  var sales0=100;
  var sares1=200;
  var sares2=150;
  
  var sares=[100,200,150];
  
  console.log(sares[2]+sares[1]);
  
  
  //連想配列
  
  var sares={'year2000':100, 'year2001':200, 'year2002':150};
  console.log(sares['year2002']);
  
  
  //Javascriptオブジェクト
  //日付・数値・文字列
  
  var s = new String("this is a pen."); //new String()は省略可能
  
  console.log(s.length);  //プロパティ（属性）
  console.log(s.substr(2,2));　//3文字目から2文字
  console.log(s.replace("pen","pencil")); //置換
  
  //array
  
  //var a = new Array(12,33,44,55);
  var a = [12,33,44,55];
  
  console.log(a.join("|"));
  console.log(a.reverse());

  //Dateオブジェクト
  
  //var d = new Date(2012,5,22,7,44,5); //月：0～11
  
  var d = new Date();
  console.log(d.getMonth()); //メソッド(処理) ()がついてるかどうか
  console.log(d.getTime()); //ミリ秒　（計算に使うケースが多い）
  
  //Mathオブジェクト
  //プロパティ
  console.log(Math.PI);    //円周率
  console.log(Math.SQRT2); //2の平方根
  //メソッド
   var x=5.238;
  console.log(Math.floor(x)); //切捨て
  console.log(Math.ceil(x)); //切り上げ
  console.log(Math.round(x)); //四捨五入
  console.log(Math.random()); //ランダム
  
  
 </script>
</body>

</html>

javascriptの基本例文メモ(1)

・変数
・演算子
・条件分岐(if/switch)
・ループ（while/for)
・関数


<!DOCTYPE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
 <title>JavaScript</title>
</head>
<body>
<h1>Javascriptの勉強</h1>
 <script>
  // 変数:データにつけるラベル
  // データ型
  var message = "Hello World, Again!"; //文字列
  var d1 = -5.5;
  var d2 = true; //boolean
  var d3 = undefined; //定義されていない
  var d4 = null; // なにもない
  //alert(message);
   //代入演算子
  var x = 5;
  //文字列に関する演算子
  var s="hello" + "world";
  
  // 数値に関する演算子
  var x = 5%5; //余り
  x += 5; //x = x + 1
  x++; // x = x + 1
  x--; // x = x - 1
  
  //条件分岐　(if)
  var score = 80;
  
  // == 同じ　!=否定
  if (score >= 70){
   alert("合格！");
  } else if( score >= 30){
   alert("不合格！");
  } else {
   alert("最悪！");
  }
  
  //条件分（switch）
  var direction="right";
  switch(direction){
   case "right":
    x = x + 10;
    break;
   case "left":
    x = x - 10;
    break;
   case "up":
    y = y - 10;
    break;
   case "down":
    y += 10;
    break;
   default:
   //例外処理
    break;
  }
  
  //ループ(while)
  
  var i = 0;
  while(i < 10){
   console.log(i);
   i++;
  }
  
  //ループ (for)
  
  for(var j = 0; j < 10; j++){
   console.log(j)
  }
  
  //関数(aとbは引数
  function sum(a,b){
   return ( a + b );
  }
  
  var result = sum(50,33);
  
  alert(result);
  
  function getPrice(x){
   var rate=0.82; //rateは関数内だけで有効
   return (x * rate);
  }
  
  console.log(getPrice(83));
 </script>
</body>

</html>

お試しあれ！