2007年10月01日
iPod Touch 操作篇

[Web] [ちょっといいもの] [雑記]

「案」という字の下の「木」の部分がいつも潰れてしまう酔兎です。こんにちは。

流れに則って、iPodTouchイ操作篇を書きます。

噂の「iPod touch」のあの操作，何て呼ぶの？ -- フリック， ピンチ，…：ITpro

1. タップ（チョンと目標をたたくこと。選択する時の操作）


2. ダブルタップ（チョンチョンと目標をたたくこと。実行する時の操作）


3. ドラッグ（写真を移動させるとき，クリック＆ドラッグの要領で指をグググと移動させること）


4. フリック（スクロールさせる時，画面をスリスリすること）、とありますが、リストをスクロールする時に指で軽くはらう操作この説明が正しいと思います。


5. ピンチ（2本指での拡大／縮小動作の総称）


6. ピンチイン/ピンチクローズ（写真の全体を見る時のグググ）


7. ピンチアウト/ピンチオープン（写真の一部を拡大する時のグググ）

こんな感じで、「新しい操作概念」がいくつも発生しています。シングルタッチスクリーンとマルチタッチスクリーンの差が如実に出てますね。シングルタッチがいかに原始的かが再認識できます。（悪いといってるわけじゃなく、もっと広げられる余地があるという意味です）

タップ、ダブルタップ、ドラッグ、フリックは、別段新しい概念でもないのですが、これらの操作に名前をつけてわかりやすくしてる点がAppleらしいですね。（言ったもん勝ちな感じですがw）

1つづつ掘り下げてみます。まずは、タップとダブルタップです。

タップとダブルタップ

タップは選択です。クリックとほぼ同義です。

ショートカットメニューの呼び出しにも使われます。この機能は唯一の「□ボタン」とかぶる部分があるので、もう少し整理できるはずです。

ダブルタップは、ある部分にフォーカスするというような使い方になります。また、フォーカスを解除にも使われます。

「ここがもっと見たい！」と思ったら、ちょんちょん。です。

ちなみに、iPod Touch ブラウザ篇にも書いたのですが、Safariでは、ブロック要素にフォーカスするというものすごい機能が実現できています。

現在の2,3カラム中心のWebデザインでは、使い勝手を大幅に向上させています。

ドラッグとフリック

ドラッグとフリックは似ています。

まず、ドラッグは画面にタッチした状態で、ぐーっと指を移動させる動作です。主に、移動やスクロールに使用されます。

つぎにフリックですが、ドラック中に指を進行方向にスパッとはじく行為です。iPodTouchはドラッグの早さを計測しているので、すばやいフリックは早く、ゆっくりなフリックは遅いスクロールが惰性で継続します。。

フリックは主にスクロールに使用されますが、ドラッグと違って指をはなした後も惰性でメニューがスクロールするため、長いリストをすばやくスクロールするのに最適です。これは今まであまり見かけなかった概念です。

また、フリックした後の惰性でスクロールしている状態でタップすると、ぴたっとスクロールが止まります。このあたりの直観的インターフェースデザインが秀逸です。いや、感動した。すげーわApple。

ピンチインとピンチアウト

一部では、「くぱぁ」とかいわれてる動作です。

指を2点タッチし、押し広げるのがピンチアウト（拡大）、押し狭める（変な日本語ｗ縮小/全体を見る）がピンチインです。（ズームイン、ズームアウトとイン/アウトが逆なんで混乱しそうです。）

この二つの概念は、マルチタッチでしか成しえません。今後はこのピンチを使ったインターフェースデザインに注目です。

使用上の注意

小さな画面に、これだけの入力パターンが用意されているので認識精度はかなり高くなければなりません。

ボクの使用感で言わせてもらうと、（微妙に操作しづらい場面もありますが）概ね合格じゃないでしょうか。ただ、タップとダブルタップは操作ミスしやすいです。

また、爪やペンなどのとがった部分で操作したくなるのですが、指の腹などやーらかい部分で操作したほうが認識精度がよくなるように設計されているっぽいです。

基本は、やさしくたっち！

iPod touch　日本語版マニュアル

関連記事

• iPod Touch
• iPod Touch ブラウザ篇
• iPod Touch 操作篇
• iPod touch キーボード篇

| 投稿時間:11:52 | トラックバック (0) | この記事のページ

2007年10月01日
iPod touch キーボード篇

[Web] [ちょっといいもの] [雑記]

キーボード篇ということで、実際にiPod touchからの投稿です。

mt3.3の管理画面はまったく問題なく動く模様です。

予測変換がかしこいのでそれほどの苦労もなく、エントリーできました。

