JavaScriptで簡単にブラウザのUA判定する方法まとめ！バージョンや一覧表示におまけを紹介！ | 自作PCテクニカルセンター
JavaScriptで簡単にブラウザのUA判定する方法まとめ！バージョンや一覧表示におまけを紹介！2016年02月21日 [JavaScript] クライアントサイドで軽くユーザエージェント(UA)を判定したい時に JavaScriptを使うと便利ですが、これだ！という情報がヒットしないのでまとめてみました。 スクリプト上でwindow.navigator.userAgentを使うことでクライアントPCのブラウザを簡単に取得できます。 userAgent関数によるブラウザ判定 // ブラウザのUAを小文字で取得 var userAgent = window.navigator.userAgent.toLowerCase(); // 一般的なブラウザ判定 if (userAgent.indexOf('msie') != -1) { /* IE. */ return 'ie'; } else
JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum
JavaScript でのブラウザ判定について まとまった情報がサクッとヒットしないので、まとめ UserAgent によるブラウザ判定 よくある単純な例 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1) { return 'ie'; } else if (userAgent.indexOf('chrome') != -1) { return 'chrome'; } else if (userAgent.indexOf('safari') != -1) { return 'safari'; } else if (userAgen
javaScriptで対応ブラウザ判定 - Qiita
限定したブラウザでのみサイトを表示したい事が多々あると思うので、ブラウザ判別を楽にするコード。 個人的に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
window.open で開いた窓に対して Post する | バシャログ。
いやあ、もうすぐスーパーマリオ3Dワールドの発売日だねえ！って言ったら「もうマリオはいいでしょ…」って言われた kimoto です。 なんでだよ！すっげえ面白そうじゃんかよ！よくないよ！ さて、本日はちょっと小ネタで、window.open で開いた窓に対して Post でデータを渡す方法です。 利用場面としては、フォームの確認画面を小窓で開きたい時などですね。 URL にデータを乗っけて Get で開く方法も無くはないですが、データ量に制限もあったりなど、いろいろと問題があります。 ということで、開いた窓に対して Post でデータを投げる方法です。 function open_preview() { window.open("about:blank","preview","width=600,height=450,scrollbars=yes"); document.input_for
applyとcallの使い方を丁寧に説明してみる - あと味
JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数（メソッド）を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.
[JavaScript] call メソッドと apply メソッドの基本的な動作
JavaScript の function オブジェクトには call メソッドと apply メソッドというものが標準で用意されています。不思議な動作をするメソッドであり、その有用性を理解するのは難しいのですが、いつか役に立つ時がくるはず？なので調べました。 call メソッドの基本的な動作 まず、オブジェクトと関数を定義します。
![[JavaScript] call メソッドと apply メソッドの基本的な動作](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cb349daa94672c13da64f0c346bcbd2c7758d33/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
8
2017/06/22 配列の先頭、末尾、指定位置など、様々な位置に要素を挿入します。 サンプルコード元の配列が変更されます。 var arr = [ "い", "う", "え", ] ; // 先頭に追加 arr.unshift( "あ" ) ; // 末尾に追加 arr.push( "お" ) ; // 途中に追加 arr.splice( 2, 2, "hoge" ) ;デモ先頭に要素を追加配列の先頭に要素を追加するには、unshift()というメソッドを利用します。第2引数、第3引数、と指定すれば、複数の要素を追加できます。元の配列が変更されます。
JavaScriptで配列から要素を削除する方法
2017/06/22 先頭と末尾、指定位置など、様々な条件を付けて配列から要素を削除します。 サンプルコードslice()以外は元の配列が変更される点にご注意下さい。 var arr = [ "S", "Y", "N", "C", "E", "R", ] ; // 先頭を削除 arr.shift() ; // 末尾を削除 arr.pop() ; // 途中を削除 arr.splice( 1, 1 ) ; // 両端を削除 var a = arr.slice( 1, 4 ) ;デモ先頭の要素を削除先頭の要素を削除するにはshift()というメソッドを利用します。元の配列が変更されます。
node.jsのいろいろなモジュール5 – node-formidableでアップロード | DevelopersIO
ファイルアップロード用モジュール ノンブロッキングIO環境であるnode.jsに向いた機能の１つに、ファイルアップロードがあります。 いままでのWEBアプリケーションではファイルアップロードが完了するまで待たされていたり、負荷が大きかったりすることも あったと思いますが、node.jsを使用すれば、高パフォーマンスのアップロード処理を簡単に記述することができます。 今回紹介するnode-formidableモジュール ※1は画像や動画ファイルのアップロードやエンコードにフォーカスして開発されました。 このモジュールの作者はTransloadit※2というWebサービスのアップロード処理をまるごと肩代わりするサービスも提供しており、 とくにGB単位の巨大なファイルを扱う際にはこのモジュールが役に立つかもしれません。 node-formidableモジュールの主な特徴は以下のとおりです。 高速
第2回 Underscore.jsのコレクションと配列とオブジェクトの機能 | gihyo.jp
Underscore.jsのコレクションと配列とオブジェクトの機能をご紹介します。 コレクションの機能 Underscore.jsのコレクションの機能をご紹介します。コレクションの機能は配列やオブジェクト、「配列のようなオブジェクト」で使えます。 配列のようなオブジェクト 「配列のようなオブジェクト」は配列のように0と正の整数の値をプロパティ名をして持っているオブジェクトです。この「配列のようなオブジェクト」は配列の持つ便利メソッド（join,sliceなど）を直接呼び出せませんが、通常の配列を同じように扱えます。 Argumentsオブジェクト、NodeList オブジェクト（getElementsByTagNameの戻り値）などが「配列のようなオブジェクト」になります。 ここでは、コレクションの主な機能を紹介します。その他の機能につきましては表1に簡単な説明を書きましたので、参考にし
JavaScriptでオブジェクトのプロパティを削除する - みかづきブログ その3
dlete演算子でまるっと削除することができます。 developer.mozilla.org オブジェクトの場合 keyとvalueがまるっとなくなります。 var obj = { a : 0, b : 1, c : 2 }; delete obj.a; console.dir(obj); // => {b : 1, c : 2} 配列の場合 配列の要素を削除すると、lengthは変わらず削除した要素がundefindになります。 var arr = [0, 1, 2]; delete arr[0]; console.dir(arr); // => [undefined, 1, 2]
【javascript】オブジェクト（連想配列）の要素を削除する – ysklog
javascritpのオブジェクト（いわゆる連想配列）の値（要素）を削除する方法を紹介しています。 delete演算子で削除する オブジェクトから要素（プロパティ）を削除する場合、delete演算子を使います。 delete演算子は、オブジェクトからプロパティを削除します（詳細はこちら）。 オブジェクトの指定要素を削除する 次のようなオブジェクトを作成したとします。 //オブジェクトの作成 var object = {a:'A',b:'B',c:'C'}; このとき、object.aという要素を削除する場合、このようにします。 //オブジェクトの要素を削除 delete object.a; //この書き方でも削除できます delete object['a']; オブジェクトの全ての要素を削除する オブジェクトの全ての要素を削除する場合、このようにします。 //オブジェクトをループ for(
JavaScriptで指定文字を置換、削除する方法
2017/06/22 JavaScriptを使って、文字の一部を置換したり削除する方法を説明します。利用するメソッドはreplace()です。 サンプルコード「う」を「く」に置換する例です。 var sourceStr = "ううううう" ; var a = sourceStr.replace( /う/g , "く" ) ;デモ置換 (文字列)「う」という文字を「く」に置換する例です。 置換後の文字(「く」の部分)を空文字にすれば削除できます。 var sourceStr = "あいうえおあいうえお" ; var a = sourceStr.replace( /う/g , "く" ) ;
JavaScriptで正規表現（文字列置換え編） - Qiita
/** * スネークケースからキャメルケースに変換 * * アンダースコア、ハイフン、半角スペースを変換 * 先頭の区切り文字は削除 * 変換前にある文字列中の大文字は変換されないので注意 * * 「abc-def」→「abcDef」 * 「abc-dEF」→「abcDEF」（変換前の大文字はそのまま） * * @param {String} str 変換したい文字列 * @param {Boolean} upper アッパーキャメルケースにするかどうか */ var snake2camel = function (str, upper) { str = str .replace(/^[\-_ ]/g, "") .replace(/[\-_ ]./g, function (match) { return match.charAt(1).toUpperCase(); }); return u
便利機能満載のライブラリUnderscore.js - にのせき日記
JavascriptライブラリUnderscore.jsがすごい便利。 すごい便利なのにもかかわらず、あんまり日本語の情報がなかったので、公式のドキュメントをスピリチュアル抄訳してみた。 http://documentcloud.github.com/underscore/ Collection Functions each _.each(list, iterator, [context]) listの要素をイテレートする。すべての要素はiterator関数にyieldされる。iteratorには(element, index, list)の3つの引数が渡される。もしlistがJavascript Objectだった場合は(value, key, list)になる。 _.each([1, 2, 3], function(num){ alert(num); }); => alerts eac
windowオブジェクト一覧｜Windowオブジェクト｜JavaScript/DOM｜PHP & JavaScript Room
windowオブジェクト一覧 unknown windowオブジェクトは、ウィンドウに関する情報を取得したり、ウィンドウを設定・操作します。
hifive - HTML5企業Webシステムのための開発プラットフォーム
サーバーとの通信、HTML5のAPIを使ったアプリケーションの開発に必要不可欠な「非同期処理」について学びましょう。 非同期処理とは背景処理の「非同期」化サーバーとの通信を例に考えてみようPromiseパターン基本的な考え方コードの基本形(1)呼び出した関数がPromiseパターンに従っている場合(2)自分で作成する関数でPromiseパターンを利用したい場合非同期処理の「失敗」の扱い方(1)呼び出した関数の失敗通知を受け取る(2)自分が作成する非同期処理関数で失敗を通知する複数の非同期処理をつなげて順番に行う複数の非同期処理を並列に実行して、全てが完了したら最終処理を行う非同期処理とは背景Webブラウザは基本的に、JavaScriptコードを実行するとき、コードを上から順に1行ずつ実行します。 また、関数を呼び出すと、その関数の実行が終了するまで（return文によって呼び出し元の関数に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
javascriptで新規タブ/ウィンドウを作成する時の罠 - Qiita
JavaScriptリファレンス - 文字列操作
JavaScriptでforEach, filter, map, reduceとか - Qiita
