強火で進め

このブログではプログラム関連の記事を中心に書いてます。

JavaScript

iPhoneでcanvasに描画するサンプル

iPhoneのSafariでcanvasタグに描画するサンプルを作ってみました。 iPhoneでcanvasに描画 http://tsuyobi.heteml.jp/html/iphone/canvas/ ざっくりと重要な処理の部分のみ解説。メタタグで画面の拡大縮小のリミットを1.0倍に設定→ピンチによる拡大、縮小の抑…

JavaScriptの整形ツール

フリーソフトの樹 解読難解なJavaScriptを綺麗に整形してくれるサービス http://freesoftnoki.blog87.fc2.com/blog-entry-1360.html githubにソースもアップして有る様です。そのため、他のサーバに上げるのは……という人はDLしたものをそのまま自分のサーバ…

Canvas、SVG、WebGLに対応したライブラリ「three.js」

three.js http://github.com/mrdoob/three.js#readme

JavaScriptでOAuth認証を使う方法

JavaScriptでOAuth認証を使う方法を丁寧に解説されてるサイトを発見。メモメモ。 Twitter4J から OAuth 認証部分だけを利用する方法 – OTCHY.NET http://www.otchy.net/20100912/using-twitter4j-oauth-authentication/ すみません、あまりタイトルと紹介し…

JavaScriptで作られたスーパーマリオブラザーズタイプのゲーム

Fred Jones in Adventureland http://www.watersheep.org/~markh/html_canvas/game.html 操作はカーソルで移動、スペースでジャンプです。Apacheライセンスみたいですし、ソースも短いのでJavaScriptでアクションゲームを作りたい人の最初の取っ掛かりとして…

Sketchpadの様なJSで描画を行うツール「Harmony」

Sketchpadを初めて観たときはおどろかされました。そのSketchpadほどではないですがそれでもかなり面白いJavaScriptで作成されたツールを公開しているサイトを見つけました。 Harmony - Procedural drawing tool http://mrdoob.com/lab/javascript/harmony/ …

JavaScriptでアクションゲームを作る方法を解説しているサイト

英語で以下のサイトにチュートリアルが有ります。 Game Development Tutorials – Intermediate, Tutorials - Canvas Demos http://www.canvasdemos.com/2009/07/09/game-development-tutorials/ 最終的にこの様なゲームが作れる様になります(カーソルで移動…

JavaScriptでPDFが作れるjsPDF

最近のブラウザではbase64でエンコードしたデータを出力することでJavaScriptで動的にファイルを作成し、ダウンロードさせる事が可能です。 ※詳しいことが知りたい人はここなどを参照下さい。この機能を利用してJavaScriptでPDFファイルを生成するライブラリ…

Youtubeのムービープレイヤーを制御する

YoutubeのプレーヤーはJavaScriptで制御できると公式リファレンスで見つけたのでちょっと試してみました。 YouTube JavaScript Player API リファレンス - YouTube の API とツール - Google Code http://code.google.com/intl/ja/apis/youtube/js_api_refer…

canvasの命令を使って画像を回転させる

以下のサイトやライブラリを参考にHTML5で導入されたcanvas処理を使って画像を回転処理を行うプログラムを作ってみました。こちらでプログラムの動作を確認できます。 ライブラリ ExplorerCanvas http://sourceforge.net/project/showfiles.php?group_id=163…

Yahoo! UI Libraryについて

名前のままですが米Yahoo!が作成した「JavaScript+CSS+画像ファイル」で作成されたUI(ユーザインターフェイス)のライブラリ集。 基本情報 ・サイト The Yahoo! User Interface Library (YUI) http://developer.yahoo.com/yui/ (ダウンロードはこちらから) ht…

jQueryの作者がJavaScript版Processingを作ったらしい

jQueryの作者のJohn ResigさんがJavaScript版Processingを作ったらしいのでさそっく使ってみようと情報を検索したらさっそくamachangのはてダがヒット。相変わらず情報が早いなw ブラウザでお絵描きプログラミング! Processing.js 登場! - IT戦記 http://d…

Ajax File Uploader Plugin For Jqueryを使う

Ajaxにより画面遷移を行わずにファイルアップロードを行えます。 プログラム構成はJavaScriptとPHPです。こちらのブログで知りました。 [JS]jQueryのプラグイン33+1選 -2007年11月 | コリス http://coliss.com/articles/build-websites/operation/javascript…

Highslide JSによるJavaScriptでのサムネイル表示・スライドショー

基本情報 ・サイト Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ ・ライセンス http://vikjavev.no/highslide/#licence▼無料版 Creative Commons(表示-非営利) 2次使用可能 クレジット表示が必要 非営利でしか使用できない 個…

jQZoomによるJavaScriptでの画像ズーム

jQZoomは画像をズーム表示するjQueryのプラグインです。 まあ、こちらのブログで紹介されているのを見て知ったのですがw [JS]画像を拡大表示するスクリプト -jQZoom | コリス http://coliss.com/articles/build-websites/operation/javascript/913.html なか…