はじめに 2024年3月8日に Rolldown がオープンソースになりました。 Rolldown は Rust で書かれた JavaScript バンドラで、将来 Vite で使われることを念頭に開発されています。名前からも想像できますが、Rollup 互換の API になっています。現在は開発段階であり、本番で使用することはまだできません。 この記事ではそんな Rolldown について簡単に紹介します。ほぼ公式サイトの要約です。 Rolldown の開発背景 Rolldown が開発された理由には、Vite のバンドル方法が影響しています。 Vite は内部的に 2 つのバンドラに依存しています。 esbuild Go で書かれたバンドラです。esbuild は依存関係の事前バンドルや TypeScript / JSX のトランスパイル、minify などを行っています。高速で機能も

viteがなぜESBuildとrollupを使うのか等.md viteがなぜESBuildとrollupを使うのか等.md ※この記事はWIPです。また単なる調査した結果なのでこれをきっかけにご自身で調査することをお勧めします rollupとviteの関係をまとめる viteはdev build時にESBuildを使っている viteはproduction build時にrollupを使っている 2つがなぜ分かれているかというと それぞれのシーンで求められている仕事に違いがあるため dev時 dev時はすぐに修正を更新しなくてはいけないため、ESbuildは素早くトランスパイルしてブラウザが持つNative ES Moduleにわたし、ESModuleは高速に依存関係を動的に解決していく。viteはすべての依存をESModuleにして一度すべての依存をbuildして.viteないのキャッシ

※LTの順番や内容は変更の可能性があります、ご了承ください。 🧑‍💻こんな方におすすめ フロントエンドエンジニア、フロントエンドの開発に携わるエンジニア すでに技術的負債の解消、リファクタリングに取り組んでいるエンジニア テックリードやEMという立場で、組織的に技術的負債の解消に取り組んでいる人、または取り組んで行きたいと考えている人 ☑️イベントのゴール 今後技術的負債に対してどのように向き合っていくのかについての知見を得られること 他社の事例がわかった 現状で技術的負債の解消に向き合っている、テックリード、EM、ミドルマネジメントのエンジニアの方々が、技術的負債に対しての技術的・組織的なアプローチ方法がわかった 🎁参加方法とプレゼント企画 お申し込みいただいた方へ視聴用リンクをお渡ししています。 ※視聴にはFindyへのログインが必要です。 当日参加後アンケート回答者の中から抽選

YouTube でお気に入りの動画や音楽を楽しみ、オリジナルのコンテンツをアップロードして友だちや家族、世界中の人たちと共有しましょう。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

初めに こんにちは、IESHILでエンジニアをしているgccjです。 IESHILはマンション査定価格がいますぐわかるサービスです。 2021年4月6日にその中でも一番アクセスされている建物詳細ページをISR（Incremental Static Regeneration）化しました。 それについて、目次の順番でご紹介していきたいと思います。 目次 前提--SST, CSR, SSR, SSGの説明 既存のシステム構成 既存のシステム構成における課題 建物詳細ページをISR化した理由 建物詳細ページをISR化した結果 建物詳細ページをISR化した後のシステム構成 最後に 前提--SST, CSR, SSR, SSGの説明 まず、「そもそもISRって何？」という説明はこの後の ISRをした理由で触れる予定です。 一方、それを理解するために、 Server-Side Templating(以下

- という名前の JavaScript/TypeScript パッケージについて警告を発している記事が話題となっています。 このパッケージ、中身はほとんど空で、Readme と、dev で TypeScript を動かせるようにするライブラリ群を呼ぶ箇所だけのもの。 しかし、この "-" を使っている他の npm パッケージが 50個以上あり、約一年前の公開時からのトータルのダウンロード数は72万回にもなります。 しかし、"-" を読み込んでいるパッケージを見てみても、"-" が必要そうには見えません。 警告記事では、この無名のパッケージが密かに使われるようになった原因が、npm コマンドのコマンドラインを打つときのミスタイプにあるのではないかとの仮説を立てています。 つまり、someFlag というオプションを使い npm i -someFlag somepackage と打つべきところ

「JavaScript sprinkles in Basecamp turned Stimulus」より。Stimulusの設計意図を理解できる貴重な資料なのでまとめた。 DHHにとってプログレッシブエンハンスメントとは、コンテンツのプログレッシブ性を実現するためというよりは、アプリケーション開発のための道標のようなもの。ベースとしてのHTMLはまずサーバーに生成させて、動的部分としての少しの差分をJavaScriptに扱わせる。BasecampやGitHubのように動的部分の少ないアプリケーションにとってはそれが適切なやり方。React/ReduxやAngular、そのほかクライアントサイドのMVCフレームワーク等を試してきたが、それによってプロダクトのコードが良くなることはなかった。 BasecampにあるJavaScriptを調査して、どのような慣習があるか、それを踏まえてどのような

shiganai.org しがないラジオ ep.27 の中での話。 JavaScript カウボーイ 最近ではフロントエンドのJavaScriptエンジニアの事を Javascript Cowboy というらしい。フロントエンドのエコシステムが高速で変わっていくのを乗りこなしていくという意味らしい。 ↓このあたりの資料でも同様の事が触れられている。 サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩 from Nabedge Watanabe www.slideshare.net カウボーイコーディング カウボーイといえばこちらの言葉のほうが有名。 カウボーイコーディングは、各々の開発者が「自分が良いと思うプログラミング」をバラバラに行うことである。好ましくない状態を指すのに使う言葉であり、特定の開発手法を指す言葉ではない。 アジャイルソフトウェア開発 - Wikipedia

著者情報 : kota-yata.com プレゼン動画 : https://www.youtube.com/watch?v=BcaPCnWZuvY

Front-End Study #5 の発表資料です。 https://forkwell.connpass.com/event/205227/ フィードバックはこちら： https://koibu.me/events/14/talks/wQQs0pbvMZHcnZ8TawAi

■ TechCon WebサイトURL https://techcon.dena.com/2021/session/17/ ■ Twitterリンク https://twitter.com/search?q=%23denatechcon%20%23techcon_17 ■ 概要 フロントエンド開発について「サーバーサイドテンプレートでHTMLレンダリングすれば良いのでは？」「Vue や React の学習コストかける意味ある？」「jQueryコピペですぐできるでしょ」と思う方もいるのではないでしょうか。 DeNAでは、ウェブアプリケーションのフロントエンド開発のプロジェクトにおいて、以下が混在していますが、前者をベースにした開発のプロジェクトが増加しています。 ・SPA ベース：Vue や React をベースにしたフロントエンド開発のプロジェクト ・テンプレートベース：Xslat