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

    私的良スレ書庫

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

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

    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
    551 : Name_Not - 2014/02/20(木) 01:15:55.77 ID:??? (+52,+20,+0)
    >>540
    ありがとうございました、勉強になりました!
    552 : Name_Not - 2014/02/20(木) 01:32:22.66 ID:LT0eRMxA (-7,+30,-167)
    >>550
    どっちも「使え派」じゃんw

    しっかり理解してから使えってのは当たり前の話で
    そんな話はしてなく、俺が普通に使ったら、
    なぜか、俺が理解してないで使ってる呼ばわりするんだよなw

    っていうか、なんだろう。初心者には使わせたくない派がいるんだよな。
    「お前は初心者だ。だから使うな。(俺は上級者だから使うけどな)初心者に使い方を教えるやつは敵だ」
    みたいな印象をうける。初心者にこそバッドノウハウではない
    実用的なプログラミングを教えるべきだと思うが。

    jQueryやlodashで使われてる関数型風のプログラミングは
    クラスリストに対応するために前後に空白を入れてindexOfで検索するなんて
    一箇所でしか使わないバッドノウハウよりも、重要で基礎的なプログラミング技術なんだがね。
    553 : Name_Not - 2014/02/20(木) 01:50:34.76 ID:h4DpwXfy (+34,+29,-34)
    >>546
    誰かと思って過去ログググっちゃった
    確かにそっくりだなwwワロタ先輩www
    554 : Name_Not - 2014/02/20(木) 02:06:48.17 ID:??? (+67,+29,-39)
    C++でいうところのMFCと似てるな
    便利なんだけど、変な機構に縛られるしちょっと外れたことしようとすると途端に行き詰る
    555 : 554 - 2014/02/20(木) 02:10:09.17 ID:??? (+48,+25,-14)
    行き詰るプログラマが多い
    556 : Name_Not - 2014/02/20(木) 06:52:37.23 ID:??? (+38,+10,-33)
    jqueryが内部でどうやってるかを知りながらjqueryを使うのがA級プログラマー
    557 : Name_Not - 2014/02/20(木) 09:02:24.79 ID:??? (+94,+29,-13)
    指定した要素がブロックレベル要素かインライン要素かを知るには
    どこを見ればいいのでしょうか?
    558 : Name_Not - 2014/02/20(木) 09:38:50.24 ID:??? (+57,+29,-67)
    おかしな挙動に合わせてコードを書いたら
    いつかその挙動が修正された時に動かなくなるという問題がありますが
    どうしたらいいですか
    559 : Name_Not - 2014/02/20(木) 09:41:13.96 ID:??? (+65,+2,-2)
    判定するコードいれとけ
    560 : Name_Not - 2014/02/20(木) 10:32:34.98 ID:??? (+42,-30,-88)
                _,ノ‐''''''^^^¨¨¨⌒ ̄⌒^^''¬-、,_
            ._v-''¨`   .,,vー─-、    .,,vー─-、 .¨'ーu_
          _ノ'″     ./′    ¨┐ ./     ゙┐  .゙'┐
         ,/′      ./ ̄''''-¬,,,,__.ミ .i |,,,,___ ..)   ゙\
        ,/′     λ  |     ( ・ )| } .¨'ーu,,  |     \
       ./′      八,、-ミ.ノ‐''''''^^ ̄./¨レ       .人,_     ミ
      .,ノ′     ._ノU'   \_   ._,rlト冖へy   _/  ¨'‐u   .゙lr
     .,i′     /ー-v、.,,_   ¨^^¨´〔    〕.¨^^¨′  __.,、 ゙\.  {
     〕      ./′    .⌒'''''    \,,,,,,ノ′  v-ー'''¨ .λ  ゙┐ }    __________
     |      ノ  .λ───ー      }      __,,.,、v;(_)ー''  {..]  /
     |     :|   | |            .!      `         .}} < きがるにいってくれるなあ。
     }     .|   .U-:;:冖^ ̄       .|      ¨¨¨¨¨ ̄¨¨′ ミ}  \
     .|     .}       _,,,,,vvl''''¨¨|^^⌒|¨¨''''lvv,_         }     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
      ). .   〕    ,,、-v~|   .|   |   |   |''T^i-,,_      /
      .{     ). ., r'z::''''~゙(~~ ̄ ̄ ̄ ̄ ̄ ̄~~~`^^^^''''¬;;;_   ノ
       ミ.    `i,                         , `'' /
       ゙).    `i,                           .,ノ  λ
        \    },     ′               .  /   | |
         . \  \                   .  ,/     ∪
           (¨¨¨¨¨¨¨¨¨¨¨¨¨¨゙ソ冖干ア^^^^^^^^^^^^^r'′
          /~~~~~~~~i¬冖'''''7′   ∨¬ーーz─-―「\
         /     _ノ     厂¨丁¨¨フ    .ミ、    ゙\
    561 : Name_Not - 2014/02/20(木) 11:48:11.27 ID:??? (+74,+29,-59)
    >>557
    言葉通りに受け取るなら自前でデータリストを作成して判定するしかない
    インラインボックス、ブロックボックスの判定という意味ならComuputedStyleを見ればいい

    >>>>560
    回答する気が失せるのでAA控えてくれないですかね
    あなたは適当な回答と思ったのかもしれないが、普通に考えれば>>559しかないと思うがね
    あなたの知識範囲でそれが実現できないと思うなら具体的に質問したら?
    562 : Name_Not - 2014/02/20(木) 16:51:31.14 ID:??? (+32,+29,-68)
    jQueryとthree.jsを合体させたライブラリ作ったんだけど
    こういう場合でも「俺が開発したライブラリ」って言っていいのでしょうか?

    他人のふんどしで相撲をとっただけとみられるのか
    車輪の新しい価値を見出したと捉えてもらえるものなのか。
    563 : Name_Not - 2014/02/20(木) 17:21:49.53 ID:??? (+14,-29,-132)
    合体するためのコードがjQuery、three.jsとはきっちり分離されているのなら、
    両者を合体して利用するためのオリジナルライブラリでいい。

    分離できてなくて取り込んで修正してる場合は、jQueryとthree.jsのライセンスに従う必要がある。
    jQueryとthree.js両方ともMITライセンスなので両者のコピーライト等をきっちり明示しなければいけない。
    俺が開発したライブラリと主張するのは苦しいな。
    564 : Name_Not - 2014/02/20(木) 19:48:24.11 ID:??? (+57,+29,-19)
    ワロタ先輩はここより知恵袋の方が合ってるんだろうな…
    565 : Name_Not - 2014/02/20(木) 19:56:17.87 ID:??? (+57,+29,-10)
    varとletが混在してるのは良くないと聞くのですが
    どういう理由でそう言われてるんですか?
    566 : Name_Not - 2014/02/20(木) 21:54:46.23 ID:LT0eRMxA (-20,+29,-26)
    なんかはっきり言っておかないといけないのかも知れないから
    言っておくと、俺はそのワロタ先輩じゃないよ。
    ここで初めて聞いた名前だし。
    568 : Name_Not - 2014/02/20(木) 22:18:45.31 ID:??? (+44,+26,+0)
    プークスクス
    569 : Name_Not - 2014/02/20(木) 22:49:13.50 ID:??? (+11,-29,+0)
    >>563
    > 合体するためのコードがjQuery、three.jsとはきっちり分離されているのなら、
    > 両者を合体して利用するためのオリジナルライブラリでいい。

    three.jsのラッパーライブラリとしてthree.jsは修正しました。
    著作者表記は残してあります。
    jQueryは「jQueryをプラグインとして」使う設計になっていて
    完全分離されてます。

    >>567
    > jQueryとthree.jsを合体って、何をどう合体させたんだ?
    > それで何ができるようになるんだ?

    WebGLに表示される3Dオブジェクトの生成から操作まで
    あらゆることがjQueryと全く同じ記述でできるようになりました。
    アニメーションも、イベントも、プラグイン開発も。

    あと、JSライブラリとしては多分世界で初めて非同期読込を可能にしました。
    つまり、関連ファイル全てのscriptタグにasync属性を付けられます。

    > そして「結合させる何か」を開発したのは君でいいが、
    > jQuery と three.js は開発していない。

    jQueryには直接触れないからいいとして、この
    「three.jsのラッパーライブラリ」を開発したと主張するのは
    >>563の言うとおり苦しいですか?
    571 : Name_Not - 2014/02/20(木) 23:12:19.96 ID:??? (-1,-29,-15)
    JSライブラリの非同期読み込みはAMD対応してればできるんじゃないの?
    572 : Name_Not - 2014/02/20(木) 23:13:03.27 ID:??? (+3,-29,-16)
    >>569
    それラッパーライブラリって言うのか?
    three.jsをforkして独自改造版を作ったことだよね?
    573 : Name_Not - 2014/02/20(木) 23:14:00.57 ID:??? (+63,+29,-24)
    自分だったら「jquery.three.jsこさえった」って言うかも

    そしてとても興味があります
    できたら公開して欲しいなー
    575 : Name_Not - 2014/02/20(木) 23:33:12.30 ID:??? (+9,-29,-151)
    >>569
    three.jsに対する修正とjQueryプラグインの二つの部分から構成されてるのかな?
    three.jsに対する修正が必須なのなら、修正を最小限にまとめて本家にとりこんでもらうべく動くべきかもしれない
    github上でとりあえずforkして修正した部分を公開して本家にPR投げてみるとか
    それで、PR受け入れを拒否されたとしても、その修正版three.jsを前提にしたjQueryプラグインの方を
    自分のものだとして公開するのは全然問題無いと思う
    576 : Name_Not - 2014/02/21(金) 00:08:56.27 ID:??? (+73,-30,+0)
    >>570
    > たとえば、有名なRequireJSは非同期読み込みをするが
    > それと何が違うんだい?

    RequireJSの場合、RequireJSの読み込み完了後に各ファイルを文字列で非同期取得、依存順で実行
    自分のライブラリはライブラリ本体、ライブラリプラグイン、jQuery、JSファイルの全てを
    それぞれasync属性を付けたscriptタグで同時にリクエストできて、どの順番で実行されても動作します。

    >>572
    > それラッパーライブラリって言うのか?
    > three.jsをforkして独自改造版を作ったことだよね?

    確かに独自改造版です。ラッパーライブラリとは呼べませんか?

    >>573
    興味を持っていただけて嬉しいです。ただ、リファレンスができてないのでここで紹介しても迷惑をかけてしまいます。
    とはいえ、jQueryができる人ならタグ名のチートシートさえあればすぐに使えるのですが。
    .click()とか.animate()とか.insertAfter()とかjQueryのメソッドの95%くらいが期待したとおりに動作します。
    こんな感じで。
    $( "mesh:eq( 1 )" ).click( function() {
    $( this ).animate( { … }, 2000 );
    } );

    >>574
    three.jsの修正なしにはjQueryのセレクターエンジンとの連携が難しかったのです。
    単に自分に技術が足りないだけかもしれませんが。

    >>575
    エンジンにthree.jsを使っていますがコードの見た目・動作は完全にjQueryそのものなので本家に取り込んでもらうのは難しいと思います。
    jQueryのSizzleエンジン使えることが大きな魅力ですし。

    みなさんのレスを見る限り「ただのフォークライブラリ」なんですが、WebGLプログラミングの全く新しい手段であるということが売りにならないですかね?
    577 : Name_Not - 2014/02/21(金) 00:24:52.13 ID:??? (+74,+29,-174)
    >>576
    売りになるとかならないなんか勘違いしてるんじゃないの?機能が優れてれば自分のものにできるってこと?
    three.jsの機能拡張改造版として公開するのは別に問題無いと思うよ
    でも、それは丸ごとあなたの著作物ではないってだけのこと

    three.jsに対する修正部分とjQueryプラグインの部分すらも分離できてないような感じだけど、
    なるべくならそこは分離しとけば、jQueryプラグイン部分の方は自分の著作物だよって主張できると思うんだけどね
    578 : Name_Not - 2014/02/21(金) 00:34:38.84 ID:??? (+72,+29,-45)
    >>576
    依存関係にしたがってロードしてくれないと逆に使いにくくない?
    JSファイルを動かすには、そのライブラリが必要になるだろうし、
    そのライブラリを動かすためにはjQueryが必要になるでしょ?
    579 : Name_Not - 2014/02/21(金) 00:46:40.59 ID:??? (+65,+29,-39)
    ああ、ロード自体の順番はどうでもいいんだな
    自分が依存するライブラリのロードが完了した時点で
    自分のコールバックが呼ばれるような仕組みになってればいいわけか
    580 : Name_Not - 2014/02/21(金) 00:59:19.06 ID:??? (+27,-29,-137)
    >>577
    イメージとしてはjQueryがSizzleエンジンをインクルードした新たなライブラリであるように
    このライブラリもthree.jsをエンジンとしてインクルードした新たなライブラリという具合です。
    そこにさらに外部のjQueryを必要とするという制約がありますが。

    >>579
    察しが良いですね。
    各JSファイルに非同期対応のおまじない66バイトを記述しておくのです。
    ライブラリ本体が読み込まれた時点で依存関係を解消する仕組みです。
    jQueryだけはポーリングする以外に方法が思いつきませんでした。
    581 : Name_Not - 2014/02/21(金) 01:37:21.46 ID:??? (+60,+26,-36)
    ん? だからそれがRequireJSでしょ?
    ロードの順番は非同期で、
    全てが読み終わってから処理が始まる。
    582 : Name_Not - 2014/02/21(金) 01:39:58.67 ID:??? (+70,+29,-87)
    RequireJSの優れたところは、
    開発時は、ファイルを小さく分けておき、
    運用時は、結合して一つないし小数のファイルに
    結合することで、読み込み速度をあげられるところだよ。
    そこまでやらないとRequireJSよりも優れているとは言えないな。
    583 : Name_Not - 2014/02/21(金) 01:44:07.43 ID:??? (+15,-29,-105)
    >>580
    読めば読むほどRequireJSの劣化版にしか思えないんだが?
    RequireJSを使った場合、AというモジュールがB、C、Dに依存している時、
    B、C、Dは非同期で並列に読み込まれて
    全てが読み込まれた後にAが実行されるんだよ。

    ちなみに、さらにBがCに依存している時、Bは読み込まれるが
    Cが読み込まれた後で実行され、そしてCはAとBに2箇所から
    参照されていても一回しか読み込まれない。
    584 : Name_Not - 2014/02/21(金) 02:02:34.48 ID:??? (+16,-29,-70)
    >>580
    sizzle.jsはjQuery Foundation自身が著作権保持者だからああいう形で問題無いんでしょ
    three.jsはアンタの物じゃないし、直接中身を修正しちゃってるんでしょ?全然意味が違う。
    585 : Name_Not - 2014/02/21(金) 03:35:35.34 ID:??? (-5,-30,+0)
    >>581
    RequireJSの場合。(本体を同期取得する場合)
    ①RequireJSを同期的にリクエスト
    ②RequireJSを実行しRequireJSに依存するJSファイルを同期的にリクエスト
    ③ ②を実行しライブラリやJSファイルを非同期で取得・実行 ←ここでやっと非同期にできる
    ①と②をまとめるか、他のプログラムによって非同期処理できれば高速化できますね。

    自分のライブラリの場合。
    ① 本体からjQuery、JSファイル、プラグインまでasync属性でいきなり非同期リクエスト

    >>582>>583自分のライブラリは本体が依存関係を解消し、jQueryに依存するのは自明なので、各モジュールが「どのプラグインを必要とするのか」という宣言を記述するだけです。
    必要とするプラグインが揃った順に実行されていきます。参照元がいくつあってもスクリプトタグが読み込まれるのは当然1回だけです。

    RequireJS
    優位点 ①汎用性が高い、というか何でも非同期にできる
    ②HTMLに記述するscriptタグを減らせる
    ③依存されるプログラムが依存するプログラムすらも指定できる
    ④どのモジュールからも利用されないファイルのリクエストは送らない
    劣位点 ①本体と依存関係を宣言するファイルをまとめるか他のプログラムに頼らない限り同期処理が必要
    ②非同期処理対応で本体圧縮後で15.2KBは重い
    ③requireオブジェクトを扱う記述が冗長

    自分のライブラリ
    優位点 ①同期処理が基本的に不要
    ②おまじないは66バイト、プラグイン依存関係の宣言はプラグイン識別IDを配列で渡すだけと簡単
    ③本体内蔵の非同期処理部分のコードは圧縮前でも1.6KB
    ④おまじないさえ書けば全く関係ないプログラムも非同期処理できる
    劣位点 ①プラグインが他のプラグインに依存している場合、プラグイン側で対応が必要
    ②おまじないを書けないjQuery依存のプログラムが他に存在する場合、jQueryのみ同期処理にする必要がある

    >>584著作者表記さえ残せばそれを問題なく可能にするのがMITライセンスの魅力です。引用・改変・転売・商用利用なんでもアリです。そして自分のライブラリもthree.jsの著作者表記を残し、MITライセンスで公開します。
    587 : Name_Not - 2014/02/21(金) 11:15:45.47 ID:??? (-2,-29,-17)
    pushStateでググれ
    588 : Name_Not - 2014/02/21(金) 11:30:40.62 ID:??? (+61,+29,-64)
    pushState関係ないやん

    どこぞの画面から戻って来た時に
    画面をJSがごにょごにょした離脱する直前の状態に戻したい
    ってことじゃろ?
    589 : Name_Not - 2014/02/21(金) 12:14:38.08 ID:??? (+62,+29,-30)
    テキストノードじゃない普通のノードのことを何と言いますか?
    590 : Name_Not - 2014/02/21(金) 12:25:11.39 ID:??? (+8,-23,+1)
    >>589
    node
    591 : Name_Not - 2014/02/21(金) 12:26:10.73 ID:??? (-1,-29,-22)
    ごめんちょっとおかしいか
    nodeのなかでもテキストはtextNode、要素はelementNode
    592 : Name_Not - 2014/02/21(金) 12:50:26.34 ID:??? (+51,+23,+0)
    エレメントノードですか
    ありがとうございました
    593 : Name_Not - 2014/02/21(金) 13:02:38.03 ID:??? (+45,+17,-28)
    これはnodeTypeのお話なので
    詳しくはおググりください
    594 : Name_Not - 2014/02/21(金) 13:04:18.26 ID:??? (+63,+29,-8)
    >>585
    こんなとこにごちゃごちゃ書いてないで、まずは公開したまえ。
    ライセンスは守ってね。
    595 : Name_Not - 2014/02/21(金) 13:06:54.01 ID:??? (+6,-29,-40)
    >>587
    >>588
    ありがとうございます。
    submit前にcookieに変更条件を入れて対応する方法で出来ました。

    折角なのでpushStateについても調べてみます。
    596 : Name_Not - 2014/02/21(金) 14:57:53.92 ID:??? (-1,-29,-28)
    >>595
    最近ブラウザではlocalStorage,sessionStorageがある
    598 : Name_Not - 2014/02/21(金) 16:04:44.14 ID:3EwJVGJN (-13,+29,-17)
    追記です
    『0』を消す場合、代わりの画像か何かで、その分の幅を維持したいです。
    『 3:48』になる様に出来たらと思います。
    599 : Name_Not - 2014/02/21(金) 16:34:02.47 ID:??? (+1,-30,-88)
    >>598
    ちゃんとコードまでは見てないですが

    数字を<img>要素を直接貼るんじゃなくて

    <span class="number-0">0</span>

    のような要素にして、CSSの背景画像で貼るようにする
    ほんで、10の位のnumber-0は0の画像ではなく、空白画像にすればいい

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

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


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