せっかく作ってもらったのに Zenn だと og:image 設定できなくて途方に暮れたアイキャッチ画像LayerX AI Agent ブログリレー 14日目の記事です。バクラク事業部 スタッフエンジニアの @izumin5210 です。Platform Engineering 部 Enabling チームでいろいろなことをしています。この記事では AI Agent をプロダクトに組み込んでいくにあたり、複雑な Agent を production で動かすのに避けては通れないであろう Durable Execution を実現してくれる Workflow Engine である...

LayerX AI Agent ブログリレー 8 日目の記事です。バクラク事業 CTO @yyoshiki41 です。この記事では、AI エージェントでのメモリを Vercel AI SDK が提供するジェネリックなミドルウェア機構である Language Model Middleware を使って実装する方法を紹介します。 Introductionメモリレイヤは、AI エージェントの能力を拡張させる技術要素です。Short-Term Memory, Long-Term Memory に分類され、以下のような整理が一般的です。いずれも環境情報やプロンプトとして扱われ、コンテ...

LayerX でスタッフソフトウェアエンジニアをしている @izumin5210 です。バクラク事業部の Platform Engineering 部 Enabling チームでいろいろしています。前回紹介したおもちゃに新機能を追加したので自慢させてください。 3行まとめany-script-mcp に shell オプションが追加され、bash 以外でスクリプトを実行できるようになった例えば Deno や Python を使うことで、third party package を使い LLM を活用するような Tool を YAML 1枚のまま記述できる何かおもしろい使い...

!このツールは進化して shellscript 以外も利用できるようになりました👉 any-script-mcp で Deno や Python で気軽に MCP tool を作るLayerX でスタッフソフトウェアエンジニアをしている @izumin5210 です。バクラク事業部の Platform Engineering 部 Enabling チームでいろいろしています。新しいおもちゃを作ったので自慢させてください。 3行まとめ任意のシェルスクリプトを MCP tool にできる any-script-mcp という MCP server を作ったよ例えば「o3-...

みなさんこんにちは、バクラク事業部 Platform部 IDチームの @convto です。最近MCP関連の仕様や議論をウォッチしており、今回はエンタープライズ向けの MCP 認可に関する提案内容などについて紹介したいと思います！ 現行の認可仕様2025-06-18 版の仕様は以下です。https://modelcontextprotocol.io/specification/2025-06-18/basic/authorizationここには HTTP ベースの認可は OAuth 2.1 準拠でやるよ！ということが書かれています。大まかな内容としては以下のようになっていま...

React アプリケーションで利用できる状態管理ライブラリである Jotai ですが、筆者も技術的な特性がフィットする一部のプロジェクトで利用しています。https://speakerdeck.com/izumin5210/number-newt-techtalk-vol-15https://speakerdeck.com/izumin5210/designing-jotai-state-for-complex-forms-number-layerx-frontendhttps://speakerdeck.com/izumin5210/number-tskaigi2025Jota...

LayerX バクラク事業部 でソフトウェアエンジニアをしている@upamuneです。最近はCursorの活用が広がっていますが、組織内でエンジニア以外がCursorを活用するには、まだいくつかハードルがあります。バクラク事業部では、エンジニア以外のBizチームの方々も簡単かつ効果的に利用できるように、利用者のセットアップコストを極限まで下げた仕組みを構築したので、参考にしていただけると嬉しいです！!この記事は主にソフトウェアエンジニア向けに書かれています。エンジニア以外の方でこの仕組みを導入したい場合は、社内のソフトウェアエンジニアにこの記事をシェアしてください。 きっと協力...

どうもみなさんこんにちは。バクラク事業部 Platform Engineering 部でID基盤などを管理するチームに所属してあれこれやっている @convto といいます。先日イベントでバクラクの認証基盤について発表したのですが、そこで Ory Hydra を利用した OAuth2.0 認可サーバーの提供について軽く触れました。https://speakerdeck.com/convto/bakuraku-authn-platform?slide=15そこでは詳細には深入りしなかったのですが、個人的には OAuth2.0 認可サーバーの構築にあたって Ory Hydra はバラン...

はじめにConnect RPCは、gRPC互換かつHTTP/1.1でも動作するRPCプロトコルです。バクラク事業部では、Connect RPCをサービス間通信の標準プロトコルとして採用し、connect-goやconnect-esを利用してサービスを実装しています。https://tech.layerx.co.jp/entry/decoupling-a-service-from-monolith-with-Protocol-buffers-and-connect-goConnect RPCを実装したサービスは、AWS Fargate (ECS) にデプロイしています。しかし、サ...

Storybook の parametersStorybook の parameters は、Story や Component に静的なメタデータやパラメタを追加するための機能です。これらのパラメータは addon の設定や Story の表示方法のカスタマイズなどに利用されます。// グローバルな parameters の設定export const parameters = { backgrounds: { default: 'light', values: [ { name: 'light', value: '#f8f8f8' }, ...

