のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,432,685人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

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

元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +

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
701 : Name_Not - 2016/06/01(水) 20:44:48.07 ID:???.net (+68,+29,-169)
>>700
速くなるが一般的に人間が体感できない程度しか速くはならない。
だから同じ速度を気にするならば、開発 "速度" の方を優先する方が賢い

何万回もループを回すような処理だと体感できる差が出ることもあるが
その場合はその部分だけを最適化すれば良い。

まずはベンチマークを行って、"実際のユースケース" で何秒の差が生まれるかを計測するべき。
よく何万回もループを回してそれぞれ5秒と10秒かかって2倍も速くなったと言うやつが居るが、
実際には1回しか実行しない処理で0.5ミリ秒しか違いがでないならやる価値がないわけで。
702 : Name_Not - 2016/06/01(水) 22:26:45.84 ID:???.net (+67,+29,-34)
>>700
こういう質問をしてくる人にjQueryより効率のいいコードを簡単にかけるとは思えない・・・
703 : Name_Not - 2016/06/01(水) 22:28:51.90 ID:???.net (+57,+29,-33)
本当に速度を気にしているならば自分で調べるわけで、
「些細な速度でも気にしている俺すごい」って考えてるだけなんだろうな。
704 : Name_Not - 2016/06/02(木) 08:14:55.03 ID:???.net (+72,+29,-10)
>>700
自分でコード書いてプロファイルすればわかるでしょ
どんなコードかもわからないのに比較なんてできないこと
705 : Name_Not - 2016/06/02(木) 08:54:29.62 ID:???.net (+72,+25,-23)
速さを求めてjqueryを使っていない有名サイトは有りますか?
706 : Name_Not - 2016/06/02(木) 09:06:39.57 ID:???.net (+37,+4,+0)
>>705
ゲームぐらいだろうねw
707 : Name_Not - 2016/06/02(木) 09:07:11.17 ID:???.net (+12,-15,-16)
あ、ゲームサイトじゃなくて
ブラウザで動くゲームって意味
708 : Name_Not - 2016/06/02(木) 09:10:48.28 ID:???.net (+32,-30,-168)
すみません、初歩的な質問ですが困り果てています。
どなたかご教授下さい。
アコーディオンの中にスライダーを入れたいのですが、
display:none;が悪戯をして上手く表示させることができません。
症状としてはアコーディオンを開くとスライダーが一切表示されず、
アコーディオンを開いたまま時間を置いたり、ブラウザを最小化→最大化すると表示されるようです。
アコーディオンは初期設定では全閉じです。
display:none;をはずして初期状態を全開にすればきちんと表示されます。
ただ全開だとアコーディオンの意味があまりないのでそれは避けたいです。
試しにと思ってcssからdisplay:none;をはずしてjavascriptに.css("display")=="none"というものを組み込んだのですが同様にだめでした。
何か上手い解決方法があればお教え下さい。
709 : Name_Not - 2016/06/02(木) 09:15:26.83 ID:???.net (+53,+20,-2)
>>708
http://www.youtube.com/watch?v=XMPHxIpPoUU
コレを参考にしたら?
710 : Name_Not - 2016/06/02(木) 11:36:27.12 ID:???.net (-1,-29,-26)
display: none; を使わないでアコーディオンの
動作をするスクリプトにすればいいだけだと思う
711 : Name_Not - 2016/06/02(木) 12:14:39.00 ID:???.net (+15,-29,-29)
javascriptかjQueryなどで他のサイトのhtmlをデータとして
取得する方法があればヒントを教えて下さい。
712 : Name_Not - 2016/06/02(木) 12:20:17.93 ID:???.net (+44,-5,-31)
jQuery3.0で挙動が変わったんじゃなかったっけ?
713 : Name_Not - 2016/06/02(木) 12:23:55.42 ID:???.net (+4,-29,-39)
>>711
CORS, JSONP, Ajax, XMLHttpRequest, fetch
714 : Name_Not - 2016/06/02(木) 14:27:19.28 ID:???.net (+5,-29,-41)
>>711
jquery.xdomainajax.js
715 : Name_Not - 2016/06/02(木) 15:48:17.35 ID:???.net (+40,-29,-90)
>>713>>714
色々な情報ありがとうございました。
jquery.xdomainajax.jsが簡単そうだったのですが、例えば
www.yahoo.co.jpは取得できましたが、そのyahooを使った
検索結果は取得出来ませんでした。何か制限がありますか?
716 : Name_Not - 2016/06/02(木) 23:20:00.65 ID:???.net (+93,+29,-103)
>>715
yahooのサイト見たら「ログイン」って書いてあるところがあるでしょ?
そこyahooにログインしていたら、ログインしているユーザー名になるんだよ。

