マガジンのカバー画像

noteエンジニアのフロントエンド記事まとめ

46
note社エンジニアのフロントエンドに関わる技術記事をまとめた公式マガジンです。さらに技術記事を読みたい方はこちら→ https://engineerteam.note.jp/
運営しているクリエイター

#フロントエンド

テスト用のオブジェクトを簡単に作れるFactoryJSというライブラリを作った

この記事は「TSKaigiサブイベント #1 フロントエンド」にて登壇した内容の文字起こしです 本…

ESLintからBiomeに移行しました

こんにちは。フロントエンドエンジニアのiemongです。 noteで開発しているmonorepo環境のLinte…

いえもん
3か月前
22

Next.js + App RouterによるCMS機能開発の苦労と学び

開発チームの沼田です。 Next.jsを用いて、note内に簡単にページが作れるCMS『サイト作成機能…

noteの記事の画質をあげるときに考えたこと - 画質/表示速度/コストのバランス

noteの記事の画像拡大時のアップデートを実施しました。このアップデートにより、クリエイター…

モノレポ導入による開発体験の向上と効率化

note のフロントエンドチームでは、これまで複数のリポジトリで管理していたアプリケーション…

1分で読めるNext.js 15 RCの変更点

主な変更点React 19 RCのサポート キャッシュの動作変更 Partial Prerendering next/after …

いえもん
5か月前
8

Zag調べてみる

これは2023/7/3の社内勉強会の資料です。 Zagとはフレームワークに依存せずに、複雑でインタラクティブでアクセシブルなUI Componentを構築できるライブラリで、Chakra UIから出ています。 現時点(2023年7月)ではbeta版です。 Zagの推しポイントアダプターを使って、React, Vue, SolidなどのJSフレームワークを跨いで使える点や、必要なComponentのみをnpm パッケージからimportできる点などから、今使ってる環境で小さ

shadcn/ui調べてみる

shadcn/uiはReact用のUIコンポーネントコレクション(ライブラリではないらしい)で、Radix UIを…

いえもん
10か月前
16

最近(2023末ごろまで)のCSS世界で気になるまとめ

この記事はnote株式会社 Advent Calendar 2023の6日目の記事です。 ぼくはUXエンジニアとして…

\\ uto-usui //
11か月前
56

Astro 3.0調べてみた

AstroのおさらいV3からの変更点この記事を素直に紹介していく。 View Transition APIサポート…

100
いえもん
1年前
4

Astroに入門してみる

こんにちは noteのフロントエンドエンジニアのiemongです。 最近はメンバーシップの開発等を…

いえもん
2年前
34

noteのNuxt.jsへの移行が完了し次世代のフロントエンド構築を進めています

本記事では、noteのフロントエンドについて2つトピックを紹介します。Nuxt.jsへの移行が完了し…

こんぴゅ
3年前
173

noteのフロントエンドをNuxt.jsへ刷新します

webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリ…

こんぴゅ
6年前
318