私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterで
ログインするとレス評価できます。登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript の質問用スレッド vol.114 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー

みんなの評価 :
レスフィルター : (試験中)

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

351 : Name_Not - 2014/04/01(火) 23:42:48.70 ID:??? (+66,+29,-33)

>>350
ごめんごめん
プログラマは作らされる人ですよってのが面白かったってだけだよ
誰かをｄｉｓってるわけじゃないよ。他意なし

352 : Name_Not - 2014/04/02(水) 04:16:34.95 ID:??? (+59,+29,-2)

>>315
そういうものがあるのですか
調べてみます
ありがとうございました

353 : Name_Not - 2014/04/02(水) 04:22:51.73 ID:??? (+81,+29,-64)

>>339
corei7でメモリも余ってますが
サブライムテキスト2で、補完機能が重くなってきました
それとともに親指シフトソフトが誤動作するのか時々意図しないところに
平仮名が入力されてしまうのが困るところです
あるいはプラグインを見直せばまた軽く出来るのかもしれません
ありがとうございました

354 : Name_Not - 2014/04/02(水) 12:17:32.34 ID:??? (+15,-7,-1)

じゃばスクリプト難しい

355 : Name_Not - 2014/04/02(水) 13:50:59.35 ID:??? (+57,+29,-9)

JavaScriptが簡単な言語というのはよく広まっている誤解
決して簡単な言語ではない

356 : Name_Not - 2014/04/02(水) 14:02:54.79 ID:??? (+49,+26,-5)

他の言語に比べたら簡単だろｗ

357 : Name_Not - 2014/04/02(水) 14:13:22.00 ID:??? (+57,+29,-44)

何を持って簡単とするかじゃね？

個人的な経験からすると
簡単だろｗって言ってる人に任せると、わちゃわちゃする事が多い印象

358 : Name_Not - 2014/04/02(水) 14:20:16.56 ID:??? (+57,+29,-29)

他の言語って何？全然変わらないだろ
ブラウザで動くという身近さから簡単と思われてるだけ

359 : Name_Not - 2014/04/02(水) 14:35:28.33 ID:??? (+73,+29,-43)

>>353
この件ですが、別プロジェクトの短いソースを編集している時にも同様の現象が出来ました
最近出始めたのでソースが長くなったせいと思い込んでいましたが
関係なかったようです
原因はまだ分かりませんが、ありがとうございました

360 : Name_Not - 2014/04/02(水) 14:59:32.66 ID:??? (+0,-28,-24)

新しくsublime text2をダウンロードして該当ソースを開けたところ、見違えるようにビュンビュン動きました
何らかのプラグインが原因のようです

361 : Name_Not - 2014/04/02(水) 19:13:10.17 ID:??? (-1,-29,-32)

divのcontenteditable=trueにした時とそうでない時では
メモリ使用量や体感など変わりますか？

362 : Name_Not - 2014/04/02(水) 21:57:28.38 ID:??? (+51,+23,-6)

１万個くらい複製して試してみれば？
報告よろしく

363 : Name_Not - 2014/04/02(水) 22:02:48.24 ID:??? (+3,-29,-160)

本質的にはCSSの話なんですが
こっちの人のほうが詳しそうなんで質問させてください

PCの各種ブラウザにおいて、setIntervalで作っていたアニメーションを
CSSのtransitionに置き換えているのですが、FPSが安定しません

ケースバイケースなので厄介なんですが
例えば、flagsまで同じ設定のChromeでも、2台の違うPCで古くてポンコツな方がFPSが安定したりします

GPUの違いかな？とも考えたのですが
同じPCでもChromeでガタつくのがIE11やFirefoxでスムーズになったりします

いろいろ試行錯誤しているところなので、何かを解決していただきたいわけじゃないんですが
PCのブラウザでの、CSSのtransitionの扱い経験が豊富な方がいらっしゃいましたら
何か参考になるポインタだけでもいただけたらと思います

