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

2. 江頭 竜二
Web Engineer
Catchup, Inc CEO
baserCMS Deveropper
http://ryuring.com
@ryuring

3. はじめに
0. First

4. 本日のお話しは
TypeScript だとか、 AngularJS がどうだとか、
高度なお話しは一切ございませんので
ご了承くださいませ

5. 本日の題材
1. THEME

6. 「コーポレートサイトにちょうどいい CMS」をキャッチフレーズに、
コーポレートサイトに必要な機能を最初から搭載し、海外でなく、
日本国内で、日本人の為に開発されているCMS。
ダウンロード数：約10万回
搭載サーバー：ロリポップ、ヘテムル等

8. Application Image

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

12. jQuery
JavaScriptコードをより容易に記述できるようにするために
設計された軽量なJavaScriptライブラリ
DOM操作と変更 / イベント / CSS操作
エフェクト / アニメーション / Ajax
ライセンス：MIT

14. jQuery UI
インタラクティブなWebサイトを開発するために使用される、
jQueryをベースにしたJavaScriptのライブラリ
インタラクション / アニメーション
Dialog / Datepicker
ライセンス：MIT

18. jQuery BeautyTips
様々なタイプのツールチップを実装する
ライセンス：不明

21. jQuery contextMenu
コンテキストメニュー（右クリックメニュー）を実装する
ライセンス：MIT

24. jQuery Form Plugin
フォームを簡単に操作したり、Ajaxに対応させる
よく使う項目 / アクセス制限登録の Ajax保存処理
ライセンス： MIT and GPL

25. Check !

27. jQuery Validation Plugin
フォームをリアルタイムバリデーションに対応させる
よく使う項目 / アクセス制限登録のバリデーション
ライセンス： MIT

28. Check !

30. jQuery Colorbox
モーダルウィンドウで画像やHTMLを効果的に表示する
ライセンス： MIT

33. jQuery fixedMenu
ドロップダウン式のメニューを実装する
ツールバーメニュー
ライセンス： MIT

34. Check !

36. jQuery Treeview
開閉式のツリー表示を実装する
固定ページ
ライセンス： MIT and GPL

39. jQuery timepicker
時刻の選択インターフェイスを実装する
公開日時選択
ライセンス： MIT and GPL

42. jQuery Color Picker
ビジュアライズされたUIでカラーコードを選択する
テーマカラー選択
ライセンス： GPL, LGPL and MPL

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

46. CKEditor
定番の高機能 WYSIWYG エディタ
記事編集欄
ライセンス： GPL, LGPL and MPL

49. ajaxzip3
郵便番号より住所情報をAjaxで取得
メールフォーム
ライセンス： MIT

51. オープンソースで利用する
ライブラリの条件
3. Conditions of the library in Open Source

52. 長く使えそうである事
ライセンス条件

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

54. GPL
GNU General Public License
再利用について、ライブラリにリンクするだけで、利用
するアプリケーションも含めソースコードを公開しなけ
ればならない

55. LGPL
GNU Lesser General Public License
再利用において、ライブラリ本体を改変した場合は、利
用するアプリケーションも含めソースコードを公開しな
ければならない

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

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

58. baserCMSのライブラリ
5. BASERCMS LIRARY

59. jQuery baserAjaxDataList
表中のレコードに対して、Ajaxでの、検索、ページネー
ション、並び替えを実装する

60. Check !

61. jQuery baserAjaxBatch
表中のレコードに対して、公開状態切替、削除等、
一括処理を実行する

62. Check !

63. jQuery baserAjaxSortTable
表中のレコードに対して、ドラッグアンドドロップによ
る並び替え機能を提供する

64. Check !

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

67. jQuery jsTree
ツリー構造の生成や、ドラッグアンドドロップでの並び
替えを実装。拡張機能が強力。
ライセンス：MIT

69. Check !

70. baserプロジェクトが提供する
コーポレートサイト向けの
フロントエンド用ライブラリ
7. FRONT END LIBRATY from baser Project

72. baserJS
コーポレートサイト向けの機能がパッケージングされたJavascriptライブラリ
YouTubeや、Googleマップを埋め込む
要素全体をリンク可能にする
リンク先ファイルの拡張子によりリンクにアイコンを付加
マウスオーバー時に要素を半透明にする etc...
ライセンス：MIT

73. Check !

74. 最後に
8. LAST

76. Thanks !
Let s Join the
Facebook Group
baserCMS UG 近畿・中部