こんにちは、WEAR部バックエンドブロックの小山とSREブロックの繁谷です。 WEARでは日々システムの信頼性を向上させるため改善に取り組んでいます。今回はその中でもSLOに基づいた改善について紹介いたします。 WEARリプレイスの歩み WEARでは2019年から本格的にリプレイスを開始しましたが、当初は専属のSREはおらずインフラ構築など緊急度の高いものをバックエンドのエンジニアや、プロダクト横断のSREが担っていました。 WEARのSREとして活動に割ける時間も短かったためSLI(Service Level Indicator)1やSLO(Service Level Objective)2の指標もありませんでした。WEARにおけるリプレイスの変遷についてはこちらのスライドに詳しく載せられているため、ご興味のある方は是非ご覧ください。 WEARの組織における課題 WEARでは2021年4

SRE Lounge #13 での発表資料です。 https://sre-lounge.connpass.com/event/227250/

SRE Lounge #13 登壇資料 開発速度と信頼性のバランスを取るためのエラーバジェット。これが枯渇した場合にSREと関係者はどのように行動することとしているか、その考え方や取り組みの事例についてお話しします。 https://sre-lounge.connpass.com/event/227250/

マーケティングに限った話ではないですが、ビジネスにおいて施策を立案、実行する際に「議論があちこちに行ってしまう」「収集がつかなくなってしまう」「現状を把握できない」といった悩みをよく聞きます。このような曖昧な状態でプロジェクトを進めてしまうと、無駄にリソースを使ってしまうばかりか、望むような成果を得ることは難しいでしょう。さて、そんな状態を打破すべく活用したいのが、「マーケティングフレームワーク」です。 ビジネスの様々な状況下に対応できるように、思考整理・現状理解・顧客理解/分析・目標設定・改善における、マーケティング・ビジネスフレームワークを用意しました。それぞれ分かりやすく図を用意し、解説していますので、ぜひ参考にしてみてください。 マーケティングにおけるフレームワークの役割　ビジネスにおける「フレームワーク」は、思考・課題抽出をおこない、課題を解決するために確立された枠組みを指します

■保存期間 冷蔵5日／冷凍1か月 ■紹介文 今日は、豚もも肉ブロックと長ねぎを使ったメインおかずのレシピをご紹介します。 あっさりとした豚もも肉にトロトロになった長ねぎと甘辛いタレを絡めて、旨味たっぷり、ぜいたくにいただきます。 そのままはもちろん、丼飯やワンプレートの具材としてもお使いいただけますので、作っておくとランチもさっと用意できます。冷めてもおいしいですので、のっけ弁の具材にもどうぞ。 ■材料（4人分） 豚もも肉ブロック　400g 長ねぎ　2本（130～200g×2本） 片栗粉　大さじ2 サラダ油　大さじ1 ■合わせ調味料 オイスターソース　小さじ4（20ml） しょうゆ　小さじ4（20ml） 酒　小さじ4（20ml） にんにくすりおろし　小さじ1（1片分） ■作り方 【1】合わせ調味料を混ぜ合わせておきます。 この作業は、手順6～7で豚肉を焼いている間に行うと効率が良いですが、

こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「Applicationのアーキテクチャ」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、わたしの所属する株式会社ナレッジワークで開発・運用しているWebアプリケーションのドメインロジックやAPI通信部分のアーキテクチャについてご紹介していきます。いわゆるフロントエンドの中でも裏側の部分。 一番設計っぽい話になると思いますが、そのぶん「△△ライブラリの便利な使い方」「◯◯のベストプラクティス」というような具体的で汎用的な話とは異なり、うちではこうやってますという事例の共有以上の何物でもないです。 社内資料を社外にも公開するぐらいのイメージで共有していきます！ 前提:アプリケーションの構成要素の4分類 前段として、大元の思想から話します。 まず、フロントエン

Pure ESMとはES Modulesのみで提供されているパッケージ（モジュール）のことです。 個人的にはNative ESMで良いのでは？と思うのですが、いろいろと面倒くさいところがあるみたいなのでPure ESMという書き方で統一します。 要約（またはTL;DR） Pure ESMをバックエンドに使ったtextlintプラグインをTypeScriptで作ってみたら初見殺しに遭いました。TypeScriptはクソゲーCommonJSとPure ESMをTypeScript内でうまく共存させる方法を書いていきます。 PoCツールとしてDenoは最高でした。むしろ最初からES Modulesのみのパッケージを作るなら第一選択肢としてDenoを使うべきと思いました。小賢しいハックをしなくても普通に動くビルトインツールは最高です。 目的が目的とはいえTypeScript歴10日のド素人が手を出

Cloudflare Workers and micro-frontends: made for one another10/20/2022 This post is also available in 简体中文 and 繁體中文. To help developers build better web applications we researched and devised a fragments architecture to build micro-frontends using Cloudflare Workers that is lightning fast, cost-effective to develop and operate, and scales to the needs of the largest enterprise teams without compro

