Blog.nasbi.jp
Blog.nasbi.jp
なすびブログ
制作過程における躓きや気付きのメモ
✍️Write rieview ✍️Rezension schreiben 🏷️Get Badge! 🏷️Abzeichen holen! ⚙️Edit entry ⚙️Eintrag bearbeiten 📰News 📰Neuigkeiten
Tags:
自分だけかもしれないのだが、 import はファイルの先頭に書かなければシンタックスエラーになるのだと勝手に勘違いをしていた。 下記のソースコードはエラーではないのだ。 import hoge from 'hoge'; … Continue reading "我々はいつからimportをファイルの先頭に書かなければいけないと勘違いしていたのか"
The post 我々はいつからimportをファイルの先頭に書かなければいけないと勘違いしていたのか first appeared on なすびブログ.
16.8.2024 03:06我々はいつからimportをファイルの先頭に書かなければいけないと勘違いしていたのかちょっと気になることがあって各主要ブラウザのフレームレートを調べてみたのでその結果をメモ。 調べ方 PCのChromeであれば、DevToolsで下記のようにリアルタイムのフレームレートを表示する事が可能です。 今回はC … Continue reading "各種ブラウザのフレームレートを調べた"
The post 各種ブラウザのフレームレートを調べた first appeared on なすびブログ.
26.6.2024 12:36各種ブラウザのフレームレートを調べた管理画面があるようなWebサイト・Webアプリを作るとき、稀によくHTMLテキストを値として入力したいという要件があります。 Webサイトの運用者がある程度自由に内容を書き換えられる必要があるコンテンツ、例えばWordP … Continue reading "スタイルを隔離してHTMLを埋め込むにはShadowDOMを使うとスマートかもしれない"
The post スタイルを隔離してHTMLを埋め込むにはShadowDOMを使うとスマートかもしれない first appeared on なすびブログ.
16.5.2024 16:00スタイルを隔離してHTMLを埋め込むにはShadowDOMを使うとスマートかもしれないAlpine.jsでは x-data="{open: false}" というように x-data 属性を付与することで、その要素の内側で x-show="open" のように参照することができます。 <div x- … Continue reading "Alpine.jsの$storeはいつ使うのか？"
The post Alpine.jsの$storeはいつ使うのか？ first appeared on なすびブログ.
19.4.2024 02:37Alpine.jsの$storeはいつ使うのか？Figmaのアップデートで「マルチ編集」機能が追加されました。 編集したいオブジェクト（またはテキストなど）を選択したあとに Command+Option+Aを押すとフレーム間をまたいで一括で選択されるという、 今まであ … Continue reading "Figmaの「マルチ編集」はズボラデザイナーの救世主となるか"
The post Figmaの「マルチ編集」はズボラデザイナーの救世主となるか first appeared on なすびブログ.
29.3.2024 10:59Figmaの「マルチ編集」はズボラデザイナーの救世主となるか下記はリファレンスのイベントから抜粋したもの。 イベント 説明 click （前略） addEventListener() では使用できません（代わりに gmp-click を使用してください）。 gmp-click （ … Continue reading "Google Map APIの高度なマーカーのクリックイベントに関するリファレンスが間違ってる"
The post Google Map APIの高度なマーカーのクリックイベントに関するリファレンスが間違ってる first appeared on なすびブログ.
7.3.2024 09:00Google Map APIの高度なマーカーのクリックイベントに関するリファレンスが間違ってるDocer for Macの問題点としてはとにかくI/Oが遅い点です。 nuxt build などフロントエンドのビルドをDockerマシーン上で行うと非常に遅く、プロジェクトの規模とマシンスペックによっては30分以上か … Continue reading "Docker for Macを捨てcolimaでやっていく"
The post Docker for Macを捨てcolimaでやっていく first appeared on なすびブログ.
15.1.2024 10:00Docker for Macを捨てcolimaでやっていく時折、明度と彩度を一定に保ったまま色相を変えていくつかの色を作りたいときがあります。 なすびのウェブサイトで例えると、制作事例のタグは頻繁な増減があり、数も多く、色自体に拘りたいわけではないので、すべての色をひとつずつ決 … Continue reading "いい感じの色を作りたいならOklchを使うといい感じになる"
The post いい感じの色を作りたいならOklchを使うといい感じになる first appeared on なすびブログ.
25.12.2023 04:53いい感じの色を作りたいならOklchを使うといい感じになるFrankenPHPは先日v1.0がリリースされたばかりの、PHPとWebサーバがセットになったDockerイメージです。 ちょうどローカルでWordPressを動かしたいタイミングがあったので試してみました 基本的には … Continue reading "FrankenPHPでサクッとWordPressの開発環境を作る"
The post FrankenPHPでサクッとWordPressの開発環境を作る first appeared on なすびブログ.
23.12.2023 04:47FrankenPHPでサクッとWordPressの開発環境を作る以前の投稿では、SVGの色をcssを使って変更する方法についてお話ししました。今回は、SVGに影(ドロップシャドウ)を追加する方法に焦点を当てたいと思います。 divにドロップシャドウを付ける場合は、以下のようにcssの … Continue reading "ウェブサイトでSVGを配置して、cssでドロップシャドウを付ける話"
The post ウェブサイトでSVGを配置して、cssでドロップシャドウを付ける話 first appeared on なすびブログ.
20.11.2023 01:00ウェブサイトでSVGを配置して、cssでドロップシャドウを付ける話