Skip to main content

すべての質問

or でタグ付けされた
2,776 件の質問
絞り込み
並べ替え
タグ付けされた
19
1 回答
4万 閲覧数

JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?

ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか? $.getJSON('/data.json', function(data) { // ファイルダイアログを表示して、指定したファイルへ data を書き込む });
niu's user avatar
  • 2,020
19
1 回答
4,995 閲覧数

クライアント側のJavascriptにトークン等を渡したい時、どうやってHTMLに埋め込むべきか

サーバーサイドプログラムが生成した値をJavascriptに渡す際、直接scriptタグ内に変数を出力すべきか、<head>の<meta>タグのcontentとして持たせるべきか決めかねています。 具体例として、CSRF対策用のトークンを使って非同期通信などでデータを取得する際、最初は次のようにしてデータをHTMLに直接出力していました。 <script> ...
Nuages's user avatar
  • 716
18
3 回答
1万 閲覧数

javascript:; ってなんですか?

下記のようにウェブページのリンク先がときどきjavascript:;になっていてリンク先のファイルやページに飛べないことがあります。 このjavascript:;はそもそもどのような処理をして、サイト制作者はなんのためにこのようなリンクを作成するのでしょうか? <a href="javascript:;" rel="nofollow">example.pdf</a&...
ディズニーランド行きたい's user avatar
18
4 回答
4,787 閲覧数

要素に適用されている実際のフォントを知るには?

CSS の font-familyプロパティ について、こちらに font-familyプロパティは、フォントの種類を指定する際に使用します。 フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
jirolabo's user avatar
  • 2,234
18
2 回答
1,943 閲覧数

引用符のガイドライン

htmlタグの属性値 CSSのプロパティ(urlなど) JavaScript の文字列リテラル これらで使用する引用符はシングルクォート、ダブルクォートのどちらも使用できますが、メンテナンス性を考慮してスタイルを統一したいです。 また、 htmlタグのイベント属性(onlickなど)に直接JavaScriptを記述する場合 JavaScriptで属性値付きのhtmlタグを編集する場合 ...
jirolabo's user avatar
  • 2,234
17
7 回答
2万 閲覧数

function hoge() と hoge = function() の違いは?

JavaScriptでの関数定義には2つあるみたいですが、違いや使い分けがわからないので教えて下さい。 パターン1 function hoge(a, b) { ... } パターン2 var hoge = function(a, b) { ... } どちらも実行するときはhoge(a, b);でよいのでしょうか。
user5855's user avatar
  • 1,453
16
2 回答
6,266 閲覧数

「コンテキスト」という言葉が何を指しているのかよく分からない

様々な技術系の記事やドキュメントで「コンテキスト」という言葉がでてきますが、何を指しているのかよく分かりません。 「コンテキスト」という言葉自体は調べたのですが、利用されている状況によって意味が異なるため、結局何を指しているのか理解ができないです。 例えば、以下の記事やドキュメントの「コンテキスト」が何を指しているのかが分からないです。 https://developer.mozilla....
shohei kadooka's user avatar
16
1 回答
9,325 閲覧数

HTMLで独自タグを使うのは仕様上問題ないのか

例えば、HTMLタグで定義されていない card というタグ名を作成したいとき、 <card>カード</card> このような感じで書けば、検証した限り、IE9を含むすべてのブラウザで正常に動作するのが確認できました。 いろいろ調べて見ると、Custom Elementのついての記事ばかりで、独自タグについて言及している記事はなかなか見つかりません。 このような、...
qsmq's user avatar
  • 429
13
3 回答
1万 閲覧数

マウスカーソルを乗せている間だけ表示される要素を、開発者ツールで調べるには

動的に生成されるDOMがマウスで選択できないばあいに、どうやったらDOMを選択できるでしょうか? 例えば、最近ツイッターのPC版ではタイムラインなどでツイート中の他人などのアカウント名のリンク部分にマウスをホバーするとポップアップしてツイート主やRTした人の情報が表示されます。ちょうど以下のようなかんじですね。 赤丸のようにアカウント名のリンクの所にマウスを持って行くと、...
tomorin's user avatar
  • 653
12
5 回答
3,469 閲覧数

Javascriptの仕様で「オブジェクトは共有渡しで、プリミティブ値は値渡し」と区別しているのか

JavaScriptの参照に関する記事でよく、オブジェクトは共有渡しで、プリミティブ値は値渡しと書かれていますが、仕様書をみても当該の記述を見つけられません。 仕様書を読む限り区別がない、つまり全てが値渡しの様に見えてしまいます。 もしくはReference型にbaseとして格納されているのは値を構成するデータ配列ではなく、値の存在そのもの、つまり参照(ポインタ)に近い概念であって、...
JSer's user avatar
  • 592
11
8 回答
1万 閲覧数

for文でclick時の動作を定義したい

要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。 下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか? for (var i = 0; i < ...
Taizan Yonetuji's user avatar
11
2 回答
395 閲覧数

"self = @" の "@" はどういう意味ですか?

CoffeeScriptで書かれたjQueryプラグインを読んでいるのですが、@の記述がよくわかりません。下記のような使われ方をしているのですが、これは何を表しているのでしょうか。 self = @ また、@はJavascript、jQueryにおいてどんな意味を持ちますか? 本で探しても@に関する記述がなく困っています。
user10719's user avatar
  • 151
11
2 回答
2,192 閲覧数

変数からtemplate stringsを生成したい

ECMAScriptにおけるtagged templateを動的に生成する方法について教えて下さい。 template stringsは、一般的には、template literalsという呼称のとおり以下のコード例のようにリテラルとしてソースコード内に固定値として保持されるものですが、 var name = "user input here"; var str = `Hello, ${name}...
hasegawa's user avatar
  • 205
11
2 回答
6,446 閲覧数

videoタグ内の動画のダウンロードを難しくしたい

HTML5のvideoタグで動画を閲覧できるようにした上で、閲覧したユーザーがローカルへ動画をダウンロードすることを難しくしたいと考えています。HLSやRTMPといったストリーミングプロトコルを使わずに、sourceタグにmp4動画のURLを指定する形を想定しています。 ある程度の知識と動機のあるユーザーでなければダウンロードしないよね、ぐらいのレベルでOKです。ちなみに、...
suhirotaka's user avatar
10
5 回答
5,511 閲覧数

JavaScriptで絵文字の正確な長さを取得する

JavaScriptで絵文字の正確な長さを取得したいのですが、うまくいきません。 🐍(蛇の絵文字)は1文字なので 1 を期待しているのですが、2 が 返ってきてしまいます。 Firefox, Node.js, io.js などいろいろなもので試しましたが、やはり 2 が返ってきています。 どうすれば、正確な長さを取得できるのでしょうか? var my_string = "🐍"; // ...
KiYugadgeter's user avatar
  • 4,358
10
2 回答
1,288 閲覧数

HTMLのコメント・scriptタグの解釈について

以下のHTMLがあります。 <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script> //var s = "<!--<script&...
ryo's user avatar
  • 113
10
1 回答
259 閲覧数

inputのvalueはどのように格納されている?

下記のコード(完結しているためbodyの中身のみ抽出)を実行すると、inputの中身とそのvalueがコンソール画面に表示されますが、両者のvalueが合いません。具体的には先に出力される方のvalueは初期値のままで、後の方は変更後のvalueになります。 通常、valueの取得では .value を付けるので問題ありませんが、当然range自体も変わると思っていました。そこで、...
Alice Aris's user avatar
10
2 回答
336 閲覧数

googleアナリティクスのようなトラッキングタグがありますが、あれがどのような原理で動いているのかがわかりません。

https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced?hl=ja ユーザーが埋め込んでもらうスクリプトタグの中で、google-analytics.com/analytics.jsにアクセスし、それを元に、ログを収集するようなスクリプトが発火しているのかなという漠然な理解をしておりますが、...
zyosh's user avatar
  • 615
9
3 回答
2,116 閲覧数

オブジェクトは、自分自身(オブジェクト)を、自分のプロパティに含めても良い? メリットは?

下記のようなオブジェクトがありました hogeオブジェクトはaプロパティを持つ hoge ・a aオブジェクトは、bプロパティとhogeプロパティを持つ hoge ・a  ・b  ・hoge コンソールで確認してみたら延々と続く hoge ・a  ・b  ・hoge   ・a    ・b    ・hoge 質問 ...
re9's user avatar
  • 6,814
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 ...
memo-manabu's user avatar
9
2 回答
4,046 閲覧数

DOMが書き換わった後ブラウザはどのように再描画していますか?

ブラウザで HTML/CSS を読み込んでページを描画した後、もし JavaScript によって動的に DOM が書き換わったら、ブラウザはページの再描画をしなくてはなりません。 素朴に考えるとページの描画にかかるコストは無視できません。DOM がちょっと変わっただけで要素のレイアウトが変わりえますし、テキストの折り返しが変わって更にレイアウトが変わることもありそうです。 しかし多くの場合、...
nekketsuuu's user avatar
  • 2.4万
9
1 回答
3,231 閲覧数

httpsサーバーへajax通信をする場合、通信内容は暗号化されているか

httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
lucky's user avatar
  • 159
9
1 回答
4,595 閲覧数

仮想DOMを使うと早くなる理由がいまいちわかりません

実DOMを操作するよりも仮想DOMを使ったほうが速いという話をききますが、 実際に早くなる理由がいまいちよくわかりません。 変更前と変更後を比較して差分を変更するから、という説明を聞くと納得しそうになりますが、 DOM全体でなく、DOMの一部を再レンダリングするブラウザの機能ををうまいこと使うという意味なのでしょうか。 そういった場合にどういったjavascriptの関数が実行されるのかなど、...
user29289's user avatar
9
6 回答
2万 閲覧数

.min のファイルはどうやって作るのですか

jQueryやBootstrapなど .min とついているファイルはスペースやコメントもなくギュウギュウ詰めで書かれているのですが、このようなものはどうやって作成するのでしょうか?
niu's user avatar
  • 2,020
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); --- &...
hir0ku's user avatar
  • 474
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プロパティの違いについて詳しく教えて欲しいです(...
hasegawa's user avatar
  • 205
9
3 回答
1,919 閲覧数

スマホアプリとAPIの安全な通信方法について

Androidアプリを開発しており、起動時にAjax通信を用いて サーバーに置いてあるAPIを叩き、APIが出力したJSONを取得して 情報を処理しようとしています。 この時、サーバーに置いてあるAPIには外部からアクセスできないように Basic認証をかけていますが、この認証に必要なIDとパスワードをどのように アプリに持たせたらいいのでしょうか? ...
user17063's user avatar
  • 153
8
2 回答
1万 閲覧数

クリップボードにコピーする方法

https://rubygems.org/gems/i18n/versions/0.7.0 こちらのサイトの右側にテキストをクリップボードにコピーするボタンがあります。 htmlを覗いてみるとdata属性に対象の文字がありますが、どうやってコピーさせてるのでしょうか? JavaScriptで可能なのでしょうか?
user5855's user avatar
  • 1,453
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(...
鈴木太郎's user avatar
8
3 回答
2万 閲覧数

innerHTMLに入れたコードの中にscriptタグがあっても実行されないのはなぜ?

javascript(coffeescript)を使い、ajaxで取得したhtmlコードをinnerHTMLでDOM要素に突っ込んでいます。 このとき、htmlコードの中にscriptタグを入れていてもjavascriptが実行されないのですが、 実行されないのは標準の挙動でしょうか?それともブラウザが気を利かせていての挙動でしょうか? ...
Ichiro Hari's user avatar
8
1 回答
183 閲覧数

「値 ? ' ' : 値」の挙動はどうなっているのでしょうか

以下の部分の挙動はどうなっているのでしょうか? function toggle(element,classe) { element.className = element.className ? '' : classe; //この部分です。 }
Louis's user avatar
  • 157
8
1 回答
157 閲覧数

ESでIterableなクラスを作る

ES2015 ClassesでIterableなClassを作りたいです Pythonだと__iter__と__next__というメソッドを実装すればIterableなクラスを作成できますが、ESではどうすればいいのでしょうか?
KiYugadgeter's user avatar
  • 4,358
8
1 回答
422 閲覧数

FirefoxでのJavascriptによるGamepadAPIを使ったXBOX360コントローラー

現在、Javascriptによるゲームフレームワークを作成しています。 主要なブラウザのうち、ChromeとFirefoxへの対応を行っていたのですが、ファミコンのようなUSBゲームパッドと、XBOX360用のUSBゲームコントローラーに対応していました。 しかし、最近のFirefoxではXBOX360コントローラーの値が取れなくなりました(Chromeでは問題ありません)。 ...
おおやけハジメ's user avatar
8
1 回答
2万 閲覧数

npm package-lock.json がなぜ必要なのかがわからない

こんにちは。 node.js の npm をモジュールインストール時に使います。 あまり使いこなしているということはないのですが package.json については理解しています。 最近のバージョンでは、 package-lock.json も付属するようになっているのですが、 この、package-lock.json の役割がわかりません。 バージョンを固定化する、...
s.yamamoto's user avatar
8
2 回答
437 閲覧数

市区町村より小さいエリアのgeojsonが欲しい

市区町村より小さいエリア情報を持つgeojsonが欲しいのですが、どこかにございませんでしょうか。 番地レベルまであればありがたいです。 もしくは自作の方法があればお教えいただけませんでしょうか。 よろしくお願いします。
スコペッソス's user avatar
7
2 回答
1万 閲覧数

@importするときの@の意味

プログラム初心者です。 Qiitaなどでいつもgithubでpushしている方のソースコードを読む日々なのですが、 以下に示している@の存在の意味がよくわかっていません。 @import '@/assets/styles/mixin.scss';  アドレスに示している@は何を意味しているのでしょうか。 一見考えたところ、私の考察では、以下と同じようにも思いますがよろしかったでしょうか。 ...
earthkundesu's user avatar
7
4 回答
1,209 閲覧数

あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい

例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。 どなたかご教授いただければ幸いです。 <ul> <li><input type="text" name="title"></...
TomoyaShibata's user avatar
7
2 回答
506 閲覧数

文字列先頭が'//'で始まっているようにしか見えない文字列結合で、先頭に’http:'が付加されるのはなぜ?

JavaScript初学者です。JavaScriptの勉強を兼ねて、slick.jsを読んでいます。 chromeでデバッグしながらslickのサイトを読んでみようと思い、 http://kenwheeler.github.io/slick/ を眺めていたところ、1041行目(2017/2/21現在)に、 dsq.src = '//' + disqus_shortname + '....
user20764's user avatar
7
3 回答
1万 閲覧数

li要素のマウスオーバー時に背景色を変えたい

li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。 $(document).ready(function(){ $('li').hover(function(){ $(this).css("cursor", "pointer").stop().animate({...
StackDestroyer's user avatar
7
1 回答
2,757 閲覧数

Vue.jsの静的サイトでの利用について

vue.jsなどは主にSPAといった、データ志向な動的ページなど向いていると思うのですが、 一般的な静的サイトになんとかvue.js(vue-loader)の下記のメリットを持ち込めないか、 を考えています。 単一コンポーネント →CSS/HTML/JSを1つのファイルで管理 →scoped cssが扱える やはり静的サイトとはいえど、ページ数が増え、コンテンツが拡張されていくと ...
Rin's user avatar
  • 171
7
4 回答
2,848 閲覧数

img要素の読み込み完了後に非表示要素を表示したい

img要素の読み込み完了を検知し、非表示要素を表示するため、onload=""を使用してCSSの生成を行いたいのですが、いまいち方法が理解できておりません。 <style> セレクタ {display: none;} </style> 上記のCSSを、onloadを使用して <style> セレクタ {display: block;} </...
名も無いWEB屋's user avatar
7
1 回答
2,768 閲覧数

「304 Not Modified」をハンドリングしたい

Rails 3.2 を使っています。 ajax で get して、hoge.js.erb で処理をしています。 具体的には商品をどんどん追加していき、最後に submit で POST します。 商品を追加する部分で稀にサーバが 304 を返すのですが、200 でも 304 でも画面上での表示は追加された動きになります。 しかし、 POST 時に 304 が返ってきた商品は欠落(...
naopontan's user avatar
  • 475
7
1 回答
3,735 閲覧数

ネットワーク図を書くためのjavascriptのライブラリ

先ほど、Yahoo!知恵袋とQiitaにも投稿したんですが、こちらの方が詳しく話を聞けそうなので、投稿しなおしました。 下記のような、ネットワーク図を書く最適なライブラリを教えてください。 言語はJavaScriptを考えています。それよりも簡単に書ける言語やライブラリがあればそれも教えていただければ嬉しいです。 目的は、ログデータの可視化をしたいと思っています。 ...
ねじれの位置's user avatar
6
4 回答
7,709 閲覧数

IE11 で開発者ツールを起動していないと ConsoleAPI や Ajax 通信が期待した挙動をしない

(諸般の事情で該当のコードなどを提示することができないのですが、問題解決のために必要であれば別途用意いたします) 表題の通り、InternetExplorer 11 において、開発者ツールを立ち上げていないと期待した挙動をしない問題に直面しております。 いずれも JavaScript の絡んだ処理でしたので、ドキュメントモードなどが原因かと思いましたが、 meta ...
TomoyaShibata's user avatar
6
5 回答
821 閲覧数

RubyっぽいAPIを提供してくれるJavaScriptのライブラリはありませんか?

普段、Rubyを使い慣れているのでJavaScriptで配列やハッシュ、文字列等を操作するときに、「RubyでいうあのメソッドはJavaScriptにあるのかな?」と探す or 実装するのが面倒です。 というわけでベーシックなオブジェクトをRubyっぽく操作できるJSライブラリがあれば教えてください。
Junichi Ito's user avatar
  • 6,651
6
2 回答
938 閲覧数

Javascriptの掛け算の結果が計算機の結果と異なるのはなぜですか?

本当にちいさな質問なのですがJavascriptで alert(19.4*50); とすると「969.9999999999999」とでてきます。 けど、計算機で計算すると「970」と表示されます。。。 なぜ計算結果が異なるのか不明なのですがご存じの方いらっしゃればご教授おねがいします・・・。 すみません。私のブラウザー環境ですが IE:10 Chrome: 69.0....
nyako's user avatar
  • 375
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 < ...
June Yamamoto's user avatar
6
1 回答
3,471 閲覧数

Chromeの拡張機能のJavaScriptをサイト内のJavaScriptよりも早く実行したい

Chromeの拡張機能のJavaScriptを実行する場合、 サイト内のJavaScriptのほうが早く実行されるのですが 先に実行させる記述方法はありますか? 例えばこのようなサイトで、 <body> <div id="t">test</div> <script> var t = document.getElementById('t'); ...
Yui Sato's user avatar
6
2 回答
502 閲覧数

argumentsはどこに所属している?

arguments はどこに所属しているのでしょうか? Built-in objects ではなく、Function プロパティでもなく、全く別の独立した存在? 最初は、Built-in objects かな、と思い探したのですが、見つかりませんでした。 以下のページに下記記載があるのですが、これはどういう意味でしょうか? Function のプロパティとしての arguments ...
re9's user avatar
  • 6,814
6
1 回答
244 閲覧数

JavaScriptのスコープについて教えてください。

下のようにJavaScriptでファンクションの外の引数にアクセスしたいのですが、 ローカルスコープと名前が同じだと出来ませんでしょうか? thisやglobalでアクセスできるとうれしいのですが検索しても見つからなかったので ご存知の方がいらっしゃいましたら教えてください。 よろしくおねがいします。 var param; FunctionA = function(param) { ...
Kun Ns's user avatar
  • 944

1
2 3 4 5
56