2023年か2024年か記憶が怪しいものもあるが自分の中で"最近乗り換えたもの"ぐらいのノリで書いていく。レイトマジョリティの自覚あり。 JetBrains系エディタ（RubyMine etc.） → Cursor (移行中) 一番大きい移行。2024年末〜2025年始に移行を試み、今も手探り中。 www.cursor.com きちんと評価するためにPro planを契約した。 Cursor Tabの体験が圧倒的に良い コード補完は古くはTabnine、2022年からGitHub Copilotを経験してきたが段違いに感じる シンプルに補完内容が優れているだけでなく 複数行の変更、変更後の次の変更の提案などが高速で賢く "ワカっている" 感がすごい Composer (normal mode. not agent) がかなりまともなコード出力や修正提案をしてくれる 年始に新しいツールを書き

といいつつも、この機能自体は要オプションで v9.7 からありましたが、 v10 でオプション不要になったので、 GA の気持ちで紹介します。 結論 pnpm v10 以上がローカルにインストールされていれば、 packageManager field に pnpm が指定されているプロジェクトでは、そのプロジェクトの pnpm を使うようになります。 ただし、その pnpm 自体はどこかしらにインストールされている必要があり、一般的にはプロジェクトの devDependencies にインストールするものかと思われます。 やるべきこと ローカルの pnpm を v10 以上にする。 プロジェクトの devDependencies に、使いたいバージョンの pnpm をインストールする プロジェクトの packageManager field に 2 と同じバージョンの pnpm を定義す

#RSGT2025 の登壇資料です。 https://confengine.com/conferences/regional-scrum-gathering-tokyo-2025/proposal/20636

Welcome to the 9th edition of JavaScript Rising Stars, your guide to the top trends and projects shaping the JS ecosystem in 2024. The following graphs compare the number of stars added on GitHub over the last 12 months. We analyzed projects coming from Best of JS, a curated list of the best projects related to the web platform. Note that you can click on a project to get more info.

このエントリは、SmartHR Advent Calendar 2024 シリーズ1の20日目の記事です。 こんにちは、SmartHR の @chanMisa です。 今年も SmartHR UI の振り返りの時期がやってきました。SmartHR UI は OSS として公開されているコンポーネントライブラリで、主に社内のコアメンバーによって運営されています。今まで SmartHR UI がどのように成長してきたか毎年振り返りをしています。 SmartHR UIの現在地 ~2023年12月編~ プロダクト体験の「インフラ」となったUIコンポーネントSmartHR UIの現在とこれから 「プロダクト間共通の React コンポーネントライブラリ」がどうなったか、という話 今回の記事では、『SmartHR UI の2024年を振り返る』というタイトルで、SmartHR UI を運営している我々

2024年も終わりに近づき、Amebaのデザインシステム「Spindle」に関する様々な取り組みを振り返ります。 今年は特にデザインとエンジニアリングの協働を深化させるための多くのイベントやプロジェクトが行われました。以下に、主な取り組みをまとめます。 Figma 今年はFigmaを題材とした発表が数多くありました。「Figma Dev Modeで進化するデザインとエンジニアリングの協働」や「Figma開発モードで実装との合流点を語る | UI＋FE合流点 feat. CyberAgent」では、デザインとエンジニアリングのシームレスな連携について深掘りしました。また、「朝までFigma」イベントでは、Figmaの新機能や活用方法についてのセッションが行われました。 Figma2周年を記念しておこなわれたイベントThe Ways We Workでは、「Amebaデザインシステム Spndl

Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of. Component-specific styling, styling parents based on their children, relative colors — the web platform is going through exciting times, and many things that

統合UX基盤というチームでエンジニアをしているtakumiです。freee Developers Advent Calendar 2024の20日目は、現在社内向けに開発を進めている新しいUIライブラリ「標準UI」について、その特徴や開発過程を紹介していきます。 デザインシステムの浸透と新たな課題 freeeでは2018年からデザインシステム「vibes」を開発・運用してきました。最近ではOSSとして公開し、アクセシビリティをはじめとするフロントエンド開発のノウハウを広く共有できるようになりました。以前の記事「デザインシステム "Vibes" の育てかた」でも詳しく解説していますが、vibesの導入により、ボタンやフォームといった個々のUIコンポーネントのデザインは標準化され、一定の成果を上げることができました。 しかし、アプリケーションの規模が拡大し開発チームが増えていく中で、新たな課題

はじめに こちらの記事は、アソビュー！ Advent Calendar 2024の17日目（裏面）です。 アソビューでSREを担当している鈴木です。 SREの大切なミッションの一つに可用性を保証するというミッションがあります。その可用性をすこしでも向上させるためにDatadogのDatabase Monitoringという機能を使って、改善した話を書きたいと思います。 SREという役割の大事なミッションの一つとして、障害の種を検出してそれを除去していくという活動を日々行うというものがあります。 これは、一般的な世界でわかりやすい例で例えるならば、健康診断などで病気を早期発見して、より長く健康状態を保つという行為に似ております。 健康診断では 数多くの計測手法を確立 定期的に計測 異常を検知 精密検査を実施して、医者が状況をより詳しく見ていく という流れで病気の発見を行っていくと思います。S

