Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
t
e
x
t
自治体向けCMSを
Rubyで開発
Rubyを使ってCMSを開発してみました。
(Ruby on Rails, Sinatra)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
今日お話ししたいこと
• 自己紹介(会社紹介)
• システム構成
• 機能紹介(主な機能とその他)
• 今後の機能追加予定
• 開発環境の話(時間があれば)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
まずは自己紹介
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t自己紹介
• 吉岡隆行
• 株式会社ティーエム21に勤務
• 会社の業務内容

Webサイト制作、自社サービス(不動産ナビな
ど)、Webサイトに関連したシステム開発...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
tコミュニティー活動
• Matsue.rb
• 松江Ruby会議

実行委員長
• Sprout.rb
• JAWS-UG 島根
• OSC SHIMANE
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
私、島根県松江市から来ました。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
t
e
x
t
T
e
x
t
Ruby の聖地
Rubyを作った、まつもと
さんが住んでいます。
Ruby City Matsue です。
(行政がんばってます。)
鳥取県の左に...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
Ruby で CMS 開発
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
tスサノオ神話のシステム構成
• Ruby on Rails と Sinatra を使用
• Webサーバは Apache + passenger
• DBはMysql...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
メリット(公開・管理にわける)
• 保守性アップ
• セキュリティー強化
• アクセス増加の対策
バージョン管理が簡単
DBの接続権限を分けることで、公開側からの
...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
デメリット(公開・管理にわける)
• ドメインが二つ必要
• 重複したコードを書かなくてはならない
管理コスト、設定コストなど
Rails, Sinatraの両方で...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
スサノオ神話の機能紹介
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
• ページ作成・更新
• 公開時の承認機能
• 編集権限管理
• ページのコピー・差替え
• カテゴリーの複数登録
主要機能(行政関係者に喜ばれる)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
ページ作成・更新
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
公開時の承認機能
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
編集権限管理
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
ユーザごとに権限を作成して、作業内容に
制限をかけることが出来ます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
編集可能なカテゴリーを
権限ごとに縛ることも可能です。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
編集用のメニューボタンの表示も変更できます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
カレンダー管理、カレンダーカテゴリー管理、操作履歴、
承認確認、承認グループ、承認待ち一覧管理、公開待ち一覧管理を
それぞれ無効にしてみます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
カレンダー管理、承認管理、操作履歴の
ボタンが表示されなくなります。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
その他、ページの公開権限、編集権限など
細かに設定することが出来ます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
ページ複製・差替え
「複製」、「複製(差替え用)」ボタンを
それぞれクリック
差替え用ページ
複製ページ
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
複数カテゴリー登録
「テストカテゴリー」と「お知らせ」の両方に
「複数カテゴリー登録」を表示したい場合
「テストカテゴリー」と「お知らせ」の両方に
「複数カテゴリー登録」が表示されました。
チェックを入れたお知らせはサブタイトルが表示されます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
コンテンツJIS対応

(予定含む)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
• 画像に必ずalt属性が入力されるように
なっている。
• エディタでの機能制限(色の制限など)
• Miチェッカー対応
• マルチデバイス対応(管理画面)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
tその他、便利機能
• URLの表示変更
• イベントカレンダー機能
• バナー管理
• コンテンツJIS対応



などなど
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
URLの表示変更
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
URLが数字になってます。
これを任意の文字列で
表示することも出来ます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
管理画面から表示したい文字列を入力
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
先ほど数字だった部分を
文字列にして表示することが出来ます。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
イベントカレンダー機能
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
トップページに
イベントカレンダーを表示
ページと関連づけて
イベント登録も可能
ページと関連ない通常のイベント(詳細なし)で登録も可能
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
バナー管理
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
管理画面で画像を登録し、リンク先を指定したりすることも可能
任意の場所に画像を表示することが可能
(例:トップページの広告管理等に使用)
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
今後の機能追加予定
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
• カスタムフィールド
• 地図管理機能
• バックアップ機能(数世代)
• リンクチェック機能(全ページ一斉)
• コンテンツJIS対応強化
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
t
e
x
t
おすすめのGem
開発を便利にしてくれる幸せツール
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
Bullet(n+1問題)
 「N+1 問題」を検出してくれ
るライブラリ。
!
 これを修正するだけでも場合
によっては劇的にパフォーマン
スがアップします。
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
rack-mini-profiler(パフォーマンスチェック)
生のSQLが見れたり、速度がわかったり、
ボトルネックを探すのに便利
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
Rails Panel(パフォーマンスチェック)
生のSQLが見れたり、速度がわかったり、
paramsの中身が見れたりと非常に便利

株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
Better Errors(エラーチェック)
Rails 4.2 からデフォルトで入ってる

web-console よりも見やすくて使いやすい
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
Pry Rails(デバッガー)
quiet_assets(logを見やすく)
アセットパイプラインのログを非表示にし、
ログの内容をすっきり見やすくしてくれます。...
株式会社ティーエム21
スサノオ神話(行政向けCMS)のご紹介
T
e
x
t
ご清聴ありがとうございました。
自治体向けCMSをRubyで開発
自治体向けCMSをRubyで開発
自治体向けCMSをRubyで開発
自治体向けCMSをRubyで開発
Upcoming SlideShare
Loading in …5
×

自治体向けCMSをRubyで開発

1,397 views

Published on

自治体向けCMSをRubyで開発

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

