GitHubからダウンロードしたプラグインをBracketsで反映させたい

Question

Bracketsを使用し、html, css, javascriptファイルの名前を
●○○○○.jsとしてjqueryを読み込ませています。

取り入れたいプラグインをGitHubで見つけたのですが、
どのように使用しているBracketsに反映させるのかがわかりません。

ダウンロードしたプラグインをBracketsで使用するにはどのような手順を踏めば良いのでしょうか。
ダウンロードしたファイルの中の一部をBracketsのhtmlのheadに貼り付けたりするのでしょうか。

下記は取り入れたいプラグインです↓
【jquery-bgswitcher】
https://github.com/rewish/jquery-bgswitcher

お分かりの方がいらっしゃいましたら、やり方を教えていただけると幸いです。
よろしくお願いいたします。

Answer 1

Bracketsはあくまでコーディングをするためのツールであり、ツールがプラグインを使うわけではありません。

Githubからのダウンロードの形態が分かりませんが（Git Cloneなのか、ZIPダウンロードなのか）、いずれにしても同じです。

自分でjsやcssを作った時と同じく、使いたいhtmlに外部ファイルとして適切にリンクを記載すること。
置き場所は任意で良いでしょうけど（ブラウザから参照できる場所であれば）、jQueryプラグインでしたらjQuery本体のリンクのあとにリンク書いてくださいね。

Comments

[user20]

早速ご回答いただき、誠にありがとうございます。
一点、jqueryでの画像変更のやり方についてお聞きしたいことがあります。

下記にhtmlやcssで表示している画像の書き方を添付したのですが、
これら画像を下記のjqueryのimg/bg01.jpgに置き換えるときの書き方を
もし、お分かりでいらっしゃいましたら教えていただくことはできますでしょうか。

よろしくお願いいたします。

---------------------
【jquery】
jQuery(function($) {
$('.bg-slider').bgSwitcher({
images: ['img/bg01.jpg','img/bg2.jpg','img/bg3.jpg'],
});
});
---------------------
---------------------
【html】
<img src="images/index/image01.jpg" alt="">
---------------------
---------------------
【css】
background-image: url(../images/index/image01.jpg);

[m.ts10806]

GitHubからダウンロードしたプラグインの利用
はどうなったのでしょうか。
質問要件変わってるように見えますが。

[m.ts10806]

話が「このプラグインの使い方」に変わっています。
使い方ならReadme.mdにしっかりかいてありますよ

[user20]

プラグインした時に、背景の画像がダミーで表示され範囲がわかりずらかったため、
ちゃんとスライドしているか確かめる目的で先ほどはご質問させていただきました。

確かに質問要件が変わってしまっており、お手数お掛けし誠に申し訳ございませんでした。
プラグインの件に関して、反映を確認いたしますので
評価の方はもう少々お待ちいただきますよう、よろしくお願いいたします。

[m.ts10806]

本件あくまで「プラグインの導入手順」であって「指定プラグインの使い方」ではないと思っていますし、そのように伝わる書き方になっています。↓

>ダウンロードしたプラグインをBracketsで使用するにはどのような手順を踏めば良いのでしょうか。

jQueryのプラグインの使い方は定形的に決まっています。調べてすぐ出る内容。

使いたいhtmlに
-jQuery本体の読み込みを書く
-その下にプラグインの読み込みを書く
-プラグインを使うhtmlコードを書く（その他プラグインが求める素材を適切に配置する）
JavaScriptで
-プラグインの呼び出し記述を書く（オプションなどはドキュメントを読むこと）

現状だと全て丸投げてるように見えます。
「そのプラグインで自分がやりたいこと」はそれは個別案件ですし、プラグインのドキュメントを読めるようにならないと（読む癖をつけないと）、jQueryに限らずどんな言語やフレームワークも使えるようにはならないと思います。
英語だからってGoogle翻訳で十分。
「誰かが書いた記事」をあてにしてはいけません。裏取りは必ず公式で。

[user20]

外部ファイルとして、htmlのheadに無事に記載できました。
ありがとうございました。