開発– tag –
-
PR TIMESで使用しているECSのおすすめ設定
こんにちは、普段PR TIMES STORY(以下STORY)の開発リーダーをしている岩下(@iwashi623)です。 本記事ではPR TIMESで稼働しているAWS ECSやFargateで採用中のおすすめの設定について書いていきます。なお、PHPカンファレンス 2022のスポンサーLT で話した内容と重複しますので、興味がある方はスライドやYouTubeの動画も覗いてみてください。 【おすすめ設定1 ECS Exec】 まずおすすめしたいのは、ECS Execです。 以下AWSドキュメントより抜粋 Amazon ECS Exec を使用すれば、最初にホストコンテナのオペレーテ... -
Puppeteerを使ってクローラを作った話
こんにちは、開発本部のバックエンドエンジニアのThai(タイ)です。クローラ改善プロジェクトを行い、Puppeteerを使って新しいクローラを作りました。今回の記事ではPuppeteerで開発したクローラについて紹介したいと思います。 【Puppeteerとは】 Googleで開発されて、DevToolsプロトコルを介してChromiumやChromeを制御するための高レベルなAPIを提供するNodeライブラリです。 参照: https://devdocs.io/puppeteer/ 【クローラとは】 インターネット上の様々なWebページをスクレイピングするツールです。 【な... -
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 ... -
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/ 【新機能「プレスキット」とは】 「プレスキット(または、メディアキット)」とは、メディア関係者向けに作成する、企業や事業...