1. 移動は完全に車。電車はあるが、田舎なので歩いて行けるところに駅はなく、現実的な移動手段になり得ない。
2. 運転中に電話はできない(あたりまえ)。
3. 仕事であろうとプライベートであろうと人と会っているときは、基本的に相手に失礼なので電話に出ない。メールなら後で見る。
4. そもそも一方的に電話をされること自体にいまだに慣れない、というか嫌い。仕事の電話だとなぜか嫌悪感はない。
5. 電話をしているときは、結局家にいるときが多い。
6. 仕事のやりとりは基本的にPCメールかメッセンジャー。ログが残るので、Todoを忘れにくい。

$isiPhone = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

if($isiPad){
 echo(
 '<link rel="stylesheet" type="text/css" media="only screen" href="(iPad用CSSのパス)" />'."\n"
 );
 }else if($isiPhone){
 echo(
 '<link rel="stylesheet" type="text/css" media="only screen" href="(iPhone用CSSのパス)"\n"
 );
 }else{
 echo(
 '<link rel="stylesheet" type="text/css" media="screen, projection"
 href="(PC用CSSのパス)" />'."\n"
 );
 }

PImage img;

void setup()
{
  size(200, 200);
  img = createImage(120, 120, ARGB); //120px角のイメージとして設定。ARGBのAはアルファ。
  for(int i=0; i < img.pixels.length; i++) { //img.pixels.lengthは14400。
    img.pixels[i] = color(0, 90, 102, i%img.width * 2); //アルファ値0〜240
  }
}

void draw()
{
  background(204);
  image(img, 33, 33);
  image(img, mouseX-60, mouseY-60);
}

float max_distance;

void setup() {
  size(200, 200);
  smooth();
  noStroke();
  max_distance = dist(0, 0, width, height); //(0,0)座標から(200,200)座標までの距離を計算。
}

void draw()
{
  background(51);

  for(int i = 0; i <= width; i += 20) { //iは円のx座標
    for(int j = 0; j <= height; j += 20) { //jは円のy座標
      float size = dist(mouseX, mouseY, i, j); //*1.円とマウスポインタの距離を計算。
      size = size/max_distance * 66; //*2.ウインドウの大きさに合わせてさらに計算して、大きさを調整。
      ellipse(i, j, size, size);
    }
  }
}

size(200, 200);
noStroke();
background(0);

PImage img = loadImage("cait.jpg");//写真画像の読み込み
img.loadPixels();//写真画像のロード

int eachW = width / img.width; //6px
int eachH = height / img.height; //6px
int each = min(eachW, eachH); //eachWもeachHも6pxなので、結局6px。

int stripeW = each / 3; //2px(R、G、Bそれぞれのストライプの幅)

each = 3 * stripeW; //6px

int left = (width - (img.width * each)) / 2; //描画を開始するX座標(x=1)
int top = (height - (img.height * each)) / 2; //描画を開始するY座標(y=1)

for (int y = 0; y < img.height; y++) {
  int y1 = top + y*each; //描画するY位置をズラしていく。

  for (int x = 0; x < img.width; x++) {
    int pixel = img.get(x, y);//写真画像の、ある位置の色情報を取得。
    int x1 = left + x*each; //描画するX位置を6pxずつズラしていく。

    fill(red(pixel), 0, 0); //写真画像の色情報から赤だけを取り出して塗りつぶし。
    rect(x1 + stripeW*0, y1, stripeW, each);

    fill(0, green(pixel), 0); //緑だけを取り出して塗りつぶし。
    rect(x1 + stripeW*1, y1, stripeW, each);

    fill(0, 0, blue(pixel)); //青だけ取り出して塗りつぶし。
    rect(x1 + stripeW*2, y1, stripeW, each);
  }
}

int segs = 12;//基本12色
int steps = 6;//明度の段階
float rotAdjust = TWO_PI / segs / 2;//メインループで扇を描画するときに15度ずらすための変数
float radius;//ホイール半径
float segWidth;//減らすホイール半径値
float interval = TWO_PI / segs;//円弧1つの長さ

void setup() {
  size(200, 200);
  background(127);
  smooth();
  ellipseMode(RADIUS);
  noStroke();
  radius = min(width, height) * 0.45;
  segWidth = radius / steps;

  drawShadeWheel();
}

