はてなブックマーク

概要 10月5日(土)に開催されたYAPC::Hakodate 2024 で「AWS COST CUT FIGHT」という株式会社DELTA様のイベントがありました*1。 その中で弊社SREが2000$越えのコスト削減を達成しました。 むずかった😇 月間$ 2,150のAWSコスト削減に成功しました！ あなたはいくら削減できる！？ コスト削減クイズにチャレンジ！ presented by 株式会社DELTA https://t.co/CQyjt4khLM #yapcjapan— nakamura (@__namakura) 2024年10月5日 と思ったらついに2000ドルの壁を超えた猛者が！#yapcjapan https://t.co/urqqE3jekh pic.twitter.com/VZStS3paEj— Keisuke Nishitani (@Keisuke69) 2024年

まずはこちらをお聞きください。 技術的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない動作や、アクセシビリティ上の問題が発生します。 これは MDN でも詳しく説明されています。 onclick イベント -- \<a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN よく見られる誤った使い方として、擬似的なボタンを作成するためにアンカー要素を使用し、href を # または javascript:void(0) に設定してページの再読み込みを防ぎ、click を待ち受けするようにするというものがあります。 これらの偽の

クラウドサインのフロントエンドエンジニアの辻@t0daaayです。 2024 年 9 月 1 日に Vue 3.5 のリリースが発表されました。 https://blog.vuejs.org/posts/vue-3-5 このブログでは、このリリースノートを読みリリースされた内容を実際に動かしてみたり、さらに調査した内容についてまとめました。 Reactive Props Destructure の安定化 https://vuejs.org/guide/extras/reactivity-transform.html#reactive-props-destructure props が分割代入の形式でもリアクティブを保てるようになりました。 書き方がかなり簡潔になっています。 const { count = 0, msg = 'hello' } = defineProps<{ count?:

こんにちは。税理士ドットコム事業部の @komtaki です。 先日、税理士ドットコムの local 環境に「クラウドネイティブ時代のリバースプロキシ」Traefikを導入しました。プロキシサーバーの候補として最初に思いついたのは nginx でしたが、最終的には、設定ファイル不要で compose.yml だけで完結する Traefik に決めました。 そこで本記事では、Docker を前提としたコンテナのラベルでの設定方法など、導入の過程で調べた Traefik を使うために必要な情報をまとめています。 なお Traefik にはロードバランサーの機能もあるのですが、ここではプロキシの機能に焦点を当てて説明します。 Traefik とは 主な特徴 Docker での基本的な設定 Traefik の本体の設定 ラベルでサービスごとの設定 ポート検知 ルーティングの設定 代表的なルールの設

こんにちは2025年内定者の千木良です。現在は東京国際工科専門職大学4年生で、２０２５年４月に弁護士ドットコムに入社予定です。 ２本目の記事では、チーム開発では欠かせない思考を学べる「Team Geek」について大切だと思った点をまとめました。 学生と社会人の大きな違いは、チーム開発を行うかどうかだと思います。本書を読むと、チーム開発を円滑に進めるための知識が身につくためぜひご覧ください！ この本が必読書である必要性 Team Geekとは こんな人におすすめ Team Geekの重要ポイント チーム開発における重要な考え方 素晴らしいチーム文化を作る 文化とは 文化を気にかける必要性 外発的動機と内発的動機 さいごに この本が必読書である必要性 Team Geekを読んで私が感じたことは、Team Geekで大事にしている考え方がないとチーム内で余計な衝突が起きたり信頼し合える関係を築く

こんにちは、2025年内定者の千木良です。現在は東京国際工科専門職大学4年生で、２０２５年４月に弁護士ドットコムに入社予定です。 この記事では、弁護士ドットコムの必読書である「リーダブルコード」を読んだため、学生エンジニア視点で重要だと思った点をまとめた記事になります。 ボリュームがある記事になってしまいましたが、この記事を読むだけでエンジニアとして一回り成長できる内容になりましたのでぜひ最後まで見てもらいたいです！ この本が必読書である必要性 リーダブルコードとは？ こんな人におすすめ 本書の重要ポイント 名前の命名を意識しよう 名前に情報を埋め込む 誤解されない名前にする コメントする際はなぜ記述するのか考えよう コメントの目的を考える コメントは正確で簡潔に コメントを書く癖をつける 変数を意識して使う 変数を削除する 変数のスコープを縮める さいごに この本が必読書である必要性 こ

