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