サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
enchant.js is … カンタンにゲームやアプリを開発できるHTML5 +JavaScript フレームワークです。 2011年に公開され、すでに 1,000本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS,Android,Mac,Windows のブラウザで動作します。Windows 8:Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
Truth, Equality and JavaScriptYou don’t have to be aJavaScript novice to get confused by this… if ([0]) { console.log([0] == true); //false console.log(!![0]); //true } or this… if ("potato") { console.log("potato" == false); //false console.log("potato" == true); //false } Thegood news is that there is a standard and all browsers followit. Some authors will tell you to fear coercion and and code againstit. I hope to persu
Whenbuilding a web application, you oftentimes need to give users the ability to download a piece of data as a file.It could be a backup of configuration settings,reports, or other piece of information that is generated dynamically. The usual solution to this problem would be to have a dedicated export script that selects from adatabase andbuilds the file you need. However, as we will be prov
1. あえてECMAScript3.0以前の実行環境を使う あえてECMAScript3.0の実行環境を使うようにしましょう。そしてATNDで好みの男がいたらLT参加を告知し、わざとらしく発表準備段階でコンソールを出していじってみましょう。そして「あ～ん！ この実行環境本当にマジでチョームカつくんですけどぉぉお～！」と言って、男に「どうしたの？」と言わせましょう。言わせたらもう大成功。「ECMAScriptとか詳しくなくてぇ～！ ずっとコレ使ってるんですけどぉ～！ Object.keysが使えないんですぅ～！ ぷんぷくり～ん（怒）」と言いましょう。だいたいの男は新しい実行環境を持ちたがる習性があるので、ECMAScript5の実行環境を使っているはずです。 そこで男が「新しい実行環境にしないの？」と言ってくるはず（Object.prototypeの拡張を勧める男はその時点でガン無視OK）。
JavaScript Strict ModeThe fifth edition of the ECMAScript specification introduced Strict Mode. Strict Mode imposes a layer of constraint onJavaScript – intended to protect you from the more perilous aspects of the language. While researching this article I wrote 38 tests covering all the Strict Mode rules as defined in the ES5 specification. You can see how your favorite browsershapes up by clicking here. The code f
こんなサイトを作ってみました オッス、オラ日曜ネット大工。 １年に１回くらい趣味でwebサイトを作ったりする独学素人ノンプログラマーです。仕事はＩＴ系にかすりもしないけど、たまにサイトが作りたくなるんです。htmlもCSSも知識不足ですが、作成ソフトに頼ればなんとかなります。 そんなレベルで無謀にも「JavaScriptも使いたいな」とか思ったりするわけですよ。 で、たまに「簡単にわかるJavaScript入門」なんてサイトや記事がありますよね。 ああいうのを書いてくださる人に、ちょっと言いたい。 あの、独学素人ノンプログラマーの俺をなめてませんか？ あなた方の想像を絶するほどに、俺のＩＴ系理解能力はゴミクズですよ！ 「簡単に分かる入門」にさえ入門できません助けて先生！ と、鼻水をたらしながら泣き出すような底辺レベルのスキルしかないザコであります自分は。 ですが、jQueryと出会い、
以前はJava EEの普通のWebアプリケーションで、JavaScriptはあくまでも利便性のために補助的に使うものという認識がありましたが、さすがに最近では普通の業務系のSI案件でもテーブル表示や入力補助などで高度なAjaxライブラリーの使用が当たり前のように求められるようになりつつあります。サーバーサイドのJavaScript技術といったものもありますが、そういった新しい技術を使わないまでも、ごく普通にある程度大きなJavaScriptの作成が必要になってきているということです。 もちろん、JavaとJavaScriptはその名前にかかわらず、本来全く別の言語です。しかし、意図的に似た構文でロジックが書ける*1ため、兄弟の言語として認識している人も意外に多いのではないかと思います。しかし、使用できるライブラリーに違いがあるという点が一見してわかる最も大きな違いですが、基本的な言語の文法
In this tutorial, we will bebuilding a jQuery andPHP powered photobooth.It will allow your website visitors to take a snapshot with their web camera and uploadit from a neatCSS3 interface. As you might know,it is not possible to access web cameras and other peripheral devices directly fromJavaScript (andit won't be for some time). However there is a solution to our problem - we can use a f
* 2010/11/17 17:00追記 foursquareで誰もチェックインしない会社のMayerになってニヤニヤしている小山です。 最近、個人的にですが、`CacooViewer’というiPhoneアプリをリリースしました。 CacooViewer CacooViewerは、弊社と同じ福岡に本社を置くヌーラボさんの`Cacoo‘というリアルタイムなコラボレーションが可能なWebドローイングーサービスのモバイルビューワです。 CacooViewerは非常に簡単なアプリですが、Flashで作成されているCacooの「iPhoneやiPadで作成した画像を見れない」という弱点を若干ながら補完するアプリになっています。 で、 実はこのアプリ、Titanim Mobileを利用して作られています。 Titanium Mobileって何？ Titanium Mobileとは、大雑把に言うと「Ja
I’ve been working on a browser-based word game, naturally written inJavaScript, and have been encountering some interestingtechnical challenges along the way. I’ve written up my thought process here for others to learn from (note that most of this happened over the course of a month, or so). I’ve often found that while a final solution to a problem may be rather elegant and “make perfect sense”
Despite the manyJavaScript libraries that are available today, I cannot find one that makesit easy to addkeyboard shortcuts(or accelerators) to yourjavascript app. This is becausekeyboard shortcuts where only used inJavaScript games - no serious web application usedkeyboard shortcuts to navigate aroundits interface. ButGoogle apps likeGoogle Reader and Gmail changed that. So, I havecrea
デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 CamanJS DocumentCreating a Plugin [ad#ad-2] CamanJSの実装 「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
iPhoneやAndroid風にマウスでフリックスクロールできるようにするjQueryプラグインつくりました。 ページ末端を過ぎると戻るような動作を再現しています。ページ区切りを設定するとiPhoneのホーム画面のようなUIも実現できます。 現在はアルファ版として公開中。 デモ デモ（ページ全体） ダウンロード コードサンプル ページ一部をフリックできるようにする場合。 $('.selector').flickable(); ページ全体をフリックできるようにする場合。 $(window).flickable(); ページ区切りを作る場合。sectionオプションでセレクタか要素を指定します。 $('.selector').flickable({ section: '.content' }); オプションの取り方などを含め、jQueryUIと同じような実装にしています。 詳しくは、http
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
「Draggables」はドラッグ&ドロップでフォームに情報を入力する事が出来るJavaScriptライブラリです。 氏名や電話番号をあらかじめマイクロフォーマット形式で保存しておくと、 フォームにドラッグするだけで内容が反映されるようになります。 ファイルだけでなくWEBページからもドラッグできるのが特徴です。 実際に動作デモを触ってほしいのですが、これはすごいですね。。 フォームの入力がめちゃくちゃ楽になりそうです。 使ってみた様子 以下に使ってみた様子を載せてみます。 ↑まずは、マイクロフォーマットが表示されているデモページを開きます。 http://draggables.com/event-drag.htm ↑次にお問い合わせフォームを開きます。これは別ウインドウで開いてください。 http://draggables.com/event-dropform.htm ↑２つのウインドウ
![[JS]ドラッグ&ドロップでフォームに情報入力ができる「Draggables」 | Web活メモ帳](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f28a1ff5aa348469f97046129c95cd8ff03735b40%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fblog.verygoodtown.com%252Fwordpress%252Fwp-content%252Fuploads%252F2011%252F02%252F20110214-05.jpg&f=jpg&w=240)
Navigate the physical jQuery code to see what, where, and how the magic happensHome The Deconstructed series is designed to visually and interactively deconstruct the internal code ofJavaScript libraries, including jQuery, Prototype and MooTools.Itbreaks the physicalJavaScript into visualblocks that you can easiliy navigate. Eachblock opens to revealits internal code. Clickable hyperlinks a
Breakdown... Basic Types var intValue = 1; var floatValue = 3.0; var stringValue = "This is a string\n"; var sqString = 'This is also a string';Javascript is a dynamically typed language. Variables are declared with the keyword var. Commonsimple types are supported. Arrays varemptyList = []; var homogenousList = [1, 2, 3]; var heterogenousList = ["one", 2, 3.0];Javascript has built-in collecti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
