初心者でも分かる！jQueryのプラグインの作り方
こんにちは、@Yuuです。 jQueryのプラグインを作ってみようと思い立ちまして、その方法を調べたので書いてみたいと思います。 今回の記事では、作りながら覚えられるように実際にサンプルとしてjQueryのプラグインを1つ作成します。 「jQueryを多少触り始めたよ」というレベルの人でも分かるように丁寧に書いたので、jQueryを始めたばかりの人・これから作ってみようかなという人もぜひ読んでいって下さい！ jQueryのプラグインを作る 今回は「指定した要素の文字色を変更するだけのプラグイン」を作ってみたいと思います。 以下のように順番に項目を分けて解説を行います。 プラグイン用ファイルを作成する プラグインの基本構文を書く プラグインの処理を書く each()を使うように修正する メソッドチェーンが出来るようにする 引数とデフォルト値を設定する 段階を踏んで解説を書いていきますので「そ
初心者でも簡単！jQueryのWeb制作術と自作プラグイン活用法 | 侍エンジニアブログ
jQueryをどのように使いこなしたら良いのかよく分からない プラグインによる機能拡張とはどういうものなのか知りたい jQueryプラグインを自作するにはどうしたらいいんだろう jQueryを使いこなすとWeb制作の効率化にも繋がるわけですが、最初はどのように活用すればいいのか悩むケースも少なくありません。 jQueryを使いこなす上で重要なポイントや、機能を拡張できるプラグインについてどこから勉強を始めるのが良いのでしょうか。 そこで、この記事では初心者でも今日からjQuery活用のポイントや自作プラグインの作り方について分かりやすく解説していきますので、ぜひ最後まで読んで理解を深めて頂ければ幸いです。 一人でも多くの方がjQueryの不安を解消できれば幸いです。 jQuery活用のポイント この章では、jQueryを使いこなす上で重要な要素となる部分について見ていきましょう。主に、セレ
Cookieへの書き込みと読み出し(document.cookie)
Cookie はブラウザに保存される小さなテキストデータです。サーバからブラウザに送信されて保存されたり、逆にブラウザから保存していた Cookie をサーバに送ったりするものですが、 document オブジェクトの cookie プロパティを使用するとブラウザに保存されている Cookie を読み込んだり新しい値を Cookie に書き込むことができます。ここでは JavaScript を使って Cookie を保存したり、保存されている Cookie を読み込む方法について解説します。 Cookieの読み込みと書き込み Cookie とはブラウザに保存可能な短い文字列のデータです。 Web サーバにブラウザからアクセスしたときに、サーバ側からブラウザに Cookie のデータを送信して保存したり、ブラウザから Web サーバに対して保存していた Cookie を送信したりします。 w
js-cookieでクッキーを操作するサンプル | ITSakura
js-cookieとは Cookieを手軽に操作できる軽量なJavaScriptAPIです。 以下は、githubのjs-cookieのリンクです。コードのダウンロードもできます。 https://github.com/js-cookie/js-cookie 以下は、CDNのリンクです。 https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js クッキーを確認する環境 クッキーを動かすにはサーバー環境が必要です。 apacheを起動してhtdocs配下にindex.htmlファイルを配置しました。 ブラウザには、「http://localhost:(ポート番号)/index.html」を指定します。 ファイルスキーム(file:///)では動きません。 クッキーをセットする/取得する <script src="https:/
js-cookieの使い方【備忘録】 - Qiita
概要 バイト先のアプリ開発でデータを一時的に保存したいのですが、LocalStorageだと なぜか動作しないという問題がありました。 そこで、LocalStorageのように半永久的に残るものではなく 期限付きで削除してくれるものを使いたいなぁとCookieを思い出したので使ってみました🔥 使い方 大まかな流れ 大体はLocalStorageを利用する時と同じです。 若干Cookieの特徴があるので、そこだけ使い方が変わるイメージになります！ Cookieに保存する時 JSONに変換 Cookieにセット 期限、パスなどの設定 JSONに変換しない場合、[object Object]といった謎の形式になってしまい オブジェクト形式のデータを読み込めなくなるためです。 （valueに複数の値がセットされている場合に “.” で繋ぐことにより値を取得できる性質を利用）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】js-cookieでcookieを操作する - Qiita