はてなブックマーク

楽天証券のユーザーを狙ったフィッシングメールが話題になっています。楽天証券の公式 X アカウントから注意喚起が行われているほか、NHK ニュースでも報道されました。 【⚠️重要】楽天証券を装う不審な電子メールにご注意ください 【⚠️重要】楽天証券を装う不審な電子メールにご注意ください 直近、楽天証券を装う不審な電子メールを経由した不正取引被害が増加しております。… pic.twitter.com/mg8zvYXgOe— 楽天証券 (@RakutenSec) 2025年3月21日 楽天証券 偽メールで個人情報抜き取り被害相次ぐ 注意呼びかけ www3.nhk.or.jp この注意喚起を見ると、興味深い点があります。送信元のメールアドレスとして、「自治体名を含む」ドメインが利用されているというのです。実際に、sendonly@shiga.jp というメールアドレスが使われているほか、kagos

Devinの衝撃 Devinが私のチームにJOINしたのは、3月頭のことでした。 Devinは自分の名前でPRを出してきます。だからClineと違ってDevinが書いたコードは署名入り。何行書いたかも簡単にトレース出来ます。 3月に彼が編集した行数は、概数で次の通り。 ＋40000 lines ー8000 lines これは全てmainブランチにマージされています。 この中には、ドキュメントもあるし、検証用コードも含まれています。でもそれもプロジェクトに有益だから頼んだこと。無駄な作業は1つもありません。 そういう全部込みでも、JOIN1ヵ月で4万行書いた新人に私は出会ったことがありません。 せいぜい10行や20行の文章で指示を与えるだけで、3分でコードを読み、10分で500行のPRを出してくる新人も初めてです。 オンボーディングは仮想マシンをちょっと触ってあげるだけで終わりました。 そし

こんにちは、CTOの@stanakaです。 年明けから2か月間、社内でさまざまなAIを活用した開発ツールを試してきました。当社ではすでにGitHub Copilotを標準的に導入していますが、他にも良いツールがあるはずだということで、エンジニアの皆さんに新しいツールを積極的に試してもらいました。 今回試した主なツールは以下のとおりです。 Cursor ChatGPT Plus, Pro Claude Pro Claude Code Cline Devin もっといろいろ試せるとよかったですが、リソースは有限なので今回はここまでとしました。取り組みの様子はブログでもいくつか紹介していますので、ぜひご覧ください。 creators.bengo4.com AIによるプログラミングの変化 社内で特にAIツールを使いこなしているエンジニアの傾向を観察すると、単一のツールに限定するのではなく、用途や状

こんにちは、 @h13web です。 LLM (Large Language Model) の登場によって、プログラミングの方法論は大きく変わりつつあります。 私たちも日々 LLM と対話し、さまざまな試行錯誤をしています。 本記事では「制約が創造性を促進する」という逆説を LLM との対話に当てはめることで、効率を高める方法論について考えます。 制約が創造性を加速するという逆説 私たちは往々にして「制約が少ないほど自由に創造性を発揮できる」と考えがちです。 しかし実際には、適度な制約こそが創造性を加速させるという研究結果もあるようです。 hbr.org 選択肢が無限にあると人はかえって迷ってしまいますが、ルールや枠組みが与えられると焦点が絞られ、短時間でより良い解決策に辿り着けるのです。 思えば、私自身、原体験があります。 プールの先生をやっていた頃の話です。 小さなお子さんにとって、一

はじめに MCPとは 今回試したこと ケース1: JIRA との連携 どうして連携しようと思ったのか（目的） 例: 個人のタスクを分析してみる 投入したプロンプト LLM の応答 ケース2: Slack との連携 どうして連携しようと思ったのか（目的） 例1: 個人のtimesチャンネルを分析してみる 投入したプロンプト LLM の応答 例2: 組織のチャンネルを分析する 投入したプロンプト LLM の応答 ケース3: GitHubとの連携 どうして連携しようと思ったのか（目的） 例: プルリクエストをレビューしてもらう 投入したプロンプト LLM の応答 まとめ はじめに こんにちは、弁護士ドットコム SRE 室の原口です。 今回、 Claude Desktop で利用できる MCP (Model Context Protocol) を試してみました。 MCPとは MCP（Model C

クラウドサイン事業本部でエンジニアをしている辻@t0daaayです。 ChatGPT の Pro プランのみで利用可能だった Deep Research 機能が Plus, Team, Edu, Enterprise プランにもリリースされ、大きな話題を集めています。 Deep research is now rolling out to all ChatGPT Plus, Team, Edu, and Enterprise users 🍾— OpenAI (@OpenAI) 2025年2月25日 この機能は o3 モデルを基盤にしており、膨大なテキスト・画像・PDF をインターネット上で検索・解釈・分析し、途中で得られた情報に応じて方針を変えながら包括的なレポートを作成できるというものです。 この記事では、エンジニアである私が約 1 ヶ月間 Deep Research を使ってみて、特

