WebStorm: The JavaScript and TypeScript IDE, by JetBrainsNot sure which tool is best for you?Whichever technologies you use, there's a JetBrains tool to match
スマホ用JavaScriptフレームワーク5つ＋1を徹底研究（1/5） - ＠IT
スマホ用JavaScriptフレームワーク5つ ＋1を徹底研究 jQuery Mobile、iUI、jQTouch、 Sencha Touch、Wink toolkit、PhoneGapとは アシアル株式会社 鴨田健次 2011/6/22 スマホ用JavaScriptフレームワークとは スマートフォン向けJavaScriptフレームワーク／ライブラリを使うと、スマートフォンアプリっぽい見た目のページデザイン、UI（ユーザーインターフェイス）パーツやページ遷移アニメーションを簡単に実装できます。多くは、おのおののフレームワークのルールにのっとったHTMLを書くことで、それらの機能を実現します。 本稿では、jQuery Mobileを筆頭として、いくつか発表されているスマートフォンサイト向けJavaScriptフレームワークを紹介します。 ■ PCサイト向けJavaScriptフレームワークに
JS Console for iOS
Love JavaScript? Can't get enough of it? Ever sit on the plane and wish you could just test a bit of code? JS Console of the iOS gives you just that. A JavaScript console to test and inspect the results of your JavaScript without the need to be online or in a browser. Run any JavaScript straight in the console Test mobile JavaScript features like geolocation Load any URL's DOM tree Load external
FlashLiteなコンテンツをHTML5に移植してスマートフォンでも見れるようにした (2)
ソーシャルゲームをスマートフォン向けに出している企業も増えてきました。見ているとWallabyによる自動変換＋手作業派とFlashをタッチ対応してAndroidだけ出す派の2派が多いようですね。弊社のアプリでも、Wallabyは真・戦国バスター、Flashのタッチ対応はトイボットで使われています。 あとWallabyとは別のやり方で自動変換を試みたものもあります。 そんな中、愚直に移植を試みるのが、いま紹介している方法になります。 そんなわけで、移植担当のosuga-hです。 FlashLiteコンテンツをスマートフォンに移植する話の続きです。 今回はflaファイルから見た目の部分をHTMLに起こしていく作業にフォーカスして、どんな作業をしたのかをより具体的に説明したいと思います。 前回のあらすじ FlashLiteコンテンツをスマートフォンにも！ flaファイルからHTML5にしてみ
twitterのコールバック処理をjsでやってみよう！！その１ | _level0 - KAYAC Front Engineer Blog
こんにちは！！ 11年度新卒のシモダです みなさん大好きなtwitterですが、flashでAPIをあれこれするとき一番厄介なのがOAuth認証 サーバーサイドの処理がどうとか、PHPとかなんかよくわかりません！！ 今回はそんなOAuth認証をなるだけフロントサイドだけでやってみようと思います 【必要なもの】 oauth-as3（ライブラリ） サーバー コールバック用のhtml crosdomain対策のPHP 【必要なもの終わり】 まずoauth-as3で認証画面までいきましょう private function twitterOauth():void{ var twitterOauthComsumer:OAuthConsumer = new OAuthConsumer(CONSUMER_KEY,CONSUMER_SECRET); var oauthRequest:OAuthReques
twitterのコールバック処理をjsでやってみよう！！その3 | _level0 - KAYAC Front Engineer Blog
こんにちは、2時間かけて会社に通っているシモダです 前回コールバック用のhtmlを作りましたが、今回はそのhtmlからflashへデータを通信する方法を書きます まず各ファイルの関係から swfを乗せる表示用のhtmlは下記です <html> <head> <script type="text/javascript"> <!--<br /> window.name = "index"; // --> </script> </head> <body> <div id="box"></div> <script src="swfobject.js"></script> <embed src="instagramTest.swf" id="externalasExtTest" name="externalasExtTest" width=100% height=100%> </body> 重要なの
Closure Library を使うべき 10 の理由 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ
iPhone4はtouchstartイベントのevent.targetにTextNodeもセットされる
どうもosuga-hです。 イベントハンドラの引数のtargetプロパティには必ずHTML要素が代入されるように実装されていることが多いですが、 iPhone4ではTextNodeも対象となるように実装されているようです。 おとなしくevent.currentTarget使ってればこんなことにはならないんですけど、予想外の挙動だったことは間違いないんで、紹介したいと思います。 問題となったコード断片 1 <div id="menu1">menu1</div> 2 <div id="menu2">menu2</div> 3 <script type="text/javascript"> 4 var menu1 = document.getElementById( "menu1" ), 5 menu2 = document.getElementById( "menu2" );
JavaScript style guide - Mozilla | MDN
else は上で示したように常に単独の行に書いてください。 return の後には else を使わないでください。 if (x < y) return -1; if (x > y) return 1; return 0; i++ も ++i も使用可能です。 インライン関数はそのデバッグが楽になるように名前を付けてください。関数をプロパティに代入しただけではその関数に名前を付けることはできません。次のようにしてください。 var offlineObserver = { observe: function OO_observe(aSubject, aTopic, aState) { if (aTopic == "network:offline-status-changed") setOfflineUI(aState == "offline"); } }; 名前や列挙値には interCap
Google JavaScript Style Guide
Revision 2.2 Aaron Whyte Bob Jervis Dan Pupius Eric Arvidsson Fritz Schneider Robby Walker This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at
JavaScript Style Guide | Contribute to jQuery
If the project supports browsers which do not implement ES5, then the es3 option must be included with the repo-specific options. link SpacingIn general, the jQuery style guide encourages liberal spacing for improved human readability. The minification process creates a file that is optimized for browsers to read and process. Indentation with tabs. No whitespace at the end of line or on blank line
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
JS+PHPでFacebookページをカスタマイズ！ (1/3)
Facebookを企業で活用するために、Facebookページの開設・運用方法を解説する本連載。前回は、Facebookページの開設の流れと、iframeを使ったウェルカムページの作成方法について、Web ProfessionalのFacebookページを例に解説しました。今回も引き続き、Facebookページのカスタマイズについて詳しく説明します。 Facebookページをカスタマイズする2つの方法 Facebookページの本格的なカスタマイズに入る前に、Facebookページへのオリジナルコンテンツの追加方法を整理しておきましょう。Facebookページは複数の「タブ」で構成されており、ページ内に新しい「タブ」を設けることでコンテンツを追加できます。タブを追加する方法は、（1）既存のFacebookアプリを利用する、（2）新しくFacebookアプリを作る、の2つがあります。 （1）既
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - brian-c/phantom-limb: Fake touch events in desktop browsers (unsupported)
Google Code Archive - Long-term storage for Google Code Project Hosting.
GitHub - jcmellado/js-aruco: JavaScript library for Augmented Reality applications
GitHub - adamzap/landslide: Generate HTML5 slideshows from markdown, ReST, or textile
showjin.me
wise9 / enchant.js - GitHub
http://rpgjs.com/
