タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

javascriptに関するwebnoshioriのブックマーク (4)

  • SPA、SSR、Jamstackそれぞれの違いや仕組み、特徴まとめ | みんたく

    一般的なWebアプリケーション、SPA、SSR、Jamstackそれぞれの仕組みや特徴などについて調べ、自分なりに図を作成してまとめてみました。 一般的なWebアプリケーションの場合よくある従来のWebアプリケーションの動きです。 一連の処理の流れクライアント側からHTTPリクエストが送られるサーバ側でDBなどからデータを取得するDBからデータが返却されるサーバがHTMLファイルを生成・返却ブラウザでHTMLファイル内のJSを実行 デメリットヘッダーなどの変更がない部分のHTMLも毎回サーバから送信されるので処理に時間がかかる SPA(Single Page Application)SPAとは「Single Page Application」の略で、単一のページで遷移をすることなくコンテンツの切り替えを行うWebアプリケーションです。 一連の処理の流れクライアント側からHTTPリクエストが

    SPA、SSR、Jamstackそれぞれの違いや仕組み、特徴まとめ | みんたく
  • Node.jsとブラウザで動くJavaScriptの違いと書き方

    Node.jsとブラウザのJavaScript実行環境 私も初めはNode.jsとブラウザで動くJavaScriptの違いがピンと来ませんでした。 「ブラウザのJavaScript」と「Node.jsのJavaScript」の違いは、実行環境です。 Node.js…サーバ上でJavaScriptコードを解釈して実行 Webブラウザ…ブラウザ上でJavaScriptコードを解釈して実行 ちょっと次の図を見て下さい。イメージが伝わるわかるかな? サーバで動くNode.jsとブラウザで動くJavaScriptは実行環境が違いますよね。 サーバ上ではNode.Jsでブラウザ上ではJavaScriptということです♪ 従来のJavaScriptの実行環境は、クライアントのWebブラウザの一択。 ブラウザに搭載されたJavaScriptエンジンがJavaScriptコードを解釈して実行してました。 逆

    Node.jsとブラウザで動くJavaScriptの違いと書き方
  • You Might Not Need jQuery

    jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha

    webnoshiori
    webnoshiori 2023/06/23
    jqueryとjsの置き換え
  • jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita

    はじめに 私は長い間レガシーコードと共に仕事をしてきましたが、jQueryの重要性は依然として頻繁に話題に上がるトピックの一つです。ライブラリ自体は便利なままですが、それは別の時代のニーズを完璧に満たしていました。 現在、私たちは既にES2023について話していますが、過去にjQueryがカバーしていたほとんどの機能は、すでに2015年にリリースされたES6に取り込まれています。 ES6の標準は既に広範にサポートされており、96%のレベルに達しています(出典:caniuse.com)。そのため、特に要素の選択、スタイリング、アニメーション、データの取得などの基的なタスクについては、ライブラリの使用を見直す良いタイミングかもしれません。 以下のトピックは、いくつかの標準的なjQueryのパターンと、それに相当するバニラJavaScriptでの手法を示す参考資料として役立つと思います。 要素

    jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita
  • 1