日本語の変換は今後のバージョンアップにも期待できそうです。

F6やF7に相当する機能が無いのと分割変換がないのは辛いですね。

ちなみに範囲選択、コピー、ペーストは不可能です。

これも今後に期待です。

関連記事

• iPod Touch
• iPod Touch ブラウザ篇
• iPod Touch 操作篇
• iPod touch キーボード篇

| 投稿時間:23:32 | トラックバック (0) | この記事のページ

2007年10月09日
新潟へ

[雑記]

嫁の実家に里帰りしてきました。

3泊2日の小旅行。娘と咲を連れての一家大移動です。

（娘視点での）ひいおばあちゃん家が目的地です。ひいおばあちゃんは動物が苦手なので、咲は残念ながら屋外ビバーク。

いろいろな人に、ハイハイ機能が追加された娘をお披露目するが、（娘視点で）おばあちゃんだけはギャン泣きしてました。おばあちゃんはちょっと寂しそうでした。

（娘視点で）おじいちゃんもwktkしてたらしいのですが、興味が無いよという感じでツンデレ気味。無理やり抱かせてみたり。楽しい。

遠隔地なのでなかなか娘を連れて行くことができないのが残念。半年に1回ぐらいでできるだけ成長を報告したいところなのですが。

次は歩き出す頃かな。

| 投稿時間:13:39 | トラックバック (0) | この記事のページ

2007年10月09日
アマガエルくん

[Olympus E-410]

新潟はカエル天国でした。

アマガエルがたくさん道ばたでケロケロしてました。これ全部同じ種類なんですよね。すごいぜカエル。

おまけ。

| 投稿時間:23:39 | トラックバック (0) | この記事のページ

2007年10月11日
(X)HTML+CSSだけってのは、袋小路。

[Web]

IT戦記 - マークアップエンジニアはどこへ向かうべきか（を考えてたらカッとなって LL の資料公開）

過激なエントリーです。トラックバックができなかったので、直リンク。

ボクが(X)HTML+CSSだけな奴だった頃からの不安と不信、またCSS Niteへの疑問が書かれちゃってます。

やはり、皆さん感じてるんですね。閉塞感を。

ぶっちゃけ、CSSなんて書くだけなら2ヶ月あればマスターできます。HTMLも平行して進めるのであれば3ヶ月もあればマスターできます。ただ実際には、有効な教科書、体系化された資料が無いのでこんな短期間では習得は難しいでしょうが。

手作業で静的なHTMLをかくのは数年以内にほぼ完全自動化されて「え？ナマHTML書いてんの？物好きだねぇ」なんていわれる時代はすぐそこです。

(X)HTML+CSSが進むべき道は、ボクが考えるに4つほどあります。

1. ディレクターにクラスチェンジ
2. デザイナーにクラスチェンジ
3. プログラマー・SE方面にクラスチェンジ
4. IAにクラスチェンジ

順に説明します。

1.ディレクターにクラスチェンジ

汎用性の高いディレクターにクラスチェンジするのが一番無難でしょう。これまで培ってきたマークアップの技術とその方法論・現場の思考（こっちのが重要）を武器に、最後の実装までをリアルに管理できるディレクターが出来上がります。

クラスチェンジには環境が大きく作用します。またそれを利用するべきでしょう。小さな案件であれば、自分に全部任してくれないか。などの交渉を組織内で行なってみましょう。

徐々にクラスチェンジしていくのが現実的ですが、ユーティリティが高くなるため、オーバーワークで潰れないように気をつけましょう。食いっぱぐれは無いでしょう。潰れない限りは。

クラスチェンジに必要なスキル：プロジェクト管理能力、コミュニケーション能力、マネジメント能力、度胸

2.デザイナーにクラスチェンジ

ボクは仕事でデザインをやったことが無いので、軽く書きますが、そもそもコーダーからデザイナーに転進する人はほぼ皆無です。これは能力的に無理というわけではなく、「諦め」によって自ら道を閉ざす人が多いためと考えます。

実際、デザイナーにクラスチェンジする場合、マークアップの技術などの即戦力スキルはほぼ役に立たず、全く別分野のお勉強をする必要があるため、隔たりは大きいです。ただし、根底的には繋がってるので頑張れば視野の広いスーパーWebデザイナーが出来上がるはず。

クラスチェンジの条件が厳しく、どうかしたら路頭に迷います。がんばれ。

クラスチェンジに必要なスキル：ビジュアルデザインに関するスキル全般（広い！）、PhotoShopなどのツールのオペレーションスキル、デザイナーチックな服装と髪型。

3.プログラマー・SE方面にクラスチェンジ

