DOMの変更を検知!! MutationObserverAPI
MutationObserver MutationObserverは、DOMの変更を検知できるブラウザ標準のAPIです。 MutationObserver インターフェイスは、 DOM ツリーへ...
3
4
Comment0
20 search resultsShowing 1~20 results
Stocked
You need to log-in
Shopify CLI3.xをWSL+Ubuntu+nvmで使う
導入でつまづいたのでメモしておきます。 Shopify CLIってなに 黒い画面でShopifyテーマをいじれるツールです。 Shopify CLI is a command-line inte...
0
0
Comment0
jsPDFでiOS Safariでもダウンロードダイアログを出してPDF保存（同じタブで開かないでくれ!!）
結論 // jsPDFのインスタンスを作成 const pdf = new jsPDF() // ～ おのおのPDFをイイカンジに作成してください ～ // PDFをBlob形式で取得 cons...
5
6
Comment1
radial-gradientでスポットライト風の背景くり抜き（Safari対応）
作ったもの See the Pen radial-gradientで背景くり抜いてさらに後ろを見せる by MAKI I (@IKEMAKI) on CodePen. スポットライトにするとた...
3
4
Comment0
結局Webサイトの画像なに使えばいいのよ2024春【WebP/AVIF】
結論 HTML WebP単体使用 <img src="/img/hoge.webp" alt="" width="1000" height="500"> もしくは、AVIFを使用しフ...
20
9
Comment0
CSSのmin() / max()がStylusのビルトイン関数と競合する件
結論 .hoge width @css{max(0px, 100vh - 10px)} .fuga width "min(%s)" % (50vh, 500px) // Stylus変数を一緒...
3
0
Comment0
PreprosでNODE_ENVを使ってステージングと本番でJSの処理を切り替える
意外と多機能Prepros Sassのコンパイラとしてやたら紹介されがちなPreprosですが、実はHTMLやJS、画像圧縮処理などの機能も付いています。 ↑設定項目たくさん Prepros i...
3
4
Comment0
SvelteKitでルートごとに別のレイアウトを使う(group)
あとから共通レイアウト増えると困る問題 Webアプリケーションを作成するときは設計が大事ですよね。 SvelteKitでガッツリ作り込んだWebアプリがあったのですが、後からLPを作りたいんだよ...
10
5
Comment0
オフラインHTMLバリデーター「HTML-validate」がいい感じ 項目一覧もあるヨ
すっ飛ばして項目一覧へ はじめに こんにちは、ウィケです。 皆さんは普段、出来上がったHTMLをどうやってチェックしていますか？ W3Cのバリデーターにかけたり、開発環境にリンターを仕込んでおい...
10
7
Comment0
HTML/CSSのみで追従するスプリットスクリーンレイアウト実装
スプリットスクリーンレイアウト 画面全体をバチコーンと分割したレイアウトをスプリットスクリーンレイアウトといい、オシャレなサイトでよく使われている印象です。 スプリットレイアウトと言われていると...
1
1
Comment0
【shopify】gidで商品情報を取得する
gidで商品情報取るのに苦戦しまくったので記録しておきます。 メタフィールドで取ってこれる商品の情報がgidだけってマジ？ shopifyにはメタフィールドという、WPやMTでいうところのカスタ...
3
0
Comment1
型定義で型の使い回し
前提 CMSのデータをNext.js+TypeScriptで管理していたときに遭遇 ブログ記事、カテゴリ、タグと３つの型がある カテゴリとタグはブログ記事の情報に含まれるため、使い回したい コー...
0
0
Comment0
サイトにダークモード切り替えボタンを置こう
こんな感じのをつくりました（絵文字をクリックしてね！）。 See the Pen dark mode support js by MAKI I (@IKEMAKI) on CodePen. は...
31
15
Comment1
Google Places APIで口コミを取得して評価で絞り込む
Places APIで口コミをいじくる日本語情報があまり見つからなかったため、忘れないように記録しておきます。 公式はこちら（英語） Overview | Places API | Go...
58
54
Comment0
MovableTypeで投稿記事のファイル名を月ごとにリセットされる数字にしようとした【失敗談】
概要 MovableType6(MT6)にて、投稿記事のファイル名に、月ごとでリセットされる数字を振りたかったという話です。 結局不採用と相成りましたので、ただの語りとしてご覧ください。 オチを...
0
0
Comment0
XAMPPを使ってローカル環境にMovableType7を入れる2019年春
概要 MTのローカル環境を作ろうとしたところ、とんでもなくひっかかった＆新しい情報がほぼなかったため備忘録として残しておきます。 環境 Windows10 MovableType7 XAMPP(...
10
9
Comment0
Nuxt.jsでvue-awesome-swiperを使ったスライダー実装
NuxtでVueのプラグイン入れるの結構ムズくないか？と思ったので書きました。 環境 Windows10 yarn -v 1.13.0 node -v 8.11.1 vue --version ...
35
31
Comment0
FirebaseでDatabaseのルールがなぜかリセットされてしまうときの凡ミス
現象 Vue.js＋Firebaseで認証付きチャット | 基礎から学ぶ Vue.js を参考にVueとFirebaseを初めて触っていたのですが、 Databaseにルールを記載してもいつの間...
3
2
Comment0
Android4系で出会ったCSSトラップたち
概要 なぜ古いAndroidに対応しなければならないのか、コレガワカラナイ よくCSSアニメーションなどをいじくるのですが、 IEを直した思ったらAndroid（標準ブラウザ）で崩れる定番の流れ...
5
3
Comment0
gulpでpugをコンパイルしたときにリンクの＆がエスケープされるのをやめたい
結論：! をつけよう hoge.pug a(href!="https://hogesite.com&piyo") ほげサイト a(href!="")のように、!をつけることで回避できます...
2
1
Comment0
20 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles