AI / 機械学習

Figma MCP × Cursor で画面実装を効率化する – 実践から得た運用ノウハウ

Figma MCP を使えば、デザインファイルから直接コードを生成できます。しかし実際にプロジェクトへ導入してみると、「デザインをそのままコード化するだけ」では思ったような成果は得られませんでした。本記事では、Vue ...

はじめに昨今、GitHub Issue の内容をもとに、ブランチ作成から実装、内部レビュー、PR 作成までを AIを用いて一連の流れとして進めたいといった場面が多くなってきました。本稿では、Cursor の Skil...

Cursorを使っていると、ダッシュボードに表示されるTokensや利用金額が気になる場面があります。ただ、数字だけを見ても「どこで消費されているのか」「どうすれば抑えられるのか」は分かりにくいものです。この記事では、...

前編では、デザインシステムの考え方から、Stencil.js のセットアップ、Tokens Studio(Figma Tokens) の取り込み、AIを使ったコンポーネント作成の入り口までを整理しました。後編ではその続...

AIとStencil.jsを使って初めてデザインシステムを作ったので、そのガイドを前編と後編でまとめました。前編では、デザインシステムをどんな考え方で設計し、Figmaのデザイン情報をどうコードへ落とし込んでいくかを整...

はじめにこの記事では、RAGに関心はあるものの、「どこから実装を始めればよいのか」と迷っているエンジニアに向けて、実務で整理しておきたいポイントをまとめます。扱うテーマは、RAGの基本構成、権限設計、そして精度改善の...

はじめに今回、新プロジェクトの提案資料作成において、AIコーディングツール「Cursor」を活用しました。本記事では、AIを使った資料作成の過程で得られた気づきと、効果的な活用方法について共有します。背景：スクラム開...

はじめにシステム開発では、軽微な変更であってもデグレや副作用が発生し、最終検証のコストが膨らむことがあります。しかし、タイトなスケジュール下では十分な確認プロセスを回すのが難しく、低コストで実施できる検証手段が求められ...

はじめにとあるWeb アプリケーション開発のプロジェクトにおいて、AI を積極的に活用することで、設計書の作成と UI 実装を大幅に効率化しました。従来、手作業で行っていた設計書の作成や、デザインからコードへの変換作...

はじめに私は、2025年9月にアイスリーデザインへ入社しました。入社前はバックエンド開発が中心でしたが、現在はフロントエンドの開発にも携わり、日々の実装や不具合対応の中で「立ち上がりの速さ」や「変更の影響範囲の読み方」...