タグ

ブックマーク / ascii.jp (4)

  • HTML5とjQueryでブラウザーがペイントツールに! (1/3)

    HTML5 Canvasで作った「シンプルペイント」。色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) HTML5 CanvasとJavaScriptを使って、Webブラウザー上で動くお絵かきツール「シンプルペイント」を制作する企画。前回の記事では、コアとなる描画機能を作成し、PNGファイルへ保存する方法を解説しました。今回は、このシンプルペイントをベースに、ブラシの色やサイズ(太さ)を変更できるように拡張しましょう。 ブラシの色選択機能を付けるには 前回作成したシンプルペイントは単色(赤色)の描画しかできませんでした。このままだとお絵かきツールとしては不十分なので、ブラシの描画色を選択できるようにしましょう。今回は8色(黒、青、赤、紫、緑、水色、黄、白)のカラーパレットを用意し、マウスで選択した色

    HTML5とjQueryでブラウザーがペイントツールに! (1/3)
  • ASCII.jp:HTML5のCanvasで作る、Flash不要のお絵かきツール|古籏一浩のJavaScriptラボ

    HTML5 Canvasで作った「シンプルペイント」。ペンの色とサイズが選べ、保存もできる。画像クリックでサンプルページを表示します(Firefox 3/Opera 10/Safari 4で表示可能) HTML5の新機能で特に注目を集めているのが、Flashなどのプラグインを使わずにWebブラウザー上でグラフィックを描画できる「Canvas」です。Canvasは、すでにInternet Explorer(IE)をのぞく、ほとんどのブラウザーに実装されていますし、マイクロソフトは現在開発を進めている「IE9」でHTML5を積極的にサポートするとしていますから、IE9にCanvasが実装される可能性は高そうです(ただし、現在公開されているPlatform Preview版ではCanvasは実装されていません)。すべての主要ブラウザーでCanvasが利用できるようになれば、画像処理を伴うWebア

    ASCII.jp:HTML5のCanvasで作る、Flash不要のお絵かきツール|古籏一浩のJavaScriptラボ
  • Mac OS X「Snow Leopard」インストール完璧ガイド (1/4)

    いよいよ、Macユーザー待望のメジャーアップグレード「Mac OS X 10.6 Snow Leopard」が登場した。早速、インストールといきたいところだが、Snow LeopardではこれまでのMac OS Xとは手順が少し変わっている。まずは特集でインストールの流れを把握しておこう。 Mac OS X 10.6を入手 1.パッケージを買う Snow Leopardは、2007年10月26日にリリースされたMac OS X 10.5 Leopardから数えて約1年10ヵ月ぶりのメジャーアップグレードとなる。このバージョンからPowerPCのサポートが廃止されており、以下のようなIntel CPU搭載のMacでしか動作しなくなった。G4、G5ユーザーは間違えて購入しないよう気を付けよう。また、動作には1GB以上のメモリーが必要だ。

    Mac OS X「Snow Leopard」インストール完璧ガイド (1/4)
  • iPhoneがJavaScript+SQLiteでGPSレコーダーに! (1/5)

    JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「

    iPhoneがJavaScript+SQLiteでGPSレコーダーに! (1/5)
  • 1