javascriptに関するnigohirokiのブックマーク (3)

  • 【連載】第一回HTML5でCanvasアプリを作る入門編 ~canvas関連メソッドリファレンス~ - nigoblog

    前回ざっくりWEBアプリが来る!という記事を書きました。 というわけで今回はWEBアプリの作り方!特にcanvasを利用したアプリの作り方について書いていこうと思います。かなり内容は入門者向けですので、まだプログラミングを知らないという人でも記事を読みながらプログラミングが出来ると思います。 これも連載形式で書いていこうと思います。 連載が終わる頃にはcanvasでWEBアプリを作れるようになっていることでしょう! 第一回目のテーマは色々やってみようということでcanvas関連メソッドのリファレンスを書いていきます。 参考図書 canvasで出来ること canvasを使う準備 canvasで良く使うメソッド まとめ という流れで書いていきます。 参考図書 参考図書にはこちら。 HTML5 Canvas 作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オ

    【連載】第一回HTML5でCanvasアプリを作る入門編 ~canvas関連メソッドリファレンス~ - nigoblog
    nigohiroki
    nigohiroki 2013/01/05
    HTML5 canvasアプリの作り方について書きました
  • phantomjsをインストールしてみる - nigoblog

    今回はphantomjsをインストールしてみました! phantomjsとは インストール サンプル 感想 こんなかんじで書いてきます。 ちなみに参考はこちらフレームワークで実践! JavaScriptテスト入門(2):PhantomJSとJasmineで振る舞い駆動開発なJavaScriptテスト (1/3) - @IT phantomjsとは 先の記事によると、「ブラウザなしでJSを動作させるツール」らしいです。 つまりテストがコマンドラインからできて楽チンみたいな感じでしょうか。 というか現段階ではphantomjsのこと一切知りません笑 一緒に見て行きましょう。 インストール 何はなくともとりあえずphantomjsをインストールしてみましょう。 環境はmac インストールにはbrewをつかいました。 まずは次のように入力 brew search phantomjsすると phan

    phantomjsをインストールしてみる - nigoblog
    nigohiroki
    nigohiroki 2012/12/14
    phantomjsについて色々
  • PHPとAjaxで擬似的にリアルタイム通信を実現する。 - nigoblog

    先日QiitaQiita [キータ] - プログラマの技術情報共有サービスが主催するハッカソンに参加して参りました。 結果はなんと優勝しちゃいました!! テーマは「マルチスクリーンで動作するアプリケーション」というわけで、 一つの画面を複数のデバイスで操作するという感じのアプリケーションを作成しました。 その時に端末のデバイスでのイベントをリアルタイムでメインの画面に反映させるということをPHPとAjaxで行いました。 具体的なPHP, Ajax技術利用法を書いていきます。 アイディア 具体的にどんなものかというと、一つのメイン画面にバーが2つあり、端末を振るとそのバーが変化します。 2台以上の端末を使って、バーを二手に分け、どちらがより振ったかを競うようなアプリケーションです。 端末側はチームメンバーで私はメインの方を担当しました。 PHP, Ajax実現アルゴリズム 擬似的にリアルタイ

    PHPとAjaxで擬似的にリアルタイム通信を実現する。 - nigoblog
    nigohiroki
    nigohiroki 2012/12/13
    PHPとAjaxを用いて擬似的にリアルタイム通信をするアプリケーションを作成しました。
  • 1