Secretlint v7でCommonJS からES Modulesへの移行を行いました。 Secretlint v7.0.0をリリースしました。Pure ESMへの書き直し この記事では、CommonJS(CJS)からES Modules(ESM)への移行を行った経緯と、移行する方法について紹介します。 CJSからESMへの移行は、率直に言えば単調な作業で、メリットが見えにくい作業です。 しかし、将来的にCJSよりもESMが主流になることは間違いないので、移行することは必要です。 移行の作業は、移行方法が決まれば大部分は機械的な書き換えが可能です。 では、実際にどうやって移行したのかを紹介します。 ESMへの移行の影響は依存元へと連鎖する Secretlintのリポジトリはmonorepoになっていて、だいたい40コぐらいのパッケージが含まれています。 そしてパッケージ間で依存関係があ
昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな処理をして、Domに反映させる。というような処理が、ごちゃっとまとめて書くことが多いかと思います。ごちゃっととは、特にDomにしか情報を保持していない状態を指していて、イメージとしてはこのようなコードです。 $(function() { # イベントハンドラ $("#btn").on("click", function(){ $.ajax({ url: "api/resources", dataT
Runs in browsers without manual compilation. Supports node built-ins. Offers a plugin system. Deprecated QuickStart is no longer maintained. It will still exist in npm, but no more updates will happen. We no longer use QuickStart at Spotify, and instead recommend other bundlers such as Browserify or Webpack.
QuickStartというのは、名前がややこしいですがSpotify社が出してるツールのことです。 このツールはCommonJSで書いたJavaScriptのモジュールの依存関係を解決してビルドしたり、ローダとして使えるものです。 前者のビルドする機能は簡単にいえばBrowserifyです。 QuickStartもBrowserifyと同じく、nodeのcoreモジュール等をブラウザで使える様になってます。(CoreモジュールはBrowserifyが使ってるものと同じshimが使われてる) もう一つのローダとして使えるのがこのQuickStartの面白い所なんじゃないかなと思います。 この記事では、適当に試して見たQuickStartの使い方について見ていきます。 サンプルプロジェクトは以下に置いてあります。 azu/quickstart-example ビルド ビルドする場合はBrose
In recent years, minimalist living has become a prominent lifestyle choice, especially in countries like Sweden where simplicity, functionality, and intentional living are deeply valued. This movement encourages people to eliminate clutter, prioritize quality over quantity, and embrace digital solutions that enhance everyday life without unnecessary complexity. One such solution that fits seamless
Keine Sorge – Hilfe ist nah! Melde Dich unverbindlich bei uns und wir schauen uns gemeinsam an, ob und wie wir Dich unterstützen können. Damit existierender Code in verschiedenen Umgebungen wiederverwendet werden kann, wurde das Module-System entwickelt. Module sollen dem DRY (Don’t Repeat Yourself) Prinzip dienen. Dabei werden zusammengehörende Funktionen in Module ausgelagert. Mittels der "requi
A general purpose JavaScript platform Narwhal is a cross-platform, multi-interpreter, general purpose JavaScript platform. It aims to provide a solid foundation for building JavaScript applications, primarily outside the web browser. Narwhal includes a package manager, module system, and standard library for multiple JavaScript interpreters. Currently Narwhal’s Rhino support is the most complete,
A user account is required in order to edit this wiki, but we've had to disable public user registrations due to spam. To request an account, ask an autoconfirmed user on Chat (such as one of these permanent autoconfirmed members). This page is intended to formalize the discussion around an important but currently underserved use-case (in both spec and various browser implementations): the need fo
打造最出色的模块加载框架：SeaJS Module Loader v0.3.0 预览版 - 岁月如歌 http://lifesinger.org/blog/2011/01/seajs-v0-3-0pre/ モジュールのロードに最適なフレームワークを作成するためには : SeaJS Module Loader v0.3.0 プレビュー版 というタイトルでJavaScriptでのモジュール化について書かれています。 以下は簡単な内容紹介です。(コード部分は含んでないです) scriptタグでjsファイルを複数ロードする場合は4つの問題があります。 -ブロッキング -名前空間の汚染の可能性 -依存関係を書く人が知っておく必要性 -HTTPリンクが多すぎる それぞれを解決する典型的な方法もそれぞれ4つ上げられていています。 -LabJS, HeadJS, ControlJSなどの非同期スクリプトロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