JSなどに興味があるならこっち。ただ、コードを書くといってもHTML・CSSはプログラミング言語ではないし、発想の出発点が全く違うので注意。

ボクはC言語とアセンブラ、Perl、PHPとJavaを少しできるので、こっちに行っても良かったかなとおもうんですが、性格的に合わないと思い断念しました。

どちらかといえば、深く掘り下げるほうへのクラスチェンジになります。食っていけるだけの将来性はあると思います。

クラスチェンジに必要なスキル：C、PHP、Perl、Java、Ajax、ActionScriptなどから最低でも2つ以上を実践で使えるレベル。

4.IAにクラスチェンジ

IAとは、インフォメーションアーキテクトです。マークアップを真に理解していると確信するならば、この道をオススメする。

ただし、クラスチェンジの条件が厳しい上に、「認知度が低い」「ある程度大きな組織に所属する必要がある」「文献が無い」「職業自体の定義があいまい」などの将来性の面では非常に不安定です。

何をするのかといえば、大雑把にいうとサイト設計をやります。

いままでデザイナーさんにデザインを、ディレクターさんに文言素材をもらって作業してたと思いますが、さらにその上流過程に足を踏み込みます。マークアップスキルを片手に、上流過程に殴りこみです。

インタラクティブデザイン、ユーザエクスペリエンス、SEM、ユニバーサルデザイン、構造設計、、、挙げればキリが無いですが全部HTMLに根底的に通ずるところがあります。

ボクは個人的に、「HTMLを制するものはWebを制する」と思っています。Webの根底原理はHTMLにあると思っているからです。ただし、ここではマークアップスキルの自体のことを指しているわけではなく、マークアップという意味を理解していることを指します。つまり情報を作り出す原理的な理解ですね。

非常に困難な道のりですが、やりがいはあると思っています。面白さは一番だと思います。だって、まだほとんど手付かずで残ってる未開の地ですよ。パイオニアになれるチャンスですよ。

クラスチェンジに必要なスキル：ディレクション能力、マーケティング能力、コミュニケーション能力、その他幅広い知識、敏感なアンテナ、M的資質、野心

まとめ

長々と書きましたが、個人的には多くのコーダーさんがIAへとクラスチェンジしていくを期待しています。そこでWikiウサギなどをしこしこ組み立ててる訳なんですがね。

| 投稿時間:10:41 | コメント (1) | トラックバック (0) | この記事のページ

2007年10月15日
プロフィールを整える

[Web]

これまで意図的にプロフィールを隠してたのですが、2カラムにデザインを変更したのを機に、プライオリティの高い左上にイラストつきでプロフィールを設置しました。

やはり「そのサイトが何者によって書かれているか」がすぐにわかるとユーザの定着がよくなりますね。

プロフィールは一考の余地ありですが。

RSSフィードなどでWikiウサギやTwitter、咲走譚（嫁の日記）なども巡回させるようなつくりにしました。今後の効果測定が楽しみ。

| 投稿時間:19:24 | トラックバック (0) | この記事のページ

2007年10月15日
Google Adwordsで、、

[Web] [ちょっとどうかと思うもの]

Google Adwordsで、Wikiウサギの広告を出して遊んでるんですけど、最初のキーワード選択時には20円ぐらいだったのに、数日経過すると50円、60円と徐々に最低入札金額が引き上げられていく。

AdRankが関係しているらしいが、よく仕様がわからんな。品質が低いまま。

サイト名をマッチングさせないとダメかなぁ。内容とはマッチングしてると思うけど。

ちなみに、サイト名と関連性の高いキーワードだと、「OK」って表示されます。OKって何が？

なんて、小遣いを投資してごにょごにょやってます。

| 投稿時間:19:41 | トラックバック (0) | この記事のページ

2007年10月16日
咲in新潟

[Olympus E-410] [咲（サク）]

↓ケツをかいてて、ころがるバカ犬。

↓恍惚の表情。

「わふーぅ」

| 投稿時間:00:27 | トラックバック (0) | この記事のページ

2007年10月16日
世界樹の迷宮II 諸王の聖杯

[雑記]

新たなダンジョンは”上る”！ 『世界樹の迷宮II 諸王の聖杯』 / ファミ通.com

きたきたーー！！

これ、第１作はマジ良かった。

脚色の無い、骨太のRPG。

細かい不満がちらほらあったので、そのあたりのマイナーバージョンアップで十分スヨ？

冬が待ち遠しい。

| 投稿時間:19:45 | トラックバック (0) | この記事のページ

2007年10月19日
ヤフーとGoogleで画像検索の障害

[Web]

“消えた初音ミク”問題　ヤフーとGoogle「原因を調査中」 - ITmedia News

