-
CSSのfilterプロパティで画像を暗くする方法
CSS「CSSを使って、画像を暗くする方法はある?」 こんな疑問を持つ方に向けて、CSSを利用して画像を暗くする方法を解説します。 次のように、画像にCSSを適用するだけで簡単に画像を暗くすることができます。 元の画像 暗くした画像 この記事で解説する方法... -
JavaScriptのhide()が効かない理由と対処法
JavaScript次のようなコードを書いて、JavaScriptのhide()が効かないと悩んでいませんか? const image = document.querySelector("img"); const button = document.querySelector("button"); button.addEventListner("click", () => { image.hide(); }); この記事で... -
「DOMException: Failed to execute ‘querySelector’ on ‘Document’: ‘:has(*,:jqfake)’ is not a valid selector.」の対処法
jQueryjQueryで以下のエラーが発生しました。 DOMException: Failed to execute 'querySelector' on 'Document': ':has(*,:jqfake)' is not a valid selector. " // エラーが発生 ” // エラーは発生しない 使われている文字列に「"」が入っているとエラーが発生... -
【CSS】flex-basisが効かない時の対処法
CSS画像とテキストを横並びで表示したいときには、flexをする方法があります。 <div class="content"> <div class="content__img"><img src="xxx" /></div> <div class="content__text"><p>xxx</p></div> </div> .content { displ... -
MAMPで.htaccessファイルを利用する方法
MySQL/Applications/MAMP/conf/apacheにあるhttpd.confを開きます。 219〜230行目にある次のコードを探します。 # # Each directory to which Apache has access can be configured with respect # to which services and features are allowed and/or disabled... -
JavaScriptで親画面のオブジェクトの関数を実行する方法
JavaScript親画面で定義したオブジェクトの関数を実行したい時にオブジェクトの初期化を下記のように記載すると、関数を実行できませんでした。 let Obj; Obj = Obj || {}; Obj.func = function (a) {}; Obj.func(a); // 子画面 しかし、下記のようにオブジェクトの... -
VSCodeのLive ServerでPHPファイルを実行する方法
Visual Studio CodePHPはサーバーサイド言語であり、Live Serverを使ってそのまま動作させることはできません。 そのままPHPファイルを開こうとするとファイルがダウンロードされたり、ディレクトリが開いたりします。 Live Serverを使って、PHPファイルを実行するには設定が... -
script id=”xxx” type=”text/template”の使い方
JavaScript下記のようなtype属性にtext/templateの値を持つscriptタグについてです。 <script id="xxx" type="text/template"> type属性の値に特定の値以外の値を指定すると、そのscriptタグは無視されます。 text/templateの値も無視される値です。 無視され... -
VSCodeのオートセーブ(自動保存)を有効にする方法
Visual Studio Code設定を開き「Auto Save」の項目を変更します。 「Auto Save」には、以下の項目があります。 off afterDelay onFocusChange onWindowChange off以外に設定すると、自動保存が有効化されます。保存されるタイミングは設定値によって変わります。 afterDelay... -
SQLに記載された「WHERE 1=1」の意味
MySQLWordPressで実行されたSQLクエリを確認した際に、「WHERE 1=1」とあったので調べてみました。 https://foxcode.jp/218 「WHERE 1=1」と記載する主な理由は、プログラムによって動的に生成するSQLをプログラミングしやすくするためでした。 複数のWHERE句の...