スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
enchant.js 怒涛の 100 tips | TM Life
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. enchant.js 怒涛の 100 tips!! ローカル整理してたら昔勉強がてら作った enchant.js のサンプルが大量に出てきたので, 整理するついでに公開しようと思います. 最終的に 100超えちゃったけどw(全部で102個あります) 逆引きてきな感じでまとめてます. 参考になれば幸いです. 全て jsdo.it に移植したので Web上で実行できます!! fork なりダウンロードなりして遊んでくださいな♪♪ Tips Base(基本) 基礎です. enchant.js のテンプレートを用意しよう Entity(エンティティ) 表示物系の基底クラスです. 内部で DOM を持っているので表示は
Web Audio APIでシンセサイザーの作成
2. Music sm11764888 シャウトVST sm11953495 ダブリングVST sm14366724 ビブラート描画 http://youtu.be/MWrF0_du2rA 8bit ソフトシンセ http://youtu.be/4qsxTV3sg-g 竹内関数音楽 Programming
HTML5 audio+JavaScriptで音声いじくって遊んだ - きしだのHatena
hsmtたちとHTML5 audio+JavaScriptでエフェクタ作って遊んだ。 第１回ビジネスで使えるディストーション勉強会 #mobster(facebook) すごく気軽に音声がいじくれて非常に面白い。 ディストーション http://dl.dropbox.com/u/16392316/effecter/dist.html ディレイ http://dl.dropbox.com/u/16392316/effecter/delay.html なお、音声は「ogg サンプル」で最初に出てきたものを使っただけで深い意味はありません。
csg.js
csg.js Source code: http://github.com/evanw/csg.js/ Documentation: http://evanw.github.com/csg.js/docs/ Introduction Constructive Solid Geometry (CSG) is a modeling technique that uses Boolean operations like union and intersection to combine 3D solids. This library implements CSG operations on meshes elegantly and concisely using BSP trees, and is meant to serve as an easily understandable implem
ちっちゃいCoffeeScriptの本 - クラス
JavaScriptにおけるクラスは、多くの人が敬遠しがちなコンセプトですが、あなたがこのCoffeeScriptの本を読んでいる限り、それに対する偏見はそれほど強くないと言えるでしょう。クラスは他の言語と同様にJavaScriptでも非常に便利なものでCoffeeScriptはすばらしい構文でクラスを作る事が出来ます。 CoffeeScriptはJavaScriptの prototype を使ってクラスが作られています。静的なプロパティとコンテクストの維持に関して簡単な構文も用意されています。簡単なクラスの生成に用意されているのは class キーワードです。 class Animal 上の例では Animal はクラス名で、インスタンスを作るときに用いる名前となります。CoffeeScriptでクラスからインスタンスを作るには new キーワードを使い、この時にコンストラクタが呼び出さ
JavaScript なスライダーライブラリのまとめ
自分用の備忘録としてですが JavaScript なスライダーライブラリのまとめです。 音量の設定とか RGB での色設定とか感覚的な数値を入力させるためのＵＩとしてぴったりなアレです。今流行のページスライダーではありません。一昔前は Flash で作られたライブラリが多かった記憶がありますが、最近では JavaScript でもできちゃいますって感じで様々なライブラリが公開されています。 Javascriptでできているスライダーありませんかね？ の人力検索はてなの情報を大いに参考にさせて頂きました。 基本的な考え方として、見た目は各種パーツの画像を作り込むことでどうにでも変更できます。機能的には有名どころの JavaScript ライブラリを用いていればそれほど不満が出ることも無いかと思うので、現状お使いのライブラリの系列のものを使うとムダにメモリ使用量とかライブラリ同士での汚染とか考
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
HTAを利用したウインドウ付きアプリケーション - マンガで分かる JavaScriptプログラミング講座
先生：今日は 最後の クラブ活動だ 前回はウィンドウなしの アプリケーションを作った 今回はウインドウ付きの アプリケーションを作るぞ 麗：そんなことが できるんですか？ 先生：ああ 『HTA』を使えば バッチリできる それで 『HTA』なんだが HTMLファイルの拡張子を 『.hta』にすれば完成だ .html ↓ .hta 3人：… 3人：はっ？ 遊：いくらなんでも それは手抜き過ぎじゃ！ 先生：ダブルクリック してみろ （ウィンドウ表示） 遊：あれ？ ブラウザではなく ウインドウが 立ち上がった！ 先生：どうだ 物すごく楽だろう？ 遊：おみそれ しました 先生：前回の『cmnFunc.js』を 改造すれば ファイル操作も行える 改造箇所は 2ヶ所だ // 1ヶ所目 this.createObject = function(name) { try { return WScript.Cr
JavaScriptで波をつくろう。リアルタイム波形生成＆再生 - Yanagi Entertainment
前のエントリでこんなことを書きました。 JavaScriptで波形データを読み書きすることができる。しかし再生するのは難しい。 HTML5のaudioタグとData URIを組み合わせればできないこともないが、コストが大きすぎる。 コストが大きいのは音声ファイルが大きいからです。50MBある波形をいちいち変換してられません。 でも小さい波形ならできるかもしれない！ ということでやってみました。 基本的なアイディア 波形データをつくる（数値の配列） 波形をバイナリ列に変換する バイナリ列にWAVヘッダを付加する Base64エンコード audioタグのsrc属性に指定 audioを再生 つくったもの http://yanagiatool.appspot.com/jsaudio/mmltest.html シンプルなMMLプレイヤーです。JavaScript + HTML5。 ベロシティとかルー
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは
HTML＋JavaScriptでiPhone/Androidアプリを作れるTitanium Mobileとは：Web技術でネイティブアプリを作れるTitanium（1）（1/3 ページ） iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツールを紹介し、その利点や使い方を連載で解説します iPad/iPhone VS Androidに戸惑っていませんか？ 2010年1月5日、グーグルがAndroid 2.1を搭載した「Nexus One」を発表しました（参考：Google、Android 2.1搭載の“スーパーフォン”「Nexus One」を発表）。高精細なディスプレイや高速なプロセッサによる快適な動作など、iPhoneのライバルとしての存在感が話題になりました。また1月21日には、NTTドコモ
HTML5とJavaScriptでエヴァンゲリオンの使徒を描いたよ。 - このブログは証明できない。
エヴァンゲリオンが話題なので、HTML5というかcanvasとJavaScriptで使徒を描いてみました。5時間かかりました。 勝間和代 エヴァンゲリオン コスプレ - Google 検索 まずは、コード。 <html> <head> <title>RAMIEL</title> </head> <body> <canvas id="canvas" width="300" height="300" style="border:1px solid black;"></canvas> <script type="text/javascript"> (function() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.lineWidth = 10; ctx.strok
livedoor Techブログ : アドオンした事がない人が15分間でFirefoxアドオン開発
こんにちは。ライブドアの駒井です。 つい先日、友人に誘われて半ば強制的に「Firefox Developers Conference 2009」に参加してきました。誘ってきた友人が、当日の急用で北海道に帰る事になり、何故か私1人で不慣れな場に参加してきました。当日優しくしてくれた皆さんありがとうございました。いただいたFirefoxのTシャツも大事にします。 自分の予想に反してとっても有意義な時間となりました。筆者は普段、JavaScriptを全く書きません。C++とJAVAがメインです。そんな私でも気軽に楽しめてしまうのがFirefoxアドオンでした。ということで、Firefoxアドオンを作成するための最低構成で、簡易的なアドオンを15分程度で実験的に作ってみたいと思います。 題材を模索中に自社営業部の人から次のようなアドオンがあったらありがたいと聞きました。営業訪問に際して必ず行う下記
SICPの図形言語を JavaScript+html5のcanvasで解く - ＊「ふっかつのじゅもんがちがいます。」withぬこ
SICPの2章に図形言語というセクションがあって、環境を用意するのが面倒なのでスルーしていた（通常coLinux+gaucheとかDrSchemeとかでやってるのだけど、描画のためにLinux側にgauche+GL、Windows側にXサーバを入れて窓をXで飛ばすとか面倒だし、これ以外の目的に使いそうにない）。 しかし、canvasを使って本文中のSchemeプログラムをJavaScriptで記述してやればできるんじゃないか？と思ってやってみた。 なお土日は本当は月曜SICPのためにambインタプリタを書かなければいけなかったのだが、図形言語にかまけていて予習をやってない。でも単に遊んでいたわけではないんだよというアリバイ工作のためにこのような記事を書いてみる。 SICPではSchemeを使うとはいっても、マクロとかは取り扱っていない。SICPの範囲内で使われるScheme処理系の機能で、
SoundManager 2: JavaScript Sound For The Web
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nehan - Project Hosting on Google Code
Dojo Slider Widget Demo
dijit.form.Slider — The Dojo Toolkit - Reference Guide
Javascriptでできているスライダーありませんかね？
javaScript:canvas : 多角形を描く