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

    私的良スレ書庫

    不明な単語は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
    151 : Name_Not - 2014/03/27(木) 10:01:12.33 ID:??? (+57,+29,-60)
    もう一度確認したら後方から選択でもリセットされませんでした
    ちょっと保留にして下さい
    すみません
    152 : Name_Not - 2014/03/27(木) 10:09:58.82 ID:??? (+0,-28,-62)
    http://jsbin.com/ridufogu/1

    jsbinのエディタ画面では、リセットされない場合もあるようですが、条件が分かりません
    独立させて表示するとリセットされます
    153 : Name_Not - 2014/03/27(木) 13:35:49.06 ID:??? (+64,+29,-26)
    >>148
    なぜここで聞くのですか?
    名前の由来は制作者本人しか知り得ない情報だと思いませんか?
    154 : Name_Not - 2014/03/27(木) 13:51:57.60 ID:??? (-1,-29,-34)
    which key is pressed ?
    のwhich
    155 : Name_Not - 2014/03/27(木) 13:56:03.75 ID:??? (-2,-30,-72)
    keyCodeもしくはcharCodeということでwhichなのでは
    ちなみにjQueryオリジナルではなくブラウザ実装が由来
    156 : Name_Not - 2014/03/27(木) 14:33:07.81 ID:PlonpcmL (+36,+29,-30)
    >>153
    まあそうなんだろうけど、その手の豆知識的なことは
    意外とおまえ様たちのような人しか知らなかったりする

    ような気もする
    157 : Name_Not - 2014/03/27(木) 14:42:02.30 ID:??? (+57,+29,-28)
    固有名詞ならともかくメソッド名はそんな創意あふれる名前じゃなくて
    他人にも理由の分かる名前だろう
    158 : Name_Not - 2014/03/27(木) 20:54:42.29 ID:??? (+0,-28,-15)
    その文句ならSafariのせいだ。
    Appleにいえ。
    159 : Name_Not - 2014/03/27(木) 22:14:20.34 ID:??? (+14,-22,-115)
    >>144
    レスありがとう。
    それやるのが簡単なんだけど、DBには入力値のまま入れて
    DOMにセットするときにエスケープしたいのよね。。。

    jsonの値として、エスケープしたjson配列が入ってたり
    するのも要因だと思うんで、とりあえずいろいろ試行錯誤してる。
    160 : Name_Not - 2014/03/27(木) 22:17:48.80 ID:PlonpcmL (+29,+29,-24)
    >>159
    DBにはそのまま入ってて構わんけど
    JSONに加工するときにエンティティ化すればいいじゃん
    161 : 145 - 2014/03/27(木) 23:48:23.82 ID:??? (+66,+29,-121)
    >>146
    レスが遅れて申し訳ありません
    どう表現していいかわからず、折りたたみという言葉を使いました
    説明が難しいのでauのサイトのコンテンツスライダ-部の下あたりにある
    メニュ-の「+メニュ-を開く」という箇所をクリックしてみていただけませんでしょうか
    (「スマ-トフォン・携帯電話」「インタ-ネット」「コンテンツ」…という部分です)

    こういったデザインをどう表現するのかもわからないのでググっても
    なかなか参考となるようなペ-ジが見つからず、せめてググるヒントでもいただければと思い、
    質問させていただきました。
    レスをいただきありがとうございました
    162 : Name_Not - 2014/03/28(金) 00:01:37.63 ID:??? (+66,+29,-56)
    >>159
    根本的に間違ってるよ。

    まず変数やデータベースに格納するときはエスケープしない。
    そのまま代入する。

    したくないとかじゃなくて、そのまま代入しなければいけないの。
    これをしないからどうするかわからなくなるんだよ。
    163 : Name_Not - 2014/03/28(金) 00:15:04.38 ID:5UCJKFK8 (-1,+29,-13)
    >>161
    あーごめん、気づかなかったわ

    ただのタブ切り替えで、切り替えエフェクトのついでに
    ▲を動かすだけでいいじゃん
    164 : 145 - 2014/03/28(金) 01:11:23.32 ID:??? (+54,+30,-118)
    >>163
    レスありがとうございます。
    きっとそうなんだと思います
    ただそれが難しくて…
    どこか参考になりそうなペ-ジはご存知ないでしょうか

    最初はいわゆるアコ-ディオンコンテンツを、テーブルを使い4つに並べてみたのですが
    クリックして展開したコンテンツの幅もテーブル幅内(ページの4分の1)になってしまうのが痛く、
    展開したコンテンツはページ幅をフルに使いたくてその方法を探してました
    おっしゃる通り、「タブで切り替え方式」でいいのだと思うのですが、タブを少しリッチにしようとするだけで
    急に難しくなったてしまうのです
    165 : Name_Not - 2014/03/28(金) 01:28:16.77 ID:??? (+57,+29,-59)
    プロトタイプでいろいろ試行錯誤してたがクロージャベースが一番楽だな
    プライベート変数も親クラスコンストラクタの呼び出しも何も悩まない
    167 : Name_Not - 2014/03/28(金) 01:54:26.59 ID:??? (+10,-30,-117)
    >>160>>162
    レスありがとう。

    ちゃんと処理確認したら、
    JSONをDBに突っ込む際に文字列化するために使ってるライブラリが
    あるんだけど(JavaのJackson)、こいつが勝手に?ダブルクォートとかを
    エスケープしちゃって
    {"key":"value"} → {\"key\":\"value\"}
    みたいな状態になってた。。。

    JSONをstringifyしたままDBに投入するようにしたら解決した。
    重ね重ねありがとう。
    168 : 145 - 2014/03/28(金) 02:29:40.65 ID:??? (+61,+29,-20)
    >>166
    親切なレスをいただきありがとうございます
    大きなヒントをいただきました
    今回いただいたレスを元に、色々とググって勉強してみたいと思います
    ありがとうございます
    ちなみにこれって簡単なほうなんですね?…うぅ
    169 : Name_Not - 2014/03/28(金) 03:21:25.00 ID:??? (+41,-30,+0)
    >>166
    > こんな感じのオブジェクトをタブの数ぶん作っておいて
    いらんいらん。 おもいっきり手抜きだが、こんなんでいい。

    <!DOCTYPE html>
    <html>
    <head>
     <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
     <script>
      $(function() {
       $('input').on('change', function() {
        var index = $(this).index();
        $('.page').fadeOut(1000);
        setTimeout(function() {
         $('.page').eq(index).fadeIn(1000);
        }, 1000);
       })
      })
     </script>
     <style>
      .page { border: 1px solid black; height: 10em; display: none; }
     </style>
    </head>
    <body>
     <fieldset id="tabs">
      <input type="radio" name="tab"><input type="radio" name="tab"><input type="radio" name="tab">
     </fieldset>
     <div id="pages">
      <div class="page">1</div><div class="page">2</div><div class="page">3</div>
     </div>
    </body>
    </html>
    170 : Name_Not - 2014/03/28(金) 03:26:12.91 ID:??? (+73,+29,-141)
    >>168
    まず、タブをリッチのリッチの意味が、画像を意味するのなら
    CSSでやる。見た目は基本CSSでやる。

    アニメーションもCSSでできなくもないのだが、
    古いブラウザとか考えたらjQueryを使うのが楽。

    >>169の例ではタブ=ラジオボタンで実装したが別にリンクでもいい。
    (ラジオボタンでもCSSでデザインを調整すればタブになる。
    現在表示のページ情報をJavaScript側で保持しなくて良くなるので
    ラジオボタンを使うという方法もよく使われる)
    171 : 145 - 2014/03/28(金) 07:47:58.33 ID:??? (+69,+30,-97)
    >>169
    >>170
    ありがございます!
    わざわざありがとうございます
    書いていただいたコード、超参考にさせていただきます
    めっちゃ助かりますこれ!

    タブをリッチに、の意味はタブを画像にしたい、みたいな意味でした
    察していただきありがとうございます
    おっしゃる通りjqueryで実装したいと思っておりまして、良いプラグインがあればなーと思っておりました
    ありがとうございます
    恐縮しております
    172 : Name_Not - 2014/03/28(金) 09:19:11.63 ID:??? (-2,-30,-32)
    textareaなどの編集領域ではCTRL+Zでundoできますが
    このundoデータにJavaScriptでアクセスすることは出来ないのでしょうか?
    173 : Name_Not - 2014/03/28(金) 10:44:40.68 ID:??? (+17,+0,+0)
    できません
    174 : Name_Not - 2014/03/28(金) 10:45:59.79 ID:??? (-3,-26,-2)
    編集前の値なら取得できます
    175 : Name_Not - 2014/03/28(金) 10:54:14.15 ID:??? (+72,+30,+0)
    Web制作板でJavaScriptを使って~jQueryを使って~っていう質問でか
    わいそうに思うのはプログラミングができないから、簡単な事なのに
    誰が作ったかもしれないプラグインを探していること。

    プラグインを探してもぴったり合うのなんて見つかることはまず無いし。
    プラグインを使わなくてもほんの数行で作れるようなことまでプラグインを探している。
    まともなプラグインを作れる人はほんの数行で作れるのわかってるから
    そんな簡単なものにわざわざプラグインを作らないんだよ。

    簡単なものにプラグインを作っている人のコードはすごく冗長。
    なぜなら「作るのが大変だからプラグインにした」つもりでいるから。
    スキルが低いから、そのプラグインは汎用性がなく改良もしにくい。

    でも簡単な物も作れない人は、そんなどこの誰が作ったかもしれないような、
    質の悪いプラグインを探して使って思ったことが出来ないと嘆いて無駄に時間を潰している。

    自分でjQuery使えるようになれよ。
    176 : Name_Not - 2014/03/28(金) 11:16:21.02 ID:??? (+67,+29,-8)
    >>175
    冗長っていうのは、最後の一行だけで十分なのに、長々と説教しちゃうってことですか?
    177 : Name_Not - 2014/03/28(金) 12:44:17.37 ID:??? (+57,+29,-6)
    文章がおかしいな
    プログラム勉強しはじめた中学生くらいだろう
    178 : Name_Not - 2014/03/28(金) 13:20:21.66 ID:??? (-1,-29,-16)
    jsbinもjsfiddleもIE7では使えません
    IE7でも使える類似サービスはありませんか?
    179 : Name_Not - 2014/03/28(金) 13:26:56.99 ID:??? (-11,-29,-2)
    IE7を捨てる
    180 : Name_Not - 2014/03/28(金) 14:48:06.47 ID:??? (+57,+29,-39)
    自分で作る(割と真面目に)
    ニーズの少ないところに対応するなら、ある程度は自分で作れないと厳しいよ
    181 : Name_Not - 2014/03/28(金) 16:40:49.33 ID:??? (+26,-29,-85)
    プログラミング言語はbit演算が早いイメージがあるのですが
    大量のtrue/falseのフラグを取り扱い、全部true/falseであるかどうか、trueがいくつあるか
    といった処理もbit演算を行ったほうが早い場合はあるのでしょうか?
    182 : Name_Not - 2014/03/28(金) 17:34:32.14 ID:??? (+30,+1,-19)
    >>181
    大量のって言っても、例えば32ビットでいくつのTrue False扱えるか分かってんだろうね?
    183 : Name_Not - 2014/03/28(金) 18:19:24.12 ID:??? (+58,+27,-18)
    >>181
    その用途のために、いくつかの言語はBitSetみたいな名前のクラスを標準で備えていて、無限ビット持てる
    184 : Name_Not - 2014/03/28(金) 18:23:43.45 ID:??? (+57,+29,-34)
    クライアントの要望を叶えたいなら自分で作れないとダメだろうね。
    185 : Name_Not - 2014/03/28(金) 18:29:50.48 ID:??? (+68,+30,-39)
    >>181
    早いかもしれないけど、君には無理。
    技術が高人が、効率よく使って初めて効果が出る。
    君が作ると逆に遅くなるだけだろう。

    何時間も時間と金を作って、0.01秒速くなって
    それで誰が喜ぶかを考えよう。
    186 : Name_Not - 2014/03/28(金) 18:32:36.44 ID:??? (+12,-30,-127)
    jsonから読み込んだurlが入った変数link、
    代入されたurlが仮にhttp://www.test.jp/abcdefgだったとします。
    このうちabcdefgだけ取得したいのですが、
    var id = link.replace('http://www.test.jp/','')
    上記だとlinkに代入されたurlがそのまま帰ってきてしまいます。
    どうすればうまくいきますか?
    187 : Name_Not - 2014/03/28(金) 18:40:58.43 ID:??? (+59,+29,-3)
    >>186
    何か勘違いしているよ
    ちゃんと期待通りに動く
    188 : Name_Not - 2014/03/28(金) 20:09:42.24 ID:??? (+20,-29,-33)
    $('.classname')
    にハンドラを付けても、その時点で存在しないエレメントにはハンドラが付かないようです
    デレゲートも出来ない場合は、
    エレメントを作成した時点でハンドラを付け外しするしかないでしょうか?
    189 : Name_Not - 2014/03/28(金) 20:39:45.94 ID:??? (+36,+1,-5)
    >>188
    onでは用を足せない状況?
    190 : Name_Not - 2014/03/28(金) 20:43:07.38 ID:??? (+26,-29,-27)
    >>188
    > $('.classname')
    > にハンドラを付けても、その時点で存在しないエレメントにはハンドラが付かないようです
    ハンドラの付け方を間違えているのでは?
    http://api.jquery.com/on/
    191 : Name_Not - 2014/03/28(金) 21:13:40.69 ID:??? (+57,+29,-48)
    パフォーマンスの改善は兎にも角にもプロファイラで計測だ
    余程の天才でもないかぎりしょうもない高速化は考えるだけ無駄だ
    192 : 188 - 2014/03/28(金) 23:18:16.70 ID:??? (+66,+29,-41)
    >>189
    onで付けているのですが・・
    >>190
    間違ってはないと思います

    http://jsbin.com/tosizeli/1/edit

    赤い四角だけある時にクラス名でクリックハンドラをセットし、
    その後同クラス名で緑の四角を動的生成します
    動的生成した緑の四角をクリックしても何も起きません
    193 : Name_Not - 2014/03/28(金) 23:45:38.78 ID:??? (+63,+29,-17)
    答えたくてしょうがないんだが、
    他人のやりとりに横から入って
    話をかっさらっていくのは
    マナー違反かねぇ?
    194 : Name_Not - 2014/03/28(金) 23:47:02.49 ID:??? (+52,+29,-3)
    時になんでデレゲートできないの?
    195 : Name_Not - 2014/03/29(土) 00:49:05.05 ID:??? (-1,-29,-9)
    IE7でonpasteがデレゲートできないからです
    バブリングの関係と思いますが
    196 : Name_Not - 2014/03/29(土) 01:59:11.89 ID:??? (+5,-27,-160)
    jqueryでイベントハンドラを付ける
    →jqueryの外でDOMエレメントを削除
    とするとメモリーリークになりますか?
    jqueryでDOMを削除すればおそらくイベントハンドラも外されると思いますが
    jqueryの外で削除した場合はjquery側でそれを検知できないので危険な感じします
    197 : Name_Not - 2014/03/29(土) 02:04:20.39 ID:??? (+50,+27,+0)
    自分でやってみればいいのに
    198 : Name_Not - 2014/03/29(土) 02:10:43.38 ID:??? (+53,+25,-17)
    メモリーリークかどうかどうやって判断するんですか?
    199 : Name_Not - 2014/03/29(土) 02:24:49.11 ID:??? (+57,+29,-5)
    メモリリークの何が問題か考えて見ればわかること。
    200 : Name_Not - 2014/03/29(土) 02:25:57.16 ID:??? (+57,+29,-43)
    おっと、ここプログラミングできない
    Web制作板か(笑)

    自分が使えないものを無理して使わなくていいよ。
    単に「俺には出来ない。その力はない」って自分と客に言えばいいだけ。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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