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

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

    JavaScript覧 / PC版 /
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで

    702 = :

    >>701
    難しいかどうかはその人のスキルによるとしか。。。

    705 = :

    質問を変えて、jQueryの.nextUntil()をDOM API以外のライブラリを使わずに
    10行以内（セミコロン不使用、横80文字まで、普段やらない書き方を使うのなし）で
    作れるでしょうか？だったらどう？

    706 = :

    まず親要素のquerySelectorAllで
    セレクタにマッチする小要素を全部取り出しておく

    目的の要素のnextSiblingが、上のマッチした要素群に含まれれば当たり
    なければ次のnextSiblingを見る

    なんとか80字でいけるか？

    707 = :

    全部取り出しておいてfilterしてもいいし、
    ただ単に次の要素を見ていくだけのイテレータでもいい
    ５行くらいの関数で書けるんじゃない?

    708 = :

    function nextUntil(el, selector){
    const result = [];
    while(el = el.nextElementSibling){
    if(selector && el.matches(selector)){
    break;
    }
    result.push(el);
    }
    return result;
    }

    こんな感じか。matchesはIEで動かんからポリフィルを追加して
    http://developer.mozilla.org/ja/docs/Web/API/Element/matches

    710 = :

    及川光秀

    711 = :

    function * nextUntil ( el, sel ) {
    while ( el = el.nextElementSibling && ! el.matches( sel) )yield el
    }

    712 :

    >>708
    上手く行きました。
    凄いですね、こんなのを書けるなんて。
    >>711
    私にはレベルが高すぎて付いて行けません。
    結果の取り出し方を教えて下さい。

    713 = :

    >>711は単なる技術マウントだから無視してよい。

    715 = :

    技術マウントだからと言って無視するか、
    技術を勉強するか

    どちらを取るかね？

    716 = :

    >>712
    >>711は代入演算子と論理積演算子の優先順位を間違えているから結果がバグっている。
    修正してオプションのfilter足してjqueryのnextUntilの
    http://js.studio-kingdom.com/jquery/traversing/next_until
    のデモと同じことする使い方を
    http://codepen.io/anon/pen/VVwdQB
    に上げた。
    しかし結果を配列でまとめて取り出す使い方しかしないなら
    http://codepen.io/anon/pen/YRzvWa
    みたいになりわざわざジェネレータ使う意味ないしこんなことするなら>>708のほうがいいな。

    717 = :

    一番いいのはjQueryを使うこと

    719 = :

    いいよ

    725 = :

    chromeだけど、dataスキームで新しいタグ開いてhtmlを表示させたいんだけど
    data:text/html;云々をwindow.openするとabout:blankになってしまうたすけて
    （data:text/html;云々を直接urlボックスにいれて移動、は表示される）

    726 = :

    >>725
    再現コードをjsfiddleへUP

    727 = :

    >>723
    一切変更出来ないとは？
    変更不可対象を明確にしろ

    728 = :

    constは名前に対して働くもので値に対して働くものではない

    729 = :

    >>723
    そもそもがcのconst勘違いしてないか。
    プリミディブ値ならjsのconstでも同じように使えるし、
    cではjsのconst OBJ = {a: 1, b: {c: 2}};みたいにオブジェクト直接入れるみたいなことはそもそも出来ない。
    ポインタ使うにしたってOBJ.aやOBJ.b.cなどメンバーを書き換えられてしまうことは同じ。

    まあやりたいことは分かる…気がする…
    以下にdeepFreezeの実装例出てるから参考にしてみたら？
    http://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

    こういうことでしょ？違う？
    http://codepen.io/anon/pen/EQxJKB

    730 = :

    >>726
    いろんなサイトでconsole開いて実行したので、jsfiddleのコードに書いて実行してしまうと若干挙動が違う気がするので
    具体的には
    window.open('data:text/html;charset=utf-8,'+encodeURIComponent('<!DOCTYPE html><html lang="en"><body>hoge</body></html>'));
    を適当なサイトでコンソール開いて実行
    一応jsfiddleでもやってみたけどポップアップ禁止みたいなのが出てきた
    http://jsfiddle.net/pLdojb9w/
    ポップアップ許可するとabout:blank

    731 = :

    >>729
    ×http://codepen.io/anon/pen/EQxJKB
    ○http://codepen.io/anon/pen/EOxJKB

    732 = :

    ちなみに用途としては
    とあるサイトの画像urlだけをスクレイピングして
    htmlで新しいタブに<img src=>みたいに単純表示したいだけ
    今までconsoleで<img src="">を出力してコピペ→テキストエディタでhtmlで新規保存
    ブラウザで開いてウェブ丸ごと保存ってやってたのでめんどくさくなった
    （別のスクリプトやアプリで画像urlだけ抽出してダウンロードしたらいいのではと思うし
    都合が良いところはそれでやってるけど）

    734 = :

    dataURI直で新規タブ開いて中身反映されないのはセキュリティ理由によるもの
    blob→objectURL化が必要
    const blob = new Blob([ '<!DOCTYPE html><html lang="en"><body>hoge</body></html>' ], { type: 'text/html' });
    const url = URL.createObjectURL(blob);
    window.open(url);

    735 = :

    >>734
    で、できたー！
    画像も問題なく表示され
    ありがとうございました

    736 = 718 :

    >>729
    解説ありがとうございました。
    JSのオブジェクトの挙動が理解出来ました。
    値は変更出来ないけれど、メンバを変更する事は
    出来るんですね。

    737 = :

    >>734
    勉強になった

    738 = :

    漏れは、Ruby で、selenium webdriver, Nokogiri を使って、
    5ch の書き込み内から、画像リンクだけを取り出して、
    Nokogiri で、img タグを構築して、そのsrc 属性に設定して表示している

    ブラウザに、5ch のスレを表示して、結果はそれとは異なる、新しいタブに表示している

    driver.execute_script "window.open()" # 新しいタブを開く
    driver.switch_to.window ( driver.window_handles.last ) # 新しいタブへ移動する

    ERB みたいな、HTML 内にRuby プログラムを書ける、
    埋め込みテンプレートを使えば、もっと簡単にできるのだろうけど

    739 = :

    jsならコンソールやブックマークレットでできることをそんな大がかりにしてバカみたい。
    で、何をやってるかと思えばjs呼び出してるだけｗｗｗ
    そりゃそうだよなruうんこbyなんてブラウザで動かないもんなｗｗｗｗｗ

    740 = :

    >>739
    > そりゃそうだよなruうんこbyなんてブラウザで動かないもんなｗｗｗｗｗ

    いつの時代の話してるんだよｗｗｗ

    Ruby2.0はChromeブラウザでネイティブに動くようになりそう
    http://hoshi.air-nifty.com/diary/2012/05/ruby20chrome-d6.html

    741 = :

    >>740
    皮肉キツいぜｗｗｗｗｗ

    743 = :

    >>736
    変数名と紐付いている値を更新することはできないというだけ
    その値自体にはなんの制約もない

    744 = :

    RubyみたいなポンコツエンジンをNative Clientで走らせるとか愚の骨頂の考えだった
    WasmにコンパイルしてJSエンジン上で走らせる方がよっぽどパフォーマンス出る可能性がある

    746 = :

    クロージャで

    747 = 745 :

    >>746
    レスありがとうございました。
    >クロージャで
    なるほど。
    では、jQueryの場合、スコープが異なるfuncになぜデータを渡せるんですか？

    748 = :

    >>747
    内部的にクロージャーを使っているから

    749 = :

    えっ、なにが疑問なのかよく分かんない…

    function chinko(data) {
    return 'I love ' + data;
    }

    function manko(func, data) {
    if (!data) data = func.name;
    console.log(func(data));
    }

    let data = 'unko';
    manko(chinko); //=> "I love chinko"
    manko(chinko, data); //=> "I love unko"

    750 = :

    >>749
    > えっ、なにが疑問なのかよく分かんない…

    なんでクロージャーがでてきたのか考えてみたら？
    回答する側がアホの事例


    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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

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