はじめに クラウドサインでフロントエンドエンジニアのツノ(𝕏@2nofa11)です。 私の作業領域は主にクラウドサインのフロントエンドですが、今回の機能開発ではバックエンドが中心となる案件でした。 案件の特性を鑑みてフロントエンドエンジニアもバックエンド開発する方針になり、バックエンドのキャッチアップが必須になりました。 Tour of Go などの基本的な学習は自己学習で補える部分ではありますが、既存プロダクトのコードリーディングを行い、開発できる状態になるまでには課題を感じていました。 この課題に対して、バックエンドメンバーとモブプロを実施し、疑問点を共有しながら解決を図ってきました。しかし、まだ解決できない疑問が残り、十分に習熟できていないと感じています。 そこで、より効率的な学習を実現するため、バックエンドのキャッチアップに Cursor を利用することにしました。 ちょうど社内

はじめに クラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。 今回は、スクリーンリーダーと <footer> 要素にまつわるお話です。 きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張！俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。 視覚障害当事者である SmartHR 社の辻さんに、スクリーンリーダーを使ってクラウドサインを操作していただくイベントでした。 詳細は記事 イベント開催レポート：「出張！俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creators’ blog をご覧ください。 このイベントを見ていて気づいたことがあります。 フッターが「フッター」と読まれていないぞ……？ （その場面） クラウドサインのフッター部は、アプリ画面下部にある「ヘ

はじめに npm audit は、インストールされている npm パッケージに脆弱性が報告されているものがないかチェックする機能です。 クラウドサインでは、有志を募って、 npm audit で検出された脆弱性をひとつずつ解消する活動をしています。 npm モジュールの依存性は木構造であるにもかかわらず、npm audit はこれをフラットに表示しているため、読みづらいです。 この記事では、以下の流れで立ち向かっていきます。 npm audit を読めるようにする 各パッケージの対応順序を決める 対象パッケージをアップデートする おことわり この記事は、npm audit fix ですべてが解決するような環境は想定していません。npm audit fix では大量のアップデートが作られてしまい、手に負えなくなるような環境を想定しています。 1. npm audit を読めるようにする: n

この記事は弁護士ドットコム Advent Calendar 2024 の 25 日目、最終日の記事です。最終日は入ったばかりのCTOの@stanakaがお送りします。 弁護士ドットコムには、先月の11月半ばに入社して、およそ1ヶ月半たったところです。まだキャッチアップ期間中ですが、数十人の方々とはじめましての1on1を続けており、徐々に現状の解像度が上がってきているところです。 なぜ弁護士ドットコム? 入社以来、社内外問わず人と会う度になぜ弁護士ドットコムなんですか、と聞かれるので、ここらでちゃんと言語化しておこうと思います。今回、弁護士ドットコムを選んだ理由は、大きく3つあります。 法律という社会的に重要なドメインの最前線を探求できる マルチプロダクト組織として伸び代が大きい グローバル化をまさに始めようとしている それぞれ掘り下げてみます。 法律という社会的に重要なドメインの最前線を探

この記事は、弁護士ドットコム Advent Calendar 2024 の 22 日目の記事です。 こんにちは。弁護士ドットコム 技術戦略本部でSREをしています山崎です。 今年の初めに3ヶ月間の育休から復帰しました。長期休暇は社会人として珍しい経験だったため、新鮮な気持ちでした。 背景 マネージドサービス更新 OpenSerchのバージョン OpenSerchマネージドサービス更新の自動化 アップデート実行時の通知について アップデート処理の内容 自動化して感じたこと おわりに 背景 復帰後に、子どもが生まれる前と比べて仕事に集中できる時間（工数）が大きく異なることを実感しました。 当社のエンジニアは、チームの働き方に合わせて柔軟にリモートワークを選択できる環境が整っています。 しかし、家で仕事をしていると、子どもがいつ自分を求めてくるか分からない状況があります。 このため、できるだけ作

この記事は、弁護士ドットコム Advent Calendar 2024 の 23 日目の記事です。 はじめに こんにちは、クラウドサイン事業本部の篠田（@tttttt_621_s）です。普段はクラウドサインのフロントエンドの改善活動を行なっています。 「負債」という言葉で何をイメージしますでしょうか？ 経営的には「負債」はポジティブな意味合いもありますが、技術的には「負債」はネガティブな意味合いが強いですよね。 ついつい「なんでこんな実装になってるんだ？」とか「これはつらい！」などと言ってしまいがちです。 とはいえ、これまでプロダクトの売り上げに貢献してきたコードであることも事実です。 今回はそんな技術的負債に対してリスペクトを持ちつつ改善していることを紹介いたします。 はじめに フロントエンドの改善チームができた背景 Vue 3 化 モジュールを正しく使ってもらうための仕組み化が重要 ド