よろしくお願いします

364 : Name_Not - 2014/04/03(木) 12:11:59.19 ID:??? (+70,+29,-60)

>>340
>>344
のののののの

質問するひと（web制作）、調べてくれる人（プログラマ）
質問者は手間も時間もかけずに答えがわかって嬉しいし
回答者も答えることで徳を積んでいるわけだ
WIN　WINの関係だね

365 : Name_Not - 2014/04/03(木) 12:15:24.63 ID:??? (-4,-27,-1)

Web制作＝質問する人

なのか・・・。

366 : Name_Not - 2014/04/03(木) 13:54:20.17 ID:??? (+3,-30,-257)

IE9でaudio要素のcanPlayTypeメソッドでmp3の'audio/mpeg; codecs="mp3"'はprobablyを返すのに
ローカルやおそらくブラウザキャッシュ？から読み込むとerror.codeに4が返り再生できないのは仕様ですか？

var audio = new Audio('test.mp3');
audio.addEventListener('canplaythrough', function(){
audio.play(); //ブラウザキャッシュ消去後初回は再生できる
}, false);
audio.addEventListener('error', function(){
console.log(audio.error.code); //ローカルテスト時および2度目以降の読み込みからエラー4
}, false);

367 : Name_Not - 2014/04/03(木) 20:12:19.85 ID:??? (+3,-29,-5)

俺もtransitionでしようとしたけど何か思ったよりキレイにならなくてsetIntervalに戻したことがあったな

368 : Name_Not - 2014/04/03(木) 20:31:12.86 ID:??? (+63,+29,-40)

上手くやればかなり滑らかなアニメーションにはなるけどね
現状は使い分けないと色々なブラウザで対応が難しいかも

369 : Name_Not - 2014/04/03(木) 23:35:25.07 ID:??? (+68,+29,-60)

>>367
ご意見あざす

>>368
単品だとほとんどのブラウザで問題なく動くんですよね

複数の要素で同時に動かすと、特にopacityを動かすと、とたんに重くなる場合がある
せめてこの場合を見極めて振り分けでも出来ればいいんだけど
と、いろんなPCズラズラ並べて検討しております…

370 : Name_Not - 2014/04/04(金) 06:24:49.57 ID:??? (+12,-29,-126)

ドラッグも出来るテキストエリアの領域があります
テキストエリアはmousedownでフォーカスされます
ドラッグはmousedownで開始されmouseupで終了されます
つまりmousedownの段階では、フォーカスなのか、ドラッグなのか分かりません
そこでmousedownをとりあえずpreventDefaultして、
クリックの段階でフォーカスさせたいと思うのですが、
クリックされた場所にキャレットを出現させることが難しいです。
キャレットのポイントはmousedownでしか出来ないのです。
この二律背反をどう解決したらいいのでしょうか？

371 : Name_Not - 2014/04/04(金) 06:29:37.24 ID:??? (-1,-29,-41)

まとめると
mousedownをpreventDefaultしながら
mousedownが通った時にキャレットがポイントされる位置を知りたい
ということです
これは難しい問題だと思います

372 : Name_Not - 2014/04/04(金) 06:45:28.61 ID:??? (+1,-26,-59)

preventDefaultする前にごにょごにょするのは出来んの？

373 : Name_Not - 2014/04/04(金) 18:07:03.13 ID:??? (+50,-29,-84)

>>169のコ－ドって、ラジオボタンが横一列に３つ表示されて
左をクリックすれば１、真ん中が２、右をクリックで３が表示されるけど
これどうやって関連づけしてるの？
ラジオボタンにＩＤを付与してるわけじゃなし、コ－ドからはよくわかんない

374 : Name_Not - 2014/04/04(金) 18:27:49.58 ID:??? (+67,+29,-9)