バクラク事業CTO 中川佳希です。この記事では、Dead Code（実行されないコード）を削除するツールについて紹介します。 『Tidy First?』第2章で、Dead Code について次のように述べられています。「消そう。以上。実行されないコードは消すだけだ。」https://www.oreilly.co.jp/books/9784814400911/ Dead Code の背景大規模なプロジェクトでは、長い年月のリファクタリングや仕様変更の結果、実行されなくなったまま残るコードが増えてしまいます。個人的にこの Dead Code の問題は、保守性の低下や ...

LayerX バクラク事業部 Enabling チームでスタッフエンジニアをしている izumin5210 です。Ubie さんの「社内デザインシステムをMCPサーバー化したらUI実装が爆速になった」を拝見し、悔しかった感動したので、自分でも試してみました。https://zenn.dev/ubie_dev/articles/f927aaff02d618 MCP ツール設計以下に引用する Ubie さんのスライドで解説されているとおりですが、現行モデルでは全コンポーネントのコードやルールを一気に渡してもノイズが多くなりすぎるためか、満足のいく性能は出ませんでした。これは MC...

構成2部構成です。Playwright AIRA SnapshotsPlaywright MCP Playwright ARIA SnapshotsPlaywright v1.49.0 で追加されました。一言でいうと「ページ内のアクセシビリティツリーのスナップショットを取る。（テストにも利用できる）」機能です。 アクセシビリティツリー （AOM: アクセシビリティオブジェクトモデル）WebページをARIA ロール構造として表現し、Playwright ではツリーの構造は YAML になります。例HTMLアクセシビリティツリーをYAMLで表現...

バクラク事業CTO 中川佳希です。バクラク事業部 Platform Engineering 部では定期的な発信を行っています。前回は、Microsoft Entra ID PIM for Groupsの運用と工夫 by itkq でした。（とても便利です！）この記事では、Model Context Protocol（MCP）について触れていきます。※ 2025年2月時点での情報です。 Model Context Protocol2024年11月に、Anthropicが発表したクライアント-サーバー間通信のプロトコルです。https://www.anthropic.com/new...

3行まとめpnpm の --filter オプションにはパッケージ名だけでなく git の commit や branch も渡すことができるpnpm ls --filter をうまく使えば「main branch からの diff の影響を受けるパッケージ」の一覧を取り出せるドキュメントや help をちゃんと見ると、意外と知らないことが書いてある モチベーションLayerX のバクラク事業部では Webapp（Web Frontend アプリケーション）のモノレポ化を進めており、1つのリポジトリに複数の Next.js アプリケーションが存在します。そこで悩...

この記事はLayerXテックアドカレ2024の24日目の記事です。でも ISUCON の自慢がしたいので今回は LayerX の話はしません。ISUCON14に「都営三田線東急目黒線直通急行日吉行」で参加し、4位になりました。ISUCON7 から 0gajun, agatan と参加し続けていますが、久々に結果が出たぞ！！！近年は上位争いしつつの失格が多かったのでホッとしています。ISUCON11 予選2位 / 本戦失格（スコア3位相当）ISUCON12 予選落ちISUCON13 本戦失格（スコア3位相当）とはいえここまでくると入賞・優勝も狙えそうなのでやっぱ悔しい...

すべての状態をできるだけ減らしたいypresto (プレスト) です。12月頭に予約してたアドベントカレンダーですが12/23になってしまいました。 LayerXのバクラク事業部では、Webフロントエンド領域もがんばっています！！ ということで一筆。バクラク事業部のエンジニアは、バックエンド・フロントエンドの垣根なくプロダクト開発を手掛けています。各々に得意領域があり、わたしはフロントエンドの改善やコードレビューなども行っています。そのコードレビューで、「Vueの watch() を使用せずに computed() でリアクティブに書きたいです」 (Reactで言えば useEff...

Catalogs とは何か依存関係のバージョン範囲を再利用可能な定数として定義でき、それを package.json から参照できる機能です。https://pnpm.io/catalogsドキュメントの例をそのまま引用すると、以下のように pnpm-workspace.yaml に catalog: もしくは catalogs: で依存ごとのバージョン範囲を定義できます。pnpm-workspace.yamlpackages: - packages/*# Define a catalog of version ranges.catalog: react:...

この記事は LayerX のエンジニアブログがたくさん出る #ベッテク月間 の8記事目になります。こちらのカレンダーに、これまでの記事と今後出る予定がまとまっています。https://www.notion.so/layerx/253bee10186e4010b2ab37eff7252e09?v=00bf49a9c456450498e4d67dd5a76ef7LayerX のバクラク事業部には GraphQL Gateway というバクラク全プロダクトから参照される GraphQL スキーマが存在します[1]。今回の記事は、その GraphQL Gateway のスキーマをより良い状態...

この記事はVisual Studio Code Advent Calendar 2023 19日目の記事です。もうすぐクリスマスですね。我が家は3歳の息子がいるのですが、今更「ツリー買い忘れたけどなんか飾り付けほしいなぁ」と思ってダイソーでツリーが印刷された布を買い、布を壁に貼ってシールや工作物をペタペタ貼ることでそれっぽいものができました。ツリーのゴミも散らからないので、もし悩んでいる方がいればぜひお試しくださいDALL-Eで出力してもらったイメージはこちらになります（こんなにちゃんとしていませんが）はじめまして、LayerX 機械学習チームの @yakipudding です。...