桐澤康平– Author –

こんにちは、フロントエンドエンジニアの桐澤（@kiririLee）です。先日、合同会社DMM.comとの合同勉強会を行いました。 【経緯】 今回の合同勉強会は先日開催されたPHPカンファレンス北海道2024がきっかけとなり開催される運びとなりました。 これまでの合同勉強会ではWebアプリケーションに付随する様々な内容のLTが発表されてきましたが、各社フロントエンドの知見を共有したいという思いがあり、今回はフロントエンドがテーマの勉強会を開催しました。 【弊社メンバーの発表内容】 今回もLTの発表順は当日その...

こんにちは。フロントエンドエンジニアの桐澤（@kiririLee）です。PHPのアプリケーションから配信されるプレスリリースがサニタイザーを通るようにしたため、導入するまでに取り組んだことを書きます。 【サニタイザーとは】 HTMLにスクリプトを埋め込んでユーザーのブラウザ上で実行する方法としてまず思い浮かぶのはscriptタグを使用する方法かと思います。ですがこれ以外にもimgタグのonerror属性を使用する方法などHTMLでスクリプト実行する方法は意外と多く存在しています。 悪意のあるスクリプトや不正な HT...

こんにちは。開発本部でインターンをしている桐澤（@kiririLee）です。今回、「PR TIMES Webクリッピングβ版」 というプロジェクトのフロントエンドで実装されていたE2Eテストに対して、APIリクエストを全てモックするように修正を行ったためその取り組みを紹介したいと思います。 【Webクリッピングβ版 について】 Webクリッピングβ版とは、WEB上の記事を調査してくれる機能です。キーワードを指定するだけで調査結果を報告をしてくれるため自社の記事掲載状況や社会動向の分析に役立てられます。 【フロントエン...

こんにちは。開発本部でインターンをしている桐澤です。インターンの業務では主にReactにリプレイスされたページのリファクタリングやコンポーネント修正を行ってきました。 今回はReactで実装されたコンポーネントを誰でも簡単に参照できるようにStorybookを導入したので、どのように行ったかを紹介します。 【】 PR TIMESではデザインチームを中心に去年からデザインシステムを構築してきました。デザインシステム導入当初からデザインと実装されたコードの連携が構想にあり、今回フロントエンドの開発基盤が整...