JavaScript ゲーム製作勉強会 Vol.2に参加して来ました - 強火で進め
JavaScript ゲーム製作勉強会 Vol.2 - Akiba.js https://sites.google.com/site/akibajs/vol2 以下のUstreamはWiFi環境が無い事も有り、主催者の @hakobera さんがUstreamの環境の準備出来なかった為、代理で自分が撮影しました。 @hakobera さんが撮影された動画を後日上げられると聞いていたのでその後、消そうかと思ってたのですがちょっと座られた位置的に撮影出来なかったみたいなので自分の方を公開しておきます。 と言っても自分も位置が悪い場所での撮影なのでスライドはかなり見辛いですが(^_^;) 発表された方には後日、スライドを公開して貰うみたいなのでスライドはそちらを見た方が良いかと思います(公開されたら随時、追加します)。 後、これはiPhoneで撮影しました。iPhoneのUstアプリだとメールが
ハタさんのブログ(復刻版) : javascripterになろう。の巻 3章
前回「紛失した。」って書いてあったハズなのに、とある人(@hika69)からの熱い熱意によって、描き起こしました。 javascripterになろう。の巻 3章 例によって、独自解釈部分を含む + 校正はしてないので、間違っている点があるかも。
第19回html5とか勉強会 PJAX ～HTML5時代のAJAXサイトプラクティス～
pjax = pushState + ajaxのプレゼン これまでのajaxの課題を解決する、history api(pushStateなど)を使ったプラクティスです。
Edit in placeエディタを実装するEIP :: 5509
シンプルで使いやすいEdit in placeエディタを。 EIPは指定の要素にEdit in placeエディタ機能を付加します。データの保持はカスタムデータ属性で行い、コールバック関数を呼べるためある程度自由にデータのやりとりができます。 EIPのサンプル ダウンロード Githubから 使い方 jQueryとeip.js、eip.cssを読み込みます。 次にHTMLを用意します。このとき、HTMLにはdata-eipが必須です。実行対象はdivでもspanというか何でも大丈夫ですが、display: block指定がされているか、ブロック要素がいいと思います。（※data-eipについては後述
capybara-webkit を headless（画面なし・Xなし）で動かした - babie, you're my home
どうも皆さんこんにちは、GW返上で頑張る babie でございます。日中にキャッキャウフフ行楽してる奴は殺人光線を浴びて死ぬ。 Rails のインテグレーションテストで一般的となった Capybara ですが、JavaScript のテストには選択肢が色々あります。envjs, selenium, akephalos, celerity, culerity などなどです。迷いますねー。 ですが、当方、Ruby 1.9.2 p136 on VPS の関係のため、 envjs ―― 依存してる johnson が Ruby 1.9 系列ではコンパイルできないので× selenium ―― X ごっそり入れるのイヤなので× akephalos ―― 依存してる HTMLUnit が jQuery 1.2 までしか対応してないので× celerity ―― JRuby 専用なので× culerit
javascript の apply と call - basyura's blog
apply メソッドは 2 つの引数、 thisArg および argArray をとり、オブジェクトの Call プロパティを使用して、関数呼出しを実行する。オブジェクトが Call プロパティを持っていない場合、例外 TypeError が投げられる。 thisArg が null または undefined の場合、呼出された関数は this 値としてグローバルオブジェクトを渡される。そうでなければ、呼出された関数は this 値として ToObject(thisArg) を渡される。 argArray が null または undefined の場合、呼出された関数は引数を渡されない。そうでなければ、 argArray が配列でも arguments オブジェクト (10.1.8 参照) でもない場合、例外 TypeError が投げられる。 argArrayが 配列または aru
jQueryのアニメーションとか勉強しました。Google+のサークルっぽくリストを表示できるjQueryプラグイン作ったよ。 - kissrobberの日記
深刻なjavascript力不足から徐々に抜け出せつつあるような気がしている今日この頃ですが、 jQueryプラグインというものを初めてリリースしてみました。 CircleList jQuery Plugin http://kissrobber.appspot.com/circlelist_jquery_plugin/ ↑のデモのような感じで、htmlのリストをGoogle+のサークルっぽい感じで表示する事ができるプラグインです。 最初はプラグインとかじゃなくて普通にGoogle+っぽくアイコンをうごかすページを作ってたんですが、 jQuery UIの機能（draggableとかselectableとか）と連携したくなった時にプラグインのルールにしたがって作っといた方が連携しやすい事に気がついて、 作り直して、 あ、これ公開できるじゃんって感じで公開してみました。 いろいろ学んだ事はあるん
FullCalendar の複数カレンダー表示 - エンジニアきまぐれTips
元ネタはこちら、http://oshiete.chance.com/qa6564701.html イベントが空っぽだと寂しいのでGoogleカレンダーの日本の祝日を表示してみた。 前月、次月に移動するボタンも追加した。 <html> <head> <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' /> <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' /> <script type='text/javascript' src='../jquery/jquery-1.5.2.min.js'></script> <script type='t
ハタさんのブログ(復刻版) : javascripterになろう。の社内勉強会
社内で使っているモノにTitaniumとかSenchaとか増えてきたので、javascriptをより知ってもらおうと思って、社内勉強会で使った資料とか、今さら javascripterになろう。の巻1章 javascripterになろう。の巻2章 地震とか色々あって3章が紛失してしまったけど、今のところ3章まで話したハズ。 内容の校正とかしてないから、間違ってる点があるかも。
Post by @hamalog
ポチってもうたー開発メモ。 UIだけJSでいじってる時はそこまで慎重になることでもないけども、頻繁にガシガシajaxする場合は、既に走っているajaxリクエストもうまいことハンドリングすべき。ポチってもうたーでは、ツイートをJSONで返すよう、サーバーサイドでサービスを用意しているわけだけれども、まぁ、普通に考えれば、こんな感じで、JSON返ってきたらUIを更新するってやるんじゃないだろーか。 $.ajax(url, query).then(function(){ // UI更新しちゃう }, function(){ alert('ゴメンなんか変'); }); しかし、これには問題があって、JSONが返ってくる前に、もうそのUIが用済みになってしまうような操作がされた場合、あーもうUI更新して欲しくないんだけど後から更新されちゃったよーっていうことになってしまう。 ポチってもうたーでは、ロ
Post by @hamalog
ポチってもうたーでは、ユーザーの情報をサーバー側のモデルと同期させるために、Backbone.jsを使っているのだけど、Backbone.jsは結構特殊な、だけどなんかモダンっぽい仕組みでサーバーと通信する仕組みになってる。 普通、postするときは、name="Takazudo" age="28" みたいなデータをサーバーに投げるわけだけど、Backbone.jsは、以下のような、データをtoJSONした文字列をボコっとそのままサーバーに投げ、サーバー側でもそのJSON上手いことなんかやってくれっていう仕組みになってる。
スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
Paper.jsは、HTML5...
Paper.jsは、HTML5 Canvas要素によるベクター・グラフィクスを扱うためのフレームワークだ。 応用領域としてはProcessing.jsに似たところがあるけれど、向こうはProcessingという元ネタがあるのに対して、こちらは純粋にHTML5 and JavaScriptに特化していることから、作りに無理がない（Processing.jsは、だいぶ「無理してる感」がある）。 ということで、HTML5でインタラクティブなベクター・グラフィクス遊びをするなら、こっちがおすすめかも。
JavaScriptのいろいろなコーディングルールをまとめてみた
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo
HTML5 花火大会
HTML5の花火大会が始まりました。 JavaScriptやCSS3で書かれたコードが美しい花火となって 夏の夜空を鮮やかに彩ります。 START
YappoLogs: iPhone で position:fixed な UIToolBar を簡単に作る jquery.mobile.iscroll.js を作った
« iPhone とかの フリックで操作するカルーセル UI を jQuery mobile で作ってる話 (jquery.mobile.carousel) | Main | FizzBuzz最短回答 もしくは Yahoo!Japan 入社課題提出エントリ » iPhone で position:fixed な UIToolBar を簡単に作る jquery.mobile.iscroll.js を作った iPhoneのWebサイトを作っていて、良くあるアプリの上と下の position:fixed なメニューを実装しようとした時に、iScrollを使えばわりかし楽に実装出来ます。 jQuery mobile (1.0a2) を使ってると header/footer 要素に data-position="fixed" を書いておけばそれっぽい動きになるんですが、スクロールイベントを受け取るた
jQuery mobile で position:fixed をどうにかする - nihimotoの日記
本日始めて知ったのですがmobile safariではCSSのposition:fixedは使えないそうです。 よって、画面の一部分にボタンを固定して置いておく、というUIが作れない。 もちろんそれでは困るので、各種対策を試みている先達たちがおります。 色々調べてみましたが、「fixedできない？なら、しないでも大丈夫なようにすればいいじゃん」ということで、iscrollというjqueryプラグインを使うのがよさそうです。 iScroll これは、本来画面をタッチして指を滑らすとウィンドウ全体がスクロールされるのですが、このイベントを乗っ取ってしまい、ウィンドウがスクロールするのではなくて特定のdiv内がスクロールされるように、差し替えてしまうjqueryです。 fixedしたいオブジェクトをスクロールされるdivの外に置いておけば、まるでfixedされているかのように画面のスクロールに関
prototype.jsからjQueryに移行するたったひとつの冴えたやりかた - os0x.blog
どうもこんにちは、os0xです。 実は(Twitterに書いただけで)ブログに書いてなかったのですが、3ヶ月ほど前からクックパッドで働いています*1。なんかもう今更ですよね、すみません。 さてさて、クックパッドですが、つい一昨日までprototype.jsを使っていました。で、昨日jQueryへの移行をリリースしたところだったりします。 というわけで、その辺の話を少し書いてみたいと思います。 そもそも、なんでjQueryに移行するのか まあ、prototype.jsとjQueryどちらを使うかと問われたら、大抵の人はjQueryと答えますよね。確かにjQueryの使いやすさは魅力的です。使いやすいということは、みんなでjQueryを使ってサービスを作ることができます。特定の誰かに依存してボトルネックになったりすることがないなら、それは素晴らしいですね。 しかし、ライブラリを変えるのは簡単な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Search
javascripterになろう。の巻 1章 yusuke