すべての質問
ecmascript or javascript でタグ付けされた
2,776 件の質問
6
票
1
回答
170
閲覧数
static x = ( { y } ) => { ... }の仕組みについて
https://www.youtube.com/watch?v=JbaZs1dzsVo
上記react native参考動画の
static navigationOptions = ({navigation}) => {...}
の部分なのですが、navigationを引数に受け取れる仕組みが理解出来ません。
そもそも変数を{}で囲むとどういった動きをするのでしょうか。
...
6
票
1
回答
313
閲覧数
オブジェクト作成する際、「Object.create」ではなく「new Object()」と書いた方が良いケースはある?
前提
・「Object.create」が使用できる環境
オブジェクト作成する際、「Object.create」ではダメで「new Object()」でしか出来ないことはありますか?
・「Object.create」は、完全な上位互換ですか?
・「Object.create」ではなく「new Object()」と書いた方が良いケースはある?
・「new Object()」は古い書き方なので、...
6
票
2
回答
976
閲覧数
JavascriptでDOM以外のオブジェクトを利用してカスタムイベントを実装するには?
jQueryを利用して$('.target').on('myEvent',function(){});とするとmyEventがトリガされた時に実行する関数を登録することができますが、対象のDOMが存在しないオブジェクトを利用してカスタムイベントを実装するにはどうすればよいのでしょうか。
実装が雑ですが以下コードによる質問の詳細になります。
var dataLoader = {
load: ...
6
票
2
回答
2万
閲覧数
JavaScriptで GUID / UUID(ランダムな文字列)を生成するには
Windows系の開発でよく出てくるGUIDのようなランダムな文字列を生成したいです。
一定の長さ以上のランダムな文字列を生成するだけなので自作できると思いますが、jQueryなどの普及しているライブラリで提供されている関数、または標準的な生成方法があれば、そちらに倣いたいと思います。
6
票
3
回答
995
閲覧数
jQuery の jqXHR や Promise で成功の場合の結果を変形するには?
jqXHR や Promise が成功した場合に呼ばれる done(fn) の fn に渡される引数を、事前に変形できるでしょうか?
次のようなイメージです。
$.ajax(...)
.???(function(originalResult) {
// originalResult を変形して return
return someTransform(...
6
票
2
回答
1,637
閲覧数
jQueryを拡張して要素を回転させたい
jQueryっぽく要素を回転させたい
$("#elem").rotate(90); => #elemが90度回転
$("#elem").rotate() => "90"が返る
6
票
2
回答
231
閲覧数
JSの即時関数実行式において,()の位置が変わると挙動にどう影響するか.
(function() { return; }());
(function() { return; })();
JavaScript: The Definitive Guide, 7th Editionに,IIFEの例として前者のコードが挙げられていました(簡略化しております).
しかしながら,JavaScriptのIIFEを使うユースケース - Qiitaや,...
6
票
1
回答
1,870
閲覧数
text/babel とはなんですか?
Reactのドキュメントを読み始めました。
Getting Started – React に
自前のテキストエディタを使いたい場合は、この HTML ファイルをダウンロード・編集して、ブラウザを使ってからローカルファイルシステムから開くことができます。ランタイムでの遅いコード変換が行われる為、簡単なデモに留めておくことをおすすめします。
とあるので、「このHTMLファイル」...
6
票
4
回答
2万
閲覧数
クロスドメイン通信でhttp status code が0
前提
XMLHTTPRequestで別ドメイン(Bサイトという)にアクセスする処理
Bサイトは、認証機能がありRequest Headerにトークンを渡す必要がある
認証された場合、http status code 200とレスポンスが返ってくる
認証されなかった場合、http status code 401が返ってくる
質問
BサイトへXMLHTTPRequestでアクセスし、...
6
票
1
回答
1,302
閲覧数
XHR responseType = 'arraybuffer' が Firefoxで動かない
function getAudio(aUrl) {
var deferred = $.Deferred();
// ajax is not capable of arraybuffer
var xhr = new XMLHttpRequest();
xhr.responseType = 'arraybuffer';
xhr.open('GET', aUrl, ...
6
票
2
回答
3,068
閲覧数
<input type="text">に入っている文字列が全て見えているかどうかを判定したい
widthが指定された<input type="text">で作ったテキストボックスに、ある長さの文字列が入っているとして、「その文字列が全て見えているか(溢れていないか?)」をJavaScriptで判定したいです。
何か手段があるのでしょうか?
ちなみに、フォントは等幅ではないので、文字数による判定はできないです。
最終的にやりたいことは、「文字列が溢れている場合に限り、...
6
票
2
回答
3,415
閲覧数
サーバーに何も送信しないのにformタグで囲っても良いか
HTMLのフォームタグについての質問です。
formタグはユーザーが入力した情報をサーバーに送信する目的で使うのが普通だと思うのですが、入力データをサーバーに送信しない場合はformタグで囲うのはNGですか?例えば、OKボタンを押すと入力データをJavaScriptで加工して画面に表示するだけのフロントエンドで完結するプログラムなどです。
6
票
1
回答
1,327
閲覧数
textarea に記載された複数メールアドレスを確認するための正規表現
textarea に一行一アドレスで特定ドメインのメールアドレスを列挙させた際に、angular.js の ng-pattern でそれをチェックしたいと思っています。
メールアドレスは
[email protected]
[email protected]
のいずれかのドメインのもので、これを入力する textarea を以下のように(erb 中に)記載しました。
<%= ...
6
票
1
回答
1,778
閲覧数
"use strict" と ECMAScript6 の関係性について
ECMAScript5 で、"use strict" 設定した際だけに起きる内容は、ECMAScript6 でも継続されるのでしょうか?
・例えば、関数呼出した際、「strictモードでは this が undefined になり、非strictモードではグローバルの this (ブラウザでは window)になる現象」は、継続されるのでしょうか?
・相変わらず明示的に"use strict" ...
6
票
1
回答
278
閲覧数
仮想DOMについての疑問
jQueryとかでDOMを操作すると、reactjs側で保持している仮想DOMと差が生じると思います。そうすると、レンダリング時に差分が反映され、jQueryとかで行った操作が消えてしまうような気がしてなりません。
大丈夫なんでしょうか?
6
票
1
回答
218
閲覧数
$scope を別名に変更すると動作しないのはなぜですか?
はじめまして。
AngularJSを試してみようと思い、WEB上のサンプルを見ながら
以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します)
var app = angular.module('myApp',[]);
app.controller('myController',function($scope){
...
6
票
1
回答
1,487
閲覧数
クリックした場所が、テキストの上かどうかを判別したい
ユーザがクリックした場所が、テキストの上かそうでないかを判定するにはどうしたらよいでしょうか。
(テキストの上、というのはマウスカーソルが | になっている状態のことを考えています)
例えば、以下のコードでクリックした位置の「要素」を取得することはできました。
document.addEventListener("mousedown", function(event){
console....
6
票
2
回答
2,584
閲覧数
WebAudioAPIでmp3をすべてダウンロードするのを待たずに再生を開始したい
質問
サイズの大きいmp3をXHRでロードし、WebAudioAPIを用いて再生しているのですが、ロードが完了するまでの待ち時間が発生します。
サイズが大きいmp3であっても待ち時間を少なく抑えて再生を開始する方法はありますでしょうか。
たとえば、SoundCloudは再生ボタンをクリックすると即座に再生が開始されます。デベロッパーツールで確認すると再生しながらロードを行っているのがわかります。...
6
票
1
回答
6,978
閲覧数
Cookieの値がブラウザ側で有効になるタイミングはいつか
「ファイルダウンロード完了後に画面遷移などをjavascriptで行う」を参考にASP.NET MVCで実装してみました。
サーバー側はファイルをダウンロードをさせつつCookieをセット、クライアント側はJavaScriptで定期的にCookieをチェックすることでダウンロードの完了を検出する、というものですが、...
6
票
1
回答
6,549
閲覧数
JavaScript からデフォルトのロケールを取得・変更したい
Number の toLocaleString() や Date の toLocaleString() をロケールを指定せずに実行した場合、
Number(1234).toLocaleString();
-> "1,234"
(new Date).toLocaleString();
-> "2014年12月27日 18:50:30"
と表示されました。(...
6
票
1
回答
602
閲覧数
マルチプラットフォーム上で動作するJavaScriptのランタイムエンジンはありますか?
Windows, Mac, iOS, Android上で動作するアプリにJavaScriptのエンジンを組み込みたいです。
具体的には、Unityで作成しているアプリにJavaScriptファイルを動的に読み込み、実行できる機能を付けたいのですが良いライブラリ, SDKが見つかりません。
Googleの出しているV8エンジンを試してみたのですが、資料が乏しくて扱いづらいです。
c#...
6
票
1
回答
2万
閲覧数
window.open()でセッションは引き継がれるか
JavaScriptのwindow.open()で新しくウィンドウを開いた場合、セッションが引き継がれるかどうか、というものは、何か標準仕様が決まっているのでしょうか。
それともブラウザ毎に独自に決めてしまっているのでしょうか。
「セッションが引き継がれるか」をもう少し具体化しますと:
セッションCookieが、親ウィンドウのものと同じになるか
SessionStorageが、...
6
票
1
回答
2,058
閲覧数
onreadystatechange に対して addEventListener を使わないのはなぜか
readystatechange はイベントなのだから addEventListener を使って登録できると思うんですが、大抵のAjaxサンプルでは onreadystatechange に代入する方法をとってると思います。
なにか避ける理由でもあるんでしょうか。ちょっと長いから?
var xhr = new XMLHttpRequest();
xhr.open("GET", "/path/...
6
票
1
回答
2,556
閲覧数
img要素のonloadを動的に設定する際の挙動について
全ての<img>のロードが完了した時点で処理をしたい、といった質問の回答において、$.Deferredを使った例が挙げられています。
(以下 https://ja.stackoverflow.com/questions/6086#comment5088_6127 よりコードを引用)
$.fn.all_loaded = function () {
var all_done = ...
6
票
1
回答
819
閲覧数
OpenLayers で設置しているマーカーが全て収まるようにズーム倍率を変更するには?
OpenStreetMap と OpenLayers でマップ上に複数のマーカーを設置しています。
このマーカーの位置は変動するので、マップ表示時に全てのマーカーが見えるよう Google Maps API の fitBounds メソッドのようなものを実現したいと思っています。
OpenLayers でこのような機能は提供されているのでしょうか? ...
6
票
1
回答
3,100
閲覧数
VLCメディアプレイヤーの Javascript API で、再生速度を変更する方法
現在、 VLC メディアプレイヤーの Web プラグインを利用して動画再生を行うページを作成しています。
そこで動画を倍速再生する必要があり、その方法として Javascript API の vlc.input.rate で再生速度を操作しようとしていたのですが、問題が発生しました。
解決方法をご存知の方はいらっしゃらないでしょうか。
○問題
&...
6
票
2
回答
806
閲覧数
Riot.jsにおいて、子や孫のカスタムタグを利用者に意識させずに済む方法
当然出来ると思ってたのですが上手く動きません。
Riot.jsでカスタムタグ<tag-a>を追加する時、
<script type='riot/tag' src='tag-a.html'></script>
みたいな事書きますよね。
このtag-aの内部で利用する別のカスタムタグ<tag-b>のためのscriptタグを、tag-a....
5
票
2
回答
480
閲覧数
ECMAScriptの概念がわかりません。
javascriptの標準仕様ということはなんとなく理解しています。
javascriptはブラウザ毎に実装されているのですよね? 最近のブラウザで動くjavascriptのECMAScriptのバージョンは何なのでしょうか?
たとえば、ネストされた関数内でのthisはグローバルオブジェクトを指しますが、ECMAScript5では修正されているそうです。
...
5
票
3
回答
1,940
閲覧数
Javaのクラス名を文字列から定義したい
Javaのクラス名を、与えられた文字列から定義しようとしています。
そこで、Rやpythonなどのeval関数のように、文字列をコードとして評価すればよい、と考えました。
しかし、Javaは標準で文字列を評価しないということなので、どうしてもevalのような機能を使いたい場合は、次のようにjsを呼ぶ必要があるそうです。 Yahoo 知恵袋より
import javax.script.*;
...
5
票
3
回答
549
閲覧数
undefinedは、真偽判定に利用できる?
下記のようなコードを見かけたのですが、どういう意味でしょうか?
・第3引数を渡さないとき、cはundefinedになるため、常にfalse?
・第3引数を渡すとき、cは常にtrue?
function test (a, b, c) {
//
if (c) {
//
} else {
//
}
}
test(1, 2);
・これは一般的な書き方でしょうか?
5
票
2
回答
4,304
閲覧数
Chromeでの文字列配列ソートがおかしい
Mac版Chrome(42.0.2311.135 64-bit)で、
自前の比較関数を用いて文字列配列のソートをすると変な結果になります。
以下から試せます。
var arr1 = ["hoge0", "piyo0", "fuga0", "fuga1", "fuga2", "fuga3", "fuga5", "fuga6", "fuga7", "fuga8"];
var arr2 = ...
5
票
3
回答
1万
閲覧数
JavaScript が実行された後の HTML を取得したい
あるサイトの HTML を取得して更新をチェックするというスクリプトを書こうとしています。
wget を使用してHTML ファイルを取得したところ、 JavaScript が使用されていたサイトであった為、JavaScript のコードが取得できただけで実際のデータを取得することはできませんでした。
このような場合、 JavaScript ...
5
票
2
回答
1万
閲覧数
変数がDOM要素かどうかを判定する方法
event.target には click などのイベント発生時にイベント発生元のDOM要素がセットされていると思いますが、jQuery の ajax() を非同期で実行した場合は XMLHttpRequest オブジェクトが入っていました。
変数の値がDOM要素の場合だけ特定の処理を行いたいです。
event.target に限らず、変数・...
5
票
1
回答
801
閲覧数
特定の1行(HTML)に紐づいているJSを特定する方法はありますでしょうか?
特定の1行のHTMLソースに紐づいているJSを
一番効率よく割出す方法はありますでしょうか?
具体的には以下となるのですが、
https://www.sony.co.jp/united/userexperience/support/ja_jp/?uxscc=set
例えば上記サイトの Gナビ部:【CSR・環境・社会貢献】
のアコーディオン時のレイアウトが崩れています。
...
5
票
3
回答
6万
閲覧数
設定されているイベントハンドラを取得する方法
要素に紐付くイベントハンドラを全て取得する方法はあるでしょうか。
たとえば、
<body>
<button id="button1" onclick="alert('test1');">test</button>
<script>
$("#button1").click(function () {
alert("...
5
票
2
回答
174
閲覧数
JavaScriptにおける、(function(){ //... })(); はどういう書き方ですか?
JavaScriptにおいて、
(function(){
//...
})();
の書き方は、どのような意味なのでしょうか?
引用は、
http://d.hatena.ne.jp/babu_babu_baboo/20170109/1483925930
のコードです。
5
票
1
回答
160
閲覧数
(300 >= 200 >= 50) ←この式はなぜfalseになるのでしょうか?
以下のような場合、なぜfalseになるのでしょうか?
const hoge = 200;
console.log(300 >= hoge >= 50);
以下の場合はtrueになり、違いがわかりません。
console.log(300 >= hoge);
console.log(hoge >= 50);
console.log(300 >= hoge >= ...
5
票
3
回答
2,009
閲覧数
HTML5で画像を回転させると縁にジャギが出てしまう
HTML5で画像を回転させて表示させると、斜めになった画像の縁の部分がギザギザになってしまいます。このジャギを回避する方法はないでしょうか?
5
票
3
回答
334
閲覧数
JavaScriptで変数付きsetterのようなことはできますか?
JavaScriptではオブジェクトにsetterを用意すれば代入の操作で複雑な処理が行えますが、
var o = {
set current(a) {
console.log(a)
},
};
o.current = 1; //console => 1
同じように代入で処理をしたいのですが、プロパティに変数をつけたようにはできないでしょうか。...
5
票
1
回答
3,567
閲覧数
デシリアライズしたプロパティからオブジェクトをつくりたい
サーバーとJSONを用いて通信するWebアプリケーションをTypescriptで書いています.JSONにシリアライズ/デシリアライズするとき,JSONにメソッドが含まれないので,デシリアライズしたデータを使ってオブジェクトを作ろうと考えたのですが,いい方法が分かりません.
今は次のようなコードを書いています.
class Pen{
constructor(public color: ...
5
票
2
回答
342
閲覧数
JavaScript&HTMLクライアント利用時の、クライアントの正当性を担保する方法について
バックエンドAPIサーバーと通信するクライアントを、JavaScript&HTMLで作成しようとしています。
バックエンドで「正しいクライアントからのリクエストか否か」を調べるためには、クライアントに専用の秘密の文字列を埋め込んでおき、それをリクエストパラメータまたはヘッダに含めて送信するのが一般的なのではないかと思います。
しかし、JavaScript&...
5
票
2
回答
1,474
閲覧数
CapybaraとPoltergeistを使用した場合にDBの内容がビューに反映されない
Poltergeistを使用した場合、Capybaraのテストケースの挙動が不思議です。
まず最初に、Poltergeistを使用しない場合、Capybaraのテストケースはsuccessです。
before { create(:user) }
it 'test' do
visit root_path
expect(page).to have_content 'ユーザは1人です'
...
5
票
2
回答
2,306
閲覧数
スマートフォンの傾きに応じて背景画像を動かすJavaScriptライブラリはありますか?
直リンクで申し訳ないのですが、iPhone等のスマートフォンで下記のサイトにアクセスすると、スマートフォンの傾きに応じて背景画像がゆらゆらと動くようになっています。
http://ignition.co/104
このような効果はjQueryか何かのライブラリで実現しているのでしょうか?
そういったライブラリをご存知の方がいれば教えてください。
5
票
2
回答
2万
閲覧数
あるDOM要素に対してクリック等した時に実行されるjsを突き止める方法
たとえば「要素Xをクリックしたら何かしらの問題が発生する」といったバグの解析時に「クリックされた時にどのjsファイルの何行目あたりが実行されるか」が知りたいのですが、いい方法は無いでしょうか?
現状では、やむなく要素Xのidやclass値でgrepをかけてしらみ潰しに調べています。
ポイントは、各種ライブラリ内部のjsというより、現在調査中のブロジェクトのjsファイル・...
5
票
5
回答
993
閲覧数
JavaScriptでは、関数 / コンストラクタ / 関数オブジェクト / Functionオブジェクト は同じ意味でしょうか?
newしなくても、関数はコンストラクタと呼ばれるのでしょうか?
・ 関数 / コンストラクタ は同じ意味?
関数を定義しただけで、Functionオブジェクトになるのでしょうか?
・ 関数 / Functionオブジェクト は同じ意味?
var Hoge = function(name) {
this.name = name;
};
補足追記
・下記を読んで、...
5
票
1
回答
1,705
閲覧数
Javascriptでのスロットマシン
質問させていただきます。
Javascriptでスロットマシンを作っているのですが、
最後の「あたり」「はずれ」の判定をどうやっていいのか分かりません。
どなたか教えて下さい。
javascript
//左リールの制御
function a1() {
//aにHTMLから取得した数字を代入
var a=document.getElementById("su1")....
5
票
1
回答
323
閲覧数
JavascriptからAngularjsを制御
JavascriptからAngularjsを制御したかったのですが、うまくいきませんでした。どのように変更したらよいでしょうか?
手動で「ま」を入力すると動くのですが、jsで「ま」を入力しても動きませんでした。
<!DOCTYPE html>
<html lang="ja" ng-app>
<head>
<meta charset="UTF-8"...
5
票
1
回答
394
閲覧数
Rhinoで内部クラスをnewしたい
Tungsten ReplicatorのJavaScriptフィルタで、OneRowChangeクラスの内部クラス、ColumnSpecをnewしようとしています。
ColumnSpecクラスはスタティックではないので、Javaなら oneRowChange.new ColumnSpec() とするところですが、これをRhino経由でJavaScriptで記述するにはどうすればよいでしょうか。
...
5
票
1
回答
5,943
閲覧数
AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法
AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、
ページ自体は再度リロードされます。
そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。
AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、
前のページをリロードせずに、...
5
票
1
回答
482
閲覧数
ChromiumベースのEdgeの拡張機能で実行ブラウザを判別する方法
先日ChromiumベースのMicrosoft Edgeの開発版がリリースされました。
このEdgeはChromeのWebストアから拡張機能をインストールすることが可能です。
そこで自作の拡張機能をEdgeにインストールしてみたのですが、
ブラウザ固有のページにリダイレクトする処理がうまく動きません。
ブラウザ固有のページとはchrome://newtabといったページです。
...