で、そのユーザー名を勝手に取得できたらだめでしょ?
だから、自分の管理外のサイトは情報を取れないようになってる。
これが同一生成元ポリシーっていう制限。

基本的にドメイン(サブドメイン含む)が違うと情報は取れないと考えていい。

ただしドメインが違っても自分が管理しているサイトであれば、
httpヘッダーを追加するなどして情報を取ることは可能。
717 : Name_Not - 2016/06/02(木) 23:20:30.97 ID:???.net (+39,+5,-62)
>>712
> jQuery3.0で挙動が変わったんじゃなかったっけ?

互換性が無くなることはないので
大きな挙動の変更はないよ。
718 : Name_Not - 2016/06/03(金) 06:18:13.13 ID:???.net (+188,+12,-20)
>>716
>基本的にドメイン(サブドメイン含む)が違うと情報は取れないと考えていい。

ブラウザからなら見れるのに
jsからデータが取れない理由が分かりません。
719 : Name_Not - 2016/06/03(金) 08:23:40.14 ID:???.net (+68,+28,-13)
>>718
セキュリティ、道義上の理由
720 : Name_Not - 2016/06/03(金) 09:29:36.19 ID:???.net (+68,+25,-47)
>>718
jsでデータ取れたら、取ったデータを別のサイトに
送信できるからだよ。
721 : Name_Not - 2016/06/03(金) 12:39:53.01 ID:???.net (+48,+20,-4)
フィッシング詐欺、コンテンツ無断利用
722 : Name_Not - 2016/06/03(金) 12:59:45.22 ID:???.net (+78,+29,-46)
>>718

クロスサイトスクリプティングを調べてみると良い
JSで何を取りたがっているか理解できると、同一生成元ポリシーの存在理由が理解できる
723 : Name_Not - 2016/06/03(金) 17:37:05.44 ID:???.net (+57,+29,-29)
これを使えばこう言う手口で悪さができるな

って言うのも考えないとダメ
だからその穴を防ごうというセキュリティ意識が付く
724 : Name_Not - 2016/06/03(金) 20:43:15.03 ID:???.net (+43,+29,-3)
>>711
スレを移動しても答えは変わらないよ
http://echo.2ch.net/test/read.cgi/tech/1463914293/422-
725 : Name_Not - 2016/06/03(金) 21:20:24.34 ID:???.net (+88,+29,-87)
>>718
>ブラウザからなら見れるのに

ユーザ(ブラウザのコード)からは見えるが、 js (サイトが用意したコード)からは「見えない」というのが重要
セキュリティとか普段考えたりしない一般人は、この二つの区別がつかなくとも無理はないだろう
726 : Name_Not - 2016/06/04(土) 00:14:22.73 ID:???.net (+88,+29,-21)
悪い手口も考えないとダメよ
ウイルスの作り方考えて、それを防ぐ方法を考える
自分が作ったシステムを破壊する方法を考える
めっちゃ大切
727 : Name_Not - 2016/06/04(土) 01:02:08.37 ID:???.net (+62,+28,-1)
>>726
21世紀少年でよんだ。
728 : Name_Not - 2016/06/04(土) 05:45:46.53 ID:???.net (+131,+29,-16)
>>724
それは俺じゃないよ。お前は俺711のストーカーか!
729 : Name_Not - 2016/06/04(土) 06:08:38.17 ID:???.net (+71,+29,-19)
>>728
そんなレスをする前に回答してくれた人にレスしたら?
他人のサイトコンテンツを無断利用して楽しようとしか思えないけど
730 : Name_Not - 2016/06/04(土) 08:40:43.33 ID:???.net (+75,+29,-26)
>>728
巡回先で見かけただけで君一人の為にストーカーする程、暇じゃないよ
自分の被害(ストーカー疑惑)に敏感な反面、他人の被害(コンテンツ盗用)には鈍感なんだね
731 : Name_Not - 2016/06/04(土) 12:31:02.49 ID:???.net (+125,-30,-88)
こういう普通のテーブルが有る場合に、
<table>
   <tr>
     <td>1</td>
     <td>1</td>
     <td>1</td>
     <td>4</td>
   </tr>
   <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>4</td>
   </tr>