「両者が同時に」という点でなんとなくきな臭いですが、こういうこともあるんでしょうか。

この問題は非常に興味深いです。Yahoo＋Google八部だったとしたら。。ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ。Web上での社会的抹殺ですよね。

他には、「初音ミク」という文字列が特別な配列で、、、など、SOS団的な発想ぐらいしか思いつきません。

| 投稿時間:09:56 | トラックバック (0) | この記事のページ

2007年10月19日
中国でGoogle、Yahoo、MSNへのアクセスが全て百度.comにリダイレクトされているらしい

[Web]

中国、Google、Yahoo、MSNへのアクセスを百度.comが乗っ取り：語句ログ

中国全土でGoogle、Yahoo、MSNへのアクセスが百度.comにリダイレクト中・・・ | i d e a * i d e a

TechCrunch Japanese アーカイブ » Baidu〔百度〕、中国でのGoogleのトラフィックをハイジャック中

一つ前のエントリーでヤフーとGoogleで画像検索の障害と書いたのですが、中国では次元の違うとんでもないことが起こってます。

Google、Yahoo、MSNへアクセスすると、百度にリダイレクト（勝手に飛ぶ）されるらしいです。（未検証ですが）なんつーか、やることがマクロすぎて想像の範疇を超えてます。

個人的には「ブッシュ米大統領、ダライ・ラマ14世と初めて公の場に」が原因じゃないかなと思ってますが。

金盾の準備期間、暫定的にリダイレクトしてるのかな。

これまでも「ダライ・ラマ」というキーワードは検閲対象だったらしいのですが、今回は「ブッシュ」「米国大統領」も検閲対象になり、設定が複雑化したから？

真相は如何に。

| 投稿時間:10:09 | トラックバック (0) | この記事のページ

2007年10月22日
WikiウサギがYahoo!カテゴリに登録されました

[雑記]

いまさら感があるのですが、先日、WikiウサギがYahoo!カテゴリに登録されました。

情報技術という場所に配置されています。

| 投稿時間:14:29 | トラックバック (0) | この記事のページ

2007年10月24日
空

[Olympus E-410]

色相いじっただけですが。

たまにはこういうのも良いかと。

| 投稿時間:00:26 | トラックバック (0) | この記事のページ

2007年10月24日
言語の違いによるWeb設計の違い

[Web]

الجزيرة نت（アルジャジーラ公式サイト）

アルジャジーラのWebサイトはアラビア語で書かれているため、すべてが右から左に流れてます。

日本語や英語と逆ですね。

で、気がついたのですが、ワイヤーフレームの設計がまったく逆なんですよ。

ローカルナビゲーションは、右にあるし、アイコンもリストアイテムも右。

コンテンツもサムネイルが右にあって、左回り込み。もちろん右寄せ。

言語によってワイヤーフレーム設計は変わるんですね。当たり前なんですが、ちょっと感動です。

そういえば、昔々は日本語も右から左へ書いてましたよね。現在は縦書きに限って右から左ですが、その文化って、どこに消えたのでしょうか。

| 投稿時間:17:09 | トラックバック (0) | この記事のページ

2007年10月29日
4GiPodのケーブル

[雑記]

4GiPodのケーブルがお亡くなりになった。

３年も使ったのだからまあ、大往生といえる。

よくみると端子が錆びていた。

たぶん、娘がくったからであろう。

南無。

| 投稿時間:23:41 | トラックバック (0) | この記事のページ

2007年10月31日
Google Analyticsを使用したサイトは、Yahoo!検索での評価が下がる？

[Web]

先日、「Google Analyticsを使用したサイトは、Yahoo!検索での評価が下がる」と、ある場所で耳にしました。

一応、その道のプロとして飯を食ってるボクですが、「ありえねぇ！」と、びっくりしたのを覚えています。

その後、検証してみましたが特に裏付ける情報や統計を見つけることはできませんでした。

ドブロクをサンプルにして、いろいろ検証しましたが、兆候すら見受けられませんでした。

これ、たぶん、うそだと思います。

Google,Yahooの双方の立場で考えてみても、まったくメリットがないのは、すぐにわかるはずです。

多くは語れないのですが、その発言をした人はGoogleの競合相手でして、ネガティブキャンペーンの一環としての発言だったのではないかと思っています。

にしても、検索エンジンのアルゴリズムは公開されていませんから、このようなうわさを流された方は、たまったものではありません。

しかも「そのような事実は存在しない」ことを証明せねばならず、いわゆる悪魔の証明にあたります。

そういう無責任な発言は、まわりに非常に迷惑がかかりますんで、やめていただきたいですね。

| 投稿時間:15:22 | トラックバック (0) | この記事のページ