非同期通信（Ajax）をするときはタイムアウト処理を必ず入れてほしい（切実） - Qiita
非同期通信（Ajax）を行うとき、きちんとタイムアウト処理を入れていますか？ スマートフォンやタブレットでWebサイトを閲覧しているとき、地下に入ったりして通信ができなくなるというケースは頻繁に起こります。そんなとき、きちんとタイムアウト処理をしていないと、場合によってはいつまで経ってもローディングが終わらず、ユーザーが離脱してしまうということが起こります。質の高いWebコンテンツ制作のために、必ずタイムアウト処理は入れましょう。 jQueryでの実装例 たとえばjQueryでAjaxを扱うajax()メソッドには、timeoutという便利なオプションがあります。timeoutに指定した時間（ms）が経過しても通信が完了しない場合、エラー処理が実行されます。手軽に実装できるので、ajax()メソッドを使うときは必ず設定しましょう。 // 10秒経っても通信が成功しない場合は失敗処理を実行す
BMSをブラウザで遊べるWEBサービス『bmsjs』のα版を公開いたしました - undefined
概要 bmsjs(α版)というWEBサービスをリリースしました。 bmsjsはブラウザ上で動作するBMSプレイヤーとSNSの機能を持つWEBサービスです。 bmsjs.net BMS? 元々は、KONAMIの音楽ゲーム『beatmania』を模したシミュレータにあたる『BM98』用の譜面データフォーマットとして開発されたため、現在では同様のシミュレータ（BMSプレイヤー）に用いる譜面データ（曲データ）、あるいはゲームシステム全体を指す場合が多い。2000年代中盤頃までは、「ネットユーザーのPCには何かしらのBMSプレイヤーが入っている」と言われるほどの一大ムーブメントを巻き起こしていた。[要出典]現在はブームが沈静化しているものの、未だに新作BMS楽曲が作られるなどの根強い人気を保っている。かつてのBMS作曲家の中には、プロに転向した者や著名なボーカロイドプロデューサーも多い。 wikip
Underscore.jsがペライチの開発に欠かせない理由 - ペラログ
こんにちは。ペライチ開発エンジニアの香月(@katsukii)です！ ペライチには「お手伝いメンバー」といって平日の夜と週末、開発を一緒にやってくれている方たちがいます。 そして、そのエンジニア同士で技術をキャッチアップするために、定期的に開催しているのがペライチの技術勉強会です。 4月12日の勉強会では、ペライチで利用しているJavaScriptライブラリの一つ「Underscore.js」を取り上げました。 上記スライドにもあるとおり、Underscore.jsは配列やオブジェクト等のデータ操作をはじめとする、100以上の便利関数が詰まったユーティリティライブラリです。 複雑な処理もシンプルに記述できて、可読性が上がるため、JavaScriptを多用するペライチの実装には、なくてはならないものとなっています。 今後も継続して開催する予定のペライチ技術勉強会。 次回の予定は、5/24(日
Google Maps JavaScript API v3 の使い方 - Qiita
最近 JS で Google Maps API をいじることにしたのでいろいろ調べていました．すると，Console の画面が変わっていたりキーの取得方法が変わったりでちょっとややこしかったので，最新版の使い方をまとめました．2014/09/10 時点での情報です． 環境 Google Chrome for Mac Version 37.0.2062.94（本記事で載せているものはすべてこのバージョンの Chrome でのみ動作を確認しています．他ブラウザで実行できない場合はご了承ください〜．） Developers Console でプロジェクトを作成 ※Google のアカウントが必要なのであらかじめ取得しておいてください． まず，Google Developers Console へアクセスして作成するアプリケーション用のプロジェクトを 1 つ作成します． Create Projec
todomvc/examples/angularjs-perf at gh-pages · tastejs/todomvc · GitHub
readme.md AngularJS (Performance Optimized) TodoMVC Example HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. AngularJS - angularjs.org Learning AngularJS The Angula
angular.jsでログイン認証などの共通処理を実装する方法 - とりあえずphpとか
やりたいこと angular.jsを使ったシングルページwebアプリケーションの開発中にどのページでも同じ処理を行いたい場合がありました。 今回やりたかったのは以下のような処理を全ページにいれたかったです 例1. ログインせずにアクセスされたらログインページを表示するような処理 例2. socket.ioとの接続が確立できていなかったら接続または再接続を行う処理 phpなどのサーバサイドでの実装はよくやってましたがjavascript(というかangularjs)でこういう処理は初めてでした。 実装 実際にこんなに単純な認証があるかはわかりませんが、サイトにアクセスしてきたら必ずサーバへリクエストしてokならそのことを保持しておいて以降は何もしないという流れになります // メイン処理 var App = angular.module("App", ["ngRoute", "ngResou
Milkcocoa | リアルタイムアプリ・IoTやるならMilkcocoa
What's Milkcocoa? Milkcocoaを利用すると、自前でサーバを準備せずに弊社が提供するクライアントSDKを介してデータの保存、更新、取得またPub/Sub通信を行うことが出来ます。通信はTLS暗号化され、保存されたデータは自動的にレプリケーションされます。クライアントからの通信はErlangサーバにて処理され、多くのトランザクションに対応することが出来ます。 例えば以下のコードは、Milkcocoaのデータストアにデータを保存する例です。保存したデータはMilkcocoaの管理画面で確認することができます。データは、Milkcocoaのデータベースに保存されるため、データベース用のサーバーを用意する必要はありません。 var milkcocoa = new MilkCocoa('app_id.mlkcca.com'); var dataStore = milkcocoa
iOSデバッガー3.2の変更点について
1月24日より、iOS版の最新デバッガーである3.2.0の配信を開始しました。このデバッガーではCordova 4.1への対応やステータスバーの搭載をとりやめるなど、いくつか大きな変更点があります。本記事にまとめていますので、ご参考にしていただきますようお願いいたします。 変更点の概要 iOS版Monacaデバッガー3.2.0は、以前のバージョンと比べて下記の変更が行われています。 Cordova 4.1にアップデート デバッガーが搭載しているCordovaを、最新のCordova 4.1.0にアップデートいたしました。その結果、最新のCordova APIに対応し、バグ修正や安定性の向上が行われています。 CordovaのStatus Barプラグインの取り外し これまでiOS 6との互換性をとるために、Status Barプラグインを標準で組み込んでいました。それにより、iOS 7やi
php×mongodbで配列のn番目の要素(index)について集計したいときメモ(find*cursorでゴリゴリ、groupby、aggregate*unwind) - tweeeetyのぶろぐ的めも
はじめに mongodbでのデータ集計で 配列のn番目の要素に関して集計したかったときのメモ 特にjsというよりはphpで この記事のサンプルのメインはjavascriptです。 実際はMongoDB PHP ドライバからMongoへアクセスする必要があったので javascriptで試す ↓ phpに置き換えてバッチとか作成 って流れでやったのでその所感もつづっておきます。 とはいえ文書だと説明しずらいのでまずは事例から 集計したい事例 集計したいデータ データは以前の記事で1億件つっこんでみたデータと同じものにしました ただしドキュメント数は100分の1(100万件)ほど。 どんなデータか ゲームやらなんやらでポイントGETするたびに１ドキュメントinsert insertされるのはポイントの総計と内訳 内訳は、[GETしたポイント + ボーナスポイント]の配列 ボーナスポイントはGE
小さいライブラリを採用する - mizchi's blog
僕がJavaScriptでライブラリを選定する際、迷ったら小さいものを使う。その理由について。 前提 前提として、枯れた環境で大きいフレームワークができるのは理解できるし、メリットも大きい。あるいは言語それ自身と区別できないぐらいに発達したフレームワークに依存するのも理解できる。RubyにとってのRailsとか、ErlangのOTPとか(いや、これは詳しくないけどそうなんだろうなっていう予想なんだけど)。 危険信号 今のJS界隈は動きが早すぎて、何に依存するのも危ない。とくにフレームワークと銘打たれたものは、でかすぎてどれも危険信号を放っている。 数年後、廃れてしまったフレームワークで開発し続けるのは、僕個人としてもあまり関わりたくないし、現場の離職リスクとして数字に出るだろうし、採用後の教育コストの問題になる。だいたいそういうものは元の設計者もいなくなるものだ。プロダクトの死を意味する。
How can I bind to the change event of a textarea in jQuery?
I want to capture if any changes happened to <textarea>. Like typing any characters (deleting,backspace) or mouse click and paste or cut. Is there a jQuery event that can trigger for all those events? I tried change event, but it triggers the callback only after tabbing out from the component. Use: I want to enable a button if a <textarea> contains any text.
あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方
連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツールを統合したワークフローを提供する「Yeoman」 Yeomanとは、公式サイトいわく、「The web's scaffolding tool for modern webapps」とのことです。 訳すと、「今風のWebアプリのための土台／基盤を作ってくれるツール」といったところでしょうか。「scaffolding」はRuby on Railsの主要機能として有名になった言葉で、コマンドを打つだ
『jQuery UI,PHP,Netbeans,lubuntu-14.04,VirtualBox』
jQuery UI,PHP,Netbeans,lubuntu-14.04,VirtualBox | 乖離のぶろぐ（*´∀｀）吸い込んで応援 (ﾟωﾟ)「標準」と書いているから必須。 http://www.ibm.com/developerworks/java/library/wa-jquerythemes/index.html http://www.ibm.com/developerworks/jp/web/library/wa-jquerythemes/ jQuery UI のテーマを扱う jQuery UI はウィジェットをサポートすることから、現在、テーマを実装する上での業界標準となっています。Java アーキテクトの Ken Ramirez と一緒に jQuery UI プラットフォームについて探り、jQuery UI のネイティブ・テーマの使い方を学んで、サイトに適したカスタム・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ngmodules.org - ngmodules リソースおよび情報
(｡･ω･)ﾉﾞ AngularJS select option value | (σ・∀・)σ ぴんちゃん
html5 - ドロップダウンメニューをOnsen UIで実装することはできますか? - スタック・オーバーフロー
JSON読込を並列にページ表示を高速化するJSライブラリ「Pegasus」:phpspot開発日誌
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
Monaca - すべての人にアプリ開発を
ABCクリニックの口コミ暴露！失敗しないと評判の包茎改善法はガチ!?