これ分からないって厳しいねｗてか、なんでぐぐらないんだろう
index()とかeqとか調べればすぐ分かるだろうに

375 : 373 - 2014/04/04(金) 18:58:09.60 ID:??? (+66,+29,+1)

>>374
おおっ
もちょっと詳しく

376 : Name_Not - 2014/04/04(金) 19:00:16.53 ID:??? (+3,-30,-70)

>>373
並び順依存だな
タブはJS切れた時のことを考えると

<a href="#tab1">タブ1</a>
<a href="#tab2">タブ2</a>
<a href="#tab3">タブ3</a>

<div id="tab1">ほげほげ</div>
<div id="tab2">ふがふが</div>
<div id="tab3">はげはげ</div>

ってしたほうがいいわな

377 : Name_Not - 2014/04/04(金) 19:33:09.55 ID:??? (+65,+29,-120)

>>370
そのような操作の仕組みにするとテキスト選択操作が面倒になって
却って使い難い UI にならないか？

選択操作は滅多に行われないなどの特別な理由があるなら別だが
一般論としてはデフォルトの挙動を変えるのは利用者を戸惑わせるので
なるべく避けたい所
（ゆえにブラウザの作りも基本的なふるまいは変え難いようにできている）

alt + click ならドラッグ開始（または逆に選択開始）のような方法もある

378 : Name_Not - 2014/04/04(金) 20:49:22.79 ID:??? (+7,-26,-10)

んん？
つまりindex()とかeqを使わずに>>169のコ－ドを書くと
どんな感じになるんだってばよ？

379 : Name_Not - 2014/04/04(金) 21:27:34.08 ID:??? (+55,+29,-20)

>>378
多少周りくどいけど>>166がわかりやすいんじゃないか？
HTMLは>>376ので

380 : Name_Not - 2014/04/04(金) 21:56:58.19 ID:??? (+7,-30,-60)

jqueryで.width()とかでstyle設定した時、生成されるhtmlが"height: 100px;"などですが
:の後の空白はいらないのでは？メモリの無駄遣いでよくないと思います

381 : 373 - 2014/04/04(金) 22:28:14.45 ID:??? (+15,-29,-28)

>>377
ありがと
通りすがりだったんだけど、index(this)とeq()の知識に特に乏しかったから
>>169のコ－ドにindex(this)とeq()抜きで書くとどういった表現になるのか
良い機会だと思って質問させていただいたの

382 : Name_Not - 2014/04/04(金) 22:31:13.01 ID:??? (+64,+29,-59)

>>380
よし
じゃあ今から修正コード書いて送るんだ！

冗談はさて置き、意外にちゃんとレスポンスしてくれるよ
1.8か1.9が出てすぐ、たまたまチェックボックスのtriggerがおかしかったのを見つけられて
投稿したら、わかってるよ！おまえで4人目だよ！ってすぐ返事きた

こっちが夜中だったからかも知れないけど

383 : Name_Not - 2014/04/04(金) 22:35:12.48 ID:??? (+75,+29,-55)

>>381
結局「何かをクリックすると何かが動く」わけだから
その二つの何かを結びつける何か、も必要なんだよ

>>169のはHTMLの並び順を、結びつける何かにしている
$で返ってくるjQオブジェクトってコレクションみたいなもんだから
そこからn番目を取り出すのがeq(n)

384 : 373 - 2014/04/05(土) 02:44:52.39 ID:??? (+67,+29,-18)

>>383
むぅ・・
たぶん、その一段階前がわかってない俺

385 : Name_Not - 2014/04/05(土) 03:52:11.93 ID:??? (+69,+29,-3)

むしろ>>373が>>169のどこが分からないのかが気になる

386 : 373 - 2014/04/05(土) 04:09:47.10 ID:??? (+70,+29,-32)

>>385
なにかでかい勘違いをしている悪寒・・
どなたか大変申し訳ないけれど、>>169のコ－ドに
index(this)とeq()抜きで意味が通るように書いてみてくださらんですか
ドマヌケな勘違いがある模様・・

