すべての質問
ecmascript or javascript でタグ付けされた
2,776 件の質問
19
票
1
回答
4万
閲覧数
JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?
ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか?
$.getJSON('/data.json', function(data) {
// ファイルダイアログを表示して、指定したファイルへ data を書き込む
});
19
票
1
回答
4,995
閲覧数
クライアント側のJavascriptにトークン等を渡したい時、どうやってHTMLに埋め込むべきか
サーバーサイドプログラムが生成した値をJavascriptに渡す際、直接scriptタグ内に変数を出力すべきか、<head>の<meta>タグのcontentとして持たせるべきか決めかねています。
具体例として、CSRF対策用のトークンを使って非同期通信などでデータを取得する際、最初は次のようにしてデータをHTMLに直接出力していました。
<script>
...
18
票
3
回答
1万
閲覧数
javascript:; ってなんですか?
下記のようにウェブページのリンク先がときどきjavascript:;になっていてリンク先のファイルやページに飛べないことがあります。
このjavascript:;はそもそもどのような処理をして、サイト制作者はなんのためにこのようなリンクを作成するのでしょうか?
<a href="javascript:;" rel="nofollow">example.pdf</a&...
18
票
4
回答
4,787
閲覧数
要素に適用されている実際のフォントを知るには?
CSS の font-familyプロパティ について、こちらに
font-familyプロパティは、フォントの種類を指定する際に使用します。
フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
18
票
2
回答
1,943
閲覧数
引用符のガイドライン
htmlタグの属性値
CSSのプロパティ(urlなど)
JavaScript の文字列リテラル
これらで使用する引用符はシングルクォート、ダブルクォートのどちらも使用できますが、メンテナンス性を考慮してスタイルを統一したいです。
また、
htmlタグのイベント属性(onlickなど)に直接JavaScriptを記述する場合
JavaScriptで属性値付きのhtmlタグを編集する場合
...
17
票
7
回答
2万
閲覧数
function hoge() と hoge = function() の違いは?
JavaScriptでの関数定義には2つあるみたいですが、違いや使い分けがわからないので教えて下さい。
パターン1
function hoge(a, b) {
...
}
パターン2
var hoge = function(a, b) {
...
}
どちらも実行するときはhoge(a, b);でよいのでしょうか。
16
票
2
回答
6,266
閲覧数
「コンテキスト」という言葉が何を指しているのかよく分からない
様々な技術系の記事やドキュメントで「コンテキスト」という言葉がでてきますが、何を指しているのかよく分かりません。 「コンテキスト」という言葉自体は調べたのですが、利用されている状況によって意味が異なるため、結局何を指しているのか理解ができないです。
例えば、以下の記事やドキュメントの「コンテキスト」が何を指しているのかが分からないです。
https://developer.mozilla....
16
票
1
回答
9,325
閲覧数
HTMLで独自タグを使うのは仕様上問題ないのか
例えば、HTMLタグで定義されていない card というタグ名を作成したいとき、
<card>カード</card>
このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。
いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。
このような、...
13
票
3
回答
1万
閲覧数
マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには
動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか?
例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。
赤丸のようにアカウント名のリンクの所にマウスを持って行くと、...
12
票
5
回答
3,469
閲覧数
Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか
JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。
仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。
もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照(ポインタ)に近い概念であって、...
11
票
8
回答
1万
閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
11
票
2
回答
395
閲覧数
"self = @" の "@" はどういう意味ですか?
CoffeeScriptで書かれたjQueryプラグインを読んでいるのですが、@の記述がよくわかりません。下記のような使われ方をしているのですが、これは何を表しているのでしょうか。
self = @
また、@はJavascript、jQueryにおいてどんな意味を持ちますか?
本で探しても@に関する記述がなく困っています。
11
票
2
回答
2,192
閲覧数
変数からtemplate stringsを生成したい
ECMAScriptにおけるtagged templateを動的に生成する方法について教えて下さい。
template stringsは、一般的には、template literalsという呼称のとおり以下のコード例のようにリテラルとしてソースコード内に固定値として保持されるものですが、
var name = "user input here";
var str = `Hello, ${name}...
11
票
2
回答
6,446
閲覧数
videoタグ内の動画のダウンロードを難しくしたい
HTML5のvideoタグで動画を閲覧できるようにした上で、閲覧したユーザーがローカルへ動画をダウンロードすることを難しくしたいと考えています。HLSやRTMPといったストリーミングプロトコルを使わずに、sourceタグにmp4動画のURLを指定する形を想定しています。
ある程度の知識と動機のあるユーザーでなければダウンロードしないよね、ぐらいのレベルでOKです。ちなみに、...
10
票
5
回答
5,511
閲覧数
JavaScriptで絵文字の正確な長さを取得する
JavaScriptで絵文字の正確な長さを取得したいのですが、うまくいきません。
🐍(蛇の絵文字)は1文字なので 1 を期待しているのですが、2 が 返ってきてしまいます。
Firefox, Node.js, io.js などいろいろなもので試しましたが、やはり 2 が返ってきています。
どうすれば、正確な長さを取得できるのでしょうか?
var my_string = "🐍"; // ...
10
票
2
回答
1,288
閲覧数
HTMLのコメント・scriptタグの解釈について
以下のHTMLがあります。
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<script>
//var s = "<!--<script&...
10
票
1
回答
259
閲覧数
inputのvalueはどのように格納されている?
下記のコード(完結しているためbodyの中身のみ抽出)を実行すると、inputの中身とそのvalueがコンソール画面に表示されますが、両者のvalueが合いません。具体的には先に出力される方のvalueは初期値のままで、後の方は変更後のvalueになります。
通常、valueの取得では
.value
を付けるので問題ありませんが、当然range自体も変わると思っていました。そこで、...
10
票
2
回答
336
閲覧数
googleアナリティクスのようなトラッキングタグがありますが、あれがどのような原理で動いているのかがわかりません。
https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced?hl=ja
ユーザーが埋め込んでもらうスクリプトタグの中で、google-analytics.com/analytics.jsにアクセスし、それを元に、ログを収集するようなスクリプトが発火しているのかなという漠然な理解をしておりますが、...
9
票
3
回答
2,116
閲覧数
オブジェクトは、自分自身(オブジェクト)を、自分のプロパティに含めても良い? メリットは?
下記のようなオブジェクトがありました
hogeオブジェクトはaプロパティを持つ
hoge
・a
aオブジェクトは、bプロパティとhogeプロパティを持つ
hoge
・a
・b
・hoge
コンソールで確認してみたら延々と続く
hoge
・a
・b
・hoge
・a
・b
・hoge
質問
...
9
票
1
回答
1,906
閲覧数
String.fromCharCode で難読化された JavaScript の解読方法を教えてください
WordPressのアップデートをしていないブログのソースコードが改竄されています。難読化されたJavascriptが書き込まれています。
<div id="main"><script type='text/javascript'>(new Function(String.fromCharCode(19 - 9, 126 - 8, 100 - 3, 122 - 8, 37 ...
9
票
2
回答
4,046
閲覧数
DOMが書き換わった後ブラウザはどのように再描画していますか?
ブラウザで HTML/CSS を読み込んでページを描画した後、もし JavaScript によって動的に DOM が書き換わったら、ブラウザはページの再描画をしなくてはなりません。
素朴に考えるとページの描画にかかるコストは無視できません。DOM がちょっと変わっただけで要素のレイアウトが変わりえますし、テキストの折り返しが変わって更にレイアウトが変わることもありそうです。
しかし多くの場合、...
9
票
1
回答
3,231
閲覧数
httpsサーバーへajax通信をする場合、通信内容は暗号化されているか
httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
9
票
1
回答
4,595
閲覧数
仮想DOMを使うと早くなる理由がいまいちわかりません
実DOMを操作するよりも仮想DOMを使ったほうが速いという話をききますが、
実際に早くなる理由がいまいちよくわかりません。
変更前と変更後を比較して差分を変更するから、という説明を聞くと納得しそうになりますが、
DOM全体でなく、DOMの一部を再レンダリングするブラウザの機能ををうまいこと使うという意味なのでしょうか。
そういった場合にどういったjavascriptの関数が実行されるのかなど、...
9
票
6
回答
2万
閲覧数
.min のファイルはどうやって作るのですか
jQueryやBootstrapなど .min とついているファイルはスペースやコメントもなくギュウギュウ詰めで書かれているのですが、このようなものはどうやって作成するのでしょうか?
9
票
4
回答
3,454
閲覧数
JavaScriptのDateオブジェクトに対して、JSON.stringify()メソッドに対するベストプラクティスを教えてください
JavaScriptのDateオブジェクトの扱いについて質問します。
ブラウザ側からサーバにPOSTする時にデータをJSON化して送付することをと試みています。
しかし、JSON.stringify()メソッドにかけると【協定世界時(UTC)】に置き換えられてしまいます。
var someDay = new Date(2014,12,2);
console.log(someDay); --- &...
9
票
1
回答
871
閲覧数
IEのdocument.URLUnencodedとは何者なのか
Internet Explorerではdocument.URLUnencodedというプロパティがあります。
http://msdn.microsoft.com/en-us/library/ie/ms534709%28v=vs.85%29.aspx
このdocument.URLUnencodedプロパティとdocument.URLプロパティの違いについて詳しく教えて欲しいです(...
9
票
3
回答
1,919
閲覧数
スマホアプリとAPIの安全な通信方法について
Androidアプリを開発しており、起動時にAjax通信を用いて
サーバーに置いてあるAPIを叩き、APIが出力したJSONを取得して
情報を処理しようとしています。
この時、サーバーに置いてあるAPIには外部からアクセスできないように
Basic認証をかけていますが、この認証に必要なIDとパスワードをどのように
アプリに持たせたらいいのでしょうか?
...
8
票
2
回答
1万
閲覧数
クリップボードにコピーする方法
https://rubygems.org/gems/i18n/versions/0.7.0
こちらのサイトの右側にテキストをクリップボードにコピーするボタンがあります。
htmlを覗いてみるとdata属性に対象の文字がありますが、どうやってコピーさせてるのでしょうか?
JavaScriptで可能なのでしょうか?
8
票
3
回答
2,724
閲覧数
JavaScriptのArray.prototype.map()で複数の配列を操作するには?
var a = [1, 2, 3];
var b = [1, 2, 4];
var c = [];
for (var i = 0; i < a.length; i++){
c[i] = (a[i] == b[i]);
}
このような複数の配列の操作を、以下のようなArray.prototype.map()を使って記述するにはどうすればよいでしょうか?
c = a.map(...
8
票
3
回答
2万
閲覧数
innerHTMLに入れたコードの中にscriptタグがあっても実行されないのはなぜ?
javascript(coffeescript)を使い、ajaxで取得したhtmlコードをinnerHTMLでDOM要素に突っ込んでいます。
このとき、htmlコードの中にscriptタグを入れていてもjavascriptが実行されないのですが、
実行されないのは標準の挙動でしょうか?それともブラウザが気を利かせていての挙動でしょうか?
...
8
票
1
回答
183
閲覧数
「値 ? ' ' : 値」の挙動はどうなっているのでしょうか
以下の部分の挙動はどうなっているのでしょうか?
function toggle(element,classe) {
element.className = element.className ? '' : classe; //この部分です。
}
8
票
1
回答
157
閲覧数
ESでIterableなクラスを作る
ES2015 ClassesでIterableなClassを作りたいです
Pythonだと__iter__と__next__というメソッドを実装すればIterableなクラスを作成できますが、ESではどうすればいいのでしょうか?
8
票
1
回答
422
閲覧数
FirefoxでのJavascriptによるGamepadAPIを使ったXBOX360コントローラー
現在、Javascriptによるゲームフレームワークを作成しています。
主要なブラウザのうち、ChromeとFirefoxへの対応を行っていたのですが、ファミコンのようなUSBゲームパッドと、XBOX360用のUSBゲームコントローラーに対応していました。
しかし、最近のFirefoxではXBOX360コントローラーの値が取れなくなりました(Chromeでは問題ありません)。
...
8
票
1
回答
2万
閲覧数
npm package-lock.json がなぜ必要なのかがわからない
こんにちは。
node.js の npm をモジュールインストール時に使います。
あまり使いこなしているということはないのですが
package.json については理解しています。
最近のバージョンでは、
package-lock.json
も付属するようになっているのですが、
この、package-lock.json の役割がわかりません。
バージョンを固定化する、...
8
票
2
回答
437
閲覧数
市区町村より小さいエリアのgeojsonが欲しい
市区町村より小さいエリア情報を持つgeojsonが欲しいのですが、どこかにございませんでしょうか。
番地レベルまであればありがたいです。
もしくは自作の方法があればお教えいただけませんでしょうか。
よろしくお願いします。
7
票
2
回答
1万
閲覧数
@importするときの@の意味
プログラム初心者です。
Qiitaなどでいつもgithubでpushしている方のソースコードを読む日々なのですが、
以下に示している@の存在の意味がよくわかっていません。
@import '@/assets/styles/mixin.scss';
アドレスに示している@は何を意味しているのでしょうか。
一見考えたところ、私の考察では、以下と同じようにも思いますがよろしかったでしょうか。
...
7
票
4
回答
1,209
閲覧数
あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい
例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。
どなたかご教授いただければ幸いです。
<ul>
<li><input type="text" name="title"></...
7
票
2
回答
506
閲覧数
文字列先頭が'//'で始まっているようにしか見えない文字列結合で、先頭に’http:'が付加されるのはなぜ?
JavaScript初学者です。JavaScriptの勉強を兼ねて、slick.jsを読んでいます。
chromeでデバッグしながらslickのサイトを読んでみようと思い、
http://kenwheeler.github.io/slick/
を眺めていたところ、1041行目(2017/2/21現在)に、
dsq.src = '//' + disqus_shortname + '....
7
票
3
回答
1万
閲覧数
li要素のマウスオーバー時に背景色を変えたい
li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。
$(document).ready(function(){
$('li').hover(function(){
$(this).css("cursor", "pointer").stop().animate({...
7
票
1
回答
2,757
閲覧数
Vue.jsの静的サイトでの利用について
vue.jsなどは主にSPAといった、データ志向な動的ページなど向いていると思うのですが、
一般的な静的サイトになんとかvue.js(vue-loader)の下記のメリットを持ち込めないか、
を考えています。
単一コンポーネント
→CSS/HTML/JSを1つのファイルで管理
→scoped cssが扱える
やはり静的サイトとはいえど、ページ数が増え、コンテンツが拡張されていくと
...
7
票
4
回答
2,848
閲覧数
img要素の読み込み完了後に非表示要素を表示したい
img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。
<style>
セレクタ {display: none;}
</style>
上記のCSSを、onloadを使用して
<style>
セレクタ {display: block;}
</...
7
票
1
回答
2,768
閲覧数
「304 Not Modified」をハンドリングしたい
Rails 3.2 を使っています。
ajax で get して、hoge.js.erb で処理をしています。
具体的には商品をどんどん追加していき、最後に submit で POST します。
商品を追加する部分で稀にサーバが 304 を返すのですが、200 でも 304 でも画面上での表示は追加された動きになります。
しかし、 POST 時に 304 が返ってきた商品は欠落(...
7
票
1
回答
3,735
閲覧数
ネットワーク図を書くためのjavascriptのライブラリ
先ほど、Yahoo!知恵袋とQiitaにも投稿したんですが、こちらの方が詳しく話を聞けそうなので、投稿しなおしました。
下記のような、ネットワーク図を書く最適なライブラリを教えてください。
言語はJavaScriptを考えています。それよりも簡単に書ける言語やライブラリがあればそれも教えていただければ嬉しいです。
目的は、ログデータの可視化をしたいと思っています。
...
6
票
4
回答
7,709
閲覧数
IE11 で開発者ツールを起動していないと ConsoleAPI や Ajax 通信が期待した挙動をしない
(諸般の事情で該当のコードなどを提示することができないのですが、問題解決のために必要であれば別途用意いたします)
表題の通り、InternetExplorer 11 において、開発者ツールを立ち上げていないと期待した挙動をしない問題に直面しております。
いずれも JavaScript の絡んだ処理でしたので、ドキュメントモードなどが原因かと思いましたが、 meta ...
6
票
5
回答
821
閲覧数
RubyっぽいAPIを提供してくれるJavaScriptのライブラリはありませんか?
普段、Rubyを使い慣れているのでJavaScriptで配列やハッシュ、文字列等を操作するときに、「RubyでいうあのメソッドはJavaScriptにあるのかな?」と探す or 実装するのが面倒です。
というわけでベーシックなオブジェクトをRubyっぽく操作できるJSライブラリがあれば教えてください。
6
票
2
回答
938
閲覧数
Javascriptの掛け算の結果が計算機の結果と異なるのはなぜですか?
本当にちいさな質問なのですがJavascriptで
alert(19.4*50);
とすると「969.9999999999999」とでてきます。
けど、計算機で計算すると「970」と表示されます。。。
なぜ計算結果が異なるのか不明なのですがご存じの方いらっしゃればご教授おねがいします・・・。
すみません。私のブラウザー環境ですが
IE:10
Chrome: 69.0....
6
票
2
回答
644
閲覧数
トップレベルで for...は使わないのが望ましいのか?
あらためて美しいJavaScriptを書きたいなと思い、JSLintを使い始めました
下記をJSLintにかけたとき
var myArr = [1,2,3];
for (var i = 0; i < myArr.length; i += 1) {
//
}
1 Unexpected 'for' at top level.
for (var i = 0; i < ...
6
票
1
回答
3,471
閲覧数
Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも早く実行したい
Chromeの拡張機能のJavaScriptを実行する場合、
サイト内のJavaScriptのほうが早く実行されるのですが
先に実行させる記述方法はありますか?
例えばこのようなサイトで、
<body>
<div id="t">test</div>
<script>
var t = document.getElementById('t');
...
6
票
2
回答
502
閲覧数
argumentsはどこに所属している?
arguments はどこに所属しているのでしょうか?
Built-in objects ではなく、Function プロパティでもなく、全く別の独立した存在?
最初は、Built-in objects かな、と思い探したのですが、見つかりませんでした。
以下のページに下記記載があるのですが、これはどういう意味でしょうか?
Function のプロパティとしての arguments ...
6
票
1
回答
244
閲覧数
JavaScriptのスコープについて教えてください。
下のようにJavaScriptでファンクションの外の引数にアクセスしたいのですが、
ローカルスコープと名前が同じだと出来ませんでしょうか?
thisやglobalでアクセスできるとうれしいのですが検索しても見つからなかったので
ご存知の方がいらっしゃいましたら教えてください。
よろしくおねがいします。
var param;
FunctionA = function(param) {
...