• はてなブックマーク
  • テクノロジー
  • VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita
  • Twitterでシェア
  • Facebookでシェア

VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita

テクノロジー カテゴリーの変更を依頼 記事元:qiita.com/alt_yamamoto
適切な情報に変更
236users がブックマーク コメント 21
    共有

    • 記事へのコメント21件

    • 注目コメント
    • 新着コメント
    その他
    ockeghem
    オフトピだが「jQueryは恥だが役に立つ」というフレーズが気に入ったw

    その他
    ultimatebreak
    jQueryは一般的なWebサイトだとバリバリの現役で、むしろReactやVueの方が影が薄い。なぜかというとそれで困ってないし零細レベルだと生でJSかける人がいなかったりするので下手にトレンド入れた方が後で困るケースがある

    その他
    peketamin
    “バニラならフレームワークが不要な分ダウンロードが速いかな、という考えでしたが、実はそこまででもないということが分かりました。 ”

    その他
    taguch1
    一回素手でやってみるの理解が進んでいいよね。

    その他
    yarumato
    外部依存なしで説明されると何やってるか理解しやすい。“VueやReactよりバニラの方が速い。npmでBabel,webpack使う。1コンポーネント1ファイルで画面構築。CSSをコンポーネントに閉じるSass。SPAでURL扱うルーティング。JS圧縮”

    その他
    cpw
    webpack使うならreactとか使ったほうが良いな。webpack使わないくらいまで振れるならvanillaの方が良いと思う。というか普通のページでSPAはやんないほうが良いと思う。

    その他
    hurafula
    数年前くらいのモダンなフロントすらよくわかってないおっさんなのでこのくらいがちょうどいい

    その他
    dalmacija
    これはこれで参考になる。尊い。

    その他
    atico
    この後でnext.jsやtypescriptを身につけると、各コンポーネントが型により守られることや、画面ごとにjsが分割してロードされるので初期画面が速かったり、静的ファイルに出来ることに対して、より感動できそう。

    その他
    hurafula
    hurafula 数年前くらいのモダンなフロントすらよくわかってないおっさんなのでこのくらいがちょうどいい

    2021/10/13 リンク

    その他
    odakaho
    jQueryはトランスパイルなんかしてられないペライチサイトで必須 “テキストボックス・チェックボックス・プルダウンなどの入力要素が１画面に１万個以上”

    その他
    ys0000
    軽い気持ちで開いたらめっちゃ長くて1/3も読まないまま離脱。読み返したくはあるが忘れてしまいそう。

    その他
    cpw
    cpw webpack使うならreactとか使ったほうが良いな。webpack使わないくらいまで振れるならvanillaの方が良いと思う。というか普通のページでSPAはやんないほうが良いと思う。

    2021/10/12 リンク

    その他
    miragestlike
    すごく良くまとまってる

    その他
    ultimatebreak
    ultimatebreak jQueryは一般的なWebサイトだとバリバリの現役で、むしろReactやVueの方が影が薄い。なぜかというとそれで困ってないし零細レベルだと生でJSかける人がいなかったりするので下手にトレンド入れた方が後で困るケースがある

    2021/10/12 リンク

    その他
    hylom
    IE対応以外でjQueryが必要になる/jQueryの方が便利、というシーンってどの辺なのかが気になる

    その他
    onesplat
    なんか懐かしさがすごい…。

    その他
    hasiduki
    楽しそう！

    その他
    kobito19
    "vanillaつーかノーフレームワークでの開発は「ブラウザごとの差異を吸収してくれる」とかの丸めが無くなる" babelもpolyfillも入っとるがな

    その他
    s_rsak
    楽に書けてブラウザ差異も吸収してくれる jQuery を使わない人間は、一体、何と戦っているんだ。

    その他
    taguch1
    taguch1 一回素手でやってみるの理解が進んでいいよね。

    2021/10/12 リンク

    その他
    prjpn
    漢は黙ってGatsbyなんだよ

    その他
    rararoro-ryo
    とある理由でフレームワークが使えないので、vanillajsもしくはsvelteを使う

    その他
    Shinwiki
    Node.js入れてパッケージだくでもvanilla言うんだ

    その他
    mayumayu_nimolove
    jQueryは古い案件で人が作ったコードに手を入れる時結構使う。大体書き換えちゃうけど。

    その他
    peketamin
    peketamin “バニラならフレームワークが不要な分ダウンロードが速いかな、という考えでしたが、実はそこまででもないということが分かりました。 ”

    2021/10/12 リンク

    その他
    yarumato
    yarumato 外部依存なしで説明されると何やってるか理解しやすい。“VueやReactよりバニラの方が速い。npmでBabel,webpack使う。1コンポーネント1ファイルで画面構築。CSSをコンポーネントに閉じるSass。SPAでURL扱うルーティング。JS圧縮”

    2021/10/12 リンク

    その他
    ockeghem
    ockeghem オフトピだが「jQueryは恥だが役に立つ」というフレーズが気に入ったw

    2021/10/12 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    VueもReactもやったことないのでVanilla JSでやってみたSPA - Qiita

    Vanilla JSのメリット フレームワークのサイズが大したことないなら、バニラでやるメリットはあるのか？...

    ブックマークしたユーザー

    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    いま人気の記事 - 企業メディア

    企業メディアをもっと読む

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2025 Hatena. All Rights Reserved.