1
/
5

技術ブログ:note.comにSvelte製navbarをリリースするまでの流れを報告します

noteのフロントエンドは2021年末にAngularからNuxtへ移行完了をしました。

noteのNuxt.jsへの移行が完了し次世代のフロントエンド構築を進めています|こんぴゅ|note
本記事では、noteのフロントエンドについて2つトピックを紹介します。Nuxt.jsへの移行が完了した話と、見えてきた課題を踏まえ次世代のフロントエンド構築を模索している話です。 noteでは、 AngularJS で構築していたフロントエンドをNuxt.jsに移行するプロジェクトを2018年から進めていましたが、2021年12月、ついに移行が100%完了しました! ...
https://note.com/konpyu/n/n970010601ee4

しかし、移行は終わったものの次なる問題が顕在化してきました。特に問題となったのは、アプリケーションが大きくなってきてコードが肥大化してしまったことです。

そこで、この問題を解決するべく、小さくコンポーネントごとに分割して開発していくことにしたのです。小さく区切ることで開発の影響範囲を少なくすることができ、ビルド時間なども大幅に短縮させることができます。

そのコンポーネント開発の第一弾として、navbarをSvelte実装で置き換えをしました。Svelteで実装することで、異なるフレームワーク(Nuxt.jsやNext.jsなど)でも同じコンポーネントを使用することができるからです。

詳しい開発の経緯や、開発の流れは以下の記事に掲載されています。ぜひご覧ください。


note.comにSvelte製navbarをリリースするまでの流れを報告します|zochang
noteでフロントエンドエンジニアをやっているzochang(ことyamagata)です。最近はFall Guysで瞬発力も記憶力も必要としないステージだけ生き生きプレイできることに気づきました。 ...
https://note.zochang.com/n/naf5a97c09ad0

Weekly ranking

Show other rankings
Like note 採用担当's Story
Let note 採用担当's company know you're interested in their content