gistfile1.js ���O V \�O V /** * [begin,　end)の範囲で非同期的な繰り返し処理を行う * * @param {Object} options ループの設定 * begin, end: 範囲指定 * inc: まとめて実行する量 * duration: ループごとに間をあける時間[ms] * * @return {jQuery.Deferred} * progress: 非同期処理を行う部分 * progress_func( index, deferred ) * done: ループ正常終了時のコールバック設定 * fail: ループを途中で抜けたときのコールバック設定 */ function async_loop( options ) { var deferred = jQuery.Deferred( ); var index = options.b

JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

フィードバックを送信 高度サービス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 注: サーバーサイドのライブラリ 概要 高度サービスを使うと、地表のさまざまな地点の高度データを取得できます（海底のような深い場所にも対応しており、その場合は高度が負の値になります）。リクエストした正確な地点の高度データが Google にない場合は、サービス側でその地点から最も近い 4 地点のデータを補間して平均値を返します。 ElevationService オブジェクトが提供するシンプルなインターフェースにより、地球上の地点の高度データをクエリできます。さらに、任意のパス上で高度データをサンプリングするようリクエストを行い、そのパスに沿った高度値の変化を等間隔で計算することもできます。ElevationService オブジェクトは、高度リクエストを受信して高度データ

Chromeなどでデバッグするときにconsole.logを埋め込んでしまうが, InternetExplorerでは, Console APIに対応していないので, エラーになってしまう. そこで, console.logに対応していない場合は, ロード時にとりあえずconsoleオブジェクトとconsole.log関数を生成してエラーにはしないようにする. (function () { if (typeof window.console === "undefined") { window.console = {} } if (typeof window.console.log !== "function") { window.console.log = function () {} } })(); Register as a new user and use Qiita more co

You can dynamically request icon images from the Google charts api with the urls: http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569 Which looks like this: the image is 21x34 pixels and the pin tip is at position (10, 34) And you'll also want a separate shadow image (so that it doesn't overlap nearby icons): http://chart.apis.google.com/chart?chst=d_map_pin_shadow Which

JavaScript を使ったブラウザ判別方法です。 細かくブラウザの判別やサポートしている技術を調べるには Modernizr を使うのが主流だと思いますが、そこまで詳しくしなくても対応できることもあるのでそんなときは直接書くものありかな、と。ちょっと前に IE や Opera の UA が微妙に変わったのでそこに対応する形にしました。 // Your UserAgent function getUA() { var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1 || userAgent.indexOf('opr') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1 |

限定したブラウザでのみサイトを表示したい事が多々あると思うので、ブラウザ判別を楽にするコード。 個人的にmsie 6とかmsie 7とか書くのが面倒なので、勝手にie6とかie7という風に省略。 現状、IE系とChrome、Safari、Opera、FireFoxに対応。 それ以外は"unknown"。 ※IE11はPreview版での検証(IE11からuserAgentにMSIEが含まれなくなったので、Tridentのバージョンで判別してます) /** * ブラウザ名を取得 * * @return ブラウザ名(ie6、ie7、ie8、ie9、ie10、ie11、chrome、safari、opera、firefox、unknown) * */ var getBrowser = function(){ var ua = window.navigator.userAgent.toLowerC

JavaScript（以下JS）で実装するものが増えてきたのに伴い、古いブラウザを判定して処理を分けることもあります。 そういう実装のたびに調べてるのでメモしておこうと思います。 UserAgentで判定する 一番わかりやすい方法かと思いますが、UserAgentを取得してその文字列を見てどのブラウザか判別する方法です。 var userAgent = window.navigator.userAgent.toLowerCase(); var appVersion = window.navigator.appVersion.toLowerCase(); if (userAgent.indexOf('msie') != -1) { //IE全般 if (appVersion.indexOf("msie 6.") != -1) { //IE6 }else if (appVersion.inde

準備 Google Consoleにログイン アプリケーションを登録（Webアプリケーション） ※ただし、Redirect URIsは空にして登録すること！ 後で使うのは Client ID for web applicationsの欄のClient ID Simple API Accessの欄のAPI key 認証処理 認証用のボタンを用意 var clientId = '準備したClientID'; var apiKey = '準備したAPI key'; // とりあえず、怖いので、カレンダーを読むだけの設定 // https://www.googleapis.com/auth/plus.meは不要かも。。 var scopes = ['https://www.googleapis.com/auth/plus.me', 'https://www.googleapis.com/auth/

javascriptで実行待ちの場合、setTimeout使えばいいんですがいちいちコールバック関数として引き渡してやる必要があるのでたとえば2秒待った後に1秒待つ、といったように実装する際、コールバックがネストし、見ていてやるせないコードになります。 (そんな設計するのがそもそも悪いってのもあるかもしれませんが) 例えばこんな感じ。 setTimeout(function(){ // 2000ms 待った後に実行されるコールバック setTimeout(function(){ // 1000ms 待った後に実行されるコールバック // その何秒後かにまた実行するコードを書くとさらにネストが下がっていく... },1000); },2000); ネストが2個とかそこらならまだ許容範囲かもしれませんが、 どうせならJQuery.Deferredを使ってネストをあまり下げないように書いてしまい

ダイアログのタイトルだとか内容のテキストだとかを 設定してからオープンさせたい場合、jqueryとかでidを強引に書き換えてやれば いいのだが、それだと密結合な感じになってしまうので、イベントを駆使していろいろ頑張ってみた。 まず、ダイアログ側、こんな感じでdivタグがかかれている。 <div class="modal hide" id="myModal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <span id="modalHead">Modal header</span> </div> <div class="modal-body"> <span id="modalBody">One fine body</span> </div> <div class="modal-footer">

Moment.jsとは JavaScriptで日付の処理は面倒ですが、いろいろと便利にしてくれるのが、Moment.jsです。 備考 Moment.jsは、ver 2.8.3で確認 2014年10月24日に実施したので、それを元に以下計算されてます 基本的な使い方 JSを読み込む <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.2/moment.min.js"></script> // momentオブジェクトをセット var m = moment(); //現在の時刻が入る var output = m.format('YYYY年MM月DD日 HH:mm:ss dddd'); console.log(output); // => 2014年10月24日 11:44:00 Friday var m = mom

はじめに JavaScriptで数値のフォーマットをする際、Numeral.jsが便利です。 とてもシンプルに導入・利用できるため、細かい説明は不要だとは思いますが、紹介も兼ねてこの記事を書きました。 導入 Numeral.jsのサイトに行けばすぐにわかるぐらい簡単に導入できます。 HTML上でさくっと使ってみるのであれば、cdnjsで配信されているものを使うとよいでしょう。 node.jsで使用する場合は、おなじみのnpmコマンドでインストールし、require()すれば利用できます。 使い方 使い方も非常に簡単です。詳細な使い方はサイトを見るのがよいかと思いますが、 使い勝手のよさそうな使用例を2つほど紹介してみます。 1000000を3桁区切りのカンマで'1,000,000'のように変換する 一番の使い道はこれだと思います。

There are many, many, many ways to hack a file input so it looks and behaves consistently across all browsers. There's even a pretty slick plugin to help get the job done. Unfortunately, most of these solutions are cumbersome, prone to cross-browser issues, and require JavaScript. Today, I would like to propose a more fundamental approach for file inputs in Bootstrap 3 and 4. Modern approach (IE9+