この記事は、マネーフォワード関西拠点 Advent Calendar 2022- Adventar　の25日目の投稿です。 私はマネーフォワードの大阪開発拠点長として、また、エンジニアリングマネージャとして良いプロダクトを作れる良いチームを作るために日夜奮闘しています。 この記事では今年一年を振り返って、考えてきたこと、悩んできたこと、学んだことを言語化していこうと思います。 ちなみに筆者ってどんな人？についてはこちらの記事を閲覧いただけると喜びます。 私たちのチーム私の所属している関西開発拠点の多くのメンバーがビジネス向けのプロダクトの開発に携わっています。 具体的には以下の３プロダクトの開発を担当しています。 マネーフォワード クラウド会計Plus マネーフォワード クラウド連結会計 マネーフォワード クラウド アプリポータル 私はこの３つのプロダクトの開発チームに責任を持ち、マネジメ

この記事は STUDIO アクセシビリティ委員会のマガジン vol.7 です。 こんにちは！STUDIO株式会社 フロントエンドエンジニアのjimbouです。 私からはSTUDIO アクセシビリティ委員会マガジンにて、主にエンジニア/デザイナーさん向けに技術的な記事を発信しています。 STUDIOに限らずWebサイト、Webアプリに携わる全ての方々に読んでいただければと思います🌟 今回は「カルーセルUI」についての記事になります💡 Webサイト、WebアプリでカルーセルUIをデザイン/実装する方に向けて、少しでも役に立つ記事になれば幸いです☺️ 何のためにアクセシビリティを向上させるのか？では、カルーセルUIを実装する上で、アクセシビリティを向上させるとどんな良いことが起こるのでしょうか。 例として、アクセシビリティを特に意識せず、主にdivタグを用いてマークアップしたカルーセルUIを

Photo by Anete Lūsiņa on Unsplash. Not without reason, it presents packing. “Sometimes the line between genius and madness is hair thin.” There are many programming languages that are dynamically typed, which means that you can reassign variables many times using completely different types of value. Let’s see this in JavaScript: let a = "foo"; //It starts as a string a = {bar: 1}; //Then it's an o

AWS News Blog Amazon Prime Day 2022 – AWS for the Win! As part of my annual tradition to tell you about how AWS makes Prime Day possible, I am happy to be able to share some chart-topping metrics (check out my 2016, 2017, 2019, 2020, and 2021 posts for a look back). My purchases this year included a first aid kit, some wood brown filament for my 3D printer, and a non-stick frying pan! According to

これは Chromium Browser アドベントカレンダーの十日目の記事です。本記事では Chromium における JavaScript のスレッド並列実行環境について仕様・実装・API の面から包括的に紹介します。ブラウザの内部実装に興味がある人を対象に、各機能の使い方ではなく実行モデルに焦点を当てて説明しているため、難易度は高いです。使い方を知りたい人は MDN などの記事を読んでください。この記事をきっかけに実装解読に挑戦してみる人が一人でも増えると幸いです。 本記事を書くにあたり、yuki3 さんに多くのコメントをいただき、議論に付き合っていただきました。ありがとうございました。なお、文責はすべて私 (nhiroki) にあります。誤りや補足、質問などは気軽に GitHub Issue もしくは Twitter へお寄せください。 更新履歴 2018/01/15 Layout

概要: Rustの Arc 型の実装は宝の宝庫です。そこで、これを隅から隅まで解説してみます。 第1回「Arc/Rcの基本」では、実際に Arc のソースを読む前に Arc/Rc の使い方を解説します。 第1回 Arc/Rcの基本 第2回 Rcを読む基本編 第3回 Rcを読む発展編 第4回 アトミック変数とメモリ順序 第5回 Arcを読む はじめに Arc<T> はRustの基本的な型のひとつですが、 Box<T> のようにコンパイラに特別扱いされているわけでもなく、実装も比較的コンパクトです(コメントやテスト、安定性に関する指示などを除いて500LOC程度) その一方で Arc は並行性制御や Deref, ドロップチェッカー, Unpin, Layoutの扱いなどRustをよりよく理解するための題材を多く含んでいます。そこで本記事では Arc<T> の実装を読んでいきます。 とはいえ、

「レガシー」を保守したり、刷新したりするにあたり得られた知見・ノウハウ・苦労話 by Works Human Intelligence Advent Calendar 2022 の 15日目の記事です。 qiita.com 筆者は過去に、中〜小規模のWebアプリケーションでレガシーフロントエンドの改善作業を業務でやっていた。その経験を元に技術同人誌を作成し、それがきっかけで「レガシーフロントエンド安全改善ガイド」という書籍を出した。 初版から数年経ってしまい、詳細な利用技術などの説明は少し古くなってしまっているのだが、ベースとなる考え方の部分は今でも変わっていないと思う。 一方で自分自身は、その経験が他の環境でも通用するのかを試してみたくなり、転職して一年強ほど大規模なフロントエンド刷新に関わっていた。 あまりにも規模が大きいため完遂を見届けたわけでもないが、現段階でも学びや得られたものは