</table>
連続するカラムで同じ値が入っているのを見つけて、

<table>
   <tr>
     <td colspan="3">1</td>
     <td>4</td>
   </tr>
   <tr>
     <td>1</td>
     <td>2</td>
     <td>3</td>
     <td>4</td>
   </tr>
</table>
こんなふうにしたいのですが、jQueryか何かでうまくやる方法はありますか?
自分で思いつくのはfor loopで回して調べるくらいしか思いつきません。
732 : Name_Not - 2016/06/04(土) 13:22:29.71 ID:???.net (+697,-30,-252)
>>731
こんな感じかねぇ。

$('td').attr('colspan', function() {
return $(this).html() === $(this).prev().html() ? undefined : 1;
}).filter('[colspan]').attr('colspan', function() {
return $(this).nextUntil('[colspan]').length + 1;
}).end().remove(':not([colspan])');

連続するカラム=前のカラムと一緒 と考えて、
(1) 最初に前のカラムと違っていればとりあえずcolspan=1をつける。
(2) 次にcolspan=1した要素に対して、colspan属性がついている次の要素までの数でcolspanを更新する。
(3) 最後にcolspanがついていない要素を削除

これだけだと連続していない(=1個)の場合にcolspan=1が残るから消したいなら最後にこれを追加する。
.filter('[colspan="1"]').removeAttr('colspan')

ここまでくるとループにするかjQueryのeach()を使ったほうが分かりやすそうだ。
733 : Name_Not - 2016/06/04(土) 13:25:30.08 ID:???.net (+86,+29,-4)
ループでやった方がええんとちゃう?
734 : Name_Not - 2016/06/04(土) 13:52:18.89 ID:???.net (+68,+29,-24)
>>733
やっていいと思うよ。

いくつか軽く試してみたけど、>>732の倍ぐらい行数になる感じだね。
735 : Name_Not - 2016/06/04(土) 14:16:05.23 ID:???.net (+91,+29,-16)
ループでやった方が無駄がないと思う
けど、行数減らすことに命懸けてる人に関わると面倒になることは想像にかたくない
736 : Name_Not - 2016/06/04(土) 15:15:55.16 ID:???.net (+104,+29,-53)
>>735
行数に命をかけるというよりか、関数型に命をかけているって感じだけどね。
ループを使う手続き型的なコードに比べて、「定義」していくことで
コードを書くのでバグが少なくなる。
737 : Name_Not - 2016/06/04(土) 15:24:49.14 ID:???.net (+104,+29,-6)
>>732
天才ですか。
ありがとうございました。ちなみにJavaScript歴は何年くらいですか?
738 : Name_Not - 2016/06/04(土) 15:38:48.17 ID:???.net (+76,+30,-235)
>>737
趣味でやっていた期間も含めれば18年ぐらいになるんじゃないかな?
いまは職業プログラマ、もちろんJavaScriptだけをやっていたわけじゃなく、
JavaScript以前にはC言語やBasicなどの経験もあるし、最近はPythonやRubyなんかも使ってる。

ここまで来るともう期間聞いても意味ないよw
プログラミングの勉強というより、仕事をしていた期間だからね。

あと期間聞くならjQuery歴を聞いたほうがいいかな。
jQuery以前と後ではコーディングスタイルががらっと変わった。

