開発– tag –
-
esbuildに乗り換えたらビルド時間が劇的に改善された話
開発こんにちは、フロントエンドエンジニアのやなぎ( @apple_yagi )です。PR TIMESでは、これまでReact/TypeScriptのコードをビルドする際にWebpackを使用していましたが、コード量が増えるごとにビルドにかかる時間が増えてきました。そこでesbuildを導入し、ビルド時間の短縮に取り組んだのでご紹介いたします。esbuildとはesbuildはGo言語で実装されたJavaScript/TypeScriptのビルドツールで、公式ドキュメントには従来のビルドツールと比べて10~100倍速くビルドできると書かれています。esbuildが提供している主... -
テスト自動化でリファクタリングを効率化
開発開発本部QAチームの山田です。テストの自動化によりリファクタリングの際のQAも大きく効率化できましたので、ご紹介します。【テスト自動化】以前こちらの記事でもご紹介したように、QAチームではAutifyを使ってテストの自動化を進めています。https://developers.prtimes.jp/2021/12/14/qa-team/まずはPR TIMESのサービスにとって重要な機能でもある「プレスリリース配信」と「ユーザー登録」を重点的に自動化しました。これによってプレスリリースの情報を出したいときに出せなくなるということを防ぐことができ... -
「学生向けPR TIMESハッカソン2022春」を開催しました
チーム体制こんにちは、バックエンドエンジニアの江間です。2021年3月24日(木)〜25日(金)にかけて、23卒向けの採用ハッカソンを開催しました。今回のハッカソンに参加いただいた学生の皆さん、ご参加ありがとうございました!ハッカソンの結果発表および、ハッカソンの模様をご紹介します。【学生向けPR TIMESハッカソンとは】学生向けPR TIMESハッカソンは、「PR TIMES」の100万件を超えるプレスリリースデータをAPIを使って取得し、当日集まった学生による即席のチームで新規サービスや新規機能を開発するイベントです... -
How we choose React-based WYSIWYG editor at PR TIMES
開発【Introduction】This article discusses the process of choosing a new React-based editor library for PR TIMES's press release editor.【Background】At PR TIMES, press release publishing is one of the core services that we provide, therefore, we strive to provide the best possible editing experience to our users so that they can express their ideas better.However, our current editing page is built with legacy codes that have not been well maintained over the past several year... -
PR TIMESにおけるフロントエンド開発基盤の構築
開発こんにちは、21新卒エンジニアの柳(@apple_yagi)です。今月から新卒2年目となり、一年早かったなとしみじみしています。昨年PR TIMESでは企業ページをフルスクラッチでReactにリプレイスするプロジェクトを行い、モダンなフロントエンド技術を導入することができました。https://developers.prtimes.jp/2021/11/10/replace-react/また現在、別プロジェクト(リポジトリ)でもReactを用いてフロントエンドを実装するようになり始め、PR TIMES全体のフロントエンドのReact化が進行しています。しかし、現状のフロン... -
企業ページの表示速度を改善しました
開発こんにちは、バックエンドエンジニアの江間です。ある日、一通のメッセージが届きました。ネタバレをすると、ある API が実行している SQL がスロークエリになっており、そのレスポンスが返ってくるまで DOM のレンダリングが行われていない事が原因でした。この記事では、 New Relic Application Performance Monitoring (APM) を使ったスロークエリの特定と、それを実際にどうやって解決したのか、更に速度改善を行ってAPIの平均レスポンスタイムを約5.78倍にした話についてを書いていきます。【まずは当たりを... -
PHPの改善 !== PHPのバージョンアップ
開発こんにちは、今日もがんばってるuzullaです。PR TIMESでPHP等と向き合い続け、色々なことを日々やっています。さて、PHPコードの改善というと新しいバージョンのPHP対応と言われて久しいですが(私の感想)、今日のエントリのオチからいえば「PHP5でもよいプログラムは書ける」です。ムードPR TIMESに入った当初「PHPのバージョンが古いからダメだ」というムードがありました(まあ、良くはないのだが)。それに対して私は「なぜ?」となったのを覚えています。PHP7や8になって増えた機能は非常に多岐にわたり魅力的... -
ReactでリッチなUIの管理画面を開発した話
開発こんにちは。PR TIMES の開発本部でフロントエンドエンジニアをしている鈴木雄大(@szkyudi)です。2022年2月、企業ページにプレスキット機能を追加するリリースしたので、そのお話をしようと思います。企業ページおよびプレスキットについては下記の PR TIMES MAGAZINE の記事をご覧くださいhttps://prtimes.jp/magazine/corporate/https://prtimes.jp/magazine/prtimes-press-kit/【新機能「プレスキット」とは】「プレスキット(または、メディアキット)」とは、メディア関係者向けに作成する、企業や事業に関す... -
フォロワーを個人ユーザーへマイグレーションする処理を実装した話
開発こんにちは!開発本部・バックエンドエンジニアのSongです。2月の下旬に個人ユーザー・フォロワー統合プロジェクトをリリースできました。このプロジェクトでは以下の機能を提供していますユーザーが自身の操作でFacebookフォロワーアカウントを個人ユーザーアカウントへマイグレーションできるユーザーがFacebook認証で個人ユーザーとして新規登録・ログインできるFacebookフォロワーユーザーは新規登録できなくなった。ただし、ログインはできる最も重要なのはFacebookフォロワーが自身の操作でアカウントを個人... -
S3 を活用して工数を削減させた、ファイルアップロード機能の設計と実装
開発こんにちは、開発本部・バックエンドエンジニアの江間です。先日、 PR TIMES の新規機能としてプレスキット機能の提供が開始されました。プレスキット機能では、画像コンテンツや PDF などのファイルのアップロード・ダウンロード、サムネイル画像の自動生成など機能を提供しています。PR TIMES のソースコードはレガシーな PHP で書かれており、少しの機能追加であっても工数が増大したり、これまで通りに実装していくと技術的負債が増えてしまう恐れがありました。また、アップロードされるファイルの容量が大き...
12