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

    私的良スレ書庫

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

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

    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
    401 : Name_Not - 2014/09/16(火) 23:12:47.43 ID:???.net (+3,-29,-39)
    Backbone.jsを勉強しているのですが、こんな風に考えているのですが間違っていますか?

    ModelとViewで関数をオーバライドすることで、イベントが発生した時にオーバライドした関数をコールバック呼び出してくれる。
    JFrameを継承したプログラムを作っているのに感覚に近い気がするのですが、気のせいですか
    402 : Name_Not - 2014/09/16(火) 23:29:29.67 ID:???.net (+91,+29,-12)
    バックボーンとかwwwwwwリリースが遅すぎるものよく使いますねwwwwwwwwwwwwwww
    時代はアンギュラーですよ
    403 : Name_Not - 2014/09/16(火) 23:32:32.91 ID:???.net (-1,-29,-29)
    >> 402
    angularjsって動作もっさりしてたりしないの?
    業務アプリでつけるようにjsを勉強しているんだよ
    404 : Name_Not - 2014/09/17(水) 08:09:17.86 ID:???.net (+70,+29,-8)
    >>402
    バックボーンとかアンギュラーとかカタカナで書いて恥ずかしくないの?
    405 : Name_Not - 2014/09/17(水) 08:26:32.84 ID:AB5QR+DM.net (+69,+29,-9)
    >>381
    こんな分かりきった質問と回答に
    こんなにイイネ的なものが付く理由が分かりません
    406 : Name_Not - 2014/09/17(水) 08:37:39.95 ID:AB5QR+DM.net (+44,+29,-29)
    >>387
    少し前の方で__proto__の話題をしていたのは俺でその質問とは別人ですが
    俺が勘違いしているように見えたのなら、あなたが勘違いしてるんですよ
    あなたの理解が分からないので
    どこが間違っているかを指摘してあげることは出来ませんが
    407 : Name_Not - 2014/09/17(水) 09:11:07.34 ID:???.net (+60,+23,-52)
    >>405
    じゃあ、Haskellを使う事になったとして配列に要素を代入する方法が分からなかった時に同じような返答を見たら、俺はイイネを付けるね
    408 : Name_Not - 2014/09/17(水) 09:12:47.75 ID:???.net (+85,+28,+0)
    付ければいいんじゃないでしょうか
    409 : Name_Not - 2014/09/17(水) 09:15:32.34 ID:???.net (+12,-21,-18)
    >>406
    別人とは思わなかったが、__proto__をいじろうとする場合は、大抵別の方法があると思ったからだ
    410 : Name_Not - 2014/09/17(水) 09:19:37.02 ID:???.net (+103,+29,-33)
    >>408
    理解出来てなかったようだから補足するけど、自分が知ってるからって世の中の全員が知ってるわけじゃないぞ
    だから、基本的な事でも助かる人は大勢いる
    411 : Name_Not - 2014/09/17(水) 09:51:27.18 ID:???.net (+71,+29,-8)
    >>410
    だから好きにすればいいだろ
    別にお前の行動を否定したいわけじゃないからw
    412 : Name_Not - 2014/09/17(水) 09:53:15.07 ID:AB5QR+DM.net (+43,+29,-20)
    別の方法って何です?
    上の議論から古いIEには方法がないという結論になりましたが
    そんな革命的な方法があるのなら教えて欲しいですね
    413 : Name_Not - 2014/09/17(水) 12:45:14.69 ID:???.net (+9,-29,-36)
    >>389
    標準化されてないものは使ってはいけないの?
    element.clientHeightも使っちゃいけないの?
    414 : 395 - 2014/09/17(水) 13:20:29.30 ID:eqA/g6Jl.net (+7,+9,+1)
    >>397
    ありがとうございます!
    415 : Name_Not - 2014/09/17(水) 13:30:55.49 ID:???.net (+14,-29,-222)
    >>413
    > 標準化されてないものは使ってはいけないの?
    使用しても良いが、標準化されてない機能は途中で仕様変更が発生するリスクを伴う
    そもそも標準化以前に console API で protype まで仕様化してるブラウザはなかったと思うんだけどね
    クロスブラウザ以前に仕様化されてない部分の挙動は不安定極まりない
    仕様と実装の違いを意識する技術者ならそんな挙動に頼るコードはそれ以外の選択肢がない状況を除いてまず書かない

    > element.clientHeightも使っちゃいけないの?
    これは標準化されているはずだが
    417 : Name_Not - 2014/09/17(水) 15:48:41.89 ID:???.net (+25,-7,-15)
    >>412
    とりあえず色んな__proto__野郎が入り交じって分からなくなってるから
    もう一度上げてくれ
    418 : Name_Not - 2014/09/17(水) 15:50:19.54 ID:???.net (+44,-30,-178)
    先回りして答えておくけど、>>345の事だったら以下で出来る

    var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
    };

    var Hoge = (function () {
    function Hoge() {
    }
    Hoge.poge = function () {
    console.log('poge');
    };
    return Hoge;
    })();

    var Moge = (function (_super) {
    __extends(Moge, _super);
    function Moge() {
    _super.apply(this, arguments);
    }
    return Moge;
    })(Hoge);

    Moge.poge(); ⇒ poge
    419 : Name_Not - 2014/09/17(水) 15:51:35.29 ID:???.net (+4,-30,-48)
    >>418は実は以下のTypeScriptをコンパイルして出た結果だ
    TypeScriptは直感的に書ける

    class Hoge {
    static poge(): void {
    console.log('poge');
    }
    }

    class Moge extends Hoge {
    }

    Moge.poge();
    420 : Name_Not - 2014/09/17(水) 16:00:31.97 ID:???.net (+6,-29,-8)
    >>418
    var Mogeの中にHogeがないのにどうしてpage()が呼べるんですか?
    421 : Name_Not - 2014/09/17(水) 16:12:07.62 ID:???.net (+3,-30,-42)
    >>420
    var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; ←ここで単にpogeをコピってるだけだ
    422 : Name_Not - 2014/09/17(水) 16:12:41.10 ID:???.net (+7,-30,-156)
    質問です。(JavaScript…というかHTMLの質問かもしれません)

    modal Windowにてページを開いた際に、その開いたページの各要素にTabIndexを付けたいのですが
    modalを開いた親ページのほうにつけてあるTab移動も効いてしまって、親側の要素にも
    TabキーでFocusが当たってしまいます。
    modalを開いている間は、親側のTabIndexを無効にしたいのですがそんな事ってできますでしょうか?

    JavaScriptでTabキーのPress検出して、JavaScriptでmodal側の要素のみにfocusを当てるという事はできそうですが
    modal Windowで開くページは、いろんな種類のものがあるので、個別に指定するのは難しそうで。。

    「modalを開いている間は、親のTabIndexを無効にする」という挙動ができると一番良いです。

    どうぞよろしくお願い申し上げます。
    423 : Name_Not - 2014/09/17(水) 16:26:06.86 ID:???.net (+9,-26,-44)
    >>418
    JavaScriptは色々継承のさせ方が出来るけど、他の言語と同じような継承をさせるには
    __extends が一番最適な方法
    ちゃんと理解するにはJavaScriptパターンを読むべし
    425 : Name_Not - 2014/09/17(水) 16:53:41.24 ID:???.net (+5,-29,-7)
    >>422
    tabindex 無効 javascriptで検索したら1ページ目に解決できる記事を見つけたよ
    426 : Name_Not - 2014/09/17(水) 17:01:21.55 ID:???.net (+3,-29,-149)
    >>425
    ありがとうございます。
    ただこれは、予めtabindexに-1を設定しておいて無効にする手法なので、ちょっと違うのではないかと。。
    modalを開いていない場合は、普通に親ページでもTabIndexは効いて欲しいので。

    もろもろ調べましたが、いまいちピッタリの対策が無いので
    ひとまずmodalのページにもtabindexを張っておいて、modalの最後の要素まで行ったら
    JavaScriptでmodalの最初の要素にfocusを当てなおすという感じで実装したら上手く動きました。

    なんかもうちょっとスマートな対応策がありそうですが、ひとまず自己解決しましたのでご報告です。
    ありがとうございました。
    427 : Name_Not - 2014/09/17(水) 17:22:10.71 ID:AB5QR+DM.net (+51,+29,-86)
    >>418
    折角ですが、それはよくある普通のやり方ですよね
    そんなことが分からないと言っているのではないのですよ
    A級以上のプログラマーにそんなことが分からないわけないでしょう
    プロトタイプチェーンで繋いだ場合は、
    生成後にHogeに加えたプロパティも自動的にMogeで使えるようになりますが
    擬似的継承の場合はそうはなりません
    なのでプロトタイプチェーンを繋いで本当の継承をさせたいと考えたのです
    428 : Name_Not - 2014/09/17(水) 17:27:42.35 ID:???.net (+25,+2,+0)
    A級以上のひときたー
    429 : Name_Not - 2014/09/17(水) 17:32:09.41 ID:???.net (+57,+29,-37)
    どうせまた誤解してるんだろうと思ってましたが
    自分の意見を書かないので修正が遅れました
    相手の意見を否定するなら早い段階で自分の意見を述べて下さいね
    こちらも修正しやすいので
    430 : Name_Not - 2014/09/17(水) 17:33:48.14 ID:???.net (+9,-30,+0)
    >>427
    A級かどうか知らんけど __extends に文句いう奴初めて見たw

    > なのでプロトタイプチェーンを繋いで本当の継承をさせたいと考えたのです
    var __extends = this.__extends || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    ↑これはさっき説明した箇所
    ↓ここから下が「プロトタイプチェーンを繋いで本当の継承」をしてるところ
    function __() { this.constructor = d; }
    __.prototype = b.prototype;
    d.prototype = new __();
    };

    ↓これが「本当の継承」

    var Hoge = function(){};
    Hoge.prototype.poge = function() {
    console.log('poge');
    };

    var Moge = function(){};
    Moge.prototype = new Hoge();

    var moge = new Moge();
    moge.poge(); ⇒ poge

    Hoge.prototype.hage = function() {
    console.log('hage');
    };

    moge.hage(); ⇒ hage
    431 : Name_Not - 2014/09/17(水) 17:44:47.50 ID:???.net (+20,-30,-166)
    >>427
    以下は、JavaScript特有の継承だが普通は使わない
    お前がやりたいのはこっちの方が近いか

    var Hoge = {};
    Hoge.poge = function() {
    console.log('poge');
    };

    var Moge = Object.create(Hoge);
    Moge.prototype = Hoge;
    Moge.poge(); ⇒ poge

    Hoge.hage = function() {
    console.log('hage');
    };

    Moge.hage(); ⇒ hage
    432 : Name_Not - 2014/09/17(水) 17:45:54.11 ID:???.net (+0,-29,-18)
    >>431
    > Moge.prototype = Hoge;
    やべ、↑これいらなかった…
    433 : Name_Not - 2014/09/17(水) 17:47:07.81 ID:???.net (+5,-30,-161)
    >>431
    Object.create()はES5の関数だが、Polyfillは
    これ

    if (!Object.create) {
    Object.create = function (o) {
    if (arguments.length > 1) {
    throw new Error('Object.create implementation only accepts the first parameter.');
    }
    function F() {}
    F.prototype = o;
    return new F();
    };
    }
    434 : Name_Not - 2014/09/17(水) 17:47:15.74 ID:AB5QR+DM.net (+60,+29,-31)
    文句じゃねーよ
    extendは単になる普通の方法で、いいも悪いもない
    ただプロトタイプチェーンを繋ぐという目的には使えない
    そんだけのことだ
    435 : Name_Not - 2014/09/17(水) 17:52:10.61 ID:???.net (+83,+27,-23)
    >>434
    だから __extends は「(本当の)プロトタイプチェーンを繋ぐという目的」に使われんだよ!
    436 : Name_Not - 2014/09/17(水) 18:02:59.37 ID:???.net (+39,-4,-122)
    >>435
    普通のオブジェクトのな。
    オブジェクトの間でプロトタイプチェーンを繋ぐのは当たり前のことで問題にもならない。
    俺が言ってるのは関数オブジェクトをどうプロトタイプチェーンで繋ぐか。
    だから__proto__が出てきたわけ
    438 : Name_Not - 2014/09/17(水) 20:48:54.24 ID:???.net (-5,-28,-8)
    早くMDNの更新と翻訳しないとな
    439 : Name_Not - 2014/09/17(水) 20:59:00.67 ID:???.net (+3,-30,-101)
    同じような動作に見るのですが、これは何が違うんでしょうか?

    var a1 = { sample: {aaa:"bbb"} };
    var a2 = { sample: function() {return {aaa:"bbb"};}};
    440 : Name_Not - 2014/09/17(水) 21:10:59.83 ID:???.net (-2,-30,-109)
    a1はsampleを参照すると{ aaa : "bbb" }が返ってくる
    a2はsampleを実行すると{ aaa : "bbb" }が返ってくる
    441 : Name_Not - 2014/09/17(水) 21:21:12.17 ID:???.net (-1,-29,-2)
    >> 439
    どっちも同じ動作をするの?
    442 : Name_Not - 2014/09/17(水) 21:27:05.33 ID:???.net (+2,-30,-122)
    よく見れ
    var A1 = a1.sample; // { aaa : "bbb" }
    var A2 = a2.sample(); // { aaa : "bbb" }
    443 : Name_Not - 2014/09/17(水) 21:59:16.29 ID:???.net (-1,-24,+1)
    >>442 thank
    444 : Name_Not - 2014/09/18(木) 11:19:32.28 ID:???.net (+62,+29,-52)
    使ってるプラグインのバグ報告したいと思うけど、gitのアカウントも無いし英語力に自信がないので二の足をふんでる
    445 : Name_Not - 2014/09/18(木) 12:41:10.74 ID:???.net (-1,-29,-29)
    gitとgithubの区別ができない奴は二流
    446 : Name_Not - 2014/09/18(木) 12:42:28.62 ID:???.net (+57,+29,-10)
    今の時代アカウントも持たない奴の技術力なんてたかが知れてる
    恥をかくだけだからやめとけ
    447 : Name_Not - 2014/09/18(木) 13:13:29.09 ID:???.net (+42,-29,-33)
    >>444
    githubの事なら無料でアカウント作成出来るから作ってみては?
    448 : Name_Not - 2014/09/18(木) 13:26:00.77 ID:???.net (+68,+29,-49)
    >>447
    githubね 最近git使い始めたから区別出来てなかった

    アカウント取って報告してみるよ
    いままで一方的に使うだけだで、不具合見つけて解決策発見しても報告してこなかったのでそこから脱却したい
    449 : Name_Not - 2014/09/18(木) 15:04:22.85 ID:???.net (+57,+29,-33)
    自分もそうなんだが、貧弱な英語力でも
    訂正したコード書いて「like this」ってすれば、けっこうわかってもらえるよ
    450 : Name_Not - 2014/09/18(木) 16:38:41.93 ID:???.net (+72,+29,-63)
    ジットハブに自分でプロダクトを登録した場合
    説明は英語で書かないといけないのですか?
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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