jQueryは2009年の1.3ぐらいからかな?その後2012年には今ぐらいになってたので
4年ぐらいかけてだらだら身につけていった。
これは世間のノウハウも情報もない時代から、仕事しながら身についたものなので
十分な情報がある今勉強として本気でやったら数週間~数ヶ月もあれば十分だと思うよ。
739 : Name_Not - 2016/06/04(土) 18:30:40.61 ID:???.net (+78,+29,-29)
>>736
> ループを使う手続き型的なコードに比べて、「定義」していくことで
> コードを書くのでバグが少なくなる。
あなたにとってはそうなんだろうね
740 : Name_Not - 2016/06/04(土) 18:50:06.58 ID:???.net (+81,-30,-186)
>>739
せめて勉強はしよう。言い返すのはそれからだ

http://okapies.hateblo.jp/entry/2015/12/07/022915
関数型プログラミング (functional programming) の利点を説く際によく持ち出されるのが、
QuickCheck の開発者の一人である John Hughes が 1984 年に著した論文
"Why Functional Programming Matters" だ。「なぜ関数プログラミングは重要か」という
題名で日本語訳もされているので、読んだことがある人も多いと思う。

関数型プログラミングの「利点」:
関数型プログラムには副作用(≒代入文)がないのでバグが減らせる
参照透明なので実行順序を気にしなくてよく、式をどの時点で評価してもよいのでプログラムをより数学的に扱える
741 : Name_Not - 2016/06/04(土) 19:00:52.90 ID:???.net (+64,+29,-44)
>>740
そのバグはfor文の特性をプログラマが理解していない事によるもの
関数型プログラミングにするからバグが減るわけではない
742 : Name_Not - 2016/06/04(土) 19:25:53.97 ID:???.net (-1,-29,-38)
> 関数型プログラムには副作用(≒代入文)がないのでバグが減らせる

って書いてあるのになw
743 : Name_Not - 2016/06/04(土) 19:30:13.24 ID:???.net (+47,+19,-22)
副作用(≒代入文)とやらがバグを生み出す原理を書いてない時点でダメ
744 : Name_Not - 2016/06/04(土) 19:39:20.86 ID:???.net (+9,-30,-172)
比較的よく見るfor文のコーディングミス

for (var i = 0; i < 5; ++i) {
document.getElementById('hoge' + i).addEventListener('click', function () { console.log(i); }, false);
}

でも、これは設計の問題だよなあ
5つも新しい関数オブジェクトを生成するのが全く無駄だし、一つだけハンドラ関数を作ってhandleEventでiを渡せば済む話
for-letでも解決するが、ここで使うものでもないし
745 : Name_Not - 2016/06/04(土) 19:57:13.81 ID:???.net (+0,-28,-11)
> for文のコーディングミス

それはるfor文のコーディングミスではない。
クロージャーのコーディングミスだ。
746 : Name_Not - 2016/06/04(土) 20:00:26.13 ID:???.net (+36,-30,-132)
for文には問題ないから、for文の所を全く書き換えなくて直すことも出来る。

for (var i = 0; i < 5; ++i) {
 (function(i) {
   document.getElementById('hoge' + i).addEventListener('click', function () { console.log(i); }, false);
 })(i);
}
747 : Name_Not - 2016/06/04(土) 20:06:53.44 ID:???.net (+69,+29,-90)
>>746
だから、関数オブジェクトを複数個生成するのが無駄だとあれほど…
for文棋院じゃないってのは同意だけど、プログラマの勉強不足がバグの原因だと思うよ
748 : Name_Not - 2016/06/04(土) 20:10:03.65 ID:???.net (+10,-28,-58)
>>732
この手法をrowspanにも応用出来ますか?
つまり縦方向で同じセルを結合する。
749 : Name_Not - 2016/06/04(土) 20:13:03.89 ID:???.net (+95,-30,-150)
>>747
お前が言いたいことを、jQueryで(冗長に)書くと
こういうことだろう?

function onclick(event){
  console.log(event.data.i);
}

for (var i = 0; i < 5; ++i) {
  $('#hoge' + i).on('click', {i: i}, onclick);
}
750 : Name_Not - 2016/06/04(土) 20:13:22.78 ID:???.net (+68,+29,-40)
>>740
横だが。

> 1984 年に著した論文
この時点でおかしいと気付けよ。
もしそんなに素晴らしいのなら、これまでlisp等が完全に放置されてきた説明が付かないだろ。
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について