Learn or Die

生涯勉強。Macです。

Programming-JavaScript

PHPのboolean型の値をJavaScriptの変数として定義する

やりたいこと PHPのフラグ変数とJavaScriptのフラグ変数を連動させたい。 間違っている書き方 <script> let test_flg = <?php echo $test_flg; ?>; </script> この場合、コンソールにsyntaxエラーが出てしまいました。 Uncaught SyntaxError: Unexpected token ';' 解決方法 v…

Ajaxの使い方

Ajaxとは Ajaxとは「Asynchronous JavaScript + XML」の略。 Asynchronous:非同時性・非同期の意 つまり、JavaScriptとXMLを使って非同期にサーバとの間の通信を行うこと。 Ajaxを支える機能たち ・XMLHttpRequest ブラウザ上でサーバーとHTTP通信を行うた…

一定時間だけモーダルウィンドウを表示する

コード html▼ <div class="modal"> <div class="overlay js-modal--close"></div> <div class="modal__inner"> <h2>モーダル</h2> </div> </div> <style> js▼ $(function(){ //クリックすると2秒かけて消える function clickAction() { $('.modal').fadeOut('200', function () { $('.modal').remove(); }); } //自動で3秒後に消える setTimeout(clickActi…

JavaScriptにおける識別子の記法

識別子とは プログラムの中で、変数や関数などに付けられた名前のこと、あるいはインターネットにおけるドメイン名やIPアドレスなどのこと。 命名規則や利用できる文字の種類などもそれぞれ異なる。 記法まとめ JavaScript 記法 表記の例 変数 / メソッド キ…

Node.jsをインストールする

前提 nodebrewをインストールする Node.jsのインストール 1. バージョンを指定してインストールする場合 2. 最新版をインストールする場合 3. 安定版をインストールする場合 エラーが出る場合 nodeを有効化する パスを通す bashの場合 zshの場合 反映させる …

Javascriptのメソッド indexOf / map / filter

indexOf() - 文字列を検索する 検索対象の文字列の先頭(0番目)から、順番に1文字ずつ検索をしていき、最初に一致した位置(index番号)を数値で返してくれる。 //任意の文字列 var fruits = 'lemon', 'orange', 'apple'; // 'orange'を検索する var search…