はじめに 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ないのキャッシ

お知らせ 運営会社の年末年始休業につき、2023年12月27日(金)13時以降のconnpass機能のお問い合わせにつきましては2024年1月6日(月)より順次ご案内させていただきます。あらかじめご了承ください。 お知らせ イベントページ内のフィードコメント投稿仕様を変更しました。今後、コメントの投稿は、イベントに参加登録（補欠・抽選を含む）しているユーザー、またはイベント開催関係者（管理者・発表者）のみ可能となります。参加登録をしていないユーザーで、イベントページに関する連絡や質問がある場合は、「イベントへのお問い合わせ」機能をご利用ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記しました。以降の情報取得にはconnpass APIをご利用ください。APIご利用についてはヘルプページをご確認ください。

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