FigmaのMCPサーバを作成する
以前に公式ドキュメントを参考に天気のMCPサーバを作成する記事を投稿しましたが、今回はFigmaのデータを取得する簡易的...
Web Animations APIを使ってみる
JavaScriptでアニメーションを実装できるWeb Animations APIについて、いくつか使い方を試してみま...
scroll-snapを使ってみる
スクロール時のスナップ制御を設定できる、scroll-snapを試してみます。...
field-sizingプロパティを使ってみる
field-sizingプロパティを使って、textareaの高さを入力内容に応じて可変にする方法を試してみます。...
Movable Typeのglueを使ってjsonを生成する
以前にMovable Typeでjsonを生成する記事を投稿しましたが、glueモディファイアを使うことでも実装できるよ...
Astroのビルド時先のディレクトリを変更する
Astroでビルドをした際、デフォルトだとdistディレクトリ内に出力されますが、ビルド時の出力先を変更する方法をメモ。...
Three.jsでテキストを配置する
Three.jsでテキストを配置する方法をメモ。 今回はViteを使った開発環境での使用例になります。...
CSSでダークモードに対応する
ダークモードの対応をする方法について調べたことをメモ。...
JavaScriptのSetを使ってみる
JavaScriptのSetオブジェクトについて、どういった挙動なのかを試してみます。...
URLのクエリパラメータを取得する
URLのクエリパラメータを取得する処理を、汎用的に使えるようにまとめてみます。...
Movable Typeのプラグイン「CategorySetFields」を使ってみる
Movable Typeのコンテンツタイプでカテゴリを使いたい場合、「カテゴリセット」を使用する必要がありますが、記事の...
JavaScriptのMapを使ってみる
JavaScriptのMapオブジェクトを使ってみます。...
Three.jsで立方体の各面にテクスチャを設定する
以前にThree.jsで平面にテクスチャを設定する記事を投稿しましたが、立方体などの各面に別のテクスチャを張り付ける方法...
Backlog APIを使ってみる
プロジェクト管理やタスク管理を行えるツール「Backlog」のAPIを使用する機会があったのでメモ。...
JavaScriptでclassのtoggle処理を実装する
個人的によく使用する、button要素をクリックした際に別要素のclassをtoggleするという処理を汎用的に使えるよ...
FigmaのREST APIを使ってみる
FigmaのREST APIの使い方を調べる機会があったので、調べた内容をメモ。...
TypeScriptの基本的な型を試してみる
TypeScriptの型についていくつか試してみます。...
mask-imageでのCORSエラー
mask-imageを使ったSVGアイコンの設定をした際、クライアント環境にアップするとうまく表示されないということがあ...
.envファイルを設定する
.envファイルを使って、開発環境と本番環境で出し分けする時のメモ。...
AstroでCSSを別ファイルとして出力する
Astroでスタイルを記述した際、デフォルトだとファイルサイズが小さい場合にはstyleタグで出力、一定以上の場合はCS...