SlackのイベントAPIを使ってみる
SlackのイベントAPIを使って、特定のチャンネル内で送信されたメッセージをスプレッドシートに出力する方法を試してみま...
ツールの記事一覧
Astroで動的なページを作成する
Astroで動的ルーティングを使う方法をメモ。...
PhotoshopでWebP形式の画像をpng形式に変換する
WebP形式の画像をPhotoshopで開いてpng形式として保存しようとした際、うまくいかず詰まることがあったのでメモ...
VSCodeのLive Serverを使ってみる
VSCodeのLive Serverの使い方についてメモ。...
Astroでscriptを使用する
Astroでscriptタグを使用して、クライアントサイドでJavaScriptを実行する方法を試してみます。...
FigmaのMCPサーバを使ってみる
2025年6月にベータ版が公開された、Figmaの公式MCPサーバー(Figma Dev Mode MCPサーバー)を使...
DevToolsで要素に設定されたイベントを調べる
chromeのDevToolsを使って、特定の要素に設定されているイベントを調べる方法をメモ。...
Astroでコメントを記述する
Astroのコード内でコメントを記述する方法について調べたことをメモ。...
Astroでフラグメントを使用する
Astroでフラグメントを使用する方法をメモ。...
FigmaのREST APIで画像を書き出す
FigmaのREST APIを使って、画像を書き出す方法を試してみます。...
VSCodeで左右のタブに切り替える
VSCodeでCtrl + Tabキーを押下すると、直近表示した順でファイル一覧が表示されるようになっていますが、ブラウ...
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ディレクトリ内に出力されますが、ビルド時の出力先を変更する方法をメモ。...