AI時代のデザインツール「Pencil」徹底解説 - Cursor上でワイヤーフレームをAIに描かせる新常識
CursorやVS Codeの拡張として動く、AIネイティブなデザインツール「Pencil」の特徴・MCP連携・Figmaとの違いを解説。実案件として、企業向けWordPressテンプレートのワイヤーフレーム3パターンをAIで一気に構築した作業例も紹介します。
Cursor9 件の記事
Cursor の記事
Cursor 3 リリースまとめ — Agents Window / Design Mode / Bugbot Autofix の並列エージェント時代
2026年4月2日、AIネイティブIDEのCursor 3が正式リリース。複数エージェントを並列実行する「Agents Window」、UIデザイン編集に特化した「Design Mode」、PRのバグを自動修正する「Bugbot Autofix」など、AIコーディングの新時代を切り拓く新機能をまとめます。
AIに毎日の活動日記を書いてもらう仕組みを作った
gitログ、ファイル更新履歴、Cursor・Claude Code・Codexの各AIエージェントログを情報源として、AIに1日の活動日記を自動生成してもらう仕組みを構築。さらにCRONとシェルスクリプトで完全自動化するまでの話。
Cursor バージョンヒストリー完全ガイド - v0.1からv2.4までの進化の軌跡
CursorのAIコードエディタとしての進化を、2023年3月の初期リリースから2026年1月の最新v2.4まで、全バージョンの機能と変更点を詳細に解説します。
Figma MCP × Cursor でデザインからHTMLを自動生成 - 実践ガイド
Figma公式のMCPサーバーを使って、CursorでデザインからHTMLを自動生成する方法を解説。設定手順から実践、再現度を高めるためのベストプラクティスまで紹介します。
YouTube動画の文字起こしデータを一括取得＆AI要約 - Pythonツール開発記
大量のYouTube動画から目当ての情報を効率的に見つけるため、youtube-transcript-apiを使った文字起こし一括取得ツールを開発しました。IPブロック問題の解決方法やCursor AIでの要約活用法まで詳しく解説します。
Googleスプレッドシート × MCP × Cursor で スプレッドシート自動編集を試してみる
CursorのMCP機能を使ってGoogleスプレッドシートを自動操作する方法を解説。GCPの設定からMCP連携、実際にエラー調査レポートをスプレッドシートにまとめるまでの手順を紹介します。
vscode-neovim が最高だった - 本物の Neovim を VSCode/Cursor で使う
VSCode や Cursor で本物の Neovim を動かす vscode-neovim 拡張機能を使ってみたら、今までの Vim キーバインド系プラグインとは次元が違った話
Cursor × Marp で技術プレゼンを Markdown で書く - 50枚資料を素早く作るワークフロー実例
PowerPoint で半日〜1日かかる技術プレゼン資料を、Cursor の AI エージェント + Marp の Markdown スライドで 50枚／約1.5時間で仕上げた実例。ツール構成・実ワークフロー・Marp の主要構文・運用上の注意点まで具体的にまとめます。