この記事を読むとわかること なぜボタンを button 要素で作るべきなのか、その理由 どーーーーーしてもボタンを別の要素で作らなければいけないとき、何をすればいいか 答え button 要素を使ったときに得られる標準動作を捨ててまで得られるメリットがないからです。 HTML の標準に従って、適切な要素を用いて開発することが重要です。 そもそも HTML (HyperText Markup Language) は、ドキュメントの構造や意味を印付けして表すためのマークアップ言語です。 ボタンにはボタンであるという印、つまり button 要素を用いるのが理にかなっています。 button 要素の特徴 button 要素は、標準でこれだけのことをやってくれます。 これが Web 画面における「ボタン」の機能であり、button 要素以外でボタンを作るには、これらを自分で実装しなければなりません

こんにちは。クラウドサイン事業本部 SREチームの高橋です。 普段はSREとして勤務する傍らデータエンジニアとしても働いています。 今回、2024年5月14日（火）に開催された「TECH PLAY主催：primeNumber | 弁護士ドットコム｜キャディ｜コミューン共催イベント」にて第1セッションで登壇させていただきました。 techplay.jp セッションでは データ分析基盤の体制改善 について発表しまして、その内容をブログでも共有します。 セッション情報 セッションタイトル セッション資料 セッションの内容 データ分析基盤の運用課題 体制改善の3つのアクション 改善ACTION 1: 状況管理ができるチームを構築 改善ACTION 2: ズレたチーム目標の再設定 改善ACTION 3: 特定のチームへの分析支援 改善後の運用について リードタイムの短縮 割り込みタスク対応 展望・要

TL; DR Go HTML Template では、渡した文字列がデフォルトでエスケープされますが、Typed Strings を渡すとエスケープされません そこにユーザーが自由に指定できる値を設定すると、XSS 脆弱性につながる恐れがあります Revel の関数の中には、引数に渡した値を、内容はそのまま Typed Strings にして返すものがあります すべての条件が揃うケースは稀ですが、気をつけましょう Go の HTML テンプレート html/template は Go の標準ライブラリです。 他の言語にも存在するような、HTML へのテンプレート展開を実現してくれます。 以下のコードが <!-- greeting := "hello!" --> <p> {{ .greeting }} </p> このように変換されます。 <p> hello! </p> 便利な一方で、変数を

データ分析基盤室の otobe（𝕏@UC_DBengineer） です。 事業規模が拡大し、大規模なデータの管理が必要になるにつれて、SnowFlake や BigQuery のようなハイパワーな DWH サービスでデータを加工するケースは多いです。 その際、想定外な高額請求が起こる原因のひとつに、クエリが最適化されておらずスキャン量が増大しているケースがあります。 そのため、クエリのスキャン量を監視・管理することが課金額を減らすうえで有効な手段となることがあります。 本記事では、前半で BigQuery で課金されるスキャン量を監視・管理するまでのプロセスを振り返り、 後半で BigQuery の課金額を減らすために簡単にチェックできることについてお話しします。 BigQuery クエリにおけるスキャン量を監視・管理するに至った理由 BigQuery の課金額が想定より大幅に増加してい

弁護士ドットコムで働く人事部 労務チームの後沢です。 弊社には様々な部活があるのですが、私は某アイドル事務所を応援する部活に入り、大好きなアイドルグループ Kis-My-Ft2 を応援することに生きがいを見出しております。 しかし、昨年、事件が起きました。 生きがいであるアイドルグループKis-My-Ft2のメンバー北山宏光くんが2023年8月31日にグループを脱退し、事務所も退所することになったのです。 www.oricon.co.jp 仕事の憂さは、推し活で晴らし、日々生きながらえているのですが、この事態だけはどうにも受け止めることができません。 忘れるために熱心に仕事をしていたら、推し活の憂さを仕事で晴らす結果となったので、せっかくだからブログにしたためました。 （エンジニアでもない私が、GASを書くきっかけは、こちらをお読みください。） creators.bengo4.com これ

こんにちは。税理士ドットコム事業部の @komtaki です。 ChatGPT が 2022 年 11 月 30 日に出て一年が経ちました。みなさんも生成 AI を本番サービスで活用できてますか。 弁護士ドットコム株式会社でも実運用の壁を乗り越えて、実際にビジネスを変革するため本番サービスへの活用が進んでいます。「Developers Summit 2024」で市橋がプレゼンしていますので、よろしければご覧ください。 GenAI in Production～生成AIに君がみた光と、僕がみた希望～ / 20240215_devsumi2024 - Speaker Deck その事例を踏まえて、社内システムで生成 AI を組み込む流れとその勘所についてお話しします。生成 AI のカスタマイズに関する専門的な話（ファインチューニングや RAG など）には一切触れず、プロンプトエンジニアリングだけ

