ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性（ページがユーザー入力に応答する速度）がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観…
jsエンジンはソースコードをどう実行しているのか〜バイトコード、JITコンパイル〜
js実行環境であるnodeはV8を使っている jsエンジンはソースコードをどうやって実行しているのか ここからが本題です。jsエンジンの裏側をのぞいてみましょう👀 全体像 下記が基本的な流れ V8って書いてあるけど、下記の基本的な流れはエンジンによらずほとんど同じはず もちろんそれぞれのフェーズで実装の違いは在る。“…
全部無料！GitHubプロフィールの究極カスタマイズツールを厳選してみた！ – paiza開発日誌
どうも、まさとらん（@0310lan）です！ 今回は、GitHubのプロフィールページを自分好みにカスタマイズできるウィジェットやツールなどを厳選してご紹介します！ 統計情報の可視化、グラフ、ブログの更新、アナリティクス、自動化…など、幅広く役に立つものをまとめています。無料で使えるツールばかりなので、ご興味ある…
React、過剰に複雑な代物。 – Qiita
はいさい！ちゅらデータぬオースティンやいびーん！ 今回の記事は筆者に珍しく、技術紹介ではなく、僕の個人的な意見を書きます。あくまでも、自説です。 React自体は画期的で、プログラミング界に貢献したプロジェクトだと思っていますし、完全に否定したいわけではありません。 Reactに対する違和感＝芽生えては大きく…
CoffeeScript 辞めました – クラウドワークス エンジニアブログ
CoffeeScript 辞めました はじめに こんにちは、CrowdWorks のジャンヌチームのエンジニア bugfire です。 CrowdWorks は歴史のあるサービスで CoffeeScript が利用されている箇所が大量にあります。 具体的には411ファイルありました。1 いまとなっては CoffeeScript を利用したコードを新たに書くことも少なくなり、改…
76. モダンウェブフロントエンド(2022)に至る歴史 – React Server Component、SSR Streaming w/ morishin127 | fukabori.fm
2022年のモダンウェブフロントエンドまでに至る歴史、SPA、CSR、SSR、SSR Streaming、React Server Component などについて語っていただいたエピソードです。 話したネタ モダンウェブフロントエンド勉強会を開催しました そもそもWebページのダウンロードって、どう始まった？ JavaScriptがマウスカーソルをキラキラさ…
JavaScript、TypeScriptのモジュール分割について整理してみた
JavaScriptなのかTypeScriptなのか、またはモジュールバンドラー(webpackなど)の機能が使われているのかをちゃんと理解していなかったので整理 JavaScript importを使わない ファイルの依存関係、読み込み順序を開発者が管理する必要がある
Webブラウザのレンダリングの仕組みを理解する
参考：https://ja.wikipedia.org/wiki/HTMLレンダリングエンジン 2 レンダリングの仕組み レンダリングの大きな流れは下記のようになります。Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。それでは各処理の概要を見ていきます。 ※点線は、HTML内にCSSやJavaS…
GitHub – codemix/deprank: Use PageRank to find the most important files in your codebase.
Deprank Deprank uses the PageRank algorithm to find the most important files in your JavaScript or TypeScript codebase. It uses dependency-cruiser to build a dependency graph of your source files, then ranks those dependencies based on their importance. We define importance as those files which a…
一定のスクロール後に「トップへ戻る」ボタンを表示させるサンプル【jQuery】
パージ右下にトップへ戻るボタンを表示したい レスポンシブ対応のサイトやランディン…