Cursor最適化の決定版:DEF-Aモデル統合ルールでフロントエンド開発を効率化する方法【続編】

※本記事は、Claude/Cursorとのペアブロで記事を作成しています。

前回の記事「Cursor最適化の決定版:DEF-Aモデル統合ルールファイルでフロントエンド開発を効率化する方法」では、DEF-Aモデルの基本構造と技術的実装について詳しく解説しました。総ファイル数15個・約4,400行のルールシステムを構築し、フロントエンド開発での効率化・コンテキストエンジニアリングを実現する手法を紹介しました。

続きを読む “Cursor最適化の決定版:DEF-Aモデル統合ルールでフロントエンド開発を効率化する方法【続編】”

Cursor最適化の決定版:DEF-Aモデル統合ルールファイルでフロントエンド開発を効率化する方法

Cursorのルールに認知スタイルプロファイルを導入しつつ、最適化を目指してみた」の続編、Cursor向けのルールファイルを汎用的に、そして私のプロセスモデル「DEF-Aモデル」をそのCursorルールに組み込んだコンテキストエンジニアリングにもつながるものを公開したので、それに合わせて記事を作成しました。

※本記事は、Claude/Cursorとのペアブロで記事を作成しています。
  記事中にある「例」は同等の性能などを保証するものではありません。

続きを読む “Cursor最適化の決定版:DEF-Aモデル統合ルールファイルでフロントエンド開発を効率化する方法”

WordPressの記事ページにプラグインなしで目次を自動生成する方法

記事の長さがファーストビューで収まらず、見出しが複数ある場合に閲覧性などをよくする際に目次が欲しくなりますが、毎度作るとなると内部リンクを作成したりするのが面倒で作らずに記事を公開してしまうことが多いのですが、最近Claudeなどを利用して、ブログの改善をしているときに、目次を自動生成する方法があるのでは?となり、実装できたので、備忘録踏まえて記事にまとめました。

続きを読む “WordPressの記事ページにプラグインなしで目次を自動生成する方法”

Nuxt3でWebサイトの再構築を進める2

コンポーネント内からhtmlにdata属性を操作したいとき

例えば、モーダルを表示する間だけhtml,bodyのスクロールをやめたい時などにクラスを追加したりdata属性をボタンの押下などで変化させるときの方法でつまづいたので備忘録その2。

続きを読む “Nuxt3でWebサイトの再構築を進める2”

Nuxt3でWebサイトの再構築を進める1

受託の仕事が夏季休暇期間でないため、今のうちにということで現状Nuxt2の状態だったcdbk.tokyoのサイトをNuxt3で対応させつつ、デザインを変えるために色々やった備忘録を少しずつまとめていきます。

続きを読む “Nuxt3でWebサイトの再構築を進める1”