[javascript] タグが付いた質問
JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、異なるプログラミング言語である。 オブジェクト指向のスクリプト言語であることを特徴とする。 実行環境が主にウェブブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられる。
2,737
質問
2
票
1
回答
970
閲覧数
AngularJSでmousedownとtouchstartが発火しない
以下のコードでmousedownとtouchstartが発火しません。
touchmoveも発火したりしなかったりで安定しません。
何が原因でしょうか?
mouseupとtouchendは発火しています。
app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
2
票
3
回答
2,284
閲覧数
jQuery / JavaScriptが無効の環境でも表示を保証するには
実際に動かしたい内容としてはjQuery / JavaScriptで、ロード画面を表示させたいとほぼ同じで、以下のことを行いたいのですが、
HTML読み込み完了後まで要素を非表示
完了後にアニメーションとともに要素を表示する
要素にclassでdisplay: none;を付けた状態にしておき、...
1
票
1
回答
1,665
閲覧数
Railsがassets以下を読み込まない場合について
railsで簡単なアプリを作ったのですが、javascriptが正常に読み込まれる場合とそうでない場合があることに気がつきました。初回読込では読まれなくて、再読み込みをすると、javascriptが読み込まれています。
$ rails sで現象を再現してログを読んでみると、あるページでは次のようになっていました。
Started GET "/customers/sign_up" for 127....
3
票
1
回答
3,727
閲覧数
JavascriptをつかったAjaxのPost処理
Ajax初心者です。JQueryからAjaxを始めるとどうしてもおまじない感がでてしまい、ビハインドロジックを理解できないと思っているため、Ajaxをjavascriptで書いてみています。jsonでファイルを渡しているのですが、うまくいきません。(ステータスは200でPOSTで送信できているのですが、receive.php側の$_POSTに何も入っていません。。)...
3
票
1
回答
6,215
閲覧数
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
回答
595
閲覧数
tmlib.jsのManagerSceneによるシーンの遷移先の指定とパラメータの受け渡しについて
tm.scene.ManagerSceneによるシーンの遷移先とパラメータの受け渡しについて教えてください。
先にサンプルを貼ります。
runstant: ManagerSceneのサンプル
シーンの切り替え順番をManagerSceneの初期化時に指定した順ではなく特定のシーンへ遷移させたいです。
またその際に遷移元からパラメータを渡し、遷移先のシーンで受け取ることは可能ですか?
...
4
票
4
回答
2,139
閲覧数
どうしてこのsetTimeoutのコードが同じ値ばかり出力していますか
このコードを実行してみたら、不思議な結果がでました
function printFive() {
for (var i = 0; i < 5; i++) {
setTimeout(function () {
console.log(i);
}, i * 1000);
}
}
printFive();
こうすれば、
...
2
票
1
回答
262
閲覧数
AngularJS の directive における replace はどうして DEPRECATED なのですか?
AngularJS の directive における replace はどうして DEPRECATED なのですか?
また replace の代替手段には、どのような方法があるのでしょうか?
参考: https://docs.angularjs.org/api/ng/service/$compile
2
票
1
回答
449
閲覧数
tmlibのScene管理について
tmlibのシーン管理について質問します。
シーンの動的な遷移を今までは以下のような無理矢理な書き方をしていました。
// 別途HogeSceneなどを定義しておく
var sceneList = {
"hoge": HogeScene,
"piyo": PiyoScene,
"fuga": FugaScene,
}
var sceneName = "hoge"
...
4
票
4
回答
5,331
閲覧数
JavaScript実行環境の判定方法について
JavaScriptを実行している環境が次の3つのうちどれであるかをJavaScriptから検知して条件分岐をしたいです。
通常のWebページとして動作している
node-webkitで動作している
Node.js上で動作している
一度に3つ同時に判定しなくても、1か2かの分岐・2か3かの分岐ができれば良いです。
3
票
4
回答
1万
閲覧数
リンクを新しいタブ、新しいウィンドウで開いたことを識別する方法
Webページのリンク先ページを表示する方法として、リンクを直接クリックするだけでなく、右クリックから「新しいタブで開く」「新しいウィンドウで開く」で開いたり、新しいタブ(ウィンドウ)を開いてアドレスバーにリンク先のURLを直接貼り付けるなど、様々な方法があると思いますが、どのような方法で表示したかを(サーバーサイドで)識別する方法はあるでしょうか?
二重起動の抑止
複数タブの識別
...
1
票
1
回答
326
閲覧数
Angular.jsで初期化に失敗したらエラーにしたい
Angular使っています。
対応していないブラウザからアクセスされた時、普通はUAなどを見て、ブラックリスト式に弾くと思いますが、対応していないブラウザは全てエラーにしたいと思っています。
そこでAngularの初期化プロセスがコケたらエラーにすればよいのではないかと考えました。
Angularで初期化に失敗した時に検出する方法はありますでしょうか?
1
票
3
回答
538
閲覧数
jsfiddle上でgmaps.jsを動かしたいのですが動きません。
jsfiddle上でgmaps.jsを動かしたいのですが動きません
どう設定すれば使えるのでしょうか?
http://jsfiddle.net/Lsx7fabb/
var type = '';
function ryo() {
type = 'ryo';
alert("りょうちんとして位置情報を送信します。");
}
function maro() {
...
3
票
2
回答
698
閲覧数
GoogleマップのData Layerにjsのオブジェクトを直接渡す方法を探しています
Google Maps JavaScript API v3 を使用し、webサイトに地図を描画しデータに応じて地図を修飾しようとしています.
その際に、表題でも述べましたがDataLayerにjsのオブジェクトを直接渡して地図のデコレートを行ないたいと思っているのですが、
https://developers.google.com/maps/documentation/javascript/...
2
票
1
回答
207
閲覧数
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,308
閲覧数
EclipseでJavaScript、CSSをMinify&Bundleしたい
Eclipse(struts2)でWebアプリケーション開発を行っているのですが、ASP.NET MVCのようにJavaScriptやCSSを実行時にMinify、Bundleするにはどのような方法があるでしょうか?
2
票
1
回答
393
閲覧数
tmlib.jsでcircleとrectのコリジョンは取れるのでしょうか?
tmlib.jsを用いたブロック崩しゲームで次のようにコリジョンを設定しています。
ボールにthis.setBoundingType("circle");
パドルにthis.setBoundingType("rect");
コリジョン判定で次のように判定しているのですが、circle同士のコリジョンと判定されているようです。
if (this.isHitElement(paddle))
(...
9
票
4
回答
3,227
閲覧数
JavaScriptのDateオブジェクトに対して、JSON.stringify()メソッドに対するベストプラクティスを教えてください
JavaScriptのDateオブジェクトの扱いについて質問します。
ブラウザ側からサーバにPOSTする時にデータをJSON化して送付することをと試みています。
しかし、JSON.stringify()メソッドにかけると【協定世界時(UTC)】に置き換えられてしまいます。
var someDay = new Date(2014,12,2);
console.log(someDay); --- &...
6
票
3
回答
961
閲覧数
jQuery の jqXHR や Promise で成功の場合の結果を変形するには?
jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか?
次のようなイメージです。
$.ajax(...)
.???(function(originalResult) {
// originalResult を変形して return
return someTransform(...
2
票
1
回答
862
閲覧数
webpackでライブラリを非commonjs環境として読み込みたい
一部のパッケージが採用しているrequire関数が、標準的なrequire.jsやcommonjsのそれとは非互換のため、webpackで正しく動かないことがあります。
自分が認識しているのは Raphaël.js と getsentry/raven-js です。
この問題を解決するために、コードの方にパッチを当てるよりも、外部からのrequireでファイル的には連結しつつも、...
1
票
1
回答
329
閲覧数
milkcocoa APIにスマホアプリからアクセスする場合のセキュリティ
milkcocoaをiOSやAndroidなどのスマホアプリから利用する場合はアクセス制御などはどういう風にするべきななんでしょうか?
4
票
1
回答
695
閲覧数
タイムラインを管理できるAnimationライブラリでオススメなどあれば教えてください。
Three.jsを使い、アニメーションを制作しようとしています。
タイムラインの管理が出来るAnimationライブラリを探していて、TweenMax.jsが便利そうだと感じました。
しかし、他の選択肢も考えうると思うので、もしよろしければ、他のアニメーションライブラリなどの雑感など教えていただければ幸いです。
参考までに、欲しい機能としては、
アニメーションとTweenの基本的な機能
...
2
票
4
回答
1,083
閲覧数
DOMをtraverseする、jQuery以外のライブラリを教えてください
今のところszarouski/lodash.dom-traverseを把握しています。
npmで提供されていると嬉しいです。
背景
jQueryの以下の機能に関しては代替えが見つかりました。
DOMの生成 :hyperscript / virtual-hyperscript で代替え可能
Selector : document.querySelectorAll() で代替え可能
問題
...
10
票
8
回答
1万
閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
3
票
3
回答
2,207
閲覧数
jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい
ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
4
票
3
回答
3,793
閲覧数
jQuery / JavaScriptで、ロード画面を表示させたい
作成したWebサイトのページに含まれるDOM要素が多く、ページの表示が遅い。
また、JavaScriptなどで再レイアウトされる要素が崩れるといった症状がでている。
すべての要素が読み込まれるまでページを表示させず、すべての要素が読み込まれた時点でページを表示させるにはどうすればよいか。
2
票
3
回答
5万
閲覧数
jQuery で select ボックスで選択された値を取得する
本家SOより自分がうまくいかなかったコードを追加して転載しています。
jQuery のセレクタで select ボックスで選択されている textNode の値を取得する方法が分からないです。
var areaSelect = $("#area");
var area = areaSelect.text()
とやってしまうと、ドロップダウンに含まれている値が全部選択されてしまいます。
5
票
2
回答
2,290
閲覧数
スマートフォンの傾きに応じて背景画像を動かすJavaScriptライブラリはありますか?
直リンクで申し訳ないのですが、iPhone等のスマートフォンで下記のサイトにアクセスすると、スマートフォンの傾きに応じて背景画像がゆらゆらと動くようになっています。
http://ignition.co/104
このような効果はjQueryか何かのライブラリで実現しているのでしょうか?
そういったライブラリをご存知の方がいれば教えてください。
2
票
1
回答
6,677
閲覧数
iOSのwebViewでjavascriptを呼び出し、返り値を取得したい
iOSのUIWebViewで、ロードしたページ内のjavascriptを呼び出し戻り値をiOS側に格納したいです。
どのような方法があるでしょうか?
18
票
1
回答
4万
閲覧数
JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?
ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか?
$.getJSON('/data.json', function(data) {
// ファイルダイアログを表示して、指定したファイルへ data を書き込む
});
5
票
2
回答
1,566
閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
5
票
3
回答
1,885
閲覧数
HTML5で画像を回転させると縁にジャギが出てしまう
HTML5で画像を回転させて表示させると、斜めになった画像の縁の部分がギザギザになってしまいます。このジャギを回避する方法はないでしょうか?
5
票
1
回答
5,839
閲覧数
AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法
AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、
ページ自体は再度リロードされます。
そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。
AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、
前のページをリロードせずに、...
5
票
5
回答
812
閲覧数
RubyっぽいAPIを提供してくれるJavaScriptのライブラリはありませんか?
普段、Rubyを使い慣れているのでJavaScriptで配列やハッシュ、文字列等を操作するときに、「RubyでいうあのメソッドはJavaScriptにあるのかな?」と探す or 実装するのが面倒です。
というわけでベーシックなオブジェクトをRubyっぽく操作できるJSライブラリがあれば教えてください。
5
票
1
回答
387
閲覧数
Rhinoで内部クラスをnewしたい
Tungsten ReplicatorのJavaScriptフィルタで、OneRowChangeクラスの内部クラス、ColumnSpecをnewしようとしています。
ColumnSpecクラスはスタティックではないので、Javaなら oneRowChange.new ColumnSpec() とするところですが、これをRhino経由でJavaScriptで記述するにはどうすればよいでしょうか。
...
3
票
1
回答
930
閲覧数
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')
....