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

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

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

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

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

前回の記事では、AIがプロジェクト全体の構造を理解し、影響範囲を把握できるようにするための基盤作りについて紹介しました。今回は続編として、実際に要件定義から実装までのプロセスをAIとどのように進めていくかに焦点を当てます...

はじめに 既に完成しているアプリケーションにAIを用いて追加開発や改修を行う際、影響範囲を十分に考慮しないまま修正を加えてしまい、最終的に手作業での修正が必要になるケースが少なくありません。今回は、そうした課題を改善する...

はじめに 業務の効率化が求められる中、既存プロジェクトの保守対応にAIを活用する取り組みを始めました。実際に導入したAIツール「Cursor」と弊社内で開発しているAIツール「Inherit」を比較し、それぞれの特徴や使...

Amazon Connectをご存知でしょうか? アプリやウェブサービスでは有人チャット機能を見かける機会が増えています。ボットによる自動応答だけではカバーしきれない複雑な問い合わせや、よりパーソナライズされたサポート...

はじめに 株式会社アイスリーデザインでPM(プロジェクトマネージャー)を務めているSoLです。アイスリーデザインではオフショア拠点との窓口対応、開発プロジェクトのPM(プロジェクトマネージャー)、開発部門のPMOなど長年...

AWS Amplify AI Kitとは? 2024年11月、AWSから「AWS Amplify AI Kit」の一般提供が発表されました。 Amplify AI Kit は、AWS Amplify を使用して生成 AI...