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

    私的良スレ書庫

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

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

    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
    651 : Name_Not - 2018/03/27(火) 23:03:41.43 ID:???.net (+89,+27,-18)
    入力行を増やしたり減らしたりする
    これDOM操作ですよね
    652 : Name_Not - 2018/03/27(火) 23:04:34.43 ID:???.net (+102,+29,-32)
    >>651
    jQuery君が言うにはそういうことにjQuery使ってはいけないらしい。
    653 : Name_Not - 2018/03/27(火) 23:06:27.98 ID:???.net (-1,-29,-5)
    >>649
    element.querySelector のことかな?
    654 : Name_Not - 2018/03/27(火) 23:07:13.79 ID:???.net (+42,+24,-1)
    あ、違うか
    655 : Name_Not - 2018/03/27(火) 23:08:54.44 ID:???.net (+69,+27,+0)
    >>652
    マジすか生JSでやります
    656 : Name_Not - 2018/03/27(火) 23:09:42.10 ID:???.net (+81,-30,-84)
    >>647

    http://jsfiddle.net/wamwg7b0/

    じゃあ例えばコレ

    数値を入れたらsuccess(緑)になる入力フィールド×5

    JavaScriptのコードだけ転載すると、これだけ
    入力フィールドがいくつ有ってもこれだけだし、
    ループも条件判定もない。

    $('[type="text"]').on('keyup', function() {
     $(this).toggleClass('success', $.isNumeric(this.value))
    })

    keyupというイベントのタイミングで
    「入力値が数値ならsuccesである」を適用する
    宣言的というのはこういう事
    657 : Name_Not - 2018/03/27(火) 23:12:17.87 ID:???.net (+63,+29,-4)
    >>656
    ちゃんと全部出してくれない?
    658 : Name_Not - 2018/03/27(火) 23:16:57.48 ID:???.net (+0,-29,-16)
    >>649
    element.closest('.foo')でええやろ
    659 : Name_Not - 2018/03/27(火) 23:20:54.67 ID:???.net (+102,+29,-8)
    >>656ってイベントハンドラの話だよな・・・それとも俺の目が腐ってるのか
    660 : Name_Not - 2018/03/27(火) 23:23:08.99 ID:???.net (+71,+29,-5)
    >>659
    検索に引っ掛かったのがそれだったんだろwww
    661 : Name_Not - 2018/03/27(火) 23:56:31.59 ID:???.net (+49,-30,-75)
    >>649
    var elements = document.getElementsByClassName( 'footer-menu' ) ;
    elements[0].parentNode.removeChild(elements[0]) ;

    素のJavaScript だと、自分自身を削除するのにも、
    一旦親を取得して、親から子供を削除する

    頭おかしいw
    662 : Name_Not - 2018/03/28(水) 00:06:18.45 ID:???.net (+55,+27,-45)
    jQueryはセレクタで選択される対象が仮に存在しなくても
    その後のメソッドでエラーが出ないところがいいですね
    これは生JSでは出来ないのでは?
    663 : Name_Not - 2018/03/28(水) 00:39:27.21 ID:???.net (-6,-29,-14)
    >>661
    remove()でおk
    664 : Name_Not - 2018/03/28(水) 01:35:41.33 ID:???.net (+44,+16,+0)
    >>661
    直接削除できるやろ
    665 : Name_Not - 2018/03/28(水) 02:04:48.89 ID:???.net (+6,-29,-31)
    >>661
    document.getElementById('661').remove()


    はい、お前のくそコメント消えましたw
    666 : Name_Not - 2018/03/28(水) 02:29:37.06 ID:???.net (+3,-29,-12)
    >>661
    649はremoveするとは言ってないけどな
    667 : Name_Not - 2018/03/28(水) 02:46:44.72 ID:???.net (-1,-30,-48)
    >>665
    おい。それclassじゃできないぞ

    document.getElementsByClassName('.hage665').remove()
    668 : Name_Not - 2018/03/28(水) 02:47:34.83 ID:???.net (-2,-30,-56)
    $('.hage665').remove()

    素晴らしい。これ以上減らせと言われてもできないレベル
    669 : Name_Not - 2018/03/28(水) 02:54:54.84 ID:???.net (-1,-29,-41)
    getElementsByClassNameはネイティブで、対する$の実装は何百行ものjavascriptコードだけどな。
    この点はいくら強調してもし過ぎるということはない。
    670 : Name_Not - 2018/03/28(水) 02:58:40.88 ID:???.net (+57,+29,-102)
    あれ?jQuery君jQueryはDOM操作するものじゃない!jQueryでDOM操作してはいけない!って言ってたのにw
    意見コロコロ、てのひらクルクル、頭パッパラパーwww
    671 : Name_Not - 2018/03/28(水) 03:04:57.70 ID:???.net (+52,+29,+0)
    そうさ 恐れないで
    672 : Name_Not - 2018/03/28(水) 09:07:59.29 ID:???.net (+62,+29,-77)
    汎用性の高いモノに対しての利便性向上、jQueryはこれに尽きる
    このことを否定するならプログラミングを否定するのと同様
    プログラミングは芸術作品ではなく、コンピューターに意図的に処理をさせることが目的
    個人の意図の範疇
    673 : Name_Not - 2018/03/28(水) 09:10:52.58 ID:???.net (+49,+26,-1)
    うんライブラリだね。
    675 : Name_Not - 2018/03/28(水) 11:59:47.26 ID:???.net (-1,-29,-86)
    まったく同じにしたいならjQueryくんじゃないがさすがにjQuery使えよ。
    jQuery内部でquerySelector使ってるよ。
    jQuery再実装とかwww
    676 : Name_Not - 2018/03/28(水) 12:32:12.15 ID:???.net (+57,+29,-54)
    それはその通りですね
    結局jQueryを使うか使わないかということよりも
    関数型パラダイムに則って書くかどうかの方が重要なのでしょうね
    677 : Name_Not - 2018/03/28(水) 12:53:40.72 ID:???.net (+132,+29,-114)
    jQueryを使えば確かにクラスで複数の要素を取得して楽に処理できるけど
    普通はそんなことあまりしないからな
    jQueryが当たり前なってるからHTMLの段階でなるべくjQueryで扱いやすいように設計してるだけ
    jQueryを使う気が最初から無ければそれで組みやすいように設計するだけ

    つまりjQueryに考え方が依存して過剰評価しているだけ
    678 : Name_Not - 2018/03/28(水) 12:58:52.02 ID:???.net (+68,+28,-70)
    >>677
    > jQueryを使えば確かにクラスで複数の要素を取得して楽に処理できるけど

    jQuery君によればjQueryでDOM操作してはいけないらしいぞw
    679 : Name_Not - 2018/03/28(水) 13:31:50.16 ID:???.net (+57,+29,-24)
    簡単に云うとですね
    ここの質問に出てくるようなレベル、失礼、用途ならjQueryを使った方が利便性が向上するということなんです
    680 : Name_Not - 2018/03/28(水) 14:41:35.92 ID:???.net (+57,+29,-33)
    当たり前だ。何百行もコードロードして利便性が下がるライブラリなんか死んでしまえ。
    そうではなくてここはjavascript の質問用スレだから。
    681 : Name_Not - 2018/03/28(水) 14:45:40.81 ID:???.net (+55,+29,-33)
    定期的にjQueryの話題が出てきて不毛な議論がループするので禁止してくれ
    682 : Name_Not - 2018/03/28(水) 20:03:10.81 ID:???.net (+123,+29,-43)
    >>677
    > jQueryを使えば確かにクラスで複数の要素を取得して楽に処理できるけど
    > 普通はそんなことあまりしないからな

    え? CSSでclass使うでしょ?
    そのclassに当てはまるもの全てに処理することってよくあるよ
    683 : Name_Not - 2018/03/28(水) 20:29:49.53 ID:???.net (+3,-29,-35)
    ここいけよかす
    日本語読めないのか?

    + JavaScript & jQuery 質問用スレッド vol.8 +
    http://mevius.5ch.net/test/read.cgi/hp/1510321470/l50
    684 : Name_Not - 2018/03/28(水) 20:30:52.28 ID:???.net (+43,+25,-1)
    はい
    685 : Name_Not - 2018/03/28(水) 22:28:13.59 ID:???.net (+118,+30,-222)
    >>682
    いや、そんなにないと思う
    どちらかと言えばそれは当てはまるもの全てに処理したいから、class使ってねということだろう
    そういう場合はカスタムエレメントでも使ったほうが良い
    そうすれば要素が作られた時、挿入されたときに即座に適宜処理ができるんだから

    あとから要素をclassで検索して機能を付与するとか、
    スマートな解決策のように見えるかもしれないけど、それって実際はただのハックだからね?
    どっかの誰かが作った物があって、それに対してハックしたいなら非常に便利が良いと思うよ
    でも今どき、オマケでJSによってページを補正するみたいな開発や考え方はしないからね

    HTML5の勧告に纏わる公式文書にも書いてあったけど、
    HTMLっていうのはアプリケーションプラットフォームになってるんだよ
    つまり土台であって、その上にJSとか乗っかって1つのものができるわけ
    それが横並びだとか、化粧程度だとか、もしくはJSはHTMLを改造するためのドリルみたいに
    捉えてるのだとしたら、その考え方は古臭いと思うよ
    686 : Name_Not - 2018/03/28(水) 23:31:40.90 ID:???.net (+57,+29,-22)
    > そういう場合はカスタムエレメントでも使ったほうが良い

    そのカスタムエレメント作る用途で使えるって話でしょ?

    っていうか、どうやってそれ作るの
    ちょっとサンプル書いてみてよ
    687 : Name_Not - 2018/03/28(水) 23:32:38.83 ID:???.net (-1,-29,-43)
    > HTMLっていうのはアプリケーションプラットフォームになってるんだよ
    それは一部の話ね。

    ブログ、ニュース、企業サイト、情報掲載と、
    これらウェブの大半はアプリケーションじゃない
    688 : Name_Not - 2018/03/28(水) 23:39:11.04 ID:???.net (+55,+27,-18)
    jQueryはいまカスタムエレメントを実現するのに
    一番適しているってことで
    689 : Name_Not - 2018/03/28(水) 23:40:20.65 ID:???.net (+3,-29,-33)
    コピペしてやったから
    あっちいけ

    + JavaScript & jQuery 質問用スレッド vol.8 +
    http://mevius.5ch.net/test/read.cgi/hp/1510321470/l50

    あらし行為はやめろ
    690 : Name_Not - 2018/03/29(木) 01:33:24.42 ID:???.net (+45,+27,+0)
    ごくろう
    691 : Name_Not - 2018/03/29(木) 01:33:56.47 ID:???.net (+19,-30,+0)
    135 名前:Name_Not_Found[sage] 投稿日:2018/03/28(水) 23:39:20.81 ID:???
    685Name_Not_Found2018/03/28(水) 22:28:13.59ID:???
    >>682
    いや、そんなにないと思う
    どちらかと言えばそれは当てはまるもの全てに処理したいから、class使ってねということだろう
    そういう場合はカスタムエレメントでも使ったほうが良い
    そうすれば要素が作られた時、挿入されたときに即座に適宜処理ができるんだから

    あとから要素をclassで検索して機能を付与するとか、
    スマートな解決策のように見えるかもしれないけど、それって実際はただのハックだからね?
    どっかの誰かが作った物があって、それに対してハックしたいなら非常に便利が良いと思うよ
    でも今どき、オマケでJSによってページを補正するみたいな開発や考え方はしないからね

    HTML5の勧告に纏わる公式文書にも書いてあったけど、
    HTMLっていうのはアプリケーションプラットフォームになってるんだよ
    つまり土台であって、その上にJSとか乗っかって1つのものができるわけ
    それが横並びだとか、化粧程度だとか、もしくはJSはHTMLを改造するためのドリルみたいに
    捉えてるのだとしたら、その考え方は古臭いと思うよ
    686Name_Not_Found2018/03/28(水) 23:31:40.90ID:???
    > そういう場合はカスタムエレメントでも使ったほうが良い

    そのカスタムエレメント作る用途で使えるって話でしょ?

    っていうか、どうやってそれ作るの
    ちょっとサンプル書いてみてよ
    687Name_Not_Found2018/03/28(水) 23:32:38.83ID:???
    > HTMLっていうのはアプリケーションプラットフォームになってるんだよ
    それは一部の話ね。

    ブログ、ニュース、企業サイト、情報掲載と、
    これらウェブの大半はアプリケーションじゃない
    692 : Name_Not - 2018/03/29(木) 01:34:13.97 ID:???.net (+39,-30,-52)
    136 名前:Name_Not_Found[sage] 投稿日:2018/03/29(木) 00:37:32.00 ID:???
    jq関係ないけど
    HTMLがアプリケーションプラットフォームって考え方は
    ぶっちゃけ危険極まりないよね・・・
    693 : Name_Not - 2018/03/29(木) 01:35:48.16 ID:???.net (+68,+29,-51)
    >>692
    俺もそう思う。
    HTMLで文書じゃなくてアプリケーションを作るっていうのは
    ごく一部だよ

    大抵はHTMLとCSS、そしてJavaScriptでちょっと味付け
    これから変えていこう!なんて波は来てない
    誰も求めてない
    694 : 661 - 2018/03/29(木) 02:25:21.50 ID:???.net (+3,-29,-115)
    素のJS のremove では、動かないブラウザがあるから、
    素のJSでは、661 のように書く

    だから互換性が高い、jQuery のremoveを使った方がよい

    一々、各ブラウザの機能を調べて、素のJSで対応するのが面倒くさい。
    古いブラウザを使っている奴もいるし
    695 : Name_Not - 2018/03/29(木) 02:42:40.44 ID:???.net (+47,-22,-77)
    classに対して処理振るのが最善なケースってどんなのがある?

    同じ処理つけたい要素を不定数生成しなきゃいけないときは
    createElementの時listenerつけたりhandlerの内側でやらせる手がある

    classで処理振ると他の場所でclassを
    使いまわしされたら想定外のバグが出そう
    個人レベルの小規模なら問題にならないかもだけど
    696 : Name_Not - 2018/03/29(木) 03:09:18.27 ID:???.net (+69,+29,-18)
    >>695
    それ単にクラスの名前つけルールが無いと困るって言ってるだけだよ。
    CSSでも発生する問題

    .enabledというクラス名を付けていたら、
    他の場所で使い回されて困った。
    これと何も変わらん
    697 : Name_Not - 2018/03/29(木) 03:22:17.39 ID:???.net (+3,-29,-33)
    コピペしてやったから
    あっちいけ

    + JavaScript & jQuery 質問用スレッド vol.8 +
    http://mevius.5ch.net/test/read.cgi/hp/1510321470/l50

    あらし行為はやめろ
    698 : Name_Not - 2018/03/29(木) 03:28:57.23 ID:???.net (+36,+8,-5)
    classを使う最善なケースが出ないとなあ
    699 : Name_Not - 2018/03/29(木) 06:45:30.60 ID:???.net (+103,+30,+0)
    カスタムエレメントどうやって作るの?という質問の意味が分からない
    好きな要素をextendsしてregisterElementするだけじゃないか
    そこにjQueryを使う?好きにしたら良いと思うが、
    やっぱりjQueryありきの考え方だねと言わざるを得ないね
    でも他のライブラリとかも使うかもしれないし、
    jQueryで処理しちゃあ生要素に戻して他で処理するみたいなクソコードになると思うよ
    それなら最初からjQUeryで完結させたほうが良い
    jQueryはそういう他との相容れなさが欠点だからね

    remove()が使えない? 使いたい機能があって使えない環境があるなら
    ポリフィル書くなり用意するなりすればいいじゃないか
    そんな100も200も要るようなことなんて無いしね
    それが面倒だからjQuery使うというのはOK
    だけど最初から使ったほうが良いという考え方はNG
    この違いが分かるか?

    結局jQueryありきの価値観の人達って、他と相容れないjQueryを使いすぎて
    例えばちょっとポリフィルを作って数個の素朴なライブラリを組み合わせて使うとか、
    他のフレームワークを使った方が今回は良いんじゃないかとか考える能が無くなってるんだよ
    jQueryだってやり方によっちゃ組み合わせて使える力も持ってるけど
    上のカスタムエレメントの件で分かるように使いこなせてないしね
    要するに考え方がいつまで経っても超古臭くて閉鎖的なんだよね
    とりあえずjQuery使っとけばいいだろうみたいなのはやっぱり良くないよ
    物は1つ1つ考えて良く使わないと
    700 : Name_Not - 2018/03/29(木) 09:12:18.22 ID:???.net (+57,+29,-26)
    他と相容れないってw
    JavaScriptに取り込まれてること自体が
    jQueryの多大な貢献を示していると思うけど
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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