Fastly– tag –
-
【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと
開発こんにちは!PR TIMES 開発本部フロントエンドエンジニアの岩元 (@yoiwamoto) です。 先日、月間9000万 PV のプレスリリース配信サイト PR TIMES で、もっともアクセスが多い「プレスリリースページ」の実装を、PHP + Smarty + jQuery から Next.js に移行しました。 今回はこれについての詳細や難しかったことなどを共有します。 【背景と目的】 PR TIMES の Web アプリケーションのフロントエンドは、この数年、必要な部分から随時ページ単位で React 実装へのリプレイスが進んでいる状態で、まだ多くのページで... -
Fastly Yamagoya 2023に登壇しました! #yamagoya2023
勉強会こんにちは、インフラチームテックリードの櫻井です。 先日Fastly株式会社の主催するYamagoya 2023に登壇させていただいたので、こちらのイベントについて紹介したいと思います。 【登壇までの経緯】 今までのブログ記事でも何度か紹介していますが、PR TIMESではFastlyのCDN ServiceやImageOptimizerを活用しています。 以前私が執筆したCloudFrontからFastlyへの移行記事をFastlyの方に読んでいただき、Yamagoya 2023への登壇を先方から打診いただいたことで今回の登壇に至りました。 https://developers.prtime... -
PR TIMESのCDNをCloudFrontからFastlyに移行しました
開発こんにちは、インフラチームテックリードの櫻井です。 今回はプレスリリース配信サービスの prtimes.jp で使用しているCDNをCloudFrontからFastlyに移行したことについて紹介します。 CDNの基本的な情報は割愛するので、もしCDNについて基本的なことを知りたいという方はググるなりChatGPTるなりしてください。 【なぜ移行する必要があったのか】 まずCloudFrontからFastlyに移行した理由について説明します。 prtimes.jp のプレスリリース詳細ページは現在SmartyテンプレートとjQueryというレガシーな技術で構成... -
AVIF・WebPでサムネイル画像を配信して、ブラウザでのパフォーマンスを大幅に改善した話
開発こんにちは、普段PR TIMES STORY(以下STORY)の開発リーダーをしている岩下(@iwashi623)です。 今回はSTORYのサムネイル画像の配信フォーマットを変更することによるパフォーマンス改善を行ったので、そちらについて書いていこうと思います。 【現状の問題点】 STORYでは配信のサムネイルにユーザーからアップロードした画像を3サイズ(width800, 400, 200)にリサイズした画像を使用していました。 リサイズした画像は表示する箇所ごとに適したサイズのサムネイルを選択して、画像を配信していました。 そのような状況... -
新卒エンジニアがプレスリリース画像の画質改善に取り組んだ話
開発こんにちは、21新卒エンジニアの柳です。 この度、プレスリリースのサムネイル画像とプレスリリース詳細ページ内で掲載されている画像の画質改善を行いました。 今回行った画質改善の対象となる条件は以下の通りです。 12月中旬以降にアップロードして頂いた画像サイズが十分に大きい画像トップページ(https://prtimes.jp) で表示されているプレスリリースのサムネイル画像プレスリリース詳細ページで表示されている画像 【画質改善前のプレスリリース画像の問題点】 PR TIMESでは画像をエディタからアップロー...
1