webpack５でJSとSassをコンパイル（CSSを別ファイルに出力）
webpack５を使ってJavaScriptとSassをコンパイルする方法を記録しておきます。 この記事では、以下の項目をコンパイル条件としています。 Jav…
JavaScript
WordPressでページ毎に別のJavaScriptを読み込む方法
以前、ショートコードを使って自作のPHPやJavaScriptを動かす方法を紹介しましたが、今回は、ページ毎に別々のJavaScriptを読み込む方法をご紹介…
JavaScriptでselect要素のoption（項目）をセレクトする
JavaScriptでselect要素の、ある項目を選択状態にしたかった時に、ちょっとハマったのでメモ。 似たような処理で、JavaScriptでselect…
Laravel Mixを使ってjavascriptをコンパイルする
Laravelでjavascriptを使う場合、public / jsフォルダ内に置いて、Bladeファイルで読み込めば動きますが、今回は、Laravel M…
JavaScript、PHP、JSONの配列・連想配列の表記の仕方の違い
サイト作成時、JavaScript、PHP この２つの言語を常に連携してコードを書いていく事が多いですが、関数や変数の書き方が微妙に違ったり、どっちがどっちか…
PHPとJavaScriptの間で変数の値をやり取りする方法
はじめに PHPはサーバサイドプログラム、JavaScriptはクライアントサイドプログラムという構造上、PHPからJavaScriptへの渡し方は簡単ですが…
【Javascript】$.ajaxを使ってサーバ（PHP）にデータを渡す方法
はじめに Ajax「Asynchronous JavaScript + XML」を使ってJavaScriptからサーバ側（PHP）にデータを渡す事ができます。…
【JavaScript】クリックイベントが親要素に伝播しないようにする方法
例えば、メニューボタンを押すとメニューが開き、もう一度押すと閉じるというようなトグルボタンを設置する時、メニューを開いた状態で画面のどこかをクリックすると、メ…
JavaScriptでウィンドウサイズを取得して全画面表示
通常は、CSSで、width: 100vw; height: 100vh;とすれば、その要素は全画面になりますが、これをjavascriptで行いたい時があっ…
PHPでconsole.log（JavaScript）する１番簡単な方法
JavaScriptのconsole.logは、デバッグにとても便利ですよね。PHPを使ってる時も、たまに使いたくなっちゃいます。 例えば、$paramという…
まずは無料相談から
お客様のビジネス目標を達成するための最適なご提案をいたします。初回相談は無料ですので、まずはお気軽にお問い合わせください。