iPadの話になり、その中で、

「iPhoneみたいにiPadでもフリック入力できたらええのにな〜。」

と、僕が言うと、

「え？できるやろ？」

という弟。

ググってみると、わんさか出てきました。
iPadのフリック入力に関する記事が。

その中から、
【小ネタ】iOS5 iPadでのフリック入力とキーボードを分割する方法 | goryugo
を読みながら設定してみましたので、そのことについて。

元ネタのように、サクっと設定ができないようでした。

「設定」→「一般」→(下へスクロール)→「キーボード」をえらぶと、「キーボードを分割」というのがあります。

これを「オン」にしたうえで、このすぐ下の「各国のキーボード」をえらび、「日本語テンキー」を追加します。
自分の場合、さらに「日本語フルキーボード」を削除しました。(後から追加し直せます。)
これでフリック入力が可能になったようです。

ここまでのキーボード設定の確認画面↓

設定したあとでキーボードを見てみると…

フリックはできますが、キーボードはまだ分割されていません。
分割するには、右下のボタンを上へドラッグすればいいようです。

これでiPhoneのようなフリック入力ができるようになりました。

iPadの画面サイズを生かすのであれば、キーボードを分割する必要はないかもしれませんが、横にしたiPadを両手で持って操作する場合は、このほうが使いやすい気がします。あと、分割前の状態だと今までのクセでローマ字で入力しようとしてしまうので、個人的には分割派です。

…というわけで、久しぶりにもかかわらず年内最後の雑記は
「iPadでフリック入力する方法」でした。

良いお年を。

用意するファイル

• データを入力したtsvファイル
• テーブルを読み込むためのクラスファイル

item    data
item1    68.0
item2    61.0
item3    72.0
item4    80.0
item5    45.0
item6    58.0
item7    92.0
item8    78.0
item9    42.0
item10    51.0

コード内容

import processing.pdf.*;　//PDFライブラリをインポート

float dataMin, dataMax;　//量の最小値、最大値

float plotX1, plotY1;　//描画領域の最小値
float plotX2, plotY2;　//描画領域の最大値

int rowCount;　//行数カウント用

String[] items;　//すべての商品名を格納ための配列
   ・
   ・
   ・
(その他、変数宣言)

void setup(){
  size(600,600);
  noLoop();　//最終的にPDFに出力するので、実行を1回に。
  beginRecord(PDF, "draw.pdf");
  colorMode(HSB, 360,100,100);
  data = new FloatTable("読み込むデータ.tsv");
  rowCount = data.getRowCount();　//行数カウント

  items = data.getRowNames();　//商品名を格納
   ・
   ・
   ・
  smooth();
}

void draw(){
  background(360);
  fill(360);

  drawPerLabels();　//垂直ラベルを描くメソッド
  drawDataGraph(0);　//グラフを描くメソッド
}

void drawDataGraph(int col){
  textAlign(CENTER, CENTER);
  noStroke();
  rectMode(CORNERS);
  for(int row = 0; row < rowCount; row++){
    if(data.isValid(row, col)){
      float getValue = data.getFloat(row, col);　//商品の値を取得。
      int value = int(getValue);　//値を整数値に。
      float x = map(row, 0, items.length-1, plotX1+barWidth, plotX2-barWidth);
      float y = map(value, dataMin, dataMax, plotY2, plotY1);
      float barColor = map(value, dataMin, dataMax, 0, 100);　//値を元にグラフの色の彩度を設定。

      fill(150, barColor, 100);
      rect(x-barWidth/2, y, x+barWidth/2, plotY2);　//グラフを描画

      fill(0);
      textSize(12);
      text(items[row], x, plotY2 + 20);　//商品名を表示

      textSize(12);
      fill(350);
      ellipse(x+barWidth/2, y, 30, 30);
      fill(0);
      text(value + "%", x+barWidth/2, y-1);　//値を表示
    }
  }
}

void drawPerLabels(){
   ・
   ・
    (省略)
   ・
   ・
   ・
    strokeWeight(1);
    line(plotX1, y, plotX2, y);　//10%毎に横線を描画。
  }
}

void keyPressed(){
  endRecord();　//なにかキーを打つとPDF出力。
}

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