元スレ+ JavaScript の質問用スレッド vol.113 +
JavaScript覧 / PC版 /みんなの評価 :
151 = :
無理
152 = :
>>149
そういうことは早く言った方がいいね
Promiseはライブラリでも提供されてるからそれ使うといいよ
>>150
WebRTCを使うとか?
function getIPAddress() {
return new Promise(function (res) {
var rtc = new webkitRTCPeerConnection({iceServers: []})
rtc.onicecandidate = function (evt) { evt.candidate && res(evt.candidate.candidate.split(' ')[4]) }
rtc.createOffer(function (desc) { rtc.setLocalDescription(desc) })
})
}
getIPAddress().then(alert)
153 = :
WebRTCってP2P通信で相手のIPアドレスを取得する方法じゃないの?
155 = :
>>152
最初のコードを参考にして、jQueryのDeferredを使うようにすれば
完璧に考えた事が出来ました。本当にありがとうございます!
156 = :
忘れてました
>>145
今はテストなので同じドメインに中継PHPスクリプトを置いていますが、負荷分散の為に別サーバにも置くつもりです
このコードなどを参考にして時間があればプログレスバーなども作れるXHRにも手を出すかもしれません。
その時などで躓いて、質問する時があれば、またよろしくお願いします。
ありがとうございました!
157 = :
localstorageを使おうとしてうまく動きません
ユーザーの任意でページを保存して、保存したものを呼び出そうとしているのですが
うまく保存されていません
テスト環境はFirefox20です
http://ideone.com/6cRClz
158 = :
jsbinでtabを入力した時、タブの位置にかかわらず必ず4スペース入ることに気付きました
位置を揃えるのがタブの目的なのだから、
1スペース既に入力されていたら3スペースになるのが普通だと思うのですがどう思いますか?
159 = :
>>153
違う。WebRTCがやってくれるのは自分のIPアドレス取得と接続の段取り。
いきなりP2P接続は出来ないので、まず相手とWebSocket中継とか別の手段でやり取りしないといけない。
http://speakerdeck.com/feross/webrtc-data-black-magic?slide=19
http://tjun.org/blog/2013/12/webrtc_p2p/
APIは何を相手に送ったらいいかを教えてくれて、相手から受け取った情報を与えれば手続きを進めてくれる。
で、APIがアドレス候補を相手に伝えて欲しいときに呼ばれるのがonicecandidate。
その中のcandidateには最初はOSから取得した自分のIPアドレスが含まれてるのを>>152では利用してる。
>>157
ちょっと修正不能。そもそも何を保存してどう復元させたいのかがよく分からない。
もし要素丸ごとを保存しようと思ってるのならあまりよろしくない。
せいぜいテキストエリアの文章(文字列)を記録して復元するとか、
ドラッグ可能な特定の要素の位置(数値)を記録して復元するとか、
変化する値に絞って保存することを考えた方がいい。
160 = :
>>154
<iframe name="hoge"></iframe>
var a = new hoge.Array(1,2,3);
console.log(is_array(a)); // false
var b = new Array(1,2,3);
console.log(is_array(b)); // true
ってことじゃないの?
異なるグローバルオブジェクトってのはちょっとわからないけど、
手元の本(原書の電子書籍版) では in a different window or frame ってなってるな。
161 = :
>>154
異なるグローバルオブジェクトとは
別の window, frame, worker 環境のグローバルオブジェクト
したがって
異なるグローバルオブジェクトで生成された配列とは
その環境で実行されたスクリプトが生成した配列になる
162 = :
>>159
それで「IPアドレス取得」を実装すると、同じページを見ている人同士でIPがわかる事になるのか。
そしてそれは>>150が本当に求めてることなのか…
163 = :
>>159
保存させようとしているのは
draggable:trueにしたstickyクラスのdiv要素のみです
それぞれの位置を記録させようとしています
言葉足らずで申し訳ありません
164 = :
switchについて質問です
switch(2){
case 1: console.log(false); break;
case 2: console.log(true);
case 1: console.log(false); break;
case 2: console.log(true); break;
}
この場合はcase2の後にbreakがないため
続くcase3もラベルの一致を問われず実行されるのがしっくりきません
不一致な場合に実行されないようにする書き方はないもんでしょうか
165 = :
case2にbreakを置かない理由は何?
こういう場合は論理的に、case2にbreakを置かない方がおかしいと思うけど。
166 = :
document.selection.createRange().pasteHTML('<br>');
という行で、IEで
HTML1114: (UNICODE バイト オーダー マーク) からのコードページ unicode は、(12) からの競合するコードページ shift_jis を上書きします
という謎の警告が表示されます
しかしググっても一件も出てきません
これはどういう意味で、どうやれば消えますか?
168 = :
>>165
レスありがとうございます
始まりは一致するラベルのcaseを全て実行したいと思ったことでした
switch(2){
case 1: console.log(false);
case 2: console.log(true);
case 1: console.log(false);
case 2: console.log(true);
}
としたらcase2とcase4が実行されればいいなと考えて
いざ試したら今回の疑問に突き当たった次第です
169 = :
case4なんてどこにあるのよ
171 = :
並び順変えればいいじゃん
つか昇順にしとかないと最適化抑制がかかるんだっけ
172 = :
実体参照を実体に戻す処理を書いていますが
&
<
>
"
以外にありますか?
173 = :
私女なんだけど助けてください・・・。
nameが同じinputが複数存在しているformで、任意のN番目に値を入れたいいんだけどどうしたらいいですか?><
eachでループさせるやり方しか思いつかないんですが、スマートでかっこいいやり方があれば教えてください><
<input name="help">
<input name="help">
<input name="help"> ←3番目のhelpに入れたいの。
<input name="help">
175 = :
>>172
いっぱいあるよ
目的は?
xss危険文字だけならnbspはいらないしaposを追加するといいかも
176 = :
>>175
フォームコントロールの代わりに
contenteditable=trueのdivを使うので、
HTMLをプレーンな文字列にする必要があります
http://w-d-l.net/html__entities/
一覧がありました
こんなにあったんですね
ありがとうございました
177 = :
よく見たらこれも一部で、フルリストはこれでした
http://www.freeformatter.com/html-entities.html
178 = :
>>169-171
レスありがとうございます
例えのcase4はラベルではなく4つ目のcase文のつもりでした
本来の用途ではないとの事なので別の方法を探そうと思います
180 = :
その正規表現がリテラルなら定数扱いとして最適化が働くから同じになるだろう
182 = :
x='hoge';
z=s.indexOf(x);
のように引数は直接ダメですか?
やり方教えてください
183 = :
>>182
わかりましたすんません
184 = :
>>181
自己解決しました
ちょっと気持ち悪いですがグローバル関数で編集中フラグを作り、解決しました
185 = :
属性に特に初期値が必要なくてもコンストラクタで初期設定した方がいいですか?
186 = :
コンストラクタで初期値設定
→属性が途中でいらなくなる
→コンストラクタの初期値設定を消し忘れる
あるある
187 = :
>>186
そんなもの、コンパイルエラーですぐに分かるじゃんって
思ったら、ここJavaScriptスレか。
まあ動的型付け言語は仕方ないよね。
そういうミスを検出できない言語だから。
188 = :
コンストラクタでの初期化は最適化に重要です
http://1000ch.net/2013/01/04/JavaScriptPerformanceTechniqueByGoogle/
※2014年改定※
3.『31bit(仮数部30bit=約+-10億)』→『x64環境では53bit(仮数部52bit=約+-9千兆)までの最適化が進行中』
数値の最適化は年々進化しているのであまり気にしないでください
5.『64,000個』→『100,000個』
配列周りの最適化パラメータは最も頻繁に変わる部類なのであまり気にしないでください
重要なのは、変わったことをしないということです
ロジック的なことは勿論、「その時その時の一般的な書き方」から外れないことが、最適化の恩恵を受けるために重要です
また、ES6で導入された機能はまだ最適化が不十分なものも多いです
どうしても気になったら積極的に各エンジンにissueを投げましょう
それから、増設されたMath関数やsimdやtyped objectやparallelsなど、抜群にJSを高速化する要素がES6,7に沢山控えています
最適化する必要があるときは、最新の方法として常にasm.jsを指標とするとよいでしょう
189 = :
ふーむ
初期化しておくにこしたことはないのですね
ありがとうございました
190 = :
前スレで、chromeでシフトキーを押しながらホイールスクロールしたら
スクロール方向が縦になる件で文句を書いた者ですが
このたびのバージョンアップでこのスイッチ機能がなくなっていました
伝えてくれた方ありがとうございました
191 = :
すみません、質問させて下さい
HP上での音楽ファイル再生について教えて頂けないでしょうか?
以下のような機能はJavascriptで可能でしょうか?
イメージとしては目覚まし時計なんですが時間をユーザが指定しません
HTML上に記述されている特定の時間を予めセットしてその時間になると音楽が流れるようにしたいです
10:00 という文字列にリンクを張ってこれをクリックするとその時間にアラームをセットするといったイメージです
出来ればスヌーズ機能もつけたいんですが
(これは停止した時間+5分でもう一度音楽再生
(停止ボタンをおしたらアラームが解除という具合がよさそうなのですがやりかたがわかりません・・
192 = :
>>191
audioタグ使えば?
193 = :
>>192
レス有難うございます
audioタグの属性を調べてみたのですが、指定時間に再生する項目が見つかりませんでした
何かうまいやりかたはあるのでしょうか?
もしこういうやり方があるってのがあれば教えて頂けると助かります
194 :
javascriptフレームワークで一番学習コストが低くて
作業効率がいいのってなんですか?
195 = :
>>194
お前が今何が出来るのかによる
196 = :
質問です、配列に数値を記録して後から『あるかなー?』って調べる場合なんですが
var hoge=[100,109,111・・・・,10000]
という配列を作ってからindexOfで検索すればいいのかと思ったんですがindexOfメソッドは遅いような事が書かれてました
もっと速くて良い方法とかあるんでしょうか?
197 = :
その数値をキーにすればいい
198 = :
ありがとうございますその場合キーは数値のままでいいんでしょうか?
var hoge[1]=1;
hoge[10000]=1;
とか入れると[1,,,,,,,,,,,,,,,,,,,,,,,10000]と表示されるので取り出す時1,2,3と順番に調べていないか不安で
200 = :
>>191
時間になればiframeが読み込まれるようにし
そのiframeはページが表示されるとすぐに音楽なるようにすればいいのでは。
スヌーズは時差でiframeつぎつぎ読み込ませる
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [100%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
トップメニューへ / →のくす牧場書庫について