この記事は弁護士ドットコム Advent Calendar 2024 の 21 日目の記事です。 はじめに リーガルブレイン開発室の tsuchiya です。 先日、セッション ID を JWT に内包するという記事を読みました。 "JWT=ステートレス"から一歩踏み出すための考え方 上記記事では、 セッション ID を内包した JWT を活用する ことについて紹介しています。 JWT の性質を最大限活用したもので、非常に共感できる内容でした。 本記事では上記記事をうけて、セッション ID を内包した JWT をセッション Cookie として使用する処理を PHP で実装してみたので、その内容について紹介します。 JWT とは 本記事では、JWT の詳細な仕様に関する説明は省略しますが、本記事を理解するうえで重要になる性質について簡単に紹介します。 JSON Web Token（JWT）

この記事は弁護士ドットコム Advent Calendar 2024の 20 日目の記事です。 こんにちは。弁護士ドットコム株式会社リーガルブレイン開発室の井出です。 今年も AI 絡みの話題が尽きない年となりましたが、皆さんは何が一番重要な話題だと思いましたでしょうか。それら数ある中で、私は AI エージェントの発展に注目しています。 そこで趣味と勉強を兼ねて Unity と Dify とその他いろいろで自分専用の AI エージェントを作成したのでその方法をお伝えします。 AI エージェントとは 今回やりたいこと アプリの概要 構成図 完成スクリーンショット 必要なもの 開発環境 OpenAI API Unity Hub Unity Editor のバージョン Docker Desktop Dify ChatdollKit バージョン VRoid Studio VOICEVOX Azur

この記事は、弁護士ドットコム株式会社の Advent Calendar 2024 の 13 日目の記事です。 皆さん、こんにちは。弁護士ドットコム、技術戦略本部・ SRE 室のテイです。今回は、S3 のブロックパブリックアクセスについて十分に理解できていないと感じたため、Security Hub で S3 のブロックパブリックアクセスに関する修復作業を行う際に自信が持てませんでした。そこで、各パターンを実際に試しながら、S3 のブロックパブリックアクセスについてあらためて勉強しました。 ブロックパブリックアクセスについて S3 へアクセスしてみる オブジェクト URL を使ってブラウザでアクセス （1） ブロックなし + バケットポリシーなし （2） ブロックなし + バケットポリシーあり （３） ブロックあり + バケットポリシーあり （４） ブロックあり + バケットポリシーなし ロー

この記事は、弁護士ドットコム Advent Calendar 2024 の 11 日目の記事です。 クラウドサインでエンジニアをしている@teitei_tkです。好きなリーダーシップ論は Fate/Zero の聖杯問答です。 今年に入りエンジニアチームのリーダーを任せてもらったので、挑戦し失敗したことを振り返ります。 エンジニアリーダーをやって初めにやったこと チームを一緒に作ってくれる人を見つける エンジニアリーダーとしてやったこと 毎週の 1on1 スクラムチーム運営 寄り添うこと 頻繁な振り返り文化の醸成 エンジニアリーダーとして気をつけたこと 迅速なポジティブ・ネガティブフィードバック タスクのやり方は（なるべく）任せる キャリア支援 心理的安全性を保つ リーダーをやって諦めたことと新たに注力したこと コードを書いての貢献 気づきと失敗 格好をつけて当たり前のことができていなかった

この記事は弁護士ドットコム Advent Calendar 2024の 8 日目の記事です。 クラウドサイン事業本部でエンジニアをやっている田邉です。 みなさんの js、ts プロジェクトには、なぜ export しているのかわからないコードや、なんのためにインストールしているのかわからないモジュールはありませんか？ それらが不要だとしたらこの年末に大掃除するチャンスです！ ※ 本記事の内容は既存コードに対する大幅な変更が発生する可能性があります。タイトルには反しますが、年末に実施する場合は十分に注意して実行してください。 私の関わっている事業のプロジェクトでは Next.js を利用しているフロントエンドで以下のような課題を抱えていました。 使われていないコンポーネントや hook、メソッドや type が溜まってしまう 不要な export が発生してしまう vanilla-extra

この記事は弁護士ドットコム Advent Calendar 2024 1日目の記事です！ みなさん、こんにちは！2024年12月突入ということもでアドベントカレンダーも突入しました！ 早速ですが、弁護士ドットコムの技術広報を担っております sakutaro(x@saku_238)から、2024年の技術発信活動を振り返りいたします。 技術カンファレンスの協賛・登壇 2024年も、たくさんの技術カンファレンスへ協賛する機会をいただきました。登壇させていただいたものもあれば、ロゴスポンサーとして名を連ねる形での協賛もありました。それぞれの場で、最新技術や現場の課題について知見を共有し合うことで、新たな発見や挑戦が生まれる貴重な時間を過ごすことができました。 このような機会をいただけたのは、各カンファレンスの運営に尽力された皆様のおかげです。技術者同士が集い、未来の技術や働き方について議論できる場

概要 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 の課金額が想定より大幅に増加してい