[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,297
質問
3
票
5回答
3万 件の閲覧数
JavaScriptで数値をカンマ区切りでフォーマットする方法
JavaScriptで数値をカンマ区切りする方法としては、
こちらの正規表現を使った方法がメジャーなようですが、以下のように
var re = /(\d)(?=(\d\d\d)+(?!\d))/g;
String(1234).replace(re, '$1,'); // 1,234 OK
String(1234.56).replace(re, '$1,'); // 1,234.56 ...
1
票
1回答
2,853 件の閲覧数
JavaScriptのフレームワークの選定について [クローズ済み]
はじめまして。JavaScriptのフレームワークについて質問します。
AngularやEmberやBackboneなどのフレームワークがありますが、
みなさんはどういった理由・観点からフレームワークを選定しますか?
アプリケーションの種別とニーズに応じて選ぶべきだと思うのですが、
例えばどんなときに、何のフレームワークを選べばよろしいのでしょうか?
12
票
5回答
2,915 件の閲覧数
Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか
JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。
仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。
もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照(ポインタ)に近い概念であって、...
6
票
2回答
2万 件の閲覧数
JavaScriptで GUID / UUID(ランダムな文字列)を生成するには
Windows系の開発でよく出てくるGUIDのようなランダムな文字列を生成したいです。
一定の長さ以上のランダムな文字列を生成するだけなので自作できると思いますが、jQueryなどの普及しているライブラリで提供されている関数、または標準的な生成方法があれば、そちらに倣いたいと思います。
1
票
1回答
817 件の閲覧数
AngularJS で query string を取得する方法
AngularJS で以下のような URL になってしまった際に query string (key=value) を取得するスマートな方法はありますか?
'http://example.com/?key=value#/users/123'
$location.search() では # をうまく解釈するようにできているせいか、期待通りには取得できませんでした。素の location....
5
票
3回答
5万 件の閲覧数
設定されているイベントハンドラを取得する方法
要素に紐付くイベントハンドラを全て取得する方法はあるでしょうか。
たとえば、
<body>
<button id="button1" onclick="alert('test1');">test</button>
<script>
$("#button1").click(function () {
alert("...
1
票
1回答
378 件の閲覧数
javascriptのオブジェクトの由来を調べる方法
コードをgrepする方法を除きブラウザのjsコンソールなどからあるオブジェクトがどこから由来したか調べる方法はありますか?
具体的には、あるwebサイトのjsコンソールに'hoge'というオブジェクトがいて、これがどのファイルで(またどのファイルでもない)定義されているかコンソール上から追うにはどうしたら良いでしょうか.
またjsのオブジェクト空間(という名称は一般的ですか?)...
2
票
1回答
227 件の閲覧数
sails.js のユニットテストについて
本家のほうでも質問させて頂いたのですが、日本語版でも質問させてください。
今、sails.jsを用いてウェブアプリを作成しております。
sails.jsはデフォルトでテスト環境がないため、こちらのサイトを参考にテスト環境を作成しました。
(http://thenullpointer.in/2014/09/08/Testing-and-code-coverage-using-grunt-mocha-...
1
票
3回答
3,502 件の閲覧数
console.logの履歴にアクセスしたいのですがどうすればよいでしょうか?
chromeのconsole上において(iframeで読み込まれ勝手に)consoleに出力されたものを
文字列として変数に入れてhtmlに出力したいのですが
どのような方法がありますでしょうか?
よろしくお願いいたします。
3
票
3回答
1,220 件の閲覧数
Web Audio APIを利用していて、再生できないm4a音源がある
Google Chrome上で動く(Firefoxでは動かない)簡単なWebアプリを作ってます。
FileAPIで取得したオーディオファイル(wav, m4aなど)の中身を渡して、再生するplaySoundという関数があるのですが、たまに再生できないm4a音源があります。
コードは以下のような感じです。(余計な処理をのぞいたもの)
window.AudioContext = window....
2
票
1回答
844 件の閲覧数
AngularJSでmousedownとtouchstartが発火しない
以下のコードでmousedownとtouchstartが発火しません。
touchmoveも発火したりしなかったりで安定しません。
何が原因でしょうか?
mouseupとtouchendは発火しています。
app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
2
票
3回答
2,129 件の閲覧数
jQuery / JavaScriptが無効の環境でも表示を保証するには
実際に動かしたい内容としてはjQuery / JavaScriptで、ロード画面を表示させたいとほぼ同じで、以下のことを行いたいのですが、
HTML読み込み完了後まで要素を非表示
完了後にアニメーションとともに要素を表示する
要素にclassでdisplay: none;を付けた状態にしておき、...
1
票
1回答
1,564 件の閲覧数
Railsがassets以下を読み込まない場合について
railsで簡単なアプリを作ったのですが、javascriptが正常に読み込まれる場合とそうでない場合があることに気がつきました。初回読込では読まれなくて、再読み込みをすると、javascriptが読み込まれています。
$ rails sで現象を再現してログを読んでみると、あるページでは次のようになっていました。
Started GET "/customers/sign_up" for 127....
3
票
1回答
3,596 件の閲覧数
JavascriptをつかったAjaxのPost処理
Ajax初心者です。JQueryからAjaxを始めるとどうしてもおまじない感がでてしまい、ビハインドロジックを理解できないと思っているため、Ajaxをjavascriptで書いてみています。jsonでファイルを渡しているのですが、うまくいきません。(ステータスは200でPOSTで送信できているのですが、receive.php側の$_POSTに何も入っていません。。)...
3
票
1回答
5,268 件の閲覧数
forループ内の関数作成をNGにする理由
for (i = 0; i < array.length; i++) {
$(".hoge").each(function() {
alert("hoge");
});
}
上のように、ループ文の中にfunctionを作成すると、JSHint(JSLintでも同じ)でエラーになります。
JsHint (W083): Don't make functions ...
1
票
2回答
591 件の閲覧数
tmlib.jsのManagerSceneによるシーンの遷移先の指定とパラメータの受け渡しについて
tm.scene.ManagerSceneによるシーンの遷移先とパラメータの受け渡しについて教えてください。
先にサンプルを貼ります。
runstant: ManagerSceneのサンプル
シーンの切り替え順番をManagerSceneの初期化時に指定した順ではなく特定のシーンへ遷移させたいです。
またその際に遷移元からパラメータを渡し、遷移先のシーンで受け取ることは可能ですか?
...
4
票
4回答
1,943 件の閲覧数
どうしてこのsetTimeoutのコードが同じ値ばかり出力していますか
このコードを実行してみたら、不思議な結果がでました
function printFive() {
for (var i = 0; i < 5; i++) {
setTimeout(function () {
console.log(i);
}, i * 1000);
}
}
printFive();
こうすれば、
...
2
票
1回答
261 件の閲覧数
AngularJS の directive における replace はどうして DEPRECATED なのですか?
AngularJS の directive における replace はどうして DEPRECATED なのですか?
また replace の代替手段には、どのような方法があるのでしょうか?
参考: https://docs.angularjs.org/api/ng/service/$compile
2
票
1回答
442 件の閲覧数
tmlibのScene管理について
tmlibのシーン管理について質問します。
シーンの動的な遷移を今までは以下のような無理矢理な書き方をしていました。
// 別途HogeSceneなどを定義しておく
var sceneList = {
"hoge": HogeScene,
"piyo": PiyoScene,
"fuga": FugaScene,
}
var sceneName = "hoge"
...
3
票
4回答
3,308 件の閲覧数
JavaScript実行環境の判定方法について
JavaScriptを実行している環境が次の3つのうちどれであるかをJavaScriptから検知して条件分岐をしたいです。
通常のWebページとして動作している
node-webkitで動作している
Node.js上で動作している
一度に3つ同時に判定しなくても、1か2かの分岐・2か3かの分岐ができれば良いです。
3
票
4回答
8,918 件の閲覧数
リンクを新しいタブ、新しいウィンドウで開いたことを識別する方法
Webページのリンク先ページを表示する方法として、リンクを直接クリックするだけでなく、右クリックから「新しいタブで開く」「新しいウィンドウで開く」で開いたり、新しいタブ(ウィンドウ)を開いてアドレスバーにリンク先のURLを直接貼り付けるなど、様々な方法があると思いますが、どのような方法で表示したかを(サーバーサイドで)識別する方法はあるでしょうか?
二重起動の抑止
複数タブの識別
...
1
票
1回答
301 件の閲覧数
Angular.jsで初期化に失敗したらエラーにしたい
Angular使っています。
対応していないブラウザからアクセスされた時、普通はUAなどを見て、ブラックリスト式に弾くと思いますが、対応していないブラウザは全てエラーにしたいと思っています。
そこでAngularの初期化プロセスがコケたらエラーにすればよいのではないかと考えました。
Angularで初期化に失敗した時に検出する方法はありますでしょうか?
1
票
3回答
502 件の閲覧数
jsfiddle上でgmaps.jsを動かしたいのですが動きません。
jsfiddle上でgmaps.jsを動かしたいのですが動きません
どう設定すれば使えるのでしょうか?
http://jsfiddle.net/Lsx7fabb/
var type = '';
function ryo() {
type = 'ryo';
alert("りょうちんとして位置情報を送信します。");
}
function maro() {
...
3
票
2回答
610 件の閲覧数
GoogleマップのData Layerにjsのオブジェクトを直接渡す方法を探しています
Google Maps JavaScript API v3 を使用し、webサイトに地図を描画しデータに応じて地図を修飾しようとしています.
その際に、表題でも述べましたがDataLayerにjsのオブジェクトを直接渡して地図のデコレートを行ないたいと思っているのですが、
https://developers.google.com/maps/documentation/javascript/...
2
票
1回答
205 件の閲覧数
grunt-jekyllのGulp.js版について、gulp-jekyllの代わりになるものを探しています
GruntからJekyllを操作するのにgrunt-jekyllを使っていますがGulp.jsで同様のプラグインはないでしょうか?dannygarcia氏のgulp-jekyllは2014年1月のfirst commitから更新されておらず代わりになるものがないかと探しています。
grunt-jekyllは複数のconfigファイルを指定できることが特に気に入っています。
よろしくお願いします。
3
票
5回答
2万 件の閲覧数
Tableのヘッダ固定、列固定
Excelの「ウィンドウ枠の固定」のようにTableのヘッダ行や列を固定したいです。
colspanやrowspanを用いてセル結合しているTableでも適用可能な手法やライブラリはあるでしょうか?
2
票
2回答
1,093 件の閲覧数
EclipseでJavaScript、CSSをMinify&Bundleしたい
Eclipse(struts2)でWebアプリケーション開発を行っているのですが、ASP.NET MVCのようにJavaScriptやCSSを実行時にMinify、Bundleするにはどのような方法があるでしょうか?
2
票
1回答
384 件の閲覧数
tmlib.jsでcircleとrectのコリジョンは取れるのでしょうか?
tmlib.jsを用いたブロック崩しゲームで次のようにコリジョンを設定しています。
ボールにthis.setBoundingType("circle");
パドルにthis.setBoundingType("rect");
コリジョン判定で次のように判定しているのですが、circle同士のコリジョンと判定されているようです。
if (this.isHitElement(paddle))
(...
8
票
4回答
2,169 件の閲覧数
JavaScriptのDateオブジェクトに対して、JSON.stringify()メソッドに対するベストプラクティスを教えてください
JavaScriptのDateオブジェクトの扱いについて質問します。
ブラウザ側からサーバにPOSTする時にデータをJSON化して送付することをと試みています。
しかし、JSON.stringify()メソッドにかけると【協定世界時(UTC)】に置き換えられてしまいます。
var someDay = new Date(2014,12,2);
console.log(someDay); --- &...
6
票
3回答
892 件の閲覧数
jQuery の jqXHR や Promise で成功の場合の結果を変形するには?
jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか?
次のようなイメージです。
$.ajax(...)
.???(function(originalResult) {
// originalResult を変形して return
return someTransform(...
2
票
1回答
841 件の閲覧数
webpackでライブラリを非commonjs環境として読み込みたい
一部のパッケージが採用しているrequire関数が、標準的なrequire.jsやcommonjsのそれとは非互換のため、webpackで正しく動かないことがあります。
自分が認識しているのは Raphaël.js と getsentry/raven-js です。
この問題を解決するために、コードの方にパッチを当てるよりも、外部からのrequireでファイル的には連結しつつも、...
1
票
1回答
321 件の閲覧数
milkcocoa APIにスマホアプリからアクセスする場合のセキュリティ
milkcocoaをiOSやAndroidなどのスマホアプリから利用する場合はアクセス制御などはどういう風にするべきななんでしょうか?
4
票
1回答
616 件の閲覧数
タイムラインを管理できるAnimationライブラリでオススメなどあれば教えてください。
Three.jsを使い、アニメーションを制作しようとしています。
タイムラインの管理が出来るAnimationライブラリを探していて、TweenMax.jsが便利そうだと感じました。
しかし、他の選択肢も考えうると思うので、もしよろしければ、他のアニメーションライブラリなどの雑感など教えていただければ幸いです。
参考までに、欲しい機能としては、
アニメーションとTweenの基本的な機能
...
2
票
4回答
1,030 件の閲覧数
DOMをtraverseする、jQuery以外のライブラリを教えてください
今のところszarouski/lodash.dom-traverseを把握しています。
npmで提供されていると嬉しいです。
背景
jQueryの以下の機能に関しては代替えが見つかりました。
DOMの生成 :hyperscript / virtual-hyperscript で代替え可能
Selector : document.querySelectorAll() で代替え可能
問題
...
8
票
8回答
9,936 件の閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
3
票
3回答
2,033 件の閲覧数
jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい
ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
4
票
3回答
3,705 件の閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
2
票
3回答
5万 件の閲覧数
jQuery で select ボックスで選択された値を取得する
本家SOより自分がうまくいかなかったコードを追加して転載しています。
jQuery のセレクタで select ボックスで選択されている textNode の値を取得する方法が分からないです。
var areaSelect = $("#area");
var area = areaSelect.text()
とやってしまうと、ドロップダウンに含まれている値が全部選択されてしまいます。
5
票
2回答
2,197 件の閲覧数
スマートフォンの傾きに応じて背景画像を動かすJavaScriptライブラリはありますか?
直リンクで申し訳ないのですが、iPhone等のスマートフォンで下記のサイトにアクセスすると、スマートフォンの傾きに応じて背景画像がゆらゆらと動くようになっています。
http://ignition.co/104
このような効果はjQueryか何かのライブラリで実現しているのでしょうか?
そういったライブラリをご存知の方がいれば教えてください。
2
票
1回答
6,458 件の閲覧数
iOSのwebViewでjavascriptを呼び出し、返り値を取得したい
iOSのUIWebViewで、ロードしたページ内のjavascriptを呼び出し戻り値をiOS側に格納したいです。
どのような方法があるでしょうか?
16
票
1回答
4万 件の閲覧数
JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?
ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか?
$.getJSON('/data.json', function(data) {
// ファイルダイアログを表示して、指定したファイルへ data を書き込む
});
5
票
2回答
1,451 件の閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
5
票
3回答
1,566 件の閲覧数
5
票
1回答
5,478 件の閲覧数
AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法
AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、
ページ自体は再度リロードされます。
そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。
AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、
前のページをリロードせずに、...
5
票
5回答
791 件の閲覧数
RubyっぽいAPIを提供してくれるJavaScriptのライブラリはありませんか?
普段、Rubyを使い慣れているのでJavaScriptで配列やハッシュ、文字列等を操作するときに、「RubyでいうあのメソッドはJavaScriptにあるのかな?」と探す or 実装するのが面倒です。
というわけでベーシックなオブジェクトをRubyっぽく操作できるJSライブラリがあれば教えてください。
5
票
1回答
369 件の閲覧数
Rhinoで内部クラスをnewしたい
Tungsten ReplicatorのJavaScriptフィルタで、OneRowChangeクラスの内部クラス、ColumnSpecをnewしようとしています。
ColumnSpecクラスはスタティックではないので、Javaなら oneRowChange.new ColumnSpec() とするところですが、これをRhino経由でJavaScriptで記述するにはどうすればよいでしょうか。
...
3
票
1回答
871 件の閲覧数
Frisby.jsでネストしたJSON ResponseのテストにCustom Matcherが使えない
REST APIのテストフレームワークであるFrisby.jsに関する質問。
レスポンスのJSONデータの値が「nullか文字列」である事をテストしたい場合、以下のような形でCustom Matcherが使える。
frisby.create('Test using a path as the paramater')
.get('http://localhost:3000/test')
....