自治体向けCMSをRubyで開発

  1. 1. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 t e x t 自治体向けCMSを Rubyで開発 Rubyを使ってCMSを開発してみました。 (Ruby on Rails, Sinatra)
  2. 2. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 今日お話ししたいこと • 自己紹介(会社紹介) • システム構成 • 機能紹介(主な機能とその他) • 今後の機能追加予定 • 開発環境の話(時間があれば)
  3. 3. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t まずは自己紹介
  4. 4. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t自己紹介 • 吉岡隆行 • 株式会社ティーエム21に勤務 • 会社の業務内容
 Webサイト制作、自社サービス(不動産ナビな ど)、Webサイトに関連したシステム開発他 • 会社での役割
 ・営業・企画・デザイン・コーディング
 ・システム開発・サーバ構築(経理・総務以外全部)
  5. 5. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x tコミュニティー活動 • Matsue.rb • 松江Ruby会議
 実行委員長 • Sprout.rb • JAWS-UG 島根 • OSC SHIMANE
  6. 6. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 私、島根県松江市から来ました。
  7. 7. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 t e x t T e x t Ruby の聖地 Rubyを作った、まつもと さんが住んでいます。 Ruby City Matsue です。 (行政がんばってます。) 鳥取県の左にあります。
  8. 8. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t Ruby で CMS 開発
  9. 9. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x tスサノオ神話のシステム構成 • Ruby on Rails と Sinatra を使用 • Webサーバは Apache + passenger • DBはMysqlを使用
  10. 10. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t メリット(公開・管理にわける) • 保守性アップ • セキュリティー強化 • アクセス増加の対策 バージョン管理が簡単 DBの接続権限を分けることで、公開側からの 書き換えを防ぐ アクセスが増加する公開側を軽量フレームワー クを使用
  11. 11. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t デメリット(公開・管理にわける) • ドメインが二つ必要 • 重複したコードを書かなくてはならない 管理コスト、設定コストなど Rails, Sinatraの両方でModelの設定を書いたり、 helperを書く必要がある。
  12. 12. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t スサノオ神話の機能紹介
  13. 13. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t • ページ作成・更新 • 公開時の承認機能 • 編集権限管理 • ページのコピー・差替え • カテゴリーの複数登録 主要機能(行政関係者に喜ばれる)
  14. 14. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t ページ作成・更新
  15. 15. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 公開時の承認機能
  16. 16. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 編集権限管理
  17. 17. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t ユーザごとに権限を作成して、作業内容に 制限をかけることが出来ます。
  18. 18. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 編集可能なカテゴリーを 権限ごとに縛ることも可能です。
  19. 19. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 編集用のメニューボタンの表示も変更できます。
  20. 20. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t カレンダー管理、カレンダーカテゴリー管理、操作履歴、 承認確認、承認グループ、承認待ち一覧管理、公開待ち一覧管理を それぞれ無効にしてみます。
  21. 21. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t カレンダー管理、承認管理、操作履歴の ボタンが表示されなくなります。
  22. 22. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t その他、ページの公開権限、編集権限など 細かに設定することが出来ます。
  23. 23. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t ページ複製・差替え
  24. 24. 「複製」、「複製(差替え用)」ボタンを それぞれクリック
  25. 25. 差替え用ページ 複製ページ
  26. 26. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 複数カテゴリー登録
  27. 27. 「テストカテゴリー」と「お知らせ」の両方に 「複数カテゴリー登録」を表示したい場合
  28. 28. 「テストカテゴリー」と「お知らせ」の両方に 「複数カテゴリー登録」が表示されました。 チェックを入れたお知らせはサブタイトルが表示されます。
  29. 29. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t コンテンツJIS対応
 (予定含む)
  30. 30. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t • 画像に必ずalt属性が入力されるように なっている。 • エディタでの機能制限(色の制限など) • Miチェッカー対応 • マルチデバイス対応(管理画面)
  31. 31. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x tその他、便利機能 • URLの表示変更 • イベントカレンダー機能 • バナー管理 • コンテンツJIS対応
 
 などなど
  32. 32. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t URLの表示変更
  33. 33. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t URLが数字になってます。 これを任意の文字列で 表示することも出来ます。
  34. 34. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 管理画面から表示したい文字列を入力
  35. 35. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 先ほど数字だった部分を 文字列にして表示することが出来ます。
  36. 36. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t イベントカレンダー機能
  37. 37. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t トップページに イベントカレンダーを表示 ページと関連づけて イベント登録も可能 ページと関連ない通常のイベント(詳細なし)で登録も可能
  38. 38. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t バナー管理
  39. 39. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 管理画面で画像を登録し、リンク先を指定したりすることも可能 任意の場所に画像を表示することが可能 (例:トップページの広告管理等に使用)
  40. 40. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t 今後の機能追加予定
  41. 41. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t • カスタムフィールド • 地図管理機能 • バックアップ機能(数世代) • リンクチェック機能(全ページ一斉) • コンテンツJIS対応強化
  42. 42. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 t e x t おすすめのGem 開発を便利にしてくれる幸せツール
  43. 43. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t Bullet(n+1問題)  「N+1 問題」を検出してくれ るライブラリ。 !  これを修正するだけでも場合 によっては劇的にパフォーマン スがアップします。
  44. 44. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t rack-mini-profiler(パフォーマンスチェック) 生のSQLが見れたり、速度がわかったり、 ボトルネックを探すのに便利
  45. 45. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t Rails Panel(パフォーマンスチェック) 生のSQLが見れたり、速度がわかったり、 paramsの中身が見れたりと非常に便利

  46. 46. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t Better Errors(エラーチェック) Rails 4.2 からデフォルトで入ってる
 web-console よりも見やすくて使いやすい
  47. 47. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t Pry Rails(デバッガー) quiet_assets(logを見やすく) アセットパイプラインのログを非表示にし、 ログの内容をすっきり見やすくしてくれます。 定番のデバッガー
 むしろRailsの標準にしてほしい。
  48. 48. 株式会社ティーエム21 スサノオ神話(行政向けCMS)のご紹介 T e x t ご清聴ありがとうございました。

×