Back to BlogFriday, January 3rd 2025 Composable Caching with Next.jsPosted by We’re working on a simple and powerful caching model for Next.js. In a previous post, we talked about our journey with caching and how we’ve arrived at the 'use cache' directive. This post will discuss the API design and benefits of 'use cache'. What is 'use cache'? 'use cache' makes your application faster by caching da

About custom instructions for GitHub Copilot GitHub Copilot can provide chat responses that are tailored to the way your team works, the tools you use, or the specifics of your project, if you provide it with enough context to do so. Instead of repeatedly adding this contextual detail to your chat questions, you can create a file that automatically adds this information for you. The additional inf

こんにちは、10X プロダクトデザイナーの日比谷（@suuminbot）です。 現在10Xでは新規プロダクトを複数開発している真っ只中ですが、私もその一環でshadcn/uiとTailwind CSSを活用しつつ、SaaSのサービス画面（管理画面）用のコンポーネントライブラリをゼロから構築していました。 少し前に一通り最低限必要なコンポーネントをFigma・実装ともに作りきり、現在は実際にそのコンポーネントライブラリを使って自分自身が複数のプロダクトのUIを作ったり、開発が進んでいる様子を見ているところです。 このブログでは、今回取り組んだことや学びをご紹介していこうと思います。 新規構築の経緯 外部コンポーネントライブラリのあるある課題 自分たちのプロダクトに合った形のコンポーネントライブラリを、クイックに立ち上げたい 「クイックな立ち上げ」と「こだわり」を両立できるshadcn/ui

この記事は、弁護士ドットコム Advent Calendar 2024 の 23 日目の記事です。 はじめに こんにちは、クラウドサイン事業本部の篠田（@tttttt_621_s）です。普段はクラウドサインのフロントエンドの改善活動を行なっています。 「負債」という言葉で何をイメージしますでしょうか？ 経営的には「負債」はポジティブな意味合いもありますが、技術的には「負債」はネガティブな意味合いが強いですよね。 ついつい「なんでこんな実装になってるんだ？」とか「これはつらい！」などと言ってしまいがちです。 とはいえ、これまでプロダクトの売り上げに貢献してきたコードであることも事実です。 今回はそんな技術的負債に対してリスペクトを持ちつつ改善していることを紹介いたします。 はじめに フロントエンドの改善チームができた背景 Vue 3 化 モジュールを正しく使ってもらうための仕組み化が重要 ド

プレスリリースを書くために設計されたPR TIMES新エディター公開　AIアシスタントなど新機能【PR TIMESリニ... 株式会社PR TIMESのプレスリリース（2023年12月19日 08時30分）プレスリリースを書くために設計されたPR TIMES新エディター公開　AIアシスタントなど新機能【PR TIMESリニ... エディターは、2024年12月現在、React、Tiptap（headlessエディターライブラリ）、TypeScriptという技術スタックで開発を行っています。 エディターは本文の入力部分（以下、本文エディターと称します）以外にも、ツールバー・サイドバーなど複数のUIが組み合わさって構成されていて、各UIから本文エディターに対してTiptapのコマンド関数を実行したり操作を行っています。 エディターのテストについて エディターという機能の性質上、前述の通り複数の

こんにちは！ ツクリンクでアソシエイトテックリードとして働いている、いわまさです。 ツクリンクは、「仕事を依頼する先を探している建設会社」と「仕事を探している建設会社」を繋ぐマッチングサービスです。 2024年12月時点で利用社10万社を突破し、ますます盛り上がっています。 ツクリンクは2013年にリリースし、今年でリリースしてから11年目になります🎉 直近の変化について かれこれ10年来のサービスになりますので当時と今では色々と状況が変わって来ていると思います。 少なくとも、2023年に私が入社する直前まではエンジニアチームは1つだけでそこから3チームに分かれ、今では以下のチーム構成になっています。 チーム名 役割

こんにちは、カバー株式会社でSREをしているIです。 この記事は カバー株式会社 Advent Calendar 2024 24日目の記事です。 前回の記事は@lain_xrによるUnityでアフィン変換をプリミティブに実装してみるでした。こちらの記事もぜひご覧ください。 はじめに 昨今システムの複雑化が進む中で、エラーの一元管理を行うことはシステムの健全な運用において必要不可欠です。 この記事ではクライアントおよびサーバーサイドのエラーを一元的に管理し、効果的にエラートラッキングを行うための設計や便利なツール群を紹介します。 エラートラッキングの重要性 現代のシステム開発では、マルチクラウドや分散システムの普及によって、システムの構成や表現方法が多様化しています。結果として、Web、モバイルアプリ、PCアプリケーションなど、複数のユーザーインターフェースを通じたやり取りが増加している中で

こんにちは！令和トラベル FrontendエンジニアのFukudaが、App Routerでのフォーム開発ついてご紹介します。ぜひ最後までご覧ください！ フォーム開発において、Next.jsのApp Routerは大きな可能性を広げました。特に、Server Actionsや新しい便利なフックの追加により、フォーム送信や状態管理、バリデーションが格段にシンプルで強力になっています。Pages Routerと比べて何が変わったのか、そしてどのように実装が進化したのか、実例を交えて見ていきましょう。 フォーム開発における新機能 1. Server Actions Server Actionsを使用すると、非制御コンポーネントの利点を活かしつつ、フォーム送信をサーバーサイドで直接処理できます。 // app/form/actions.js 'use server' export async fu