search
LoginSignup
1

More than 5 years have passed since last update.

posted at

baserJSの導入方法

コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。

Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト

ダウンロード & インストール

Webサイトからダウンロード

baserJS WebサイトDownload ボタンからダウンロードできます。

Githubからダウンロード

baserproject/baserjs - GithubDownload Zip からダウンロードできます。

Githubからクローン

$ git clone git@github.com:baserproject/baserjs.git

bowerからインストール

$ bower install baserjs

HTMLファイルへの読み込み

このライブラリはブラウザで動作するウェブページ用のJavaScriptライブラリです。

HTMLファイルに以下のように読み込んで使用します。jQueryが必須になるので baser.js 本体よりも先に読み込む必要があります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="baser.js"></script>

実行

グローバルにbaserというオブジェクトが生成されます。こちらにほとんどのコンストラクタや関数が含まれますが、基本的にはjQueryオブジェクトのインスタンスメソッドから実行します。

例) YouTubeを埋め込む場合

$(function () {
    $('.yt').bcYoutube();
});
<div class="yt" data-id="YOUTUBE_ID" data-width="1920" data-height="1080"></div>

各機能については次回から。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
1