387 : Name_Not - 2014/04/05(土) 09:51:20.07 ID:??? (+4,-29,-38)

http://developer.mozilla.org/en-US/docs/Web/API/Node.setUserData

node.setUserDataはサポートされているブラウザが少ないですが
勝手にnode.dataなどのプロパティにユーザデータを保存してもいいということでしょうか？

388 : Name_Not - 2014/04/05(土) 09:52:44.53 ID:??? (+1,-26,-12)

dataプロパティはテキストノードで使うから駄目ですね

389 : Name_Not - 2014/04/05(土) 11:21:02.34 ID:??? (+4,-30,-50)

var ary = [
[2, "c"],
[3, "a"],
[1, "b"]
];

こういう二次元配列で
数字を基準にソートして
[
[1, "b"]
[2, "c"],
[3, "a"],
]
と文字を基準にして
[
[3, "a"],
[1, "b"]
[2, "c"],
]
ってソートするベストな方法を教えてください

390 : Name_Not - 2014/04/05(土) 11:24:55.75 ID:??? (+11,-29,-6)

>>387
String型でよければdataset
http://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.dataset
String型以外を格納したいならクロージャに閉じ込める

391 : Name_Not - 2014/04/05(土) 11:29:53.10 ID:??? (-1,-29,-12)

>>389
Ａｒｒａｙ.prototype.sort

392 : Name_Not - 2014/04/05(土) 11:42:43.80 ID:??? (+53,+24,-11)

>>390
それ用のプロパティがあったのですね
ありがとうございました

393 : 169 - 2014/04/05(土) 12:03:38.41 ID:??? (+0,-30,-211)

なんか今更俺が書いたコードにレスがあるから
斜め上の話をするわｗ

>>383
> その二つの何かを結びつける何か、も必要なんだよ
こういう風にして結びつける方法もあるよね。

<ul>
　<li><a href="#tab1"></li>
　<li><a href="#tab2"></li>
　<li><a href="#tab3"></li>
</fieldset>
<div id="pages">
　<div id="tab1">1</div>
　<div id="tab2">2</div>
　<div id="tab3">3</div>
</div>

これのメリットはCSSとJavaScriptの両方が無効でも動作するという点。
>>166みたいに、JavaScriptべったりな仕様は俺は嫌いだな。
1. HTMLだけで表現する
2. CSSで装飾する
3. 最後にJavaScriptで動きを加える。
理想はこの順番。

394 : Name_Not - 2014/04/05(土) 12:11:34.66 ID:??? (+57,+29,-6)

おれのかんがえるさいきょうのじゃばすくりぷと

395 : Name_Not - 2014/04/05(土) 18:22:58.97 ID:??? (+67,+29,-7)

396 : Name_Not - 2014/04/05(土) 19:13:10.34 ID:??? (+43,+25,+0)

うん

397 : Name_Not - 2014/04/05(土) 20:17:28.38 ID:??? (+57,+29,-22)

ゴーストライターを使ってるってマスコミにつるし上げに合うぞ。
サングラス取って短髪にしないと！

398 : Name_Not - 2014/04/06(日) 07:22:38.57 ID:??? (+57,+29,-29)

転載禁止なので訴えられるがどういう意味なのか分からん
聞いて教えてもらったコードをそのまま使っていたらアウトってこと？
そんなやつおらんやろ

399 : Name_Not - 2014/04/06(日) 10:05:32.17 ID:??? (+7,-29,-114)

jqueryオブジェクトを見るとoffsetLeftなどのプロパティがありますが
これは直接読んだら駄目なんでしょうか？
いちいちoffset()メソッドで読むと関数呼び出し分遅くなりますよね？

400 : Name_Not - 2014/04/06(日) 12:37:33.63 ID:??? (+63,+29,-18)