クラウドサインは2015年サービスリリース後、不定期でアクセシビリティの改善を行ってきました。2023年以降、より持続的な改善活動を開始、2024年にはウェブアクセシビリティ試験結果を公開し、利用者の年齢・生活環境・利用環境などに関わらず「誰もが使えるサービス」を目指しています。 2024年9月11日(水) SmartHRさんとのハイブリッドイベント「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」を開催しました。オンライン参加者約70名、オフライン参加者約50名と大盛況でした。 本記事ではイベントの雰囲気と一部の内容をご紹介します。 イベント概要 smarthr.connpass.com 「俺の」シリーズは、視覚障害の当事者（全盲）であり、光学ディスプレイを通した視覚情報に頼らずに普段の業務を行っているSmartHR・辻勝利さんが、社内

こんにちは。弁護士ドットコム クラウドサイン事業本部で SRE をしています、大内と申します。 クラウドサイン事業本部の SRE ではサービスの可用性、信頼性の向上や開発の高速化、省力化を目指した開発を日々行っています。 クラウドサインは 2024 年 10 月で 10 年目のサービスとなりました。 裏ではさまざまなアプリケーション（定期実行バッチ、常駐バッチ、内部 API サーバーなど）が稼働し、相互に連携してサービスを提供しているのですが、中には非常に古くから稼働しているものも存在します。 今回お話する nginx もその 1 つです。 クラウドサインの裏で稼働するアプリケーションのほとんどはコンテナで動作しています。 基盤としては AWS Fargate を使用しています。 昔は EC2 で稼働していたさまざまなアプリケーションも、サービス提供しながら裏でひっそりと Fargate

弁護士ドットコム株式会社 技術広報のsakutaroです！ 2024年10月19日（土）に開催される「Vue Fes Japan 2024」に、弁護士ドットコムはプラチナスポンサーとして協賛します。 今回のブログでは、セッション内容やスポンサーブースをご紹介します！ Vue Fes Japan 2024 とは Vue.js 日本最大級のカンファレンス「Vue Fes Japan」が、2024年も開催されます！ 2018年にスタートしたこのイベントは、Vue.js コミュニティが一緒に学び、楽しみ、そして成長できる場として誕生しました。 前回の2023年は、5年ぶりのオフライン開催で600名近くの方々にご参加いただき、Vue.js コミュニティの熱意を改めて感じる素晴らしい機会となりました。 vuefes.jp 開催日時 2024年10月19日（土）09:30~18:00 会場: Otema

概要 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 を待ち受けするようにするというものがあります。 これらの偽の

こんにちは。弁護士ドットコム株式会社リーガルブレイン開発室の井出です。 リーガルブレイン開発室では生成 AI などの技術を利用して企業法務や弁護士の課題解決のためのサービスを開発しております。 今回は弊社で研究を進めている GraphRAG がどういったものか、環境を構築し、実際にサンプルデータを処理するまでの手順をご紹介します。 GraphRAG を研究することになった背景 グラフについて Microsoft GraphRAG Microsoft GraphRAG 構築準備 検証した動作環境 Python インストール gcc インストール Rust インストール Azure OpenAI Azure OpenAI LLM モデル Microsoft GraphRAG セットアップ 基本設定 アプリケーション設定 .env ファイル settings.yaml ファイル Microsof

こんにちは。税理士ドットコム事業部の @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 要素以外でボタンを作るには、これらを自分で実装しなければなりません

こんにちは、藤谷(𝕏@fujitanien05)です。 2024/7/1より弁護士ドットコム株式会社クラウドサイン事業本部 Reliability Engineering部 CREチームに転職して、1か月が経過しました。 何事も最初の新鮮な気持ちって大事なので、この新鮮な気持ちを残してみます。 クラウドサインのCustomer Reliability Engineeringについて CREは「Customer Reliability Engineering」（顧客信頼性エンジニアリング）の略で、顧客の信頼性を担保することを目的としてGoogleによって提唱されました。 クラウドサインのCREチームでは、CREを「CREing Engineer（CREをやっているエンジニア）」と捉えています。 顧客がどんな課題に直面していて、根本的に何に困っているのかをエンジニアリングの視点から追求するこ