クラウドサインのフロントエンドエンジニア辻です。 現在所属しているスクラムチームで、はじめてモブプロを実施しました。 その結果、チームに非常に良い結果をもたらしたため、実施した経験とその中で得られた成果について書いていきます。 モブプロとは 前提 今回実施したモブプロ 目的 役割 進め方 ツール mob 1. セッションの開始 2. ドライバーの交代 3. セッションの再開 4. セッションの終了 Live Share (Visual Studio Code) canvas (Slack) 実施詳細 成果 効率的な問題解決と意思決定 コードレビューの効率化 知識共有の促進 見落としや修正点の早期発見 実装経緯の共有 心理的安全性の向上 まとめ モブプロとは モブプロ（モブプログラミング）とは、複数の開発者が 1 つのプロジェクトやタスクに取り組むソフトウェア開発の手法です。 チーム内で、1

Gmailが「メール送信者のガイドライン」を改訂し、なりすましメールへの対策を強化する旨を発表しています。今までは原則、なりすましメール対策の有無にかかわらず、メールはいちおうは届いていました。しかし今後は、なりすましとみなされたメールは届かなくなる方向に向かいつつあります。 なりすましメールとみなされないようにするために、メール送信者には、「メール送信ドメイン認証」への対応が求められます。メール送信ドメイン認証の技術には、主に以下の3つがあります。 SPF: Sender Policy Framework (RFC 7208) DKIM: DomainKeys Identified Mail (RFC 6376) DMARC: Domain-based Message Authentication, Reporting, and Conformance (RFC 7489) SPFは従来

