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

    私的良スレ書庫

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

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

    JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    レスフィルター : (試験中)
    ←前へ 1 2 3 4 5 6 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
    51 : Name_Not - 2020/05/02(土) 23:57:43.82 ID:???.net (+57,+29,-5)
    いくらidが無いスレとは言え勘違いしたなら一言詫びを入れるのが常識。
    52 : Name_Not - 2020/05/03(日) 00:01:00.71 ID:???.net (+52,+29,-5)
    分かったから、主人格に変わろうな
    53 : Name_Not - 2020/05/03(日) 00:01:19.50 ID:???.net (+52,+29,-16)
    なんか噛み合ってないスレだな
    54 : Name_Not - 2020/05/03(日) 00:03:26.04 ID:???.net (+57,+29,-26)
    大前提としていくらGWとは言えこんな時間にここでお間抜けな質問と解答をしてる奴らは皆まともじゃない
    55 : Name_Not - 2020/05/03(日) 00:09:20.55 ID:???.net (+52,+29,-14)
    ついに糖質まで現れる始末
    56 : Name_Not - 2020/05/03(日) 00:11:15.23 ID:???.net (+57,+29,-25)
    一人芝居を披露してくれるのはスレが活気づくからいいんだけど
    質問はショボいし煽りもセンスないからクオリティをもうちょっと上げて欲しい
    賢いんでしょ?頑張りなよ
    57 : Name_Not - 2020/05/03(日) 00:28:15.57 ID:???.net (+52,+29,+1)
    何をイライラしてるの
    58 : Name_Not - 2020/05/03(日) 00:30:34.38 ID:???.net (+57,+29,-6)
    いやあこの手の人は割とネタ抜きに自分以外が同一人物だと思ってるらしいからなぁ
    59 : Name_Not - 2020/05/03(日) 00:35:10.08 ID:???.net (+90,+29,-50)
    ・質問内容は具体的に。言葉だけでなく、出来る限り再現性を確認したサンプルコードの掲示。
    ・質問への「答え」から解離した議論はよそでやること。
    60 : Name_Not - 2020/05/03(日) 00:52:53.70 ID:???.net (+57,+29,-35)
    端から見てるとjs開発者民度低いなあ
    気に入らない質問はスルーするより煽るか説教するのに夢中になる傾向
    まあ質問者も然りだが
    61 : Name_Not - 2020/05/03(日) 01:04:10.36 ID:???.net (+3,-29,-126)
    たにぐちまことのYouTube 動画に、
    jQuery, Vue.js, React もある

    $el, $refs は一時的に、実DOM を更新するだけ。
    仮想DOM に影響を与えないから、仮想DOM を更新すると取り消される
    62 : Name_Not - 2020/05/03(日) 01:19:04.17 ID:???.net (+11,-20,-26)
    Object.observe()の頓挫がフレームワークを沼にしたんだよなぁ
    はっきり言ってjavascriptの範疇で語るのが間違い
    63 : Name_Not - 2020/05/03(日) 01:24:54.11 ID:???.net (+0,-29,-23)
    >>7
    document.write は一旦、現存するすべてのDOM を削除してから、追加するものでは?
    64 : Name_Not - 2020/05/03(日) 02:11:48.85 ID:???.net (+68,-29,-274)
    vue.js って後からコンポーネントのロードとかできんの?
    一通り日本語ドキュメント読んでみたんだけど出来なさそうなんだよなぁ。

    例えばテンプレートのHTMLとかコンポーネントのソースは全部独立した別ファイルにしておいて、
    あるボタンをクリックしたら必要なテンプレートとコンポーネントのファイルを読み込んで、
    ノードもその時その時でDOMに追加してコンポーネントをインスタンス化するみたいな動き。

    どうも new Vue({...}) ってやる前に必要なコンポーネントは使う使わないに関係なく全部読み込んでおかなきゃいけなくて、
    コンポーネントの配置元になるバーチャルノードも最初から記述しておかないと機能しないっぽいんだけど、
    俺の理解不足?

    描画を100%JavaScriptに任せたくて、body タグは空の状態から始めたいんだけどいきなり躓いてる。。。
    こういうのって vue.js じゃなくて Angular.js でやるべきなのかな?
    65 : Name_Not - 2020/05/03(日) 02:37:57 ID:???.net (+63,+30,+0)
    66 : Name_Not - 2020/05/03(日) 02:52:18 ID:???.net (+58,+30,-56)
    JavaScriptのフレームワークって時点で休み時間に机にうっ伏して妄想してる根暗みたいなもんだから
    それを話題にするせいで皆んなの心が荒むのも仕方ないし、海外のフォーラムでも同じ現象が起きてる
    67 : Name_Not - 2020/05/03(日) 02:58:29 ID:???.net (+57,+29,-32)
    例えが悪かったな
    底辺なろう作家がワンピースのストーリーを「俺が考えた方が100倍面白い」って語るのと同じ
    68 : Name_Not - 2020/05/03(日) 04:21:29 ID:???.net (+122,+30,-59)
    フレームワークがどうとかではなく、感覚的なイメージをgdgdと日本語で説明するだけの質問だから、明確な解が出てこないんだろ
    この程度の質問なら、「そんなことはない」とか、抽象的な回答がお似合いだ
    69 : Name_Not - 2020/05/03(日) 08:58:27.08 ID:???.net (-2,-30,-76)
    描画関数なら、あるかも。
    仮想DOM の知識がいる

    is で、コンポーネントの切り替えとか、
    v-if="show" で、破棄・生成とか、
    keep-alive とか
    70 : Name_Not - 2020/05/03(日) 10:35:41.09 ID:???.net (+94,+28,+0)
    >>68
    なんか違う気がする
    71 : Name_Not - 2020/05/03(日) 11:15:49.88 ID:???.net (+96,+29,-2)
    >>70
    そういう感覚的なレスだよ
    72 : Name_Not - 2020/05/03(日) 11:17:12.02 ID:???.net (+95,+29,+1)
    >>71
    鏡見ろって話
    73 : Name_Not - 2020/05/03(日) 11:21:06.96 ID:???.net (+64,+28,-2)
    >>72
    俺質問してない
    74 : Name_Not - 2020/05/03(日) 11:26:03.29 ID:/XpbGk78.net (+24,+29,-37)
    「Vueでできるのか/できないのか」の質問なんだから「できない」で終わってんだろ
    75 : Name_Not - 2020/05/03(日) 11:43:10 ID:???.net (+57,+29,-10)
    自分が傷つくのが嫌なら悪態つかずに大人しくしとけってことだな
    76 : Name_Not - 2020/05/03(日) 11:51:53 ID:???.net (+37,+14,-12)
    脱フレームワーク
    77 : Name_Not - 2020/05/03(日) 11:53:14 ID:???.net (+91,+29,-6)
    抽象的に質問には抽象的な回答がつく
    それだけ
    78 : Name_Not - 2020/05/03(日) 11:55:50 ID:???.net (+105,+29,-4)
    それで終了だな
    >>68もこれ以上暴れんなよ
    79 : Name_Not - 2020/05/03(日) 12:00:04 ID:???.net (+65,+28,+0)
    >>78
    まじで殺すぞ
    80 : Name_Not - 2020/05/03(日) 12:45:51 ID:???.net (+0,-29,-50)
    >>62
    今はproxyとasync関数があるから大丈夫でしょ
    もともとO.oでもDOMの変化だったり内部スロットの変化は追えないのだから
    81 : Name_Not - 2020/05/03(日) 12:47:44 ID:???.net (+67,+29,-51)
    >>64
    ここはJSを自ら学ぶためのスレであって、
    フレームワークの使い方を指導するスレではないから
    そういった事は他所でやってくれ
    82 : Name_Not - 2020/05/03(日) 13:18:19 ID:???.net (+135,+29,-148)
    Progateとドットインストールでjavascript関連を2ヶ月ほどやりました。
    ドットインストールでは有料プランに入って以下のセクションを一通りこなしました。
    Javascriptではじめるお手軽プログラミング
    webサイトを作れるようになろう
    Canvasを使ってみよう
    よく見るUIを作ってみよう
    そろそろドットインストールは卒業かなと思ってるんですが、
    次はどういったことをやっていけば良いでしょうか?
    83 : Name_Not - 2020/05/03(日) 15:30:29.69 ID:???.net (-1,-29,-3)
    PHP - アウトプットのやり方を教えてください。|teratail
    http://teratail.com/questions/258409
    84 : Name_Not - 2020/05/03(日) 15:51:43.37 ID:???.net (+76,+30,-41)
    >>82
    覚えたものを生かして作るだけなのに、何を迷っているんだか
    やりもしないで「次は何をやればいいですか?」って完成するまで手取り足取り教えてくれる学校の先生を規定しているなら、多分、君には向いてない
    85 : Name_Not - 2020/05/03(日) 20:02:20.76 ID:???.net (+70,+29,-20)
    結局は>>77
    これだけいわれても曖昧な質問を繰り返してる質問者には「お前が思うとおりにやれ」ぐらいしかいえない
    86 : Name_Not - 2020/05/03(日) 21:42:54.99 ID:???.net (+81,+29,-63)
    >>82
    1.MDNを隅々まで読む(必ず全ての項目に目は通すこと)
    2.その最中重要そうな物は自分の手で試す
    3.更に興味が湧いたものを他の人はどう使っているかをググって調べる

    これを10年間やる
    その後ESやWHATWGの仕様書を読み込む
    これで上級者
    87 : Name_Not - 2020/05/04(月) 01:43:23.37 ID:???.net (+23,-30,-139)
    時間の掛かることを、やらない方がよい。
    JavaScript を学んだら、フレームワーク・Ruby on Rails で、実際のweb アプリを作る

    その過程で、AWS, Cloud9, Heroku, GitHub, CircleCI, Docker, Kubernetes,
    Linux・シェルスクリプト・データベースなどの環境構築運用を学ぶ

    HTML, CSS/SASS, JavaScript, jQuery, Bootstrap,
    Node.js, Webpack, Babel, Vue.js, React, VSCode
    88 : Name_Not - 2020/05/04(月) 02:25:09 ID:???.net (+57,+29,-5)
    実際のweb アプリを作ることが最も時間がかかるというオチですか
    89 : 87 - 2020/05/04(月) 05:20:31 ID:???.net (+3,-29,-123)
    NM Max

    Ruby on Rails の Tutorialやってみるよ宣言!
    http://www.youtube.com/watch?v=PMPY2cFO5HY&list=PLAR5qAGp9riamoBOL2VgZi1JinKWni5Oo

    この人は、ほぼ、Ruby を知らないのに、
    Rails チュートリアルを読んで、そのすごさに感動して、Rails 5 の動画を作ったw

    最近は、Rails 6 の動画も上げてる

    Rubyの言語など、あまり知らない人でも、
    Rails の動画を上げてしまえるのが、Rubyの面白い所w
    90 : Name_Not - 2020/05/04(月) 05:22:56 ID:???.net (+57,+29,-2)
    金になりそうだから動画作っただけやで
    91 : Name_Not - 2020/05/04(月) 05:23:54 ID:???.net (-1,-29,-20)
    7 回視聴 2019/05/15

    ワロタ

    うん金にはならんかったのねw
    92 : Name_Not - 2020/05/04(月) 05:24:29 ID:???.net (-1,-29,-18)
    チャンネル登録者数 70人 って雑魚すぎやろw
    93 : Name_Not - 2020/05/04(月) 06:55:22 ID:???.net (+4,-29,-23)
    jQueryのthisの使い方って、javascriptと同じなの?
    94 : 87 - 2020/05/04(月) 07:09:33 ID:???.net (-1,-29,-59)
    たにぐちまこと・雑食系エンジニアのKENTA、
    Ruby のJunichi Ito (伊藤淳一)

    このあたりは、YouTube でも超一流
    95 : Name_Not - 2020/05/04(月) 08:44:09.18 ID:???.net (+39,-30,+0)
    >>93
    同じとも言えるし違うとも言える

    const $a = $('a');
    $a.on('click', function() { ・・・ })

    JavaScriptの常識からすると、イベントハンドラの中のthisは$aだと思うかもしれない
    しかしjQueryではそうなっていない。thisは$aではなく一つのA要素になっている。
    ただし違うからと言ってJavaScriptと違うとは言えない
    JavaScriptは元々出来る仕様なので、何をしようとJavaScriptであると言える

    とは言え一見JavaScriptと違うんだと思うなら
    DOM APIのaddEventListenerの仕様を見てみればその理由がわかる

    a.addEventListener('click', function() { ・・・ })
    このときのイベントハンドラのthisはA要素になっている。

    つまり、DOM APIのイベントハンドラと互換性を持たせるためにjQueryはそうしている
    だからイベントハンドラから見れば同じということができる

    つまりJavaScriptのデフォルトの挙動ではないが
    デフォルトの挙動を変えることで、DOM APIのイベントハンドラと"同じ"にしている
    96 : Name_Not - 2020/05/04(月) 09:10:43.89 ID:???.net (+3,-29,-141)
    JavaScriptはJavaScript、DOMはDOMでしょ
    JavaScriptの中でのthisの一般的な使われ方はレシーバを指すこと

    a.addEventListener('click', callback)のときはcallbackにとってはaはレシーバではないが、
    形上それに近いので本来のJS的にはasync関数を考えればわかりやすいが
    thisが与えられないのが自然だが変な気を利かせて与える仕様にされてるんでしょ

    JavaScriptはJavaScript、DOMはDOM
    それぞれで世界は違うし自然な振る舞いや常識間も少しずつ違う
    混同しないようにしないとね
    97 : Name_Not - 2020/05/04(月) 09:23:06.40 ID:???.net (-1,-29,-68)
    ラムダ式(アロー)のthis も、便利なように、構文スコープに変えてあるから、

    that = this
    みたいに、代入しておかなくても良い
    99 : Name_Not - 2020/05/04(月) 10:25:45.71 ID:???.net (+46,+18,-18)
    確かに、Edge では、アプリが勝手に開く、URL がある

    知らない間に、アプリがインストールされている
    100 : Name_Not - 2020/05/04(月) 11:38:21.85 ID:???.net (+57,+29,-6)
    シンプルにthisは「これ」ってことだろ。
    ←前へ 1 2 3 4 5 6 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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