Astroで動的にHTMLタグを変更する
Astroで変数を使ってHTMLタグを変更する方法をメモ。...
Movable Typeのリッチテキストのフォーマットを確認する
以前にMovable Typeのエディタについて調べた際にリッチテキストのフォーマットについても調べましたが、挿入できる...
HTML内に配置したcanvasにThree.jsの設定を行う
Three.jsを使用する際、canvasを自動生成するのではなく、あらかじめHTMLに用意したcanvasタグを使って...
chromeでアドレスバーに表示されるGoogleレンズを非表示にする
アドレスバーで長いURLを編集する際に、Googleレンズを誤クリックしてしまうことが度々あるので、非表示にする方法がな...
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の使い方を調べる機会があったので、調べた内容をメモ。...