クラウドサインのフロントエンドエンジニア ツノです。 みなさんは Design the Partnership Alliance（略して DPA）についてご存じですか？ DPA とは、スクラム開発でのふりかえりの場を作るために行うワークショップの 1 つです。この記事では、チームの形成期に DPA を実践して得られた経験を共有します。 DPA に取り組んだきっかけ DPA とは 準備 実践 DPA DPA をやってみたふりかえり まとめ DPA に取り組んだきっかけ 現在所属しているスクラムチームのメンバーと「アジャイルなチームをつくる ふりかえりガイドブック（翔泳社）」の輪読会をしていました。 アジャイルなチームをつくる ふりかえりガイドブック(翔泳社) この本には、ふりかえりのためのワークショップが多数紹介されており、その中に DPA もありました。 私たちのチームが立ち上がったばかり

こんにちは。クラウドサイン事業本部 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> 便利な一方で、変数を

2024 年 3 月から入社したツノ(𝕏@2nofa11)です。 この記事では、クラウドサインにエンジニアとして入社 1 カ月たった私が、どんな 1 カ月を過ごしたかと入社して感じたことを書きました。 補足すると「クラウドサイン」は弁護士ドットコムのサービスのひとつなので「クラウドサインに入社」という表現はただしくありません。 （私は入社前までクラウドサインという会社だと思っていましたが、入社して弁護士ドットコムという会社だと知りました）。 「これからクラウドサインの開発に関わるぞ」という意欲を込めて、本記事ではあえて「クラウドサインに入社」という表現を使っています。 対象読者としてはクラウドサインに少しでも興味があるかたと入社後のイメージをつけたいかたを想定しております。 下の画像は、私が入社して 1 カ月のスケジュールをカレンダーにしたものです。社内で使用している Slack のスタ

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

こんにちは。クラウドサインでプロダクトマネージャー（PdM）を担当している中井です。 2024年もあっという間に4月。東京では桜の見頃が過ぎ、桜吹雪が綺麗ですね。 そんな中、2024年4月10日、株式会社ラクスと弁護士ドットコム株式会社と合同で「【弁護士ドットコム × ラクス】PdM Meetup〜ビジョンを成功に導く効果的なPdM組織とは？」をオフラインイベントとして開催しました。 今回の記事ではイベントの雰囲気とともに発表内容の一部をご紹介します。 イベント概要 rakus.connpass.com 本イベントでは、BtoB SaaSサービスを展開する2社（弁護士ドットコム株式会社、株式会社ラクス）がプロダクトマネジメントの在り方についてディスカッションを行いました。 両社の製品は、BtoB SaaSであるという点は共通していますが、製品フェーズも、製品価値も異なりますし、PdMを取り

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

こんにちは。sakutaroです！ 今年もPHPerKaigiの季節がやってきましたね！ 弊社も昨年に引き続き、「PHPerKaigi 2024」にプラチナスポンサーとして協賛します！！ 2024年3月7日(木)〜3月9日(土)、オフラインでは中野セントラルパークカンファレンス、オンラインではニコニコ生放送での開催となる予定です！！！ PHPerKaigiとは （公式サイトより引用） PHPerKaigi（ペチパーカイギ）は、PHPer、つまり、現在PHPを使用している方、過去にPHPを使用していた方、これからPHPを使いたいと思っている方、そしてPHPが大好きな方たちが、技術的なノウハウとPHP愛を共有するためのイベントです。 今年の開催はオフライン会場を軸としたオフライン・オンラインハイブリッド開催です。みなさんのご都合に合う参加方法をお選び頂けます。 phperkaigi.jp どん

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