
スキルアップ
2021.01.22
家でできる仕事おすすめ13選!趣味やスキルを活かして時間を有効活用
通勤せず、家で仕事ができたら理想的だと思いせんか?コロナ禍の今、在宅ワークに注目が集まっています。パソコンとインターネット回線があればどこでもできる仕事が増え、完全在宅を前提とした求人も多く目にするようになりました。ここ […]
jQuery
2018.10.23
cookie( クッキー ) とは、ブラウザにデータを保持する機能です。
今回は、jQuery で cookie を利用する際の方法について紹介します。
1.jquery.cookie.js を用意
2.cookie データを保持・取得・削除
データを一時保持する cookie を使用するために、次の何れかの方法で jquery.cookie.js というライブラリを用意します。
jquery.cookie.js ファイルをダウンロードして用意する場合は、GitHub のサイトから ファイルをダウンロードして 任意の場所に保存し、次のように読み込みます。
<script type="text/javascript" src="保存場所/jquery.cookie.js"></script>
jquery.cookie.js の CDN を利用する場合は、次のように記述して jquery.cookie.js ファイルを直接読み込んで利用します。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
こちらから最新バージョンをご確認下さい。
cookie を使用して、データをリセット時まで保持します。
カウントボタンを何度かクリックした後、ブラウザをリロードしてみて下さい。
また、リセットボタンもクリックしてみて下さい。
上のサンプルのソースコードは次の通りです。
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript"> <!-- $(function() { var cookie = $.cookie("cookie1"); if(cookie){ $("#spn1").text(cookie); } else { $("#spn1").text(0); } $("#spn2").text(0); var num1 = $("#spn1").text(); var num2 = 0; $("#btn1").on("click", function(){ num1++; num2++; $.cookie("cookie1", num1); $("#spn1").text(num1); $("#spn2").text(num2); }); $("#btn2").on("click", function(){ num1 = 0; num2 = 0; $.removeCookie("cookie1"); $("#spn1").text(num1); $("#spn2").text(num2); }); }); //--> </script> <div style="background-color:#CCC; padding:20px 20px 2px;"> 【cookie有】カウント:<span id="spn1"></span> 【cookie無】カウント:<span id="spn2"></span> <input type="button" id="btn1" value="カウント"> <input type="button" id="btn2" value="リセット"> </div>
「 $.cookie(“cookie1”, num1); 」のように記述して、cookie にデータを保持します。
保持しておく値を第 2 引数に指定し(上のサンプルでは変数の「 num1 」)、第 1 引数には 保持しているデータに名前を付けて指定します(上のサンプルでは「 “cookie1” 」)。
これで、変数 num1 の値が “cookie1” という名前のデータとして保持されている状態となります。
「 $.cookie(“cookie1”); 」のように記述すると、cookie で保持しているデータを取得することができます。
cookie にデータを保持させる際に命名したデータの名前を指定して、取得するデータを特定します。
上のサンプルでは、この記述で 変数 num1 の値を取得することができます。
「 $.removeCookie(“cookie1”); 」のように記述すると、cookie で保持していたデータが削除されます。
cookie にデータを保持させる際に命名したデータの名前を指定して、削除するデータを特定します。
上のサンプルでは、この記述で “cookie1” と命名したデータが丸ごと削除されます。
スキルアップ
2021.01.22
通勤せず、家で仕事ができたら理想的だと思いせんか?コロナ禍の今、在宅ワークに注目が集まっています。パソコンとインターネット回線があればどこでもできる仕事が増え、完全在宅を前提とした求人も多く目にするようになりました。ここ […]
スキルアップ
2021.01.22
大学生のうちにプログラミングスキルを身につけておくべきか悩んでいる方、エンジニアとして働くことに興味がある方はぜひご覧ください! 大学生でプログラミングを習得するメリット、おすすめのプログラミング言語&学習法、失敗しない […]
スキルアップ
2021.01.22
本記事では、給料やお金をもらいながらでもプログラミングを学べる方法や、未経験からでもエンジニアへの転職が可能な理由について紹介します。プログラミングスキルが未経験者の就職や転職において有利となる理由も解説。これからプログ […]
スキルアップ
2021.01.21
「高卒者のお給料って高いの?低いの?」「大学を中退しても高収入は得られる?」最近は高卒採用に力を入れる企業が続々と増えていますが、こんなふうに考えて最初の一歩が踏み出せない学生さんも多いはず。そこで今回は、学歴・世代・男 […]
スキルアップ
2021.01.20
本記事では、料金重視でプログラミングスクールを探している方向けに、未経験からエンジニアを目指せるおすすめのコースを紹介します。無料プログラミングスクールの仕組みや、かかる費用に差が出る理由、料金以外に重視すべきポイントも […]
スキルアップ
2021.01.08
社会人になっても勉強は必要!と言われても、何を勉強したら良いのか迷いますよね。仕事に関わるスキルを磨いたり、資格を取得したりする他にも、勉強できることはたくさんあります。ここでは、社会人が勉強するメリット、オススメの勉強 […]
INTERNOUS,inc. All rights reserved.