-
BFCacheを利用してNext.jsで実装した無限スクロールのUX改善をした話
開発こんにちは、フロントエンドエンジニアのやなぎ( @apple_yagi )です。 先日、【月間9000万PV】プレスリリース掲載ページの Next.js 移行でやったこと、という記事が公開されました。こちらのブログの最後に軽く触れられていますが、プレスリリース掲載ページより前にキーワード検索ページのNext.js移行を行っていました。 https://developers.prtimes.jp/2023/12/13/replace-press-release-page-with-nextjs/ 本エントリーではキーワード検索ページをNext.js移行したモチベーションなどは割愛させていただきます... -
PR TIMESのフロントエンドリプレイスにおけるデザインシステムの活用
開発PR TIMES 開発本部フロントエンドエンジニアのすずきゆーだい (@szkyudi) です。 今回は、PR TIMESのフロントエンドリプレイスにおいて、どのようにデザインシステムを活用しているかについてお話ししようと思います。 【デザインシステムとは】 デザインシステムとは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組みのことを指します。 弊社ではこれを「PR TIMES BASIS」と呼び、約2年前から運用されており、新機能開発やリプレイスといったさまざまなプロジェクトで活用されています。 ... -
PR TIMES’s Transformation of Ranking and Analytics Systems with Enhanced Logging
開発Hello, I'm Duc, responsible for the optimization of our press release access logging system. I'm excited to share the transformative journey we embarked on, moving from a traditional log system that recorded every access in our database to a more streamlined and effective approach. 【Background】 Let's begin by examining the challenges we encountered with our previous logging system. Initially, it was a basic setup: each view of a press release page triggered the addition ... -
【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと
開発こんにちは!PR TIMES 開発本部フロントエンドエンジニアの岩元 (@yoiwamoto) です。 先日、月間9000万 PV のプレスリリース配信サイト PR TIMES で、もっともアクセスが多い「プレスリリースページ」の実装を、PHP + Smarty + jQuery から Next.js に移行しました。 今回はこれについての詳細や難しかったことなどを共有します。 【背景と目的】 PR TIMES の Web アプリケーションのフロントエンドは、この数年、必要な部分から随時ページ単位で React 実装へのリプレイスが進んでいる状態で、まだ多くのページで... -
ステージング環境にもNew Relicを入れよう!
開発こんにちは、インフラチームテックリードの櫻井です。 今回はNew Relicを本番環境だけではなくステージング環境にも入れてみるといいことがあるよということを紹介したいと思います。 この記事はNew Relic Advent Calendar 2023の12日目の記事になります。 【New Relic、入れていますか?】 皆さんは運用しているサービスのステージング環境にNew Relicを入れていますか? 本番環境にはNew Relicを入れているけど、ステージング環境には入れていないという人も多いのではないかと思います。 実際に当社でも以前は... -
PR TIMES・ディップ・ピクシブ・グルコースの4社合同のLT大会を開催しました
勉強会【はじめに】 先日、株式会社PR TIMES・ディップ株式会社・ピクシブ株式会社・株式会社グルコースの4社合同のLT大会を開催しました。 【テーマ】 今年言い残したこと・カンファレンスでは話せなかったことをテーマにしました。 大まかなトピック・内容は以下の通りです。 Webアプリケーション p5.jsを使ったゲーム制作の話 データサイエンス R言語の modernなベクトルの話 ゼロから時系列分析の手法、prophetを再実装した話 セキュリティ 個人サービスを運営していたらDDoS攻撃が来たので戦った話 インフラストラ... -
Fastly Yamagoya 2023に登壇しました! #yamagoya2023
勉強会こんにちは、インフラチームテックリードの櫻井です。 先日Fastly株式会社の主催するYamagoya 2023に登壇させていただいたので、こちらのイベントについて紹介したいと思います。 【登壇までの経緯】 今までのブログ記事でも何度か紹介していますが、PR TIMESではFastlyのCDN ServiceやImageOptimizerを活用しています。 以前私が執筆したCloudFrontからFastlyへの移行記事をFastlyの方に読んでいただき、Yamagoya 2023への登壇を先方から打診いただいたことで今回の登壇に至りました。 https://developers.prtime... -
PHPカンファレンス2023に参加しました!
勉強会こんにちは、 PHPerの江間です。 先日開催されたPHPカンファレンス2023にて、PR TIMESはゴールドスポンサーとして協賛し、スポンサーブースとして出展しました。 https://developers.prtimes.jp/2023/09/26/phpconference2023/ このブログでは、プロポーザルを書くところ〜当日の参加まで、社内で行っていたことを幅広くお伝えしたいと思います。 ブース企画の裏側やPHPの問題コードの解説についてはこちらをご覧ください! https://developers.prtimes.jp/2023/10/23/phpcon2023-booth/ 【プロポーザル提出のサポ... -
未経験入社のPdMがBiz側の長期研修に参加した話〜カスタマーリレーションズ本部編〜
プロダクトこんにちは。PR TIMES開発本部プロダクトチームでプロダクトマネージャー(PdM)をやっている渡邉です。私は2023年2月に初の中途採用PdMとして入社しました。 以前にPdMとしての実務経験は無く、未経験枠で採用して頂きました。仕様書やSQLを触ったのはPR TIMESに入社してからになります。 今回研修を行うこととなった背景ですが、各プロジェクトのPdMを務めるためには、PR TIMESのビジネス全体を把握する必要があったためです。普段はPdMとしてお客様からの技術的な問い合わせに対応したり、各プロジェクトのアシ... -
認証プロバイダーのパスワードカラムマイグレーション: MySQLからPostgreSQLへの移行の記録
開発こんにちは、開発本部でインターンをしている田中です。 今回は企業ユーザーの認証を担っている認証プロバイダーのMySQLから、PR TIMESのPostgreSQLにパスワードカラムをマイグレーションしたので紹介します。 【経緯】 PR TIMESでは企業ユーザーの認証を行う認証プロバイダー(auth.prtimes.jp)が独自のMySQLを持っており、一部のデータがMySQLに保存されていました。 この認証プロバイダーはいくつかの問題から廃止を予定しています。 なのでまず認証プロバイダーのMySQLからPR TIMESのPostgreSQLにデータをマ...