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チュートリアルBeginner's tutorialsYour first website: Adding interactivityDynamic scripting with JavaScriptJavaScript frameworks and librariesJavaScript ガイド入門編文法とデータ型制御フローとエラー処理ループとイテレーター関数式と演算子数と日付テキスト処理正規表現インデックス付きコレクションキー付きコレクションオブジェクトを利用するUsing classesプロミスの使用JavaScript 型付き配列イテレーターとジェネレーターメタプログラミングJavaScript モジュール中級編Advanced JavaScript objectsAsynchronous JavaScriptClient-side web APIsLangua

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+