void drawShadeWheel() {
  for (int j = 0; j < steps; j++) {
    color[] cols = {//色情報(RGB)を配列で入れる。
      color(255-(255/steps)*j, 255-(255/steps)*j, 0),//黄色(255,255,0)
      color(255-(255/steps)*j, (255/1.5)-((255/1.5)/steps)*j, 0),//黄橙(255,255/1.5,0)
      color(255-(255/steps)*j, (255/2)-((255/2)/steps)*j, 0),//橙(255,255/2,0)
      color(255-(255/steps)*j, (255/2.5)-((255/2.5)/steps)*j, 0),赤橙(255,255/2.5,0)
      color(255-(255/steps)*j, 0, 0),//赤(255,0,0)
      color(255-(255/steps)*j, 0, (255/2)-((255/2)/steps)*j),//赤紫(255,0,255/2)
      color(255-(255/steps)*j, 0, 255-(255/steps)*j),//紫purple(255,0,255)
      color((255/2)-((255/2)/steps)*j, 0, 255-(255/steps)*j),//青紫(255/2,0,255)
      color(0, 0, 255-(255/steps)*j),//青(0,0,255)
      color(0, 255-(255/steps)*j, (255/2.5)-((255/2.5)/steps)*j),//青緑(0,255,255/2.5)
      color(0, 255-(255/steps)*j, 0),//緑(0,255,0)
      color((255/2)-((255/2)/steps)*j, 255-(255/steps)*j, 0)//黄緑(255/2,255,0)
    };
    //扇を30度ずつ回転させながら描画。
    for (int i = 0; i < segs; i++) {
      fill(cols[i]);
      arc(width/2, height/2, radius, radius,
          interval*i+rotAdjust, interval*(i+1)+rotAdjust);
    }
    radius -= segWidth;//扇半径をsegWidth分だけ減らす。
  }
}

void drawShadeWheel2() {
  for (int j = 0; j < steps; j++) {
    color[] cols = {
      color(60, 100, 100-(100/steps)*j),
      color(40, 100, 100-(100/steps)*j),
      color(30, 100, 100-(100/steps)*j),
      color(24, 100, 100-(100/steps)*j),
      color(0, 100, 100-(100/steps)*j),
      color(330, 100, 100-(100/steps)*j),
      color(300, 100, 100-(100/steps)*j),
      color(270, 100, 100-(100/steps)*j),
      color(240, 100, 100-(100/steps)*j),
      color(150, 100, 100-(100/steps)*j),
      color(120, 100, 100-(100/steps)*j),
      color(90, 100, 100-(100/steps)*j)
    };
    for (int i = 0; i < segs; i++) {
      fill(cols[i]);
      arc(width/2, height/2, radius, radius,
          interval*i+rotAdjust, interval*(i+1)+rotAdjust);
    }
    radius -= segWidth;
  }
}

//変数宣言
int barWidth = 5;//長方形の幅
int lastBar = -1;//*1.最後に描いた長方形のナンバー(メインループで長方形に左から順番にナンバリングする)

//初期化
void setup() {
  size(200, 200);//画面サイズ
  colorMode(HSB, 360, 100, height);//カラーモードをHSBにして、Bには画面高さ(200)を指定。
  noStroke();//(長方形の)境界線描画を無効。
  background(0);//背景色を黒に。
}

//メインループ
void draw() {
  int whichBar = mouseX / barWidth;//マウスのX座標を元にbarWidth毎に分割して、長方形をナンバリング。
  if (whichBar != lastBar) {//*2
    int barX = whichBar * barWidth;//長方形の位置
    fill(barX, 100, mouseY);//塗りつぶし指定をHSBで。
    rect(barX, 0, barWidth, height);//*3 barXの位置で幅5pxの長方形を描く。
    lastBar = whichBar;//
  }
}

1. 最初にlastBarの初期値を-1に設定するのは、メインループ内のif文で最初の条件分岐に対応させるためなハズ。 初期値はwhichBarと同じにならない数値であれば何でもいいと思うけど、これはいわゆるプログラミングの慣習ということだと勝手に解釈。
2. if文が無くても箱は描画されるけど、箱内でマウスを動かすと色が変わってしまうのを避けるためかと。(if文内の最後の行)
3. mouseXではなく、barXで長方形の位置を決めているのは、それぞれの長方形の位置を固定するためかと。

• ドメイン(ホームページアドレスとして表示されるもの)
• サーバー(ウェブサイトが入るパソコンみたいなもの)
• ウェブサイト本体
• SSL(フォームに入力された個人情報を暗号化するためのもの)