パフォーマンス改善

こんにちは、 Web フロントエンドエンジニアの @progfay です。 今回は PR に紐づいたプレビュー環境のビルドに 10 分半かかっていたところを 3 分半ほどまでに短縮した改善活動についてお話しします。 技術改善 Day 私の所属するスタディサプリ中学講座の開発プロジェクト (通称: tara) では「技術改善 Day」を 2 週間に 1 回実施しています。 「技術改善 Day」とは、案件開発を進めていく中で出てきた技術的負債の解消に丸 1 日チームで集中して取り組む日です。 tara 内の Web フロントエンドメンバーで解消したい技術的負債を考えたところ、その中の一つに Web…

はじめに この記事では、モノタロウの基幹系を構成するシステムの一つである、商品情報管理システム（PIM：Product Information Management システム）の導入プロジェクトで、商品情報を基幹系と同期するシステム（商品情報同期機能）の性能や運用環境の改善を行った話をご紹介します。 背景 モノタロウの基幹系は、長年内製のシステムで支えられてきました。基幹系のシステムは、少数のWebアプリケーションと多数のバッチから構成されています。中でも商品情報の管理に関するシステムは、在庫や仕入先に関するシステムと一体化していて、商品情報に関する数多くのマスタメンテナンス画面を備えたやや複…

経緯 LightHouseとは？ 品質を計測してみる どのように対応したのか Performance Accesibillity Best Practices SEO 最後に 今回、私が開発・運用しているHiramekiというサービスのパフォーマンスをLightHouseというツールを使って改善した話をしたいと思います。 今は小さなサービスですが弊社では新規事業開発に特化したサービス構想を考えています。 この小さなサービスを起点に今は空いている時間を見つけて施策を考えてアプローチを行い自社のナレッジを貯めていってます。 経緯 なぜLightHouseを使ってパフォーマンス改善を行おうとしたのか…

はじめに preloadやpreconnectのResourse Hintsを使う？ media属性とonload属性を使った非同期読み込みテクニック 最後に はじめに CSSは画面描画をブロックするリソースとして扱われます。 developers.google.com 今回はパフォーマンス改善の一環としてCSSを非同期に読み込ませるテクニックを紹介していきます。 知っている方は結構いるかと思いますので知らない方へ紹介出来たらなと思います！ サイトの表示に時間がかかったりする時に色々なパフォーマンス改善のテクニックがあるかと思います。 例えばJavaScriptを記述する場所はbodyの閉じタ…

こんにちは。 Eight でエンジニアをしている鳥山（@pvcresin）です。 最近は芸人のラランドのラジオにハマっています。「お母さんヒス構文」が好きです。 さて今回は、私が普段行っている Frontend Enabling 業務の紹介をしたいと思います。

ChatGPTはGPT-3のデータ改善版です（たぶん）。 そんなすげー自然言語モデルを作り出したOpenAIですが、そもそもなぜこんなすげーものを作れたんでしょうか？ 現在のAI研究は、大金ですごいモデルを動かして精度最強卍卍を出すのか勝ちパターンとのことですが、OpenAIが金持ち企業だったからすげーモデルができたのでしょうか？ じゃあそのお金はどこから出たのか？ 私、気になります。調べてみました。 まず、ざっくりOpenAIについて理解します。 日本語でまとまってるのがNRIの以下サイト。 www.nri.com OpenAIについて 2015年12月に再生可能エネルギー ソリューションを…

freee人事労務開発チームでアプリケーションエンジニアをやっている @massan です。 2021年10月に入社して以来、freee人事労務開発チームのメンバーとして新規の機能開発や改善に取り組んでいます。 今回は、freee人事労務のメイン機能の一つである従業員一覧画面のパフォーマンス改善・リアーキテクチャに取り組んだ話を紹介します。 従業員一覧画面とは 従業員一覧画面はfreee人事労務で最も利用頻度が高い画面の一つで、従業員に対する様々な操作の起点となる画面です。 freee人事労務の従業員一覧画面 ごく一般的な一覧画面で、フィルタリング・ページネーション・ソートといった機能を持って…

こんにちは、メディアプラットフォーム事業部の多保です。 当社は動画配信のプラットフォームを提供しており、 動画配信の開発プロセスにおいて避けて通れないのが負荷試験になります。 どのくらいの負荷に耐えうるアーキテクチャになっているか？ 実装になっているか？ 負荷試験によって事前に把握し、改善することが重要です。 今回は当社で活用している負荷試験のツールの紹介と環境構築、その使い方について簡単に紹介しつつ 最終目標として「秒間1万リクエストの負荷をかけることができる負荷試験環境の構築」を行います。 本記事の内容はMacでの操作を想定しています。 負荷試験ツールLocustについて Locustをイ…

