Webフロントエンド– tag –

こんにちは。フロントエンドエンジニアの小張（@kobari41257）です。 2026年5月9日に開催されたフロントエンドカンファレンス名古屋2026に、PR TIMESはスポンサーとして協賛し、ブースの出展およびLT登壇を行いました。 【フロントエンドカンファレンス名古屋2026の紹介】 フロントエンドカンファレンス名古屋2026は、2026年5月9日（土）にウインクあいちで開催された技術カンファレンスです。 https://fec-nagoya-org.github.io/2026 名古屋で初めての開催となった本カンファレンスでは、オフラインで140名以上、...

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 PR TIMESでは2023年9月から XO をリンター・フォーマッターとして使ってきましたが、先日 Oxlint に移行しました。本エントリーでは Oxlint に移行した経緯や進め方、そして導入した結果についてご紹介します。 XO は、sindresorhus 氏が開発した Opinionated なリントルールを備えたESLintベースのラッパーツールです。フォーマッターの機能も兼ね備えており、 xo というワンコマンドでリントとフォーマットを実行することができます。 【XO ...

こんにちは。フロントエンドエンジニアの小張（@kobari41257）です。 PR TIMESは、フロントエンドカンファレンス名古屋2026にゴールドスポンサーとして協賛いたします。また、同イベントに当社から1名のエンジニアが登壇予定です。 【フロントエンドカンファレンス名古屋2026の紹介】 フロントエンドカンファレンス名古屋2026は、2026年5月9日（土）にウインクあいちで開催される技術カンファレンスです。 https://fec-nagoya-org.github.io/2026 当日のタイムテーブルはこちらから確認できます。 https://fortee....

こんにちは、PR TIMESでインターンをしている勝間田（@Sho_26_ts）です。 今回は、フロントエンドにおけるアクセシビリティ向上の一環として、axe-coreを用いた改善と、それを継続的に担保するための方法を紹介します。 【これまでのアクセシビリティの取り組み】 PR TIMESではMarkuplintとPlaywright、Storybookでアクセシビリティ（a11y）テストを行ってきました。 MarkuplintとPlaywrightでのアクセシビリティ品質のチェック方法はこちらの記事をご覧ください。 https://developers.prtimes.com/2025/03/10/mar...

こんにちは。2025年の9月に中途で入社しましたフロントエンドエンジニアの白濱（@shiraha_maru）です。社内デザインシステムのMCP化、Figma MCPを活用して入社1ヶ月目からスムーズに開発を進められる体制作りを行いましたので紹介します。 【背景】 現在PR TIMESではUI刷新のプロジェクトが進行中で、私も入社後にこのプロジェクトへ参画しました。このプロジェクトでは、Figmaのデザインをもとに社内デザインシステムのコンポーネントを使って実装を進めます。 しかし、入社して間もないため既存コードや文脈の理...

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 先日 PR TIMES のフロントエンド環境に typescript-go を導入し、 tsgo（ typescript-go の実行コマンド） で typecheck を実行するようにしました。その結果、typecheck の実行時間が最大で 9 倍速くなったので、導入に向けて行った対応と結果をご紹介します。 【typescript-go とは】 typescript-go は Microsoft によって Go 言語で書き直されている TypeScript のコンパイラです。TypeScript 7 からはこのコンパイラが使用される予定で、...

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 PR TIMESのフロントエンドではこれまで、MarkuplintやStorybook Testを用いたアクセシビリティ（a11y）テストを実施してきました。以下の記事はMarkuplintを導入した際の記事になります。 https://developers.prtimes.com/2025/03/10/markuplint/ しかし、PR TIMESではReactを利用して開発を行っているため、これまではコンポーネント単位での品質担保が中心となっていました。そこで、@axe-core/playwrightを導入し、HTML全体のa11y品質もチ...

こんにちは、フロントエンドエンジニアのやなぎ（@apple_yagi）です。 PR TIMES では 2021 年からプレスリリースアワードを開催しており、1 年間の内に日本で発表されたプレスリリースの中から、社会性・公共性・共感性・将来性等の視点から、プレスリリースの可能性拡大に貢献したものを審査・選考し、表彰しています。 https://prtimes.jp/pressreleaseawards 今年から新たな取り組みとして、プレスリリースアワード用のマイページをリリースしました。開発にあたっては、フロントエンドとバックエンドの両方で ...

こんにちは！PR TIMESで主にフロントエンドの開発をしている古園 (@miyabin4113) です。 以前フロントエンドカンファレンス北海道2025に協賛する記事を公開しましたが、今回の記事はその参加報告です。 https://developers.prtimes.com/2025/08/15/frontend-conf-hokkaido-2025-sponsorship/ ちなみに北海道へ行くのは今回が初めてでした。PR TIMES本社がある関東と比べると涼しく、夏は過ごしやすくていいですね。 【フロントエンドカンファレンス北海道2025とは】 フロントエンドカンファレンス北海道2025はWeb...

こんにちは、フロントエンドエンジニアの桐澤（@kiririLee）です。 PR TIMESではリファクタリングデーを月に一回開催しています。今回そのリファクタリングデーを活用してXOのバージョンを v0.60.0 から v1.2.2 に上げたためやったことを紹介します。 XO は2016年から開発されており歴史の長いライブラリですが、メジャーバージョンが上がるのは初めての事で ESLint の Flat Config 対応が主な修正として含まれていました。 【PR TIMESフロントエンドのディレクトリ構成】 PR TIMES のフロントエンドはモノレポで...