はじめに 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ないのキャッシ
新機能 「QRコード読み取りによる出席機能」をリリースしました。事前に入場受付が必要な場合や、受付時に参加枠などによって個別の誘導が必要な場合にご利用ください。詳しくは こちら をご覧ください。 新機能 connpass APIに新しく、ユーザーのプロフィールを取得できるユーザーAPIを追加しました。APIリファレンスは こちら を、またAPI利用希望の方は こちら をご覧ください。 お知らせ 2024年9月1日より、connpassではスクレイピングを禁止し、利用規約に明記します。以降の情報取得にはconnpass APIをご利用ください。APIご利用にについてはヘルプページをご確認ください。
選択範囲の日付情報を自動で読み取って、Google カレンダーへ登録する Bookmarklet です。 説明 メールや Web ページ、ツイートなどで予定が文章で書かれている時、 それを目で見て Google カレンダーへ登録するのが面倒に思ったことは ないでしょうか。 この Bookmarklet はブラウザで選択した範囲に書かれている日程っぽい文字を 自動で認識して、日付や時間を設定した状態で Google カレンダーへの予定の登録画面を開いてくれるので、 その手間を減らしてくれます。 Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに開くだけで使えます。 インストール 下のリンクをお使いのブラウザの方法でブックマークするだ
初めに こんにちは、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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
