iphoneメール

  • iphone4sに乗り換えた
    • アドレス帳の皆様にsoftbank.ne.jpとi.softbank.jpのどちらを告知するかちょっと迷った。
    • いろいろと調べて、意外とこちらのブログでなんか納得した
    • 確かにデコメ使えないのは結構でかい。たいしてメールをやり取りする人も、デコメで来る人もいないが、0ではない。
    • 周りも今だにDocomoが大半なのは事実。softbank使ってる人はiphoneがほとんどだ。
    • そのへんをまんべんなく救うなら、告知はi.softbank.jp。勢いよくやりとりする特定のメンバ(妻、ほんと仲いいiphoneの人)だけsoftbank.ne.jpをあとから別で教える。で落ち着いた。きっと30前後ぐらいのiphoneユーザのリアルな落としどころじゃないかと。
  • MMS:softbank.ne.jp
    • メリット
      • プッシュで即座に、連続でやり取りできる。チャット感覚。
      • メアドが確実に携帯扱い
      • 絵文字使える
    • デメリット
      • メール機能としてインスタントすぎ。基本チャットと考えるべし
      • 複数送信もできるが、グループになりいまいち
      • デコメ使えない
  • Eメール(i):i.softbank.jp
    • メリット
      • デコメ使える
      • メアドがPCメール扱いされることはほとんどない
      • 絵文字も使えるようになった。
      • ほぼほぼ今までのガラケーメールの使い勝手を実現
    • デメリット
      • メールサーバから受け取るので若干遅延するときあり

エディタ機能で欲しいもの

エディタで機能として欲しいものをまとめてみた。

  • キーワードのハイライティング
  • 改行アシスト
  • 移動、クラス単位
  • PHPマニュアルの表示
  • 自動補完、メソッド名、変数名、既出単語
  • 関数、変数移動
  • grep、grepからのジャンプ
  • ファイル全体からreplace
  • クラス名変更と共に連動して、全てreplace
  • ファイル名補完
  • シンタックスエラーチェック
  • デバックと表示
  • ファイラ
  • PHPUnitとの連携、TDD開発
  • 検索と置換
  • コマンド実行、ファイル作成
  • 簡単なマクロ、レコード実行機能、繰り返し
  • 絶対パスの表示
  • ウィンドウ分割
  • 移動、カッコ移動、メソッド移動
  • ファイルdiff
  • svn連携
  • コピペ記憶
  • クラス一覧、関数一覧
  • 置換で改行、tab、半角、全角スペース出来る
  • 記号表示
  • 行数表示

自分的vimまとめ

