カメニッキ

カメとインコと釣りの人です

2011-11-01から1ヶ月間の記事一覧

HTML5でGeolocationAPIを使用する

old

ブラウザのみで位置情報の取得が可能になりました。WiFi/GPS/携帯電話基地局/IPアドレス といったものから位置情報を算出し、ブラウザへ渡します。 といっても勝手に読み取られる訳ではなく、利用者の許可のもとでのみブラウザは位置情報へアクセスできます…

canvasの使い方2/2(グラデーションから)

old

機能の続きです。 四角のグラデーションをつけます function draw(){ var canvas = document.getElementById("draw"); var context = canvas.getContext("2D"); //グラデーション範囲を指定 x=0/y=0からx=0/y=300までを範囲に var gradient = context.create…

HTML5のドラッグアンドドロップAPIについて

old

その名前通りマウスでのドラッグアンドドロップをブラウザ上でサポートするためのAPIです。 ドラッグ元になる要素へはdraggable属性を指定します。 例: <img src="hoge.png" alt="hoge" draggable="true"> draggable="true"->ドラッグ可能 draggable="false"->ドラッグ不可 draggable=""->デフォルト動作 ※デ…

canvasの使い方1/2(線の描画と単色塗りつぶしまで)

old

散々他のブログで書かれていますが、メモとして残します。 基本的に以下の手順で描画させます。 canvas要素を使い、描画させる場所を作ります。 ※canvas要素で囲まれた文字は、使用できない場合のみ表示されます。 <canvas id="draw" width="300" height="300">お使いのブラウザはcanvas要素に対応してい</canvas>…

.htaccessでPC向けとiPhone向けを選択可能にする

old

まず、以下のように書くことでiPhoneは自動でiPhone向けページに遷移するように出来る。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} iPhone RewriteRule ^$ http://hoge.com/ [R] </IfModule> 意味はユーザーエージェント見て、「iPhone」だったらhttp://hoge.c…