オープンソースCMSに見る現場で使えるJavascriptライブラリ～バックエンドからフロントエンドまで ～

江頭竜二Web Engineer

Catchup, Inc CEObaserCMS Deveropper

http://ryuring.com@ryuring

はじめに0. First

本日のお話しは

TypeScript だとか、AngularJS がどうだとか、高度なお話しは一切ございませんので

ご了承くださいませ

本日の題材1. THEME

「コーポレートサイトにちょうどいい CMS」をキャッチフレーズに、

コーポレートサイトに必要な機能を最初から搭載し、海外でなく、日本国内で、日本人の為に開発されているCMS。

ダウンロード数：約10万回搭載サーバー：ロリポップ、ヘテムル等

Application Image

jQuery 関連の外部ライブラリ2. VENDOR LIBRARY in jQuery

jQueryJavaScriptコードをより容易に記述できるようにするために

設計された軽量なJavaScriptライブラリ

DOM操作と変更 / イベント / CSS操作エフェクト / アニメーション / Ajax

ライセンス：MIT

jQuery UIインタラクティブなWebサイトを開発するために使用される、

jQueryをベースにしたJavaScriptのライブラリ

インタラクション / アニメーションDialog / Datepicker

ライセンス：MIT

jQuery BeautyTips様々なタイプのツールチップを実装する

ライセンス：不明

jQuery contextMenuコンテキストメニュー（右クリックメニュー）を実装する

ライセンス：MIT

jQuery Form Pluginフォームを簡単に操作したり、Ajaxに対応させる

よく使う項目 / アクセス制限登録のAjax保存処理

ライセンス：MIT and GPL

Check !

jQuery Validation Pluginフォームをリアルタイムバリデーションに対応させる

よく使う項目 / アクセス制限登録のバリデーション

ライセンス：MIT

Check !

jQuery Colorboxモーダルウィンドウで画像やHTMLを効果的に表示する

ライセンス：MIT

jQuery fixedMenuドロップダウン式のメニューを実装する

ツールバーメニュー

ライセンス：MIT

Check !

jQuery Treeview開閉式のツリー表示を実装する

固定ページ

ライセンス：MIT and GPL

jQuery timepicker時刻の選択インターフェイスを実装する

公開日時選択

ライセンス：MIT and GPL

jQuery Color PickerビジュアライズされたUIでカラーコードを選択する

テーマカラー選択

ライセンス：GPL, LGPL and MPL

jQuery 関連以外の外部ライブラリ2. VENDOR LIBRARY in Other

CKEditor定番の高機能WYSIWYG エディタ

記事編集欄

ライセンス：GPL, LGPL and MPL

ajaxzip3郵便番号より住所情報をAjaxで取得

メールフォーム

ライセンス：MIT

オープンソースで利用するライブラリの条件

3. Conditions of the library in Open Source

長く使えそうである事

ライセンス条件

オープンソースライセンス4. Open Source Licence

GPLGNU General Public License

再利用について、ライブラリにリンクするだけで、利用するアプリケーションも含めソースコードを公開しなけ

ればならない

LGPLGNU Lesser General Public License

再利用において、ライブラリ本体を改変した場合は、利用するアプリケーションも含めソースコードを公開しな

ければならない

MPLMozilla Public License

再利用において、ライブラリ本体を改変した場合は、利用するアプリケーションも含めソースコードを公開しな

ければならない

MIT

MIT License

再利用において、著作権表示を削除してはいけない

baserCMSのライブラリ5. BASERCMS LIRARY

jQuery baserAjaxDataList

表中のレコードに対して、Ajaxでの、検索、ページネー

ション、並び替えを実装する

Check !

jQuery baserAjaxBatch

表中のレコードに対して、公開状態切替、削除等、

一括処理を実行する

Check !

jQuery baserAjaxSortTable

表中のレコードに対して、ドラッグアンドドロップによ

る並び替え機能を提供する

Check !

次期baserCMSで利用予定のライブラリ6. WILL USE LIBRATY in Next Version

jQuery jsTreeツリー構造の生成や、ドラッグアンドドロップでの並び

替えを実装。拡張機能が強力。

ライセンス：MIT

Check !

baserプロジェクトが提供するコーポレートサイト向けのフロントエンド用ライブラリ

7. FRONT END LIBRATY from baser Project

baserJSコーポレートサイト向けの機能がパッケージングされたJavascriptライブラリ

YouTubeや、Googleマップを埋め込む要素全体をリンク可能にする

リンク先ファイルの拡張子によりリンクにアイコンを付加マウスオーバー時に要素を半透明にする etc...

ライセンス：MIT

Check !

最後に8. LAST

Thanks !Let’s Join theFacebook Group

baserCMS UG 近畿・中部