マガジンのカバー画像

noteエンジニアのフロントエンド マガジン

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

記事一覧

スクリーンリーダーがさらにつかいやすく! アクセシビリティ強化に向けた6〜8月の取…

noteは「だれもが創作をはじめ、続けられるようにする。」というミッション達成に向けて、あら…

note公式
2か月前

Astroに入門してみる

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

いえもん
2か月前

note.comにSvelte製navbarをリリースするまでの流れを報告します

noteでフロントエンドエンジニアをやっているzochang(ことyamagata)です。最近はFall Guysで瞬…

zochang☕️
3か月前

Next.js + SvelteによるnoteのフロントエンドApp分割

※ この記事は2021年6月21日に行われた「進化するフロントエンド2021 − 4プロダクトから学ぶS…

「誰もがつかえる」を目指したnoteのデザインシステムの導入とこれから

--- 「デザイナーのための仕組みだと思われないように、本当はデザインシステムという言葉をつ…

note / hey / ANDPADが抱えるデザインシステム導入の知見と課題 - 『デザインシステム…

サービスの成長と比例するように、プロダクトのデザインやUXの一貫性が保たれなくなっていくこ…

石をIoT化した話

戦国系フロントエンドエンジニアの iemong です。6月にnoteに入社して半年経ちました。自分は例年、会社のアドベントカレンダーで業務と全く関係ないものを作って、師走感を感じるのがスキなので、今回もその発表をします。 この記事は「noteのみんなAdvent Calendar 2021」15日目の記事です。 背景 前述した通り、自分は6月にnoteに入社しました。 そして、社内LTで自己紹介も兼ねて過去につくったものを発表したところ、そのまま以下の記事を書いていただけ

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

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

こんぴゅ
1年前

数式機能実装の裏側

noteのカイゼンチームでエンジニアをしているKota Nonakaです。 note社には今年の8月にJoinし…

rem と vw で画面幅に対して常に可変な要素サイズを指定するCSSの書き方

フロントエンドチームとデザインチームを兼任している uto-usui です🐈 今回は rem の基準と…

160個あったアクセシビリティのエラーをエンジニア全員で改善しました

noteではアクセシビリティ向上を行うために、チームを結成して日々対応に取り組んでいます。 …

noteのアクセシビリティ向上プロジェクトが始動

「アクセシビリティ」と聞くと、対応が難しそうだと考え、リソースが確保できずにいる企業も多…

「noteのフロントエンドApp分割」という発表をしました

進化するフロントエンド2021 −4プロダクトから学ぶSPA/PWAの技術と実践− というフロントエン…

zochang☕️
1年前

noteのパフォーマンス改善 - サービスの成長によるJSのファイルサイズ増加とN+1クエリ問題に向き合う

noteに投稿された記事数は、累計で昨年同時期比2倍以上に増加。サービスの成長とともに、いままでは問題のなかったコードやクエリにも異変が起きはじめています。そこで、noteでは「パフォーマンス改善週間」という取り組みを行いました。1週間限定で開発チームの有志が横断的に集まり、ページ表示速度やAPIのパフォーマンスなどを改修していく試みです。今回は記事詳細ページに絞って改善が行われました。 パフォーマンス改善プロジェクトの発足はエンジニアが発したSlackの何気ない一言がキッ