使うもの

  • h,j,k,lで上下左右
  • wでとじる
  • :e [ディレクトリ]でファイルエクスプローラ
  • :ls でファイルを検索
  • :b [バッファ番号]でバッファ選択
  • :bp,bnでバッファページめくり
  • :new であたらしく開く
  • :vnew でウィンドウ分割
  • ctrl+wでウィンドウ移動
  • Ctrl+v でビジュアルモード yでヤンク、dで削除、shift-vで一行選択
  • Ctrl+x,Ctrl+kでphp関数補完
  • Ctrl+p,Ctrl+nで文字補完
  • Ctrl+dで下画面、Ctrl+Uで上画面移動
  • w,b文字移動
  • f,F文字検索移動
  • %、[[でカッコへ移動、gdローカル変数、gDでグローバル変数移動
  • ma-z で'a で移動、:markでマーク一覧
  • qaからqでレコード機能
  • :vimgrep div **/*.html、:copen、次の結果を表示する
cn　前の結果を表示する　
cp　Quickfixを閉じる　:ccl

設定

  • ユーザのHOMEの下に.vimrcを作って、置いておく。

残りやりたいこと

次世代型サイト内検索によるユーザ満足度向上の秘訣

対応できていないサイトがほとんど

    • 表記ゆれ
    • ひらがな、かたかな、送り
    • 辞書
    • ハイライティング

これからの検索、3大要素

  • ファセット
    • カテゴリ、切り口という意味
    • ファセットカウント重要
    • 内部リンクはSEOの大事な要素。それを勝手に作ってくれる。
  • UI
    • Ajaxを使った、画面遷移させない絞り込み
    • 一度画面を戻らないとファセットクリアできないものが多い
    • 何の検索結果が返るか、正確な検索結果が返るかではなく、いかにコンバージョンが取れる検索結果が返るかが大事
    • 検索結果が足りない場合レコメンド商品を出す。amazon
  • 解析

いいサイト

  • ebay
    • 絞り込み大量、絞り込みにAjax画面もあり、タブで移動できる検索結果
  • livedoor不動産
    • Ajax多様で絞り込みに画面遷移がない

ダメなサイト

  • 楽天トラベル
    • 一度、県を選択して降りると、全国まで戻らないともう一度選択できない
  • 読売
    • ハイライティングがない、絞り込みや、ソートもない
  • バッファロー
    • ECなのに商品がヒットしない、ハイライティングもない、絞り込みがない

MobileSEO備忘録

  • MobileのSEOの現状を聞いた。あくまで備忘録ですので、正確性に欠けますをお許しください。
    • 今のモバイルサイトの90%はIP制御、UA制御でクローラーを制御している
    • IP制御はクローラーをはじいてしまっている可能性が高い。
    • クローラーのIPはあくまで参考にしかならない。発表していないIPや、今後変更になるものも多い。
    • まだ、UA制御のほうが間違が少ない。
    • 制御を外してもいいがそのためにはセキュリティ、脆弱性チェックが必要。
    • GoogleのインデックスはMobile,PCが同じかどうかわからない。
    • カノニカルタグはPCよりMobileの方が効く
    • GoogleウェブマスターツールではURL内のパラメータを消すこともできる。

HTML5&WebPlatform

HTML5

HTML5って？

  • HTML4,CSS2でさえすべてブラウザは対応してない
  • 相互互換性ができる。みんなで使える。それが大事ってだけ。
  • HTML5の範囲っていっぱいだね。
    • WHATWG(What working group) HTML5で言ってる部分がHTML5でいんじゃない
    • Forms, Canvas, 2D, Microdate, Cross-document messaging channel messageing
  • 以外
  • HTML5 Markup, Forms, Canvas 2D, Croos Domain, D&D,

開発側からしたHTML5

  • 独自仕様で統一されてなかったものを統一しよう
  • すべての環境で同一に　ではなく　ユーザに最善のWeb
  • 使えるものから使えばいいじゃん

Web Design

  • フォントダウンロード、グラデーション
  • Flexible Box Model
    • 比率で指定できるbox model

Application Platform

Web Forms
  • FF
    • placeholder
      • ここに入力して下さい
    • autofocus, tel, search
    • この下はまだまだ実装されないカンジ
    • autocomplete
      • 入力の自動補完
    • 1人の開発者がやってるんだよ
WebSockets
  • シンプルなテキスト送受信のプロトコル
    • バイナリデータ、多重化の機能ない
  • 送信はsendメソッド
    • open,error,close,messageイベントで処理
    • 対応まだまだ先になる
File API
  • サーバを介さずにD&Dに対応。JS
  • いきなりローカルファイルを読めるのは大丈夫？
  • fileでinputしたものをonchangeでイベントリスナで受ける
Drag&Drop API
  • すでにあるものはそのまま使う
  • IE5あたりで実は実装される。ひどいけどそれに合わせた
  • GmailのD&Dして入れれるのはD&D APIとFile APIの組み合わせ
  • フォントの入れ替えもD&Dでやったり
HTML5 Parser
  • 整形式のほが早いかな
Native Multimedia
  • Open Video
    • Codecの指定がなかった
    • ロイヤルフリーなCodecが必要
    • WebM
      • VP8をOSS化、H264でもまとも
      • Matroska(VP8, Vorbis)これがWebM
      • 全体はWebM,そのなかのVideoがVP8
  • CSS Transition
    • アニメーション。ゆっくり消えたり、見えたり動きを指定できる
  • SVG Animation
    • demo/smil/ovalling.svg
    • animateタグ
      • keytimes, repeartCount
OpenGL

これから

Audio Data API
  • テキスト解析して、音を出す
Orientation
  • 加速度センサーを取得する
  • 傾けた方向に反応する
  • デスクトップでも遊べるよ
  • iPhoneSDKを使わずにHTMLでiPhoneアプリみたいのつくれるよ
  • Orientationイベントをとるだけx,y,zで法線をとる
Multi-touch
  • Win7でタッチパネルが採用
  • OSによってタッチモデルが違うので難しい

まとめ

  • ブラウザベンダはどんどん実装してる。

それをブラウザベンダ同士で話しあって進めてる部分がHTML5一番大事なとこ
Cocca,Jqueryで使ってもいいじゃん

  • 質問
    • svg画像はpng,jpegと同じだよ
      • すべてオブジェクト、UIはOK
    • canvas場所だけとる、ファイルを指定
      • 速さはこっち。ゲームとか。
  • ブラウザベンダによって違いがあり、競争している
    • what working groupにだいたいまとまってるよ

HTML5の超便利なWebformsを使おう

HTML5
  • Operaの方、イギリス人
  • 2006年から始まる
  • ユーザビリティとデザインのバランス
    • 機能を入れ過ぎれば、デザインは入れれない。その逆もあり。
  • amazon,楽天で検索ボックスはGO,検索で名前が違う
  • XFormas Basic→Web Forms 2.0→HTML5 Forms

HTML5のINPUT要素

  • 増えた
    • number,range,url,email,date,month,week,time,datetime,datetime_local,search,color.tel
  • number
    • テキストボックス、数値で右ボタンが勝手にでて、増加、減少できる
      • ipad, wii, mobileにはいんじゃない
      • iphoneのキーボードも数字がデフォルトに
    • value=30とかにするとデフォルトで開始の番号が入れれる
    • min,max=35にすると上限、下限制限できる
    • stepで増える値も設定できる
      • 入れれるけど、Jsでエラーにできる
    • namberは属性多いよ
  • range
    • スライダーができる
    • jqueryとかじゃないとできなかったよね
    • numberと同じ指定の仕方できる。max,min,step
  • url
    • ちゃんとしたURLでないと入れれない
  • email
    • ちゃんとしたemailでないと入れれない
    • でもやっぱり、サーバーでもチェックしないとね
  • date
    • カレンダー作れる
    • ほとんど固定されてる
    • 色とかかえれない？
    • ブラウザの言語にあわせてカレンダーが出る
  • month
  • week
    • カレンダーはでるけど、選択するとW18とか何周目かを出せる
  • time
  • datetime
    • カレンダー、時刻の結合
  • datetime_local
    • 地域の時間
  • search,tel
    • あんまり使う必要ないかなー
    • セマンティック的には意味ある？
  • color
    • color pikkerを入れる日はくるかなー
  • text, search, telは見た目は同じかなー
    • iphone,ipadでは見た目は変わってくるよ。email専用になったりする。mobileユーザ

Formサンプル

  • required
    • INPUTタグにrequiredだけ入れる
    • 必須となってボックスが赤くなる(oprera)、ブラウザによって違うよ
    • エラーメッセージも勝手に出すよ→デザイン的にどーかな
    • クライアントのみで終わる。mobileにはいいよ。
  • autofocus
    • JSとの違い
    • ロード遅くてjsでやってると、フォーカス奪われることがある
      • それがない。HTMLがロードされればいいから。
  • datelist
    • select boxの欠点
      • 新しいの追加できない
    • リストも出せる、textboxってこと

ブラウザの対応状況

  • Operaのみ対応している
  • 結構対応はしてるんだけど、仕様もどんどん変わるから結構損してるよ
  • 対応してないブラウザはテキストボックスにはなるよ
  • ブラウザ対応の判定方法
    • ブラウザで判定するより、機能で判定した方がいいよ

var i = document.creatElemet("input");
i.setAttribute("type","color");
return i.type !== "text";

// Modernizr の使い方
if(!Modernizr.

  • operadaniel

今後のHTML5、ワークショップ

  • Modernizrといっしょに使ったほーがいいよ
    • でもdateはChromeは対応してないのにtrueになってるよー。。困ったもんだ。
  • Mobileユーザには使いやすくなるよ