Storybook を MCP サーバ化したらフロントエンド開発が自動化される未来が見えた - PLAY DEVELOPERS BLOG
こんにちは。テックリードの丸山 @maruyamaworks です。最近は Claude Code に全部賭けています。 前回、GitHub Copilot を使って Storybook を作った話を書きました。 developers.play.jp 今回はその応用編として、Storybook を MCP サーバ化して LLM に提供することで、社内 UI コンポーネントを使用したフロントエンドの開発を自動化できるのではないか、ということで実験してみたいと思います。（これをやるために Storybook を作ったといっても過言ではない） 何をやろうとしているのか まずは先駆者から学ぼう MCP サーバを実装する 実際に試してみた 今後の展望 おわりに 何をやろうとしているのか この記事では何をやろうとしているのか、最初に概要を説明します。 やりたいことは、LLM にプロンプトを投げてコード
Mac のキーボードを楽にカスタムするアプリを作りたかった - freee Developers Hub
真夏の自由研究〜AIを使って雑にアプリを作ろう！〜 9日目は shiro が担当します。 こんにちは。2025年4月に中途入社し、人事労務を開発しています、shiro です。 今回は私が週末に個人開発で作っているアプリを紹介いたします。 解決したかったこと 私は普段は自作キーボードを使用して、かつキーの配置をゴリゴリにカスタマイズして使っています。 一般的なものと比較して、配置が変わっていないアルファベットは「Q」と「A」の 2 つだけです。 ただ、会議などがあってオフィス内を移動するとき、常に外付けのキーボードを携行するのは現実的ではありません。 この課題を Mac で解決するには、『Karabiner-Elements』というアプリを入れて、本体のキーボードの論理配列を編集することが有力な選択肢になります。 複数のキーの同時押しなどの条件つきの入力も、Karabiner-Element
真夏の自由研究〜AIを使って雑にアプリを作ろう！〜 - freee Developers Hub
はじめまして、24卒として新卒で入社したエンジニアのkochanです。 これからから2週間にわたって 真夏のアドベントカレンダー企画をスタートします！テーマはAIを使って雑にアプリを作ることです。 それぞれの記事でどんなアプリを作ったのか、どういう風にAIを活用したのかを紹介します。 業務をAIに任せようと思うと様々な障壁がありますが、簡単なアプリを作るぐらいならシュッと出来るのがAIを利用する楽しい部分だと思います。 AIを活用して作りたいものをシュッと作る楽しさを届けられると良いなと思います。 日付 メンバー タイトル 8/18 kochan ハイフンっぽい文字の識別眼を鍛えるアプリ 8/19 min インフラエンジニアだけどClaude Codeでポートフォリオサイトを簡単に作れた - freee Developers Hub 8/20 rol 画像にモザイクをかけるだけの雑アプリ
AI駆動開発へ。freee は開発環境をどう進化させているか？- 前編 - freee Developers Hub
こんにちは! freee AI駆動開発 (AI-Driven Development) チームのジェスンです。 社内では jason というあだなを使っているのですが、「エンジニアだから JSON にしたんですか?」 と言われて困っています 😆 はじめに AI Agent Cline、Roo Code、Goose Claude Code Devin MCP Server 開発背景 ・ 技術選定 どう運用しているのか？ 運用の課題 最後に はじめに 本記事は、5月頃に公開した下記の記事に続き、導入後の freee における AI駆動開発環境の進化や、最近の具体的な取り組みをご紹介するものです。 developers.freee.co.jp その中でも前編では 「様々な AI Agent・Tools をどのように導入・活用しているのか」 について、実際の事例とともにご紹介します。 freee
【後編】TypeScript×関数型×DDDで、ユニットテストが激減。実践の全貌とTips【Open Developers Conference 2024 レポート】 | レバテックラボ（レバテックLAB）
TOPコラムテック最前線レポート【後編】TypeScript×関数型×DDDで、ユニットテストが激減。実践の全貌とTips【Open Developers Conference 2024 レポート】 【後編】TypeScript×関数型×DDDで、ユニットテストが激減。実践の全貌とTips【Open Developers Conference 2024 レポート】 2024年11月18日 株式会社一休 CTO 伊藤 直也 大学院卒業後、新卒で入社したニフティ株式会社にて、ブログサービス「ココログ」を立ち上げ。2004年、株式会社はてなに入社、CTOに就任。「はてなブックマーク」などの開発を主導。2010年以降はグリー株式会社にて、ソーシャルメディア統括部長を務める。その後フリーランスを経て、2016年4月に、技術顧問を務めていた株式会社一休に入社。執行役員CTOに就任 X GitHub 2
How Core Git Developers Configure Git
How Core Git Developers Configure GitWhat `git config` settings should be defaults by now? Here are some settings that even the core developers change. A few weeks ago I wrote about Git’s help.autocorrect setting and the strange tale of the origin of it’s deciseconds value. It got me to thinking about other git config settings that most people likely don’t know about and which should probably be d
E2Eテスト分析基盤としてReportPortalを導入しました - freee Developers Hub
はじめに 現在のE2Eテスト分析基盤の課題 ReportPortalとは？ 構築方法 ECS or EKS 構成図 インフラコストについて E2Eプロジェクトへの導入方法 Playwrightへの導入 Slack通知への導入 分析ダッシュボードを作成 最後に はじめに こんにちは、SEQチーム (Software Engineering in Quality) の zaki です。 freee QA Advent Calendar 2024 - Adventar 7日目です。 SEQ では、自動テストの運用・改善や基盤開発などを行っています。 現在freeeではJenkinsやGithub ActionsでE2Eテストを実行しています。実行結果のデータをBigQueryに送って、Redashで可視化で不安定なE2Eテストの分析を行なっていました。 しかし、現在のE2Eのテスト分析には一部課
自分が大切にしている Working Out Loud という考え方 - freee Developers Hub
3行 常にアウトプットしながら物事を考える Working Out Loud という思考様式がある アウトプットは完成物でなくても良い、途中経過だったり試してみたことを記録するだけでも大きな意義がある コミュニケーションのきっかけになったり、自分の考えの整理になったりと色々捗るのでオススメ はじめに こんにちは、freeeでアドバイザー（税理士事務所・会計事務所）向けの機能開発を担当している plant です。 freee では、今年も4~6月にかけてプロダクトチームの新卒研修が行われています。自分は今年、チーム開発研修のメンターとして任命されたので、新卒メンバーが開発に奮闘するのを見守っています。 具体的な新卒研修の内容については、2020年のブログ を読んでいただければ、イメージが掴めるかと思います。 そんな中で新卒メンバーに「自分が仕事をする上で大切にしていること」を伝える機会があっ
ユーザー（手書き入力）を認識する | Web Platform | Chrome for Developers
Handwriting Recognition API とは Handwriting Recognition API を使用すると、ユーザーの手書き文字（インク）をテキストに変換できます。一部のオペレーティング システムには、このような API が以前から含まれており、この新機能により、ウェブアプリでこの機能をようやく使用できるようになりました。変換はユーザーのデバイス上で直接行われ、オフライン モードでも動作します。サードパーティのライブラリやサービスを追加する必要はありません。 この API は、いわゆる「オンライン」または準リアルタイムの認識を実装します。つまり、ユーザーが手書き入力している間、ストロークをキャプチャして分析することで、手書き入力が認識されます。光学式文字認識（OCR）などの「オフライン」の手順では最終的な結果しかわかりませんが、オンライン アルゴリズムでは、個々のイ
一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog
このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきましたが、2023年10月に一休レストランのスマートフォン用レストラン詳細ページをリニューアルしました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマートフォンビューはバックエンドが Rust で書かれた GraphQL になってます— naoya (@naoya_ito) 2023年10月4日 ちなみにフロントエンドも、旧バージョンは Nuxt v2
React / Remix への依存を最小にするフロントエンド設計 - 一休.com Developers Blog
CTO 室の恩田(@takashi_onda)です。 一休レストランのフロントエンドアーキテクトを担当しています。 Intro 一休レストランでは、以前ご紹介したようにフロントエンドで React / Remix を利用しています。 user-first.ikyu.co.jp 一方、設計方針としては、React / Remix への依存が最小になるように心掛けています。 今日は、そんな一見矛盾するような設計方針について、ご紹介したいと思います。 この記事を読んでいただき Remix に興味をもたれたら、明後日 2024/8/7(水) 19:00〜 のオンラインイベント offers-jp.connpass.com にもご参加いただけると嬉しいです。 この記事でご紹介している疎結合なフロントエンドアーキテクチャを実現する Remix の魅力についてお話します。 なぜ依存を最小にするのか？ R
日本語におけるtext-wrapプロパティの運用
CSSのtext-wrapプロパティを使うと、テキストの行の折り返し方法を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。 — CSS text-wrap: balance | CSS and UI | Chrome for Developers text-wrap: balanceが適用された下の例では、すべての行の長さが均等になるように制御されている。 しかし正確に言えば、すべての行の長さが必ずしもまったく同じになるわけではない。文字の適切な折り返し位置を考慮した上で、おおよそ同じくらいの長さになるように分配される、というのが正しい。その際、一つの英単語の途中で行が分割されるようなことは通常起こらない。これは、英語では単語の区切りに空白文字を挟んで記述されるが（わかち書き）、それが改行位置を決めるためのヒントとなるからであ
なぜ我々は GitHub Copilot Enterprise の導入を見送ったのか - 一休.com Developers Blog
CTO 室の恩田です。 今回は GitHub Copilot Enterprise を評価してみて、現時点ではまだ採用しないことを決めた、というお話をご紹介したいと思います。 きっかけ とあるエンジニアが Slack で自身の times チャネルに時雨堂さんの GitHub Copilot Enterprise のススメという記事を投稿したことが発端でした。特に感想はなく URL に 👀 だけが添えられていたので、後で見るぐらいのメモだったんだと思います。 それを見かけた別のエンジニアが技術雑談チャネルにその投稿を共有して、これは凄そうと話題を向けたところ、CTO の「評価してみる？」の一言で、有志が集って評価プロジェクトが始まりました。 雑談チャネルできっかけとなる投稿が共有されてから、30分足らずの出来事でした（笑）。 この話題が出たのは金曜日でしたが、週明け早々に稟議を終え、火曜
DB呼び出し回数を減らしてコア機能を高速化した話。そして起こった悲劇と教訓 - Money Forward Developers Blog
初めに こんにちは、マネーフォワードクラウド連結会計（以降、クラウド連結会計）のバックエンド開発に従事しているTaskと申します。 今回は、クラウド連結会計のコア機能を高速化した話と、それが原因で起こった金額の不整合障害から得られた教訓を紹介しようと思います。 本記事内では、前提として簿記2級相当の知識や用語が頻出します。 連結会計とは まず、クラウド連結会計が扱っている連結会計について説明させてください。 連結会計とは、親会社・子会社など、支配もしくは従属関係にある複数の会社を1つのグループと捉えて、そのグループの決算を行うための会計手続きを指します1。 下の図の「連結グループA」の決算を行うイメージです。 この業務を「連結決算業務」と呼びます。 連結決算を行うことによって、会社の利害関係者（債権者や株主など）は各社単体だけではなく、グループとしての財政状態・経営成績・キャッシュフローの
10年もののRailsアプリの持続可能性を求めて -なぜ初手でCoffeeScript廃止を選んだのか- - Money Forward Developers Blog
シニアソフトウェアエンジニアのusadamasaです｡ マネーフォワード クラウド会計とそれに関連するマイクロサービス群の開発運用を担当しています｡ 本記事では､クラウド会計という10年もののRailsアプリの持続可能性をいかにして確保していくかの取り組みをご紹介します｡ TL;DR 私が所属するチームでは､クラウド会計の開発運用における課題を整理し､それぞれの課題に対して解決策を検討し､実行するための取り組みを進めています｡ 最初にクラウド会計の全体の構造を明らかにし､課題を可視化､組織の共通認識としました｡ その上で銀の弾丸を求めるのではなく､有期かつ漸進的な改善のプロジェクトとして計画することが成果に繋がります｡ クラウド会計の現状 クラウド会計はマネーフォワード クラウドの代表的なプロダクトの一つです｡ 2013年にリリースされてから10年､多くの機能追加や改善を重ね､現在では沢山
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub Chat MCP
PM2 - Home
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
『学マス』AIによってリリース前にレッスンを10億回、人力なら1900年分の検証を実現。バランスブレイカーを効率的に見つけ出すAI学習とデッキ探索【CEDEC2024】 | ゲーム・エンタメ最新情報のファミ通.com
Nx: Smart Monorepos · Fast Builds
