弁護士ドットコム株式会社 Creators’ blog

https://creators.bengo4.com/

弁護士ドットコムがエンジニア・デザイナーのサービス開発事例やデザイン活動を発信する公式ブログです。

フィード

記事のアイキャッチ画像
【新卒エンジニア式】AIを語学チューターにする、超効率的な外国語学習ハック術
はてなブックマークアイコン 1
弁護士ドットコム株式会社 Creators’ blog
初めまして。弁護士ドットコム株式会社でソフトウェアエンジニアとして働いております、ブイコンチー (Bùi Công Tri) です。ベトナムのドンナイ省出身で、2024 年 11 月から働き始めたばかりです。 私は、学生のころからずっと日本語や英語の勉強を続けているのですが「新しい単語がなかなか覚えられな…」「会話の練習相手がいたらいいのに…」などと悩むことも少なくありませんでした。 しかし、最近話題の AI を試してみたところ、そんな悩みが一気に吹き飛びました。まるで専属の語学チューターがいつも隣にいてくれるかのように、勉強がぐんぐんはかどるようになって、本当に驚きました。 この感動をぜひシ…
2日前
記事のアイキャッチ画像
ベトナム人の新入社員が直面した、PHP の正規表現の活用
はてなブックマークアイコン 1
弁護士ドットコム株式会社 Creators’ blog
ベトナム人の新卒は PHP の正規表現を使用して、Markdown パーサーのルールをカストマイズするチャレンジ
3日前
記事のアイキャッチ画像
インフラアーキテクチャ選択のジレンマに登壇してみて
弁護士ドットコム株式会社 Creators’ blog
はじめに こんにちは!クラウドサインでSREをしている @r_ueda_sanzai です。 昨夜、ファインディ株式会社様主催のオンラインイベント「インフラアーキテクチャ選択のジレンマ」に登壇しました。 当日は500名を超える皆様に申し込みいただき、大盛況のうちに幕を閉じました。 さて、今回のイベント。 「EKSとECS、どちらを選ぶべきか?」 「うちはマイクロサービスじゃないけど、本当にこのままで大丈夫だろうか?」 きっと、そんな思いを抱えながら参加された方もいたのではないでしょうか 本記事では、当日の発表内容をさらに深掘りしつつ、時間の都合でお話しきれなかった「私たちのリアルな判断軸」や、…
8日前
記事のアイキャッチ画像
問い合わせの「なぜ?」をAIと解く - クラウドサインCREのAI活用事例
弁護士ドットコム株式会社 Creators’ blog
クラウドサインの CRE が Slack ワークフローに AI を組み込み、問い合わせ課題整理を自動化した事例を紹介
9日前
記事のアイキャッチ画像
退屈なことを AI にやらせるために: 手動コーディング禁止祭の開催から見えた景色
弁護士ドットコム株式会社 Creators’ blog
クラウドサイン Product Engineering 部でエンジニアをしている比嘉(@teitei_tk)です。好きな技術革新は活版印刷です。 はじめに: なぜ今「手動コーディング禁止」なのか 普段はエンタープライズ向け機能を作成するチームで、開発チームのリーダーを務めています。 私のチームを含め、弁護士ドットコムでは AI を積極的に活用しています。 creators.bengo4.com creators.bengo4.com creators.bengo4.com GitHub Copilot の利用から始まり、Cursor の導入や ClaudeCode を使ったプロダクト開発も進め…
12日前
記事のアイキャッチ画像
新卒エンジニア向けHTML/CSS研修を開催しました
弁護士ドットコム株式会社 Creators’ blog
弁護士ドットコム株式会社では、2025年から国内新卒エンジニアの採用を始めました。 弁護士ドットコム、初の「入社式」を開催。新入社員に込めた熱い想いと未来への誓い。 新卒採用といえば、そう、新卒研修ですね。当社でも、新卒入社のエンジニア5名に向けて研修を行いました。 弁護士ドットコムエンジニア新卒研修2025の狙いと技術要素 私はHTML解体新書という本を出していたり、体系的に学ぶ 安全なWebアプリケーションの作り方 第2版のレビューに参加したりしている関係で、HTML/CSSの研修と、Webアプリケーションセキュリティの研修を担当することになりました。この記事では、HTML/CSS研修につ…
15日前
記事のアイキャッチ画像
AIに便利なツールを作らせて仕事を少し楽にした話
弁護士ドットコム株式会社 Creators’ blog
AIに便利なツールを作らせて仕事を少し楽にした話 こんにちは。クラウドサインでバックエンドエンジニアをやっている(𝕏@kunihikot)です。 最近はよく夜渡りになっていたり、ベーグルを焼いていたりしています。 写真: 自作の焼き立てチーズベーグル。溶けたチーズが少し焦げて泡立っている はじめに 最近、チームでの開発において「新旧 API エンドポイントの動作比較」という面倒な作業が頻繁に発生していました。Postman でタブを切り替えながら目視で比較するのは時間がかかるし、ミスも起きやすい。そこで思ったのが「こんな定型作業、AI に自動化ツールを作ってもらえばいいのではないか」ということ…
16日前
記事のアイキャッチ画像
【Salesforce】頻繁な組織変更でもスムーズに!人事異動に強いレポートラインの設定事例
弁護士ドットコム株式会社 Creators’ blog
こんにちは、社内でSalesforceの改修および運用を担当しているシステム企画部のOです。 弊社はERPとしてSalesforceを利用しています。今回は、Salesforce組織におけるレポートラインの設定についてお話しします。特に、人事異動などの組織変更が頻繁に発生する組織において、システム管理者がどのような作業を行っているのか、具体的な設定方法も交えながら前編と後編に分けてご紹介します。 今回はその前編として、レポートラインの設定方法に焦点を当てて解説します。あくまで一例ではありますが、どなたかの参考になれば幸いです。 本題に入る前に、この記事で使ういくつかの言葉について、簡単に説明さ…
19日前
記事のアイキャッチ画像
テックブログを生成AIにすべて書いてもらうことはできるのか
弁護士ドットコム株式会社 Creators’ blog
こんにちは。 弁護士ドットコムのこがです。 みなさん、生成 AI はお好きでしょうか。 現在、弁護士ドットコムではさまざまな生成 AI を活用した開発を推進し、開発業務の効率化を図っています。 本記事では、テックブログを生成 AI にすべて書いてもらうことができるのか、というテーマについて深堀りします。 生成AIにブログを書いてもらうまでの道のり 今回、実際に私の個人のブログでプロダクト開発における情報設計の模索という記事をすべて AI に書いてもらいました。 使用した生成 AI は、Gemini 2.5 Flashです。 生成 AI に記事を書いてもらうといっても、さまざまな方法があります。…
23日前
記事のアイキャッチ画像
エンジニア組織での生成AI導入と活用の3つのポイント
弁護士ドットコム株式会社 Creators’ blog
はじめに 「AI is one of the most profound things we’re working on as humanity. It’s more profound than fire or electricity.」( AI は人類が取り組んでいる中でもっとも深遠なものの1つである。それは火や電気よりも深遠である。) Google CEO Sundar Pichai 氏 こんにちは、クラウドサインのエンジニアリングマネージャー戸田です。 AI の進化は私たちエンジニア組織の現場に大きな変化をもたらしています。コード生成、ドキュメント作成、仕様の整理など、従来の作業が劇的に…
24日前
記事のアイキャッチ画像
DesignDocを作成・レビューできるようになるために取り組んだこと
弁護士ドットコム株式会社 Creators’ blog
はじめに こんにちは。電子契約サービスであるクラウドサインの開発に携わっている神達です。 社内で運用されている DesignDoc の作成・レビューを行えるようになるため、1 年間ほど取り組んだ内容をまとめてみました。 弊社に入社してからはじめて触れた概念だったため、最初はなにを意識すればいいのか非常に戸惑いました。 知識や観点の不足を補い、迷いを減らすための取り組みを行ったので参考にしていただければ幸いです。 はじめに DesignDocとは 課題への直面 克服に向けた計画 社内で質問した 取り組みたいことを整理した 具体的に取り組んだこと 技術系の書籍を読んだ AWSの資格を取得した 業務…
1ヶ月前
記事のアイキャッチ画像
ドロップダウンメニューに対するアクセシビリティリンターを用いたAIコーディング比較
弁護士ドットコム株式会社 Creators’ blog
こんにちは、弁護士ドットコムでクラウドサインというサービスのフロントエンドを実装している林 @rinyu_tech です。 最近は、AI コーディングで UI コンポーネントを生成させることも増えてきました。しかし、AI はアクセシビリティに配慮しないコードを生成することもあります。今回は、AI にアクセシブルなコードを生成させることが可能なのか、実験してみました。 実験概要 目的 検証対象 実験結果のまとめ 実験環境 プロジェクトの構成 設定したアクセシビリティのルール インタラクティブ要素(ドロップダウンに必須) ARIA・セマンティックHTML(スクリーンリーダー対応) フォーカス管理(…
1ヶ月前
記事のアイキャッチ画像
弁護士ドットコムエンジニア新卒研修2025の狙いと技術要素
弁護士ドットコム株式会社 Creators’ blog
はじめに クラウドサインのサーバーサイドエンジニアもやっている吉田です。 また全社のエンジニアリングオフィスとしてインターンシップや新卒研修と行った採用・育成面を担当しています。 記事でも紹介されているとおり、2025 年 4 月 1 日に新卒 5 名の方を迎えました。詳しくは「弁護士ドットコム、初の「入社式」を開催。新入社員に込めた熱い想いと未来への誓い。」をご覧ください。 note.com 新卒を受け入れたからには、エンジニアとして活躍できるように育成していく責任があります。 その第一歩として、新卒研修を実施しました。 はじめに 研修ステップ 研修目的 研修内容 エンジニアの心構え 各事業…
1ヶ月前
記事のアイキャッチ画像
re:Invent 2024参加レポート:学びと刺激に満ちたAWSの祭典
弁護士ドットコム株式会社 Creators’ blog
こんにちは。クラウドサイン Reliability Engineering部 部長の高橋です。 少し前のことになりますが、昨年の「AWS re:Invent 2024」に参加した際のレポートをまとめました。今年のre:Invent開催を前に、皆様に現地の雰囲気やイベントの魅力を改めてお伝えできればと思います。 本レポートでは、一人で参加したからこそ見えた現地の様子、セッションの魅力、 ネットワーキングの重要性、そして現地ならではの特別なイベントについてまとめます。 1. はじめに - 一人参加の決断と期待 2024年の8月頃、突然、re:Invent 2024に参加できることになりました。 こ…
1ヶ月前
記事のアイキャッチ画像
Claude Code: VSCode のターミナルで実行中のタスク完了を OS 通知させたい
弁護士ドットコム株式会社 Creators’ blog
クラウドサインのエンジニアをしている辻@t0daaayです。 Claude Code の公式ドキュメントにタスク完了時の通知方法が掲載されています。 しかし、VSCode 上のターミナルで Claude Code を使いたい場合は通知音を鳴らすことしかできず、タスク完了に気づけないことが多々ありました。 iterm2 を使えば OS 通知させることは可能なようですが、VSCode の Claude Code の拡張機能の恩恵を受けられる点で VSCode 上で実行したいという気持ちがありました。 そんな中、X で AI エージェントのタスク完了を OS の通知として出力させている人を見かけまし…
2ヶ月前
記事のアイキャッチ画像
TypeScript開発者が試すOrval活用術:OpenAPIからMCPサーバーを自動生成しClaudeでAPIを呼び出すまで
弁護士ドットコム株式会社 Creators’ blog
🐾 はじめに こんにちは、砂川(@misdo_tabeyo)です。 普段は『弁護士ドットコムLIBRARY』と『BUSINESS LAWYERS LIBRARY』というサービスでフロントエンド開発を担当しています。これらのサービスでは、Orval を利用して OpenAPI からAPIクライアントやZodのバリデーションスキーマを生成しています。 そんなOrvalに最近、Model Context Protocol (MCP) サーバーの生成機能が追加された と知り、早速試してみました。 MCP は LLM(大規模言語モデル)アプリケーションと外部ツール・データソースを接続するための標準プロト…
2ヶ月前
記事のアイキャッチ画像
Tableau の運用の改善のために独自開発した Tableau Tools の紹介
弁護士ドットコム株式会社 Creators’ blog
1. はじめに 2. 私たちが直面した Tableau Cloud 運用の壁 本番環境と開発環境の切り分けが難しい ユーザー・権限管理の煩雑化 3. デプロイツール:デプロイ作業の自動化 基本的なアイデア 主要機能 設定ファイルの記述例 4. Tableau Cloud 設定ツール:ユーザー・権限のコード管理 主要機能 5. Tableau Toolsによる効率的で安全な運用フロー ダッシュボード開発する場合 Tableau Cloud のユーザーの追加や権限の変更をする場合 運用フローの特徴 Gitベースの構成管理とレビュープロセス GitHub Actionsを用いたCI/CDパイプライン…
2ヶ月前
記事のアイキャッチ画像
TSKaigi2025 協賛&参加レポート
弁護士ドットコム株式会社 Creators’ blog
こんにちは。技術広報のsakutaroです。 2025年5月23日(金)・24日(土)に開催された TSKaigi2025 に、弁護士ドットコムは Silverスポンサー として協賛しました。 本記事では発表した内容と参加したエンジニアによるセッション視聴レポートを振り返りいたします。 最後にイベント告知もありますので、ぜひ見ていってください。 クラウドサイン エンジニア ツノが登壇! セッション情報 TSKaigi2025セッション視聴レポート 堅牢なデザインシステムをつくるためのTypeScript活用 by @takanoripe 機能的凝集の概念を用いて複数ロール、類似の機能を多く含む…
3ヶ月前
記事のアイキャッチ画像
レバテックフリーランスにて当ブログが紹介されました!
弁護士ドットコム株式会社 Creators’ blog
レバテック株式会社が運営する「レバテックフリーランス」にて、弁護士ドットコム株式会社が運営する「弁護士ドットコム Creators’ blog」がエンジニアにおすすめのテックブログとして紹介されました。 freelance.levtech.jp 生成 AI/LLM 活用事例など、弁護士ドットコムが現場で試した“技術のリアル”が、エンジニアのスキルアップに役立つと評価していただきました。 当社の他にも、様々な企業のテックブログが紹介されています。 情報収集にお役立てください。
3ヶ月前
記事のアイキャッチ画像
メール送信ドメイン認証を回避する、ドメイン名に見えるもの
弁護士ドットコム株式会社 Creators’ blog
楽天証券のユーザーを狙ったフィッシングメールが話題になっています。楽天証券の公式 X アカウントから注意喚起が行われているほか、NHK ニュースでも報道されました。 【⚠️重要】楽天証券を装う不審な電子メールにご注意ください 【⚠️重要】楽天証券を装う不審な電子メールにご注意ください直近、楽天証券を装う不審な電子メールを経由した不正取引被害が増加しております。… pic.twitter.com/mg8zvYXgOe— 楽天証券 (@RakutenSec) 2025年3月21日 楽天証券 偽メールで個人情報抜き取り被害相次ぐ 注意呼びかけ www3.nhk.or.jp この注意喚起を見ると、興味…
4ヶ月前
記事のアイキャッチ画像
Devinの衝撃、エンジニアの未来
弁護士ドットコム株式会社 Creators’ blog
Devinの衝撃 Devinが私のチームにJOINしたのは、3月頭のことでした。 Devinは自分の名前でPRを出してきます。だからClineと違ってDevinが書いたコードは署名入り。何行書いたかも簡単にトレース出来ます。 3月に彼が編集した行数は、概数で次の通り。 +40000 lines ー8000 lines これは全てmainブランチにマージされています。 この中には、ドキュメントもあるし、検証用コードも含まれています。でもそれもプロジェクトに有益だから頼んだこと。無駄な作業は1つもありません。 そういう全部込みでも、JOIN1ヵ月で4万行書いた新人に私は出会ったことがありません。 …
4ヶ月前
記事のアイキャッチ画像
開発系AIツールの探索とAI時代の「富豪的プログラミング」
弁護士ドットコム株式会社 Creators’ blog
こんにちは、CTOの@stanakaです。 年明けから2か月間、社内でさまざまなAIを活用した開発ツールを試してきました。当社ではすでにGitHub Copilotを標準的に導入していますが、他にも良いツールがあるはずだということで、エンジニアの皆さんに新しいツールを積極的に試してもらいました。 今回試した主なツールは以下のとおりです。 Cursor ChatGPT Plus, Pro Claude Pro Claude Code Cline Devin もっといろいろ試せるとよかったですが、リソースは有限なので今回はここまでとしました。取り組みの様子はブログでもいくつか紹介していますので、ぜ…
4ヶ月前
記事のアイキャッチ画像
制約が解き放つ可能性 - Devin AI との対話に見たもの
弁護士ドットコム株式会社 Creators’ blog
こんにちは、 @h13web です。 LLM (Large Language Model) の登場によって、プログラミングの方法論は大きく変わりつつあります。 私たちも日々 LLM と対話し、さまざまな試行錯誤をしています。 本記事では「制約が創造性を促進する」という逆説を LLM との対話に当てはめることで、効率を高める方法論について考えます。 制約が創造性を加速するという逆説 私たちは往々にして「制約が少ないほど自由に創造性を発揮できる」と考えがちです。 しかし実際には、適度な制約こそが創造性を加速させるという研究結果もあるようです。 hbr.org 選択肢が無限にあると人はかえって迷って…
5ヶ月前
記事のアイキャッチ画像
散らばった情報をAIでつなぐ : Dify × Amazon Bedrockで構築した社内知識検索の導入と効果
弁護士ドットコム株式会社 Creators’ blog
こんにちは。クラウドサインでバックエンドエンジニアをやっている(𝕏@kunihikot)です。 最近はスト6にはまっていてハイマスターまで上がりました。対戦よろしくお願いします。 さて、本題のほうですが、私は普段クラウドサインのリアーキテクトや負債解消みたいなことを主にやっていて、プロダクトへの LLM 利用などに積極的に関わる立場ではありません。 そんな私が Dify を導入しようと思った経緯や、基盤構築までの流れ、リリースしてみて実際どうなのかみたいなことを書いていこうと思います。 背景と課題 技術選定と検証 vLLMからBedrockへ 実装詳細 データソースの選定 パイプライン構成 リ…
5ヶ月前
記事のアイキャッチ画像
AI(o1 pro)が支えるエンジニアのオンボーディング
弁護士ドットコム株式会社 Creators’ blog
クラウドサイン事業本部でエンジニアをしている比嘉(@teitei_tk)です。好きな AI はFate/EXTRA CCC の BB です。 現在、弁護士ドットコムでは AI の導入・検証を進めており、さまざまな AI を利用しています。 フロントエンドエンジニアが Cursor を使ってバックエンド開発にキャッチアップしている話 エンジニアは Deep Research をどう活かせるか 生成 AI と SaaS をつなぐ! Claude MCP 活用の実践 私はその一環で、ChatGPT Pro プランを利用しています。 IT 業界でエンジニアが生成 AI を使うとなったとき、真っ先に思い…
5ヶ月前
記事のアイキャッチ画像
生成 AI と SaaS をつなぐ! Claude MCP 活用の実践
弁護士ドットコム株式会社 Creators’ blog
はじめに MCPとは 今回試したこと ケース1: JIRA との連携 どうして連携しようと思ったのか(目的) 例: 個人のタスクを分析してみる 投入したプロンプト LLM の応答 ケース2: Slack との連携 どうして連携しようと思ったのか(目的) 例1: 個人のtimesチャンネルを分析してみる 投入したプロンプト LLM の応答 例2: 組織のチャンネルを分析する 投入したプロンプト LLM の応答 ケース3: GitHubとの連携 どうして連携しようと思ったのか(目的) 例: プルリクエストをレビューしてもらう 投入したプロンプト LLM の応答 まとめ はじめに こんにちは、弁護士…
5ヶ月前
記事のアイキャッチ画像
エンジニアは Deep Research をどう活かせるか
弁護士ドットコム株式会社 Creators’ blog
クラウドサイン事業本部でエンジニアをしている辻@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 をインターネット上で検索…
6ヶ月前
記事のアイキャッチ画像
フロントエンドエンジニアがCursorを使ってバックエンド開発にキャッチアップしている話
弁護士ドットコム株式会社 Creators’ blog
はじめに クラウドサインでフロントエンドエンジニアのツノ(𝕏@2nofa11)です。 私の作業領域は主にクラウドサインのフロントエンドですが、今回の機能開発ではバックエンドが中心となる案件でした。 案件の特性を鑑みてフロントエンドエンジニアもバックエンド開発する方針になり、バックエンドのキャッチアップが必須になりました。 Tour of Go などの基本的な学習は自己学習で補える部分ではありますが、既存プロダクトのコードリーディングを行い、開発できる状態になるまでには課題を感じていました。 この課題に対して、バックエンドメンバーとモブプロを実施し、疑問点を共有しながら解決を図ってきました。しか…
6ヶ月前
記事のアイキャッチ画像
スクリーンリーダーが <footer> 要素を「フッター」と読みません!
弁護士ドットコム株式会社 Creators’ blog
はじめに クラウドサインでは、組織内でアクセシビリティ向上に向けた改善を進めています。 今回は、スクリーンリーダーと <footer> 要素にまつわるお話です。 きっかけ 2024 年 9 月に「弁護士ドットコム×SmartHR「出張!俺の電子契約」〜クラウドサインのアクセシビリティチェック〜」というイベントを開催しました。 視覚障害当事者である SmartHR 社の辻さんに、スクリーンリーダーを使ってクラウドサインを操作していただくイベントでした。 詳細は記事 イベント開催レポート:「出張!俺の電子契約」〜クラウドサインをアクセシビリティチェック〜 - 弁護士ドットコム株式会社 Creato…
6ヶ月前
記事のアイキャッチ画像
ユーザーファーストなドロップダウンメニューの実装
弁護士ドットコム株式会社 Creators’ blog
2025年1月27日に開催された合同勉強会「ユーザーファーストを実現するフロントエンドの最前線」では、アクセシビリティを中心にしたフロントエンド開発の取り組みが各社から発表されました。 本記事では、クラウドサイン フロントエンジニアの林さんが発表された「ユーザーファーストなドロップダウンメニューの実装」の内容をお届けします。 onecareer.connpass.com TL;DR 今回のセッションで強調されたのは、「誰でも使えること」が「ユーザーファースト」の真髄であるということでした。特に、以下の点がメインメッセージとして挙げられました。 HTML標準の要素にないUI(例:ドロップダウンメ…
7ヶ月前