すべての質問
4,041 件の質問
19
票
1
回答
4万
閲覧数
JavaScriptからファイルをダウンロードさせるのはどうしたら良いですか?
ブラウザーでダウンロードリンクを踏んだときのようにJavaScriptからファイルをダウンロードさせたいのですが、どのようにしたら良いでしょうか?
$.getJSON('/data.json', function(data) {
// ファイルダイアログを表示して、指定したファイルへ data を書き込む
});
19
票
1
回答
4,996
閲覧数
クライアント側の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,788
閲覧数
要素に適用されている実際のフォントを知るには?
CSS の font-familyプロパティ について、こちらに
font-familyプロパティは、フォントの種類を指定する際に使用します。
フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 ...
18
票
2
回答
1,945
閲覧数
引用符のガイドライン
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,269
閲覧数
「コンテキスト」という言葉が何を指しているのかよく分からない
様々な技術系の記事やドキュメントで「コンテキスト」という言葉がでてきますが、何を指しているのかよく分かりません。 「コンテキスト」という言葉自体は調べたのですが、利用されている状況によって意味が異なるため、結局何を指しているのか理解ができないです。
例えば、以下の記事やドキュメントの「コンテキスト」が何を指しているのかが分からないです。
https://developer.mozilla....
16
票
1
回答
9,331
閲覧数
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,194
閲覧数
変数からtemplate stringsを生成したい
ECMAScriptにおけるtagged templateを動的に生成する方法について教えて下さい。
template stringsは、一般的には、template literalsという呼称のとおり以下のコード例のようにリテラルとしてソースコード内に固定値として保持されるものですが、
var name = "user input here";
var str = `Hello, ${name}...
11
票
1
回答
493
閲覧数
Appleの規約が更新されて `14. Personal attacks` 部分がよくわかりません。
https://developer.apple.com/app-store/review/guidelines/#personal-attacks
14.3 Apps that display user generated content must include a method for filtering objectionable material, a mechanism for ...
11
票
2
回答
6,446
閲覧数
videoタグ内の動画のダウンロードを難しくしたい
HTML5のvideoタグで動画を閲覧できるようにした上で、閲覧したユーザーがローカルへ動画をダウンロードすることを難しくしたいと考えています。HLSやRTMPといったストリーミングプロトコルを使わずに、sourceタグにmp4動画のURLを指定する形を想定しています。
ある程度の知識と動機のあるユーザーでなければダウンロードしないよね、ぐらいのレベルでOKです。ちなみに、...
11
票
1
回答
1,370
閲覧数
iOSでTwitterアカウントへのアクセス可否を設定する画面を開く方法はありますか?
Accounts.frameworkを使って
// Twitterアカウントを取得する処理
let accountStore = ACAccountStore();
let twitterAccountType = accountStore.accountTypeWithAccountTypeIdentifier(ACAccountTypeIdentifierTwitter);
let ...
10
票
5
回答
5,511
閲覧数
JavaScriptで絵文字の正確な長さを取得する
JavaScriptで絵文字の正確な長さを取得したいのですが、うまくいきません。
🐍(蛇の絵文字)は1文字なので 1 を期待しているのですが、2 が 返ってきてしまいます。
Firefox, Node.js, io.js などいろいろなもので試しましたが、やはり 2 が返ってきています。
どうすれば、正確な長さを取得できるのでしょうか?
var my_string = "🐍"; // ...
10
票
2
回答
1,289
閲覧数
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
票
1
回答
2,655
閲覧数
Apple のレビューにて iOS アプリの Facebook ログインができない
TestFlight の外部テストでは問題なく Facebook ログインができているのにも関わらず、Apple のレビューでログインができず、何度も Reject となってしまいます。
Apple からの回答は下記の通り。
We found that your app exhibited one or more bugs, when reviewed on
iPad running ...
10
票
2
回答
337
閲覧数
googleアナリティクスのようなトラッキングタグがありますが、あれがどのような原理で動いているのかがわかりません。
https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced?hl=ja
ユーザーが埋め込んでもらうスクリプトタグの中で、google-analytics.com/analytics.jsにアクセスし、それを元に、ログを収集するようなスクリプトが発火しているのかなという漠然な理解をしておりますが、...
9
票
3
回答
2,117
閲覧数
オブジェクトは、自分自身(オブジェクト)を、自分のプロパティに含めても良い? メリットは?
下記のようなオブジェクトがありました
hogeオブジェクトはaプロパティを持つ
hoge
・a
aオブジェクトは、bプロパティとhogeプロパティを持つ
hoge
・a
・b
・hoge
コンソールで確認してみたら延々と続く
hoge
・a
・b
・hoge
・a
・b
・hoge
質問
...
9
票
3
回答
2,834
閲覧数
swiftのキャストの言語仕様に関して
as IntとInt()の違いを教えていただきたいです。
swiftでキャストをする際はas Hogeとすると、キャストされるかと思います。
そして、Int()もIntにキャストしてくれる関数との認識です。
appleの公式ドキュメントを見たり、ぐぐってみましたが、両者の違いがいまいちよくわかっておりません。
以下のキャプチャのコードで、as IntとInt()でキャストをしてみると、as ...
9
票
1
回答
1,907
閲覧数
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
票
3
回答
1万
閲覧数
iOS8でposition:fixedなheaderに付けたinputにフォーカスを当てると一番上までスクロールしてしまう
スマートフォンサイトを制作していて発生した問題です。
headerタグにposition:fixed;を指定しスクロール時に画面上部に常に固定配置されるヘッダーを作成しました。
そのヘッダーにinputを利用して検索ボックスを設置したのですがiOS8のsafariで検索ボックスにフォーカスをあてると、...
9
票
2
回答
3,734
閲覧数
iOS Simulatorを多重起動する方法
Webアプリケーション開発時など、複数のiOS Simulatorで同時にテストしたいケースがあります。1台のMacで、複数のエミュレータを同時に起動する方法はあるでしょうか?
参考まで、手元で試した次の方法はいずれもうまく行きませんでした。2つ目のインスタンスを立ち上げようとすると、「Unable to boot device in current state: Booted」...
9
票
2
回答
4,048
閲覧数
DOMが書き換わった後ブラウザはどのように再描画していますか?
ブラウザで HTML/CSS を読み込んでページを描画した後、もし JavaScript によって動的に DOM が書き換わったら、ブラウザはページの再描画をしなくてはなりません。
素朴に考えるとページの描画にかかるコストは無視できません。DOM がちょっと変わっただけで要素のレイアウトが変わりえますし、テキストの折り返しが変わって更にレイアウトが変わることもありそうです。
しかし多くの場合、...
9
票
1
回答
3,233
閲覧数
httpsサーバーへajax通信をする場合、通信内容は暗号化されているか
httpsサーバーへajax通信をする場合(ajaxのurlパラメータにhttps://example.comを指定して通信する場合)、通信内容は全てssl暗号化されているという理解なのですが、それで正しいでしょうか。
9
票
1
回答
4,601
閲覧数
仮想DOMを使うと早くなる理由がいまいちわかりません
実DOMを操作するよりも仮想DOMを使ったほうが速いという話をききますが、
実際に早くなる理由がいまいちよくわかりません。
変更前と変更後を比較して差分を変更するから、という説明を聞くと納得しそうになりますが、
DOM全体でなく、DOMの一部を再レンダリングするブラウザの機能ををうまいこと使うという意味なのでしょうか。
そういった場合にどういったjavascriptの関数が実行されるのかなど、...
9
票
6
回答
2万
閲覧数
.min のファイルはどうやって作るのですか
jQueryやBootstrapなど .min とついているファイルはスペースやコメントもなくギュウギュウ詰めで書かれているのですが、このようなものはどうやって作成するのでしょうか?
9
票
4
回答
3,455
閲覧数
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,203
閲覧数
iPad2シミュレータでは動くがiPad retina、iPad Airでは動かないのはなぜか
iOS開発初心者ですが、無謀にもstoryboardを使わずにiPhoneとiPadで動くuniversalアプリを開発しようとしているところです。シミュレータでiPhoneとiPad2を選択して起動すると問題なく起動しますが、iPad retinaとiPad Airを選択すると起動時にエラーが発生します。
この情報から考えられうるエラー原因はなんでしょうか。
...
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,727
閲覧数
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
票
2
回答
1,309
閲覧数
一般的な画像データをサーバーで50%程度も圧縮することはできるんですか?
スマートフォンの通信量の消費を減らすためにサーバーとの通信をグーグルなどが提供するデータ圧縮用のサーバーを経由させて圧縮するという以下のようなテクノロジーがあります
Google
Chrome のデータセーバーを使ってデータ使用量を減らす
データセーバーの仕組み
データセーバーを使用している状態でウェブページにアクセスすると、Google のサーバーにより、...
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が欲しいのですが、どこかにございませんでしょうか。
番地レベルまであればありがたいです。
もしくは自作の方法があればお教えいただけませんでしょうか。
よろしくお願いします。
8
票
2
回答
3,332
閲覧数
iosアプリのIPv6対応について
6月1日からAppleでのアプリ審査でIPv6 only Network環境での動作チェックがはじまりました。
事前にその対応について備えていたのですが、いざ申請すると「IPv6では接続できないから却下」という旨の返答があり、審査が通過できない状態にあります。
以下、行った対応です。
・Unityのバージョンを4.6.5から4.7.2へ変更 ※Unityから公式にアナウンスがあったバージョン
・...
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
票
2
回答
3,456
閲覧数
tableViewのrowの削除ができません
もともとUITableViewControllerを使って問題なく動いていたテーブル画面を、UIViewController + UITableViewを使って動くように書き換えています。(UITableViewControllerだといろいろな制限が多いので。)
概ねうまく動いているのですが、ただひとつ問題が起きてスタックしております。
...
7
票
1
回答
2,759
閲覧数
Vue.jsの静的サイトでの利用について
vue.jsなどは主にSPAといった、データ志向な動的ページなど向いていると思うのですが、
一般的な静的サイトになんとかvue.js(vue-loader)の下記のメリットを持ち込めないか、
を考えています。
単一コンポーネント
→CSS/HTML/JSを1つのファイルで管理
→scoped cssが扱える
やはり静的サイトとはいえど、ページ数が増え、コンテンツが拡張されていくと
...