タグ

ago_kyoのブックマーク (155)

  • jQueryのliveやdelegateは実際何をやってるのか

    jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbindする 2. 1で設定したイベントハンドラー内でdocument object内に存在する要素上で発生したイベントを全てキャッチする ・イベントの発生元要素がbind時に設定されたセレクタに一致する場合、第二引数に指定されたユーザーのイベントハンドラーを呼び出す これはもともと「多量の要素に対してbindするとUIをロックしてしまう」という問題の対策として知られていた手法だが、liveはそれをj

    jQueryのliveやdelegateは実際何をやってるのか
    ago_kyo
    ago_kyo 2011/10/19
    あとで会社のブログにまとめたい
  • カヤック流ソーシャルアプリの作り方 インフラ編 - KAYAC Engineers' Blog

    入社4年目にもなってtech.kayac初登場のせいです。 ブログ書けプレッシャーにとうとう屈する時がきました。 これで夢にkyo_agoが出てうなされなくてすみます。(彼はtech.kayacの尻たたき担当でした) 先々月「ぼくらの甲子園!熱闘編」というゲームをモバゲー内にてリリースしました。 これは去年リリースした「ぼくらの甲子園!」の続編です。 モバゲーユーザの方、是非遊んでみてください。 今回はこの「ぼくらの甲子園!熱闘編」がどういうインフラ構成になってるか紹介したいと思います。 注) 題名に「カヤック流」とはつけましたが、カヤックでは多様性を善としている風潮があり、 ゲームによってインフラの構成が違うどころか、利用しているプログラミング言語すら違います。 なので全てのゲームがこのような構成になってるわけではありません。 前提 今回のインフラ構成を決めるに至って考慮した点は「ラクに

    カヤック流ソーシャルアプリの作り方 インフラ編 - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/10/11
    2年くらい前から尻を叩いてました
  • 安全なバッチ処理の作り方 - KAYAC Engineers' Blog

    このまえ登り坂の途中でロードバイクのタイヤが破裂しました。ながたです。 今回はバッチ処理について書いてみようと思います。 バッチ処理? Webサービスの処理開始条件は、大まかに次の2つに分けることができます。 ユーザーのアクションに起因するもの ユーザーのアクションに起因しないもの このうち後者の処理をバッチ処理が担当することになります。 バッチ処理の担当分はさらに、 特定の条件(時間やサービスの状態)で実行するもの 手動で実行するもの の2つに分けられます。 今回はこの「手動で実行するもの」について書きたいと思います。 バッチを手動実行するのはどんなとき? バッチ処理を手動で実行するのは、十中八九イレギュラーな状況が発生したときです。 ルーチンワークや実行の条件が決まっているものは何らかの方法で自動化できるはずです。 そしてイレギュラーな状況のほとんどは不具合が発生したとき。 つまり 重

    安全なバッチ処理の作り方 - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/10/05
  • HTML5とか勉強会とMozilla勉強会で話してきました - KAYAC Engineers' Blog

    Mac Book AirにWindows7を入れて常用しています。ago(@kyo_ago)です。 先週、HTML5とか勉強会、Mozilla勉強会と発表を行って来たので、その時使った資料を紹介したいと思います。 HTML5とか勉強会 HTML5とか勉強会ではJSクイズゲームの作り方(HTML5実力テストの紹介)と題して15分の発表を行いました。 (ただ、最後は結構時間が余ってしまいました。。。) ちなみにJSクイズゲームの作り方(HTML5実力テストの紹介)ではHTML5実力テスト開始1週間時点での平均点を紹介しています。 (HTML5実力テストに関してすでにご存じの方は10Pくらいまで飛ばしてご覧ください) Mozilla 勉強会@東京 6th Mozilla 勉強会@東京 6thではjQueryで破棄されたrequestAnimationFrameとJSでのアニメーション実装で注意す

    HTML5とか勉強会とMozilla勉強会で話してきました - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/10/05
    MBA+Win7に外部キーボードと外部マウスつなげて使ってます
  • Nakamap APIを公開しました! - KAYAC Engineers' Blog

    ももいろクローバーZに夢中な、すぎゃーん(@sugyan)です。こんにちは。 みなさん、ナカマップ 使っていただいていますでしょうか? ナカマップは昨年冬にスマートフォン向けアプリとして公開され多くの方々に利用していただいておりますが、今回このナカマップを多くのプラットフォームから利用できるようにするためのAPIを公開しました。ナカマップにユーザ登録されている方であれば誰でも簡単にNakamapアプリケーションを作成し、公開できるようになります。 開発者サイトはこちら http://developer.nakamap.com/ 基的にスマートフォンアプリで出来ることが、ほぼすべてこのAPI経由で操作できるようになります。 自分のグループの一覧や、グループのチャット内容、友達の情報の取得、更新 位置情報の更新、取得 リアルタイムな更新情報(Streaming API) などなど、、詳しくは

    Nakamap APIを公開しました! - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/09/15
  • jsdo.itでHTML5実力テストを公開しました - KAYAC Engineers' Blog

    なめこ栽培中のago(@kyo_ago)です。 弊社が運営しているjsdo.itにて、この度HTML5実力テストを公開したのでご紹介します。 HTML5実力テストでは、HTML5関連の問題をJavaScriptコース、HTML/CSSコースに分けて受けることができます。 今回わたしはJavaScriptコースの問題作成を担当したので、HTML/CSSコースを受けてみましたが56点でした。 何回受けても大丈夫なのでぜひ満点を目指してみてください。 テストの結果はjsdo.itのユーザページへbadgesとして表示されます。 カヤックでは高得点な技術者も募集しています!

    jsdo.itでHTML5実力テストを公開しました - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/09/08
    裏試験もどこかで公開したいな。。。
  • HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS

    テストの目安時間は15分です。テスト開始とともに計測をスタートします。 ※時間をオーバーしてもペナルティはありません。 Open IDでログイン さぁ、jsdo.itにログインしてテストを始めよう! login with Google login with Facebook login with Twitter

    HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
    ago_kyo
    ago_kyo 2011/09/07
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    ago_kyo
    ago_kyo 2011/08/30
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    ago_kyo
    ago_kyo 2011/08/16
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    ago_kyo
    ago_kyo 2011/08/11
  • ももいろクローバーZにハマっている件について - すぎゃーんメモ

    じつは今、「ももいろクローバーZ」(通称ももクロ)というアイドルグループにハマっています。 まさか28歳になって突然アイドルにハマり始めるとは予想だにしていなかった。 3ヶ月前までは名前すら知らなかったくらいなのに、どうして突然ハマったのか過去の発言を振り返ってみた。 出会い 同僚に熱烈にオススメされたので ももいろクローバー聴いてる 2011-05-26 10:45:04 via Twitter for Mac ももクロがすごいのは何となく理解できた気がする。「DVD貸すよ!」って言ってくれた同僚に「要らない」って言っちゃったけどやっぱり貸して欲しいかも 2011-05-27 00:19:34 via Twitter for Mac とりあえずももクロDVDを観始めたところ 2011-05-28 12:39:24 via Twitter for iPhone あっという間にハマった もも

    ago_kyo
    ago_kyo 2011/08/08
  • Google Mapのデザインを変更する方法(StyledMapの使い方) - KAYAC Engineers' Blog

    豚を丸焼きにするイベントで日焼けしました。ago(@kyo_ago)です。 すでにだいぶ時間がたってますが、7/7に弊社コーポレートサイトのリニューアルを行いました。 その際会社までの道順を紹介するページでGoogle Mapのデザインを変更したのでその方法をご紹介したいと思います。 StyledMapType Google Map Ver3以降はStyledMapTypeというAPIが追加されており、このStyledMapTypeを使うことで地図上の指定された要素に対して独自の色情報を設定することができます。 色の変更方法 色を変更するにはStyledMapType API経由で以下のようにJavaScriptのObjectを渡すことで実現できます。 var styles = [ { // 色を変更する対象の指定(document参照) featureType: "road.local"

    Google Mapのデザインを変更する方法(StyledMapの使い方) - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/08/01
    GoogleMapAPI自体のWizardも作りたいな
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    ago_kyo
    ago_kyo 2011/07/29
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    ago_kyo
    ago_kyo 2011/07/29
  • 面白法人カヤック 恵比寿オフィスに行ってきた! - 941::blog

    夏ですね!尿酸値が気になる季節ですね! くしいです! いやー、暑いんだか寒いんだか節電だか何なんだかわかりませんね。 というわけで、シャレオツ&面白で有名なカヤックさんが恵比寿に支社を 作ったとか作らないとかで、いやーすごいですね。 鎌倉の社へお邪魔した時は「自然溢れすぎ!」と255回くらい言っていた気がしますけども なんと驚き まぁるいみっどりっのやっまのってせん で有名な山手線は 恵比寿駅から歩いて数分のところに支社をお作りになられたそうで、お邪魔してきました。 はい、こちら恵比寿駅。 待ち合わせのメッカ、えびす様がいらっしゃいます。 ==== ここまでどっしり構えられると安心する ※公開から3ヶ月以上経過した特定の記事は有料となっている場合があります この続きはcodocで購入

    面白法人カヤック 恵比寿オフィスに行ってきた! - 941::blog
    ago_kyo
    ago_kyo 2011/07/26
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    ago_kyo
    ago_kyo 2011/07/25
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    ago_kyo
    ago_kyo 2011/07/13
  • SWF on iPhone!「FlashForward」 - KAYAC Engineers' Blog

    Chrome文エリアをスクロールするとエラーになるそうです。ごめんなさい! こんにちは!1年間自転車通勤を続けた結果、健康診断で「おっ!」と言われて大満足のaragaです! SWFをiPhone上のSafariで動かすプロジェクト「FlashForward」をgithubで公開しました。 プロジェクト名 FlashForward ライセンス MIT FlashForwardとはなにか? まずは、社内勉強会で発表した資料をご覧ください。 非常に操作性が悪くてすいません。が、実はこの資料はおそらく世界初の試みで作られています。 なんとSWF,SVG,Canvasの3種類のフォーマットで見る事が出来ます。 SWF SVG Canvas ※ Safari推奨 これらはFlashForwardを使ってFlashLite1.1で作ったSWFのスライドを変換しました。 このほかのサンプルはギャラリ

    SWF on iPhone!「FlashForward」 - KAYAC Engineers' Blog
    ago_kyo
    ago_kyo 2011/07/08
  • Media Queryを触りながら試してみよう! - jsdo.it - Share JavaScript, HTML5 and CSS

    「Medua Queryを活用したスタイルの使い分けを試してみたいけれど準備をするのは面倒だなあ」と思っている方にオススメ! Media Queryを試せるサンプルコードを用意しました!フォークするとすぐにMedia Queryを試せます! サンプルコードはウインドウサイズを変えることで異なるスタイルが適用されます。 エディット画面のプレビューエリアはサイズを変えることができないので、 「Smart Phone Preview」ボタンをクリックしてポップアップでプレビューエリアを表示してください。 こんなことを試してみよう! ウインドウサイズによって異なるスタイルが適用されていることを確認します。 CSSのタブを開いて、Media Queryの記述を確認してみましょう。 数値やスタイルを変更して、どのように反映されているかを確認してみましょう。 反映するためには「Save」ボタンを押下した

    ago_kyo
    ago_kyo 2011/06/29
  • HTML5 花火大会

    HTML5の花火大会が始まりました。 JavaScriptCSS3で書かれたコードが美しい花火となって 夏の夜空を鮮やかに彩ります。 START

    ago_kyo
    ago_kyo 2011/06/23