この記事は、弁護士ドットコム Advent Calendar 2023の25日目の記事です。 前日は tsuchiya さんの「ログや例外についてレビューや実装時に意識していること」でした。 はじめに: 人と成りては童子のことを棄てたり インターネットの海には、不幸な開発プロジェクトの話が溢れています。例えば「とにかく言われた通りに作ればいいんだ」「スケジュールにコミットしろ」「遅れは徹夜で取り戻せ」「障害を起こしたら減給だ」など*1。 プロダクト開発に携わる人であれば、こうしたやり方が無意味どころか逆効果であることはご存知でしょうか。では、なぜこうしたやり方が提唱されてしまうのでしょうか。 それは、旧来のビジネスの常識*2に照らせば、ある意味でまっとうなやり方だからです。問題は、プロダクト開発においてはビジネスの常識が通じないことにあります。 (加えて、にも関わらず旧来の常識が押し通され

この記事は、弁護士ドットコム株式会社の Advent Calendar 2023 の 22 日目の記事です。 前日は @et_tei さんの「FireHOL で公開されているブラックリストからの接続 Akamai でブロックする」でした。 こんにちは。税理士ドットコム事業部の @komtaki です。 数年間 TypeScript を業務で使っていたのですが、型パズルの Type Challenges をやってようやく TypeScript の本質を理解していないことに気づきました。 この記事では Type Challenges を通して、私のような型パズルが難しいと感じる人のために型パズルを理解するための言語機能と使い方を 8 つのポイントでまとめます。 この 8 つのポイントを理解すれば、いろんな型パズルが理解できるようになるはずです。 Type Challenges とは TypeS

この記事は弁護士ドットコムAdvent Calendar 2023の20日目の記事です。 昨日は @dskymd さんのOptimistic Updateに触れてみる でした。 はじめに こんにちは、弁護士ドットコム本部 デザイナーの林です。 去年のアドベントカレンダーはデザイントークンの記事を書いたのですが、今年は弁護士ドットコムのデザインシステムの取り組みを俯瞰した振り返り的なお話をしたいと思います。ノウハウではなく過去からの学びですが、下記のような方々に読んでいただけると良いのかな、と思っております。 これからデザインシステムを始める方 デザインシステムを始めたけれど、どこにリソースを集中したらいいのか迷っている方 qiita.com デザインシステムは捉えにくいもの デザインシステム‥この言葉をあなたはどう説明しますか？ そもそも、「デザイン」も「システム」も、一義的に固定された意

この記事は、弁護士ドットコム株式会社の Advent Calendar 2023 の 21 日目の記事です。 皆さん、こんにちは！弁護士ドットコム SRE 室の @et_tei です。国籍は中国で、今年は来日13年目です。今回は FireHOL で公開されているブラックリストからの接続 Akamai でブロックする方法をご紹介します。 背景 Akamai API Client の発行と Akamai NetworkList の作成 API Client の発行 Akamai NetworkList の作成 Lambda 関数の準備 ソースコードの準備 EdgeGrid の準備 Lambda 関数用ライブラリの準備 Lambda 関数作成 EventBridge の scheduler を作成する Akamai で Network List を確認する 背景 FireHOL で公開しているブ

この記事は弁護士ドットコム Advent Calendar 2023の 17 日目の記事です。 前日は@Abbiscuitさんの投稿「デザイナーが Alpine.js を触って感じた Good なこと」でした。 こんにちは。 BUSINESS LAWYERS のプロジェクトマネージャーを担当している、こが @_poemn です。 私は 2023 年の 5 月に育休から復帰しました。 その後6 月から BUSINESS LAWYERS LIBRARY と弁護士ドットコムライブラリーの開発をするライブラリー推進グループでプロジェクトマネージャーを担当しています。 新米プロジェクトマネージャーながら何を考えどう振る舞ったのか、まだまだ足りないこれから意識したいことはどんなことかを整理して振り返ります。 主にやったこと 半年間でプロジェクトマネージャーとしてやったことはたくさんありますが、主に以下

はじめに これは 弁護士ドットコム Advent Calendar 2023 の15日目の記事です。 こんにちは。弁護士ドットコムでSREを担当する、福岡県在住の@hikarun です。 2023年10月より弁護士ドットコムに入社し、リモート勤務と出社のハイブリッド*1で日々業務に邁進しております。 昨今の情勢によりまた働き方が変化し、リモート勤務から出社の流れになってきていますね。 福岡からリモートで仕事を続ける私の働き方や考え方、最近の変化、今年の大きな買い物などについて、筆を走らせていこうと思います。 2023年の大きな変化 まずは私の2023年の大きな変化ベスト3についてまとめて行こうと思います！ 👑第一位👑 念願のマイホーム！手に入れました！ 当時賃貸で住んでいた家の向かい側が突然更地になり、あっという間に注文住宅や建売住宅が綺麗に立ち並ぶ新興住宅地へと変貌を遂げました。 博

この記事は「弁護士ドットコム Advent Calendar 2023」の 14日目の記事です。 前日の記事は @astkhs さんの「イマジナリーキャットと暮らしたい」でした。 とても真剣に猫を追求する内容がとても面白く興味深かったです！ タイトルだけで面白いのずるいです（笑） 弁護士ドットコム株式会社で、電子契約サービスであるクラウドサインの開発に携わっているエンジニアの神達です。 入社して2年経ったのですが、業務にて入社前には未経験だったスクラム開発をすることになったので、その過程と大事だと思っている内容をまとめてみました。 内容としてはマインド面の要素が多く、具体的なテクニックのようなものは少ないです。 まだ経験値は浅いのですが、似た境遇の方に参考にしていただいたり、単純に読み物として楽しんでいただければ幸いです。 対象読者 要約 前提知識 スクラム開発ってなに？ ん？？アジャイル

この記事は、弁護士ドットコム Advent Calendar 2023の13日目の記事です。 前日は @quickper さんの「地域防災から学ぶ平時の備え」でした。 災害が多くなってきている時代なのに、社会人になってから防災を学ぶ機会がないことに危機感を感じました。事前に知識・備えをしておくことの大切さを学んだ素敵な記事でした。 前置き：猫と暮らしたことがない人間の妄想している内容になります。猫飼いの先輩方、お手柔らかに見ていただけますと幸いです。 弁護士ドットコムのデザイナーの高橋です。 転職も挟んだリモートワーク生活が、来年で4年目に入ります。 SNSでは日々、多くの人が猫を飼うことで生活の質（QOL）が向上すると感じている発信していまよね。 猫との触れ合いはストレス軽減や心の安定につながる 猫と暮らすことで責任感が芽生え、メリハリのある日常生活が送れるようになる。 猫の遊び相手にな

この記事は弁護士ドットコム Advent Calendar 2023の9日目の記事です。 前日は @RINYU_DRVO さんの「Go html templateで書くhtmlメールのハマりどころと対処法」でした。 クラウドサインのサービスから送信されるメールに絡む出来事は、私もいろいろ目にしてきたため、ダイナミックに頷きながら読ませていただきました。 @RINYU_DRVO さんは何事にも貪欲にチャレンジされていて、いつも尊敬しています。 こんにちは。クラウドサインでCustomer Reliability Engineer(CRE)をやっている谷(@taaag51)です。 ストレイテナーというバンドを推し、愛し、人生を捧げている者です。 私は2021年に弁護士ドットコムへ入社し、早いもので来年で4年目に突入します。 CREからクリエイターズブログに寄稿するのが初ということもあり、CRE

この記事は弁護士ドットコム Advent Calendar 2023の 5 日目の記事です。 昨日は @hosogaiさんの スプレッドシートとGoogle Apps Scriptでtextlintの辞書ファイルを生成するでした 。 クラウドサインのサーバーサイドエンジニア吉田です。 もう年末まであと 3 週間というところですが、2023 年の 8 月と 9 月には会社としてはじめて、 エンジニアを目指す学生向けに本格的なインターンシップを行いました。 開催期間は 1 週間ずつでたくさんの学生が参加してくれました。 今回の開催ではオフラインで、執務スペースの一画で行いました。 本記事では、インターンシップでの狙いとどのような技術要素を利用したかまとめました。 インターンシップで行ったこと インターンシップの狙い あえてやらなかったこと Dockerを利用しての環境構築 チーム開発 技術要素

この記事は弁護士ドットコム Advent Calendar 2023の4日目の記事です。 前日は @saku_238 さんの「部屋とTシャツと私 〜Tシャツから2023年を振り返る〜」でした。 こんにちは、弁護士ドットコム本部 デザイナーの細貝です。 一昨年のアドベントカレンダーで、弁護士ドットコムのtextlintのプリセットルールとBotをつくった記事を書きました。 note.com （気づいたらもう2年前なことに震えてしまいますが）いまでも凛さんBotは社内でちょこちょこ活用されています。 プルリクエストを送っていただいたり、ルール追加の相談をいただいたり…と、辞書に載せている用語も少しずつ増えてきています。 辞書ファイルをもっと気軽につくったり更新できるようにしたい 利用したもの つくったもの シートに辞書ファイルのテンプレートを適用する スプレッドシートから辞書ファイルを生成する

こんにちは。弁護士ドットコム クラウドサイン事業本部で SRE をしています、大内と申します。 クラウドサイン事業本部の SRE ではサービスの可用性、信頼性の向上や開発の高速化、省力化を目指した開発を日々行っています。 クラウドサインの本体アプリケーション（以下本体）のソースコードは GitLab で管理しており、 関連サービス、バッチなども 1 つのリポジトリで管理するモノレポ構成を取っています。 2022 年 9 月当時、バッチのソースコードだけで 43 個も管理していました。 バッチはいずれも GitLab CI で自動テストを実装しており、その CI コード行数はすべて合わせると 3600 行もありました。 今回は、そんな .gitlab-ci.yml を CI テンプレートを使って改善した話をご紹介します。 CI テンプレート導入以前の CI CI の改善するべき点 重複するコ

今年の頭から税理士ドットコム事業部に異動した @komtaki です。3 月末から 7 月まで育休を頂いていたのですが、無事復帰しました。 部署異動してすぐに、ジョブ追加の際にコンテナや CI/CD の最適化がされず開発体験を損なっていると感じました。そこで、異動直後の 2 月末に、フルスクラッチでコンテナと CI/CD を作り直しました。 約半年運用し GitLab CI でのデプロイ運用のデータが溜まり、定量的にデプロイを分析できるようになりました。 そこで税理士ドットコムのデプロイフローにどのような問題があったのか、CI/CD の設計の考え方と改善後の効果についてお話しします。 CI/CDとは 簡単におさらいすると、CI/CD とはソフトウェアの変更を常にテストし、自動で本番環境へ適用できるような状態にしておく開発手法です。CI/CD がうまく機能した場合、下記のような効果があります

こんにちは。技術広報を担当している @a.kato です。 2023年9/28(金)に開催された「SRE NEXT 2023」に、クラウドサインはダイヤモンドスポンサーとして協賛しました。 記事を書くまでがカンファレンスということで、遅ればせながらレポートを作成いたしました。 今回は、当日の様子と登壇者からのコメント、そしてセッションについてお届けします！ creators.bengo4.com スポンサーセッション クラウドサイン SREチームの上田が、『開発者がインフラ設計や運用に参加したら信頼性が上がった話~CloudWatch Evidently~』というテーマで登壇しました。 speakerdeck.com 上田のコメント SREチームの上田です。ご視聴いただいた皆様ありがとうございました！ 当初は技術的な話題だけに焦点を当てる予定でしたが、話し合いの過程で「SREとは何か」を考