javascriptに関するs-hakaseのブックマーク (2)

  • Socket.IO API 解説 - Block Rockin’ Codes

    追記 11/7/31 Socket.IO v0.7 解説を最初に途中までで出す。 11/8/1 だいたい全部新機能なので '(新機能)' って書くのやめた。 11/8/4 オプションの設定周りを追記 11/8/6 認証周りを追記 11/8/12 スタンドアローンのサンプルを追記 11/9/27 Socket.IO v0.8 対応について追記 11/9/27 タイトルを Socket.IO API 解説に変更 11/9/27 翻訳サイトリンク追加 公式マニュアル翻訳サイト そういえば公式サイトの翻訳をフォークしたリポジトリで、それなりの更新頻度でやってます。 リポジトリの wiki も地味に訳しててこっちは結構役に立ちます。記事と合わせてどうぞ。 家 http://socket.io/ 翻訳ページ http://jxck.github.com/socket.io wiki https:/

    Socket.IO API 解説 - Block Rockin’ Codes
  • canvas を使ってお絵かきツールを作る方法と仕組み | q-Az

    解説 灰色のキャンバスの上でマウスを左クリックすると絵を描くことが出来ます。下のボタンで「透明度」「色」「サイズ」などを変えることが出来、「消」消しゴムと「×」全消し機能も付けました。 以下、コードと解説です。canvas についての細かい説明は省き、お絵かきツールを作るためのコードを中心に説明します。 JavaScript (function() { //HTML上の canvas タグを取得 var canvas = document.getElementById('myCanvas'); //レスポンシブ対応 画面サイズでキャンバスサイズを調整します if (screen.width < 860) { canvas.width = 700 * screen.width / 860; canvas.height = 400 * screen.width / 860; } //キャンバス

    canvas を使ってお絵かきツールを作る方法と仕組み | q-Az
  • 1