エキサイト株式会社メディア事業部エンジニアの佐々木です。HTMXは、React.jsやVue.jsなどの大きいフロントエンドフレームワークを用いることなく、SPAのような仕組みを提供してくれるライブラリになります。 htmx.org HTMXとSpringBoot Thymeleafを使用して、簡単なサンプルを作ってみます。 動作確認環境 SpringBoot側のコード HTML 実行 まとめ 最後に 動作確認環境 動作確認環境としては下記になります。 Java $ java --version openjdk 17.0.1 2021-10-19 OpenJDK Runtime Environ…

この記事では、Mackerelを使ったSLI/SLOによるサービス運用を紹介します。 SLI/SLOとは何か SLIの実装 SLOの設定 エラーバジェットとは さらに詳しく知るには MackerelでのSLI/SLO運用 SLI/SLOを策定する 可用性の計測 レイテンシの計測 ダッシュボードで定期的に状況を確認する 式による監視でモニタリングする SLI/SLOを運用と開発に活用するためには まとめ SLI/SLOとは何か SLI(Service Level Indicator)とはユーザーに提供したいサービスのレベル(水準)を計測する指標であり、SLO(Service Level Obje…

こんにちは、CTOのzoo（YOUTRUST/Twitter）です。 先日、全社合宿が千葉で開催されたのですが、創業エンジニアのやまでぃ（YOUTRUST/Twitter）と2人で自転車で行きました。片道120kmくらい。次の合宿も自転車でいきたいと思っています。ちなみに帰りはバスでした。直前に自転車で行きたいという話になったのですが、快く対応をしてくれたみなさま、ありがとうございました！ 合宿に向かう途中で太平洋が見えた瞬間 さて、2023年に入って早くも1ヶ月経とうとしていますが、2023年にやっていきたいことを書いていきたいと思います。 1. 機能開発スピード2倍 ユーザー様、企業様によ…

.table-of-contents { max-height: 30em; overflow-y: auto; } .table-of-contents > li > ul > li > ul { display: none; } .stab { width: fit-content; min-height: 36px; display: flex; align-items: center; white-space: pre-wrap; padding: 3px; margin-bottom: 5px; font-size: 0.875rem; background: #FFF5D6; bo…

はじめに こんにちは！ モジュール開発部の yamakazu (@yamarkz) です。 あけましておめでとうございます。2023年もよろしくお願いします。 本記事が新年最初のプロダクトブログになるのですが、何を書こうかとても迷いました。笑 抱負的な何かが無難だと思いつつ、1年先のことまでは見通すことができない。10Xはドラスティックに事業や組織が変わるので、中長期な目線で1つのテーマを説くのは難しいなと。そう色々と考える中で、ちょうど足元で成果が出始めている具体の取り組みを紹介したい！というモチベーションが生まれてきました。 なので今回は、半年先までの将来的な抱負の意図を交えながら、直近の…

はじめに こんにちは。ニコニコ漫画の開発をしているyotaとtukiyoです。 この記事はペアブロギングによって執筆しています。 本記事ではニコニコ漫画で利用しているRubyのバージョンを3.2.0へ更新したこととYJITの有効化によるパフォーマンスの変化について紹介します。 ニコニコ漫画のインフラ構成についてにある通り、ニコニコ漫画は4つのプロダクトによって運用されています。 このうち本記事の対象となるのは、Rubyを利用している「新バックエンド」と「課金サブシステム」になります。 今回、Rubyのバージョンが3.2.0になったことでYJITが実験段階ではなくなりました。*1 ニコニコ漫画の…

2023年年初のピクテセミナー動画がアップされました。萩野氏によると金と新興国が今年の狙い目ということです。 特にゴールドについては、逆イールドとなりFF金利が10年債利回りを上回った水準から利下げのボトムまでの期間パフォーマンスが良く、2000年以降4度あった同期間で全て世界株式をアウトパフォームする結果となっています。しかも内3度は20%を超えるパフォーマンスとなっています。 さらに2022年7月以降は資金が新興国へシフトしており、先進国株式などをアウトパフォームする状況が続いています。昨年のドル一強の反動から今年は新興国現地通貨ベースでのアセットも相対的にアウトパフォームが期待でき、株式…

こんにちは、かたいなかです。 『詳解システムパフォーマンス 第2版』の日本語版が2023/01/24についに発売されました！ www.oreilly.co.jp 私個人は原著で読んだのですが、他の人に強くおすすめしたくなるような内容でした。そこで、日本語版の発売に合わせてどのあたりが良かったのかなど、内容をご紹介します。 TL;DR パフォーマンス改善タスクの課題感 どんな本？ この本のどこがいい？ Linuxの仕組みを広く深く学べる パフォーマンスの観点での情報が豊富 どんなひとにおすすめできるか？ クラウドやコンテナが当たり前になってからSREになった人 Linuxの知識をアップデートした…