はじめにこんにちは、普段 Ubie で症状検索エンジンユビー(https://ubie.app/)の開発をしている江崎です。最近、Cursor エディタや GitHub Copilot などのコーディングアシスタントツールが進化し続けていますが、社内固有のデザインシステムとの連携はまだまだ課題が残っていました。そこで社内エンジニアである sosuke とともに、Ubie Vitals というデザインシステムを MCP サーバー化することで、UI 開発の速度と精度が劇的に向上した体験を共有します。 目次デザインシステムと開発の現状課題MCP サーバーの登場Ubie UI...

社内デザインシステムをMCPサーバー化したらUI実装が爆速になった

はじめにUbie に入社して1ヶ月が経ちました。あれ、さっき入社したばっかだよな〜？というくらいのスピードで時が流れており、もう一ヶ月が経ったのかという驚きと、いつまでもニューカマー面できないなと少し寂しくもあります。後から見返せるように、この入社直後のアツアツホヤホヤな感情を書き連ねようかなと思います。 今までの経歴は？SIer → スタートアップSWE → Ubie という経歴を歩んできました。前職ではファッションテックな会社で働いており、サービスリニューアルや新規サービスのリリース立ち上げなど、SWEとして色々なことに携わらせてもらっていました。 なぜ Ubie...

【入社エントリ】Ubie に入社して一ヶ月が経ったよ

はじめにNext.jsでApp Routerを本格的に触り始めました。Server Components(以下SC)に関してはここでは詳細に説明しませんが、サーバー上で実行されるコンポーネントです。バンドルサイズの縮小や起動時間の短縮などが期待されたりする恩恵があります。そんな中でcookieをSCから呼び出すためのfunctionが用意されています。https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#server-component-functions私としてはlocal...

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

はじめに最近GoでleetcodeやAtCoderを解くようになり、毎回配列操作に苦労しているのでまとめを作成しました。けっこうRuby→Goの順番で学ぶ人も多いのではないかなと思ったので、誰かの役になれば幸いです！ 配列の作成と初期化 Rubyarr = [1, 2, 3, 4, 5] # 配列の作成と初期化arr = Array.new(5, 0) # 配列の作成と初期化（要素を0で初期化） Goarr := [5]int{1, 2, 3, 4, 5} // 配列の作成と初期化arr := [5]int{} // 配列の作成（要素を0で初期化） 要素の...

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

はじめに// App.tsxfunction App() {  return (    <Routes>      <Route path="hoge" element={<Hoge />} />      <Route path="piyo" element={<Piyo />} />    </Routes>  );}export default App;// Hoge.tsxexport const Hoge = () => {  let isPiyo: boolean = ...

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

はじめにRuby on Railsをgit管理をしながら開発しています。ブランチAでマイグレーションrails db:migrateを実行した後に、ブランチBに切り替えてrails db:migrateをするとマイグレーションファイルにはないはずのschema.rbにはブランチAのマイグレーション差分が発生してしまいます。そのため、ブランチAで実行したマイグレーションはrails db:rollbackしてからブランチBに変更するか、大規模なロールバックの場合はrails db:resetをするかどちらかの対応になるかと思います。ただ、よくよく考えてみるとマイグレーションファ...

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

はじめにTypeScriptでオブジェクトの一部(または全部)のプロパティをnullableで型定義し、そのオブジェクトのnull許容させない型を作るときにどうすれば良いのかメモします。↓のような定義type User = {    id: number,    name: string | null,    age: number | null,} すべてのプロパティをnon-nullにする方法 TL;DRtype User = {    id: number,    name: string | null,    age: number | null...

【TypeScript】 オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

はじめに親コンポーネントのstateを変更し、再度同じ子コンポーネントに別のpropsを渡すような処理の場合に、子コンポーネントで管理しているstateが更新されないことがあって困っていました。そのときに仕方なく下記のようにuseEffectを利用して初期化していましたがあれ、再レンダリングされる場合コンポーネントって再生成されるんじゃないんだっけ？😇となっていたところ、以下の記事が解決してくれました。https://beta-reactjs-org-git-you-might-not-fbopensource.vercel.app/learn/you-might-not-n...

[React]再レンダリング後にstateが初期化されない件

自己紹介エンジニア1年生(25)🐣 はじめにcreate-react-app環境でボタンをクリックしたらイベントを発生させる方法を備忘録として残します！※GoogleAnalyticsの初期設定は済ませている前提です。※バージョン4の方法なのでそれ以外だとやり方違うと思いますので注意です！ 手順1 GoogleAnalyticsからイベントを追加https://analytics.google.com/analytics/　から設定（左サイドバー） > イベント > イベントを作成でイベントを作成します。作成フォームが出るので、任意の名前をつけま...

gurichan

社内デザインシステムをMCPサーバー化したらUI実装が爆速になった

【入社エントリ】Ubie に入社して一ヶ月が経ったよ

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

【TypeScript】オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

[React]再レンダリング後にstateが初期化されない件

GoogleAnalytics 4でボタンにイベントを仕込む

社内デザインシステムをMCPサーバー化したらUI実装が爆速になった

【入社エントリ】Ubie に入社して一ヶ月が経ったよ

なぜReact Server ComponentsはlocalStorageを参照できず、cookieは可能なのか

Rubyに慣れている人向けのGo言語の配列(スライス)チートシート

react-route-dom v6を使ってリダイレクトテストしたらひっかかった[createReactRouter使ってみよう]

【初心者向け】ブランチを切り替えてもなぜマイグレーションがスキーマに反映されてしまうのか

【TypeScript】 オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】

[React]再レンダリング後にstateが初期化されない件

GoogleAnalytics 4でボタンにイベントを仕込む

【TypeScript】オブジェクトのnullableなプロパティをnon-nullに変換する【型定義】