JavaScript の新しいバンドラ Rolldown について
はじめに 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 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ないのキャッシ
フロントエンドの技術的負債 みんなで学ぶ Lunch LT (2023/05/17 12:00〜)
※LTの順番や内容は変更の可能性があります、ご了承ください。 🧑💻こんな方におすすめ フロントエンドエンジニア、フロントエンドの開発に携わるエンジニア すでに技術的負債の解消、リファクタリングに取り組んでいるエンジニア テックリードやEMという立場で、組織的に技術的負債の解消に取り組んでいる人、または取り組んで行きたいと考えている人 ☑️イベントのゴール 今後技術的負債に対してどのように向き合っていくのかについての知見を得られること 他社の事例がわかった 現状で技術的負債の解消に向き合っている、テックリード、EM、ミドルマネジメントのエンジニアの方々が、技術的負債に対しての技術的・組織的なアプローチ方法がわかった 🎁参加方法とプレゼント企画 お申し込みいただいた方へ視聴用リンクをお渡ししています。 ※視聴にはFindyへのログインが必要です。 当日参加後アンケート回答者の中から抽選
Atsushi's Homepage 〜 Google カレンダーへさくっと登録
選択範囲の日付情報を自動で読み取って、Google カレンダーへ登録する Bookmarklet です。 説明 メールや Web ページ、ツイートなどで予定が文章で書かれている時、 それを目で見て Google カレンダーへ登録するのが面倒に思ったことは ないでしょうか。 この Bookmarklet はブラウザで選択した範囲に書かれている日程っぽい文字を 自動で認識して、日付や時間を設定した状態で Google カレンダーへの予定の登録画面を開いてくれるので、 その手間を減らしてくれます。 Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに開くだけで使えます。 インストール 下のリンクをお使いのブラウザの方法でブックマークするだ
ISR化でIESHILの建物詳細ページの読み込み速度を10倍に改善した話 - LIVESENSE ENGINEER BLOG
初めに こんにちは、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(以下
‘-‘ という名前の、中身が無いのに70万回ダウンロードされてる謎のnpmパッケージ
– という名前の JavaScript/TypeScript パッケージについて警告を発している記事が話題となっています。 このパッケージ、中身はほとんど空で、Readme と、dev で TypeScript を動かせるようにするライブラリ群を呼ぶ箇所だけのもの。 しかし、この “-” を使っている他の npm パッケージが 50個以上あり、約一年前の公開時からのトータルのダウンロード数は72万回にもなります。 しかし、”-” を読み込んでいるパッケージを見てみても、”-” が必要そうには見えません。 警告記事では、この無名のパッケージが密かに使われるようになった原因が、npm コマンドのコマンドラインを打つときのミスタイプにあるのではないかとの仮説を立てています。 つまり、someFlag というオプションを使い npm i -someFlag somepackage と打つべきところ
「JavaScript sprinkles in Basecamp turned Stimulus」の雑要約
「JavaScript sprinkles in Basecamp turned Stimulus」より。Stimulusの設計意図を理解できる貴重な資料なのでまとめた。 DHHにとってプログレッシブエンハンスメントとは、コンテンツのプログレッシブ性を実現するためというよりは、アプリケーション開発のための道標のようなもの。ベースとしてのHTMLはまずサーバーに生成させて、動的部分としての少しの差分をJavaScriptに扱わせる。BasecampやGitHubのように動的部分の少ないアプリケーションにとってはそれが適切なやり方。React/ReduxやAngular、そのほかクライアントサイドのMVCフレームワーク等を試してきたが、それによってプロダクトのコードが良くなることはなかった。 BasecampにあるJavaScriptを調査して、どのような慣習があるか、それを踏まえてどのような
カウボーイとエンジニア - radioc@?
shiganai.org しがないラジオ ep.27 の中での話。 JavaScript カウボーイ 最近ではフロントエンドのJavaScriptエンジニアの事を Javascript Cowboy というらしい。フロントエンドのエコシステムが高速で変わっていくのを乗りこなしていくという意味らしい。 ↓このあたりの資料でも同様の事が触れられている。 サーバーサイドな人がフロントエンド技術と仲良くするはじめの一歩 from Nabedge Watanabe www.slideshare.net カウボーイコーディング カウボーイといえばこちらの言葉のほうが有名。 カウボーイコーディングは、各々の開発者が「自分が良いと思うプログラミング」をバラバラに行うことである。好ましくない状態を指すのに使う言葉であり、特定の開発手法を指す言葉ではない。 アジャイルソフトウェア開発 - Wikipedia
末尾呼び出し最適化とJavaScript
著者情報 : kota-yata.com プレゼン動画 : https://www.youtube.com/watch?v=BcaPCnWZuvY
2020年代、使う技術はどう選ぶ？
Front-End Study #5 の発表資料です。 https://forkwell.connpass.com/event/205227/ フィードバックはこちら： https://koibu.me/events/14/talks/wQQs0pbvMZHcnZ8TawAi
ウェブフロントエンド開発に Vue や React を選択する理由
■ 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mastering Yarn's lifecycle with hooks
- YouTube
Next.js を AWA に導入する上での Muddy なお話 | Muddy Web #2
UIのある3rd Party SDKを開発したときの知見 | Muddy Web #2
https://4geek.net/javascript-type/
範囲選択してGoogleカレンダーに追加するブックマークレットの作り方 - Qiita
vs CVE-2021-44228 (Log4Shell) w/ tokumaru-san and nagise-san by Tsundokanai Radio
［Oct. 8］新規メンバーの視点で語る kintone 大規模フロントエンド刷新のリアル ── Cybozu Tech Meetup #16
[3/30] Cybozu Frontend Monthly #9（ゲスト：ヤフー株式会社）