Astroで動的にHTMLタグを変更する
Astroで変数を使ってHTMLタグを変更する方法をメモ。...
ツールの記事一覧
Astroでループや条件分岐を行う
Astroでループや条件分岐のやり方をメモ。...
Figmaでテキスト情報を取得するプラグインを作成する
以前に投稿したFigmaのプラグインを作成する記事の内容を踏まえて、Figmaのページ内のテキスト情報を取得するプラグイ...
Cursorでsetting.jsonを開く
以前にVSCodeでPrettierを使用する記事を投稿しましたが、Cursorで設定しようとした時にsetting.j...
VSCodeでPrettierを使用する
VSCodeの拡張機能からPrettierを使用する方法をメモ。...
Prettierを使ってみる
コードフォーマットツールのPrettierの使い方をメモ。...
Astroで動的にHTMLタグを変更する
Astroで変数を使ってHTMLタグを変更する方法をメモ。...
FigmaのMCPサーバを作成する
以前に公式ドキュメントを参考に天気のMCPサーバを作成する記事を投稿しましたが、今回はFigmaのデータを取得する簡易的...
Astroのビルド時先のディレクトリを変更する
Astroでビルドをした際、デフォルトだとdistディレクトリ内に出力されますが、ビルド時の出力先を変更する方法をメモ。...
Backlog APIを使ってみる
プロジェクト管理やタスク管理を行えるツール「Backlog」のAPIを使用する機会があったのでメモ。...
FigmaのREST APIを使ってみる
FigmaのREST APIの使い方を調べる機会があったので、調べた内容をメモ。...
AstroでCSSを別ファイルとして出力する
Astroでスタイルを記述した際、デフォルトだとファイルサイズが小さい場合にはstyleタグで出力、一定以上の場合はCS...
Figmaのプラグインを作成する
公式で用意されているドキュメントを元に、Figmaのプラグインを作成する方法を試してみます。...
CursorでMCPを使用する
以前にMCPサーバを作成する記事を投稿しましたが、その時に作成したMCPサーバをCursorで使用できるように設定してみ...
AstroでSassを使用する
AstroでSassを導入する方法をメモ。...
fnmで管理しているNode.jsのデフォルトのバージョンを変更する
Windowsの環境でNode.jsのバージョン管理をfnmで行っていたのですが、デフォルトのバージョンを変更したいとい...
MCPサーバを作成する
公式ドキュメントにある内容を参考にMCPサーバを作成して、Claudeで使用してみます。 今回作成するのはWindows...
AstroでHTMLの圧縮を無効にする
Astroで構築したサイトで、HTMLを圧縮していない状態でビルドしたいということがあったので方法をメモ。...
ClaudeでMCPを使用する
ClaudeでMCPを使用する方法を試してみます。 今回はWindows環境での使用になります。...
Claudeを使ってみる
Claudeのアカウント登録から実際に使ってみるまでの流れをメモ。...