<39305F899C9574>



Similar documents
■デザイン

■ディレクトリ

■コンテンツ

■コンテンツ

PowerPoint プレゼンテーション

<4D F736F F D2090C389AA8CA72D92F18F6F2D D F ED28CFC82AF91808DEC837D836A B E838B A815B816A2E646F6378>

1.2. ご 利 用 環 境 推 奨 ブラウザ Internet Explorer Google Chrome(バージョン 32 時 点 で 動 作 確 認 済 み) Mozilla Firefox(バージョン 26 時 点 で 動 作 確 認 済 み) Safari 7

Microsoft Word - FBE3A91F.doc

4 応 募 者 向 けメニュー 画 面 が 表 示 されます 応 募 者 向 けメニュー 画 面 で [ 交 付 内 定 時 の 手 続 を 行 う] [ 交 付 決 定 後 の 手 続 を 行 う]をクリックします 10

改 定 履 歴 改 訂 日 改 訂 理 由 及 び 内 容 承 認 者 確 認 者 改 訂 者 05/8/7 新 版 発 行 05/0/5 推 奨 動 作 環 境 を 追 記

<4D F736F F D20819C486F70658F6F93588ED297708AC7979D89E696CA837D836A B E A2E646F63>

■ユーザ

Ruby on Railsによる徳島県ホームページ作成システムの開発と今後の展望 ~徳島県CMS「Joruri(ジョールリ)《のオープンソース公開に向けて~

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

目 次 機 能 概 要 配 信 管 理 1. メールの 配 信 履 歴 と 予 約 を 確 認 する

変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 /11/30 新 規 初 版 作 成 /12/10 修 正 資 料 カバー 画 像 設 定 の 操 作 内 容 を 追 加 資 料 カバー 画 像 設 定 i

目 次 1. 大 学 情 報 データベースシステムの 使 用 方 法 について EXCEL 一 括 登 録 EXCEL ダウンロード 検 索 条 件 の 指 定 プレビュー EXCEL ダウンロード(データ 抽 出 あ

PowerPoint プレゼンテーション

POWER EGG V2.01 ユーザーズマニュアル ファイル管理編

<4D F736F F D F B B838082F090DD927582B782E995FB96405F E646F6378>

目 次 1. Web メールのご 利 用 について Web メール 画 面 のフロー 図 Web メールへのアクセス ログイン 画 面 ログイン 後 (メール 一 覧 画 面 ) 画 面 共 通 項 目

スライド 1

4.5. < 参 加 表 明 書 を 提 出 する> 調 達 案 件 一 覧 の 表 示 対 象 となる 案 件 を 検 索 し 調 達 案 件 一 覧 に 表 示 させます 参 加 したい 案 件 の 調 達 案 件 名 称 行 - 入 札 参 加 資 格 確 認 申 請 / 技 術 資 料 /

目 次 1. 提 案 依 頼 にあたって 本 件 の 目 的 岩 手 県 立 大 学 ウェブサイトリニューアルの 概 要 概 要 スケジュールの 目 安 契 約 期 間 費 用...

スライド 1

研究者情報データベース

2 科 学 研 究 費 助 成 事 業 のトップページ 画 面 が 表 示 されます [ 研 究 者 ログイン]をクリック します 掲 載 している 画 面 は 例 示 です 随 時 変 更 されます 3 科 研 費 電 子 申 請 システムの 応 募 者 ログイン 画 面 が 表 示 されます e

Microsoft PowerPoint _リビジョンアップ案内_最終.pptx

入 札 参 加 資 格 申 請 システム 操 作 マニュアル 入 札 参 加 資 格 の 資 格 有 効 ( 変 更 ) 日 を 迎 えると 追 加 届 の 登 録 ができるようになります ( 入 札 参 加 資 格 申 請 の 定 時 受 付 では いずれかの 申 請 先 団 体 から 入 札 参

スライド 1

Microsoft Word - Jimdo基礎編(8版)

目 次 アカウント 取 得... 1 Blogger にログイン... 3 Blogger の 基 本 ページ... 4 新 規 ブログの 作 成... 5 ブログの 管 理 画 面... 5 ブログの 投 稿... 6 挿 入 画 像 の 設 定... 7 ページの 作 成... 8 レイアウトの

「給与・年金の方」からの確定申告書作成編

PowerPoint プレゼンテーション

( 注 変 更 申 請 で 対 象 となる 項 目 と 郵 送 書 類 についての 詳 細 は 下 表 を 参 照 してください 東 京 電 子 自 治 体 共 同 運 営 電 子 調 達 サービス 6. 変 更 申 請 物 品 買 入 れ 等 変 更 申 請 項 目 及 び 郵 送 書 類 等 一

スライド 1

WEB保守パック申込

項 目 設 定 設 置 可 能 項 目 数 100 項 目 投 票 フォームの 設 置 可 能 投 票 項 目 数 1 項 目 (10 選 択 肢 ) 必 須 項 目 設 定 条 件 項 目 設 定 添 付 ファイル 合 計 容 量 入 力 項 目 を 必 須 項 目 に 設 定 できます フォーム

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

KINGSOFT Office 2016 動 作 環 境 対 応 日 本 語 版 版 共 通 利 用 上 記 動 作 以 上 以 上 空 容 量 以 上 他 接 続 環 境 推 奨 必 要 2

研究者総覧システム

WebMail ユーザーズガイド

Microsoft Word - Active.doc

Microsoft Word - basic-manual1.1.0.doc

参 考 1 無 線 局 情 報 入 力 支 援 ( 基 地 局 と 固 定 局 の 事 項 書 のみに 対 応 ) 無 線 局 情 報 入 力 支 援 機 能 とは 過 去 に 申 請 したデータをダウンロードし 無 線 局 インターネット 申 請 アプリケーション で 利 用 できる 便 利 な

Microsoft PowerPoint - webサイト更新マニュアル ppt [互換モード]

3.コンテンツの 作 成 機 能 3-1 IDごとに 編 集 権 限 を 設 け 権 限 に 応 じたメニューが 表 示 されること 3-2 管 理 者 はすべてのページにおいて 編 集 する 権 限 があること 3-3 複 数 のユーザーが 同 時 に 同 一 のページを 更 新 できないこと 基

ボタンをクリックします ( 警 告 が 表 示 されない 場 合 もあります ) 9 画 面 に Win SFX32M V と 表 示 されますので 保 存 する 箇 所 を 選 択 し OK をクリックしてください 選 択 した 箇 所 にインストールしたフォルダが 保 存 され

治 験 実 施 管 理 システム NMGCP 向 け Excel 形 式 プロトコール 作 成 手 順 書 V4.0.3 対 応 版 第 1 版 株 式 会 社 富 士 通 アドバンストエンジニアリング All Rights Reserved,Copyright 株 式 会 社 富 士 通 アドバン

PowerPoint プレゼンテーション

スライド 1

2. データを 検 索 する なごやコレクションのデータを 検 索 するための 方 法 として キーワード 検 索 詳 細 検 索 の 二 通 りの 検 索 方 法 が あります 2.1. キーワードから 探 す キーワードを 入 力 する トップページの 入 力 ボックスに 検 索

< 目 次 > 8. 雇 用 保 険 高 年 齢 雇 用 継 続 給 付 27 ( 育 児 休 業 給 付 介 護 休 業 給 付 ) 8.1 高 年 齢 雇 用 継 続 給 付 画 面 のマイナンバー 設 定 高 年 齢 雇 用 継 続 給 付 の 電 子 申 請 高

03 CMS機能審査表.xls

2 課 題 管 理 ( 科 学 研 究 費 補 助 金 ) 画 面 が 表 示 されます 補 助 事 業 期 間 終 了 後 欄 の[ 入 力 ] をクリックします [ 入 力 ]ボタンが 表 示 されていない 場 合 には 所 属 する 研 究 機 関 の 事 務 局 等 へお 問 い 合 わせく

PowerPoint プレゼンテーション

目 次 1. ログイン/ログアウト 1.1 ログインする p ログアウトする p.3 2. 受 講 一 覧 画 面 p.4 3. 授 業 ページの 閲 覧 3.1 授 業 ページへの 遷 移 p 授 業 資 料 を IT s class.からダウンロードする p

SchITコモンズ【活用編】

検 索 しよう... 1 結 果 を 見 よう ~ 検 索 結 果 一 覧 ~... 2 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 図 書 )~... 3 結 果 を 見 よう ~ 検 索 結 果 詳 細 ( 雑 誌 )~... 4 ログインしよう... 5 私 の 本 棚 を 活 用

1. 目 次 1 目 次 7 会 員 検 索 申 込 2 ログイン 方 法 ( 初 回 ) 8 活 動 状 況 ( 申 込 申 受 お 見 合 い 管 理 ) 3 ログイン 方 法 (2 回 目 以 降 ) 9 活 動 状 況 ( 不 成 立 履 歴 削 除 ) 4 パスワードを 忘 れた 時 は

PowerPoint プレゼンテーション

[1]メッセージ

Memo

V-CUBE One

5-2 一 般 ユーザー 用 :メール 2 送 信 者 のリンクをクリックすると 受 信 メールの 内 容 を 見 ることができます 受 信 メール 内 容 画 面 項 目 送 信 者 宛 先 CC 本 文 (テキスト) 本 文 (HTML) メールアドレスのリンクをクリックするとアドレス 帳 へ

本 操 作 説 明 書 について 本 操 作 説 明 書 は 物 品 電 子 調 達 システム 入 札 参 加 資 格 審 査 申 請 についての 操 作 を 説 明 したものです 動 作 環 境 本 アプリケーションは 以 下 の 環 境 にて 動 作 致 します OS 日 本 語 Microso

PowerPoint プレゼンテーション

01_07_01 データのインポート_エクスポート_1

PowerPoint プレゼンテーション

Microsoft Word - ML_ListManager_10j.doc

スライド 1

電子申告直前研修会(所得税編)

改 訂 履 歴 訂 番 日 付 頁 変 更 内 容 /02/28 - 新 規 作 成 /11/07 表 紙 タイトルを 修 正 修 正 前 : 東 日 本 大 震 災 アーカイブデータベースシステム 修 正 後 : 災 害 アーカイブデータベースシステム 改

別冊資料-11


ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht

目 次 ログインする 前 に... 4 メンバー 管 理 編 ( 管 理 者 )... 5 ログインする... 6 トップページについて... 7 メンバー 管 理 をする... 8 メンバー 管 理 画 面 について 医 療 機 関 指 定 新 規 追 加 指 定...

2 2-1 HTMLの 構 造 等 公 開 URLが 静 的 なHTMLであること 判 読 不 可 能 な 文 字 を 含 むものや 文 字 数 が 多 すぎるURL(いわゆる 動 的 なHTML)は 原 則 として 不 可 とする 2-2 任 意 なURLが 使 用 でき コンテンツ 作 成 時

- INDEX - 1 ご 利 用 時 間 1 2 メニュー 1 3 ご 利 用 になる 前 に 行 っていただきたいこと 3 (1) 所 在 地 沿 線 設 定 3 (2) 会 員 情 報 の 管 理 ( 自 社 情 報 の 設 定 ) 5 4 物 件 情 報 の 登 録 8 (1) 操 作 概

文書管理

Microsoft Word - タスカレユーザ向けマニュアル_ver1-4-4

GRIDY SFA カスタム 項 目 操 作 ガイド 用 本 書 はに 必 要 な 操 作 を 解 説 しております は GRIDY SFA ののことです GRIDY SFA へ 申 し 込 み 最 初 に 登 録 を 行 った 方 がそのままとなります カスタム 項 目 はの 方 のみ 操 作 可

1 林 地 台 帳 整 備 マニュアル( 案 )について 林 地 台 帳 整 備 マニュアル( 案 )の 構 成 構 成 記 載 内 容 第 1 章 はじめに 本 マニュアルの 目 的 記 載 内 容 について 説 明 しています 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 林 地

< 入 力 にあたっての 注 意 事 項 > 応 募 基 本 情 報 の 申 請 は 代 表 申 請 方 式 の 場 合 は 代 表 申 請 を 行 う 応 募 者 が 連 名 申 請 方 式 の 場 合 は 連 名 申 請 する 応 募 者 のうちのいずれかの1 者 が 研 究 体 を 代 表 し

<82C582F182B382A2322E3594C5837D836A B2E786C73>

untitled

 

目 次 電 子 申 請 を 使 用 した 申 請 の 流 れ 1ページ 申 請 書 ( 概 算 保 険 料 申 告 書 )の 作 成 2ページ 作 成 した 申 請 書 の 送 信 31ページ 状 況 照 会 電 子 納 付 を 行 う 62ページ 返 送 書 類 の 取 得 75ページ お 問 い

博 士 人 材 データベースの 概 要 文 部 科 学 省 科 学 技 術 学 術 政 策 研 究 所 (NISTEP)では 博 士 人 材 データベース(DB)の 構 築 を 進 め ています この 機 会 にぜひ データベースへの 登 録 をお 願 いいたします 背 景 と 目 的 我 が 国

技術報告会原稿フォーマット

目 次 1. 物 件 入 力 とページ 作 成 1.1. ドリームXジグソーの 一 覧 画 面 の 見 方 基 本 情 報 画 像 登 録 地 図 情 報 SEO 対 策 非 公 開 情 報

A


スライド 1

学 校 紹 介 ページ 公 開 までの 流 れ 2 管 理 画 面 よりログイン お 知 らせいたしますID PASSにて 管 理 画 面 よりログインします さんぽう 進 学 ネットモバイル 看 護 医 療 進 学 ネット のIDにつきましては 2010 年 度 用 と2011 年 度 用 とで

Fckeditor の 基 本 的 な 使 い 方 Point!! fckeditor を 上 手 く 使 うコツ 始 めにページ 内 に 一 通 り 文 章 ( 画 像 や 表 を 含 む)を 書 いてから 文 字 装 飾 をして 下 さい 編 集 したいテキストや 画 像 を 選 択 し アイコ

選 手 登 録 システム 操 作 手 順 書 目 次 目 次 1.はじめに 1.1 選 手 の 登 録 ~ 大 会 までの 流 れ 1.2 制 限 注 意 事 項 1.3 システムエラー 画 面 が 表 示 された 場 合 2.ログイン メインメニュー 2.1 ねんりんピック 長 崎 2016 申

WEBメールシステム 操作手順書

SILAND.JP テンプレート集

目 次 画 面 遷 移 図 1.ログイン 画 面 2. 画 面 構 成 3.メニュー 4.タスク 一 覧 4-1.タスク: 新 規 4-2.タスク: 閲 覧 4-3.タスク: 更 新 5.タスク 検 索 6. 通 知 メール 6-1. 通 知 メール: 新 規 / 修 正 7. 連 絡 事 項 7-

Transcription:

Joruri CMS による サイト 構 築 マニュアル - 第 2 版 -

改 定 履 歴 版 数 発 効 日 改 定 履 歴 第 1 版 2013 年 6 月 1 日 初 版 発 行 第 2 版 2014 年 4 月 15 日 第 6 章 記 事 コンテンツを 追 補

目 次 1. Joruri CMS について 4 1.1 サイト 設 計 4 1.2 レイアウト 作 成 4 2.3 デザイン 作 成 5 3.4 Joruri CMS の 導 入 5 2. 事 前 準 備 6 2.1 サイト 設 計 8 2.2 レイアウト 作 成 9 2.3 デザイン 作 成 13 2.4 Joruri CMS の 導 入 17 3. サイト 設 定 18 3.1 管 理 画 面 へのログイン 18 3.2 サイト 名 称 設 定 19 3.3 コンセプト 設 定 20 4. デザイン 反 映 24 4.1 ピースの 編 集 作 成 25 4.2 レイアウトの 編 集 作 成 31 4.3 スタイルシートの 設 定 36 4.4 画 像 設 定 40 5. ページ 作 成 44 5.1 ディレクトリ ページ 作 成 44 5.2 404 ページ 作 成 51 5.3 その 他 のページ 54 6. 記 事 コンテンツ 55 6.1 コンテンツの 作 成 編 集 削 除 58 6.2 記 事 の 一 覧 画 面 60 6.3 記 事 の 登 録 画 面 61 6.4 記 事 の 登 録 62 6.5 記 事 の 詳 細 画 面 63 6.6 記 事 の 公 開 64 6.7 ディレクトリへの 記 事 コンテンツの 割 り 当 て 65 6.8 記 事 のプレビュー 68 2

目 次 付 録 6.9 記 事 の 公 開 70 6.10 公 開 ページの 記 事 一 覧 記 事 ページ 71 6.11 レイアウト 設 定 72 6.12 レイアウトの 一 覧 74 6.13 レイアウトの 構 造 75 6.14 ピースの 構 造 76 6.15 新 着 記 事 一 覧 のディレクトリ 作 成 77 6.16 新 着 記 事 一 覧 の 公 開 ページ 78 6.17 記 事 の 分 野 の 登 録 79 6.18 分 野 ページのディレクトリの 作 成 80 6.19 記 事 の 分 野 を 設 定 公 開 画 面 の 分 野 ページ 82 6.20 分 野 ページのレイアウトの 設 定 83 6.21 ピースによる 記 事 一 覧 の 表 示 85 6.22 レイアウトの 作 成 とピースの 配 置 86 6.23 標 準 機 能 のディレクトリの 作 成 87 6.24 ディレクトリページの 作 成 89 7. アクセシビリティについて 91 7.1 文 字 サイズ 変 更 91 7.2 背 景 色 変 更 96 7.3 ふりがな 読 み 上 げ 99 8. 携 帯 サイト スマートフォンサイト 102 8.1 携 帯 サイト 102 8.2 スマートフォンサイト 103 付 録 1 URL の 生 成 方 法 104 付 録 2 マルチドメイン 対 応 105 付 録 3 機 能 一 覧 106 付 録 4 動 作 環 境 111 付 録 5 利 用 ソフトウェア 112 付 録 6 サーバ 構 成 例 113 付 録 7 リリース 履 歴 116 付 録 8 テーブル 定 義 118 特 別 付 録 1 WinSCP の 使 い 方 148 3

1.Joruri CMS について 1 Joruri CMS とは Joruri CMS は 平 成 22 年 3 月 23 日 に 主 に 自 治 体 ホームページ 向 けの 各 種 機 能 を 標 準 搭 載 した CMS とし てオープンソース 公 開 したものです 公 開 後 現 在 までに 全 国 で 100 団 体 以 上 で 利 用 されている 実 績 があり 自 治 体 サイトのみならず 企 業 サイトでも 構 築 に 利 用 される 等 汎 用 CMS としても 活 用 の 範 囲 が 拡 がっているとこ ろです また Joruri CMS はオープンソースとして 様 々なカスタマイズや 各 種 のサーバ 環 境 に 柔 軟 に 対 応 できる 点 の ほか オープンソース 公 開 後 も 頻 繁 に 各 種 の 要 望 を 取 り 込 みバージョンアップを 着 実 に 続 けていることも 評 価 されているものと 考 えております Joruri の 名 前 は Japan Originated Ruby-based RESTful and Integrated CMS の 頭 文 字 からつけられまし た 日 本 で 開 発 された Ruby 言 語 を 使 った REST の 考 えに 従 った 統 合 的 な CMS という 意 味 です 発 音 の ジョールリ には 人 形 浄 瑠 璃 の 三 人 遣 いのように ホームページを 後 ろで 支 えるという 意 味 を 込 めています ( 徳 島 県 では 人 形 浄 瑠 璃 を 阿 波 人 形 浄 瑠 璃 といい いまでも 各 地 の 農 村 舞 台 などで 多 く 演 じられていま す ) Joruri の 名 称 は 次 のロゴで 商 標 登 録 を 行 っています 登 録 5304048 号 受 賞 歴 : 第 3 回 フクオカ Ruby 大 賞 優 秀 賞 を 受 賞 (2011 年 3 月 ) 2 開 発 方 針 今 日 の 自 治 体 サイトでは 掲 載 する 情 報 の 増 加 や 即 時 性 への 要 求 さらには Web コンテンツの 高 齢 者 や 障 が い 者 に 対 する 配 慮 を 定 めた JIS 規 格 への 統 一 した 対 応 などから CMS を 利 用 したサイト 構 築 が 標 準 となりつつ あります 世 界 には 多 種 多 様 な CMS が 存 在 しますが 自 治 体 サイトの 構 築 に 必 要 な 機 能 をオールインワンで 提 供 してい る CMS は 見 当 たらず 不 十 分 な 機 能 の 範 囲 で 利 用 することを 工 夫 したり 必 要 な 機 能 を 追 加 開 発 して 利 用 して いるのが 現 状 と 思 われます こうした 状 況 をうけて 徳 島 県 と 株 式 会 社 アイ ディ エスは 徳 島 県 ホームページの 再 構 築 のため 自 治 体 サイ ト 向 け CMS として Joruri CMS を 共 同 開 発 し その 設 計 段 階 から 単 に 徳 島 県 ホームページを 再 構 築 するだけで なく 多 くの 自 治 体 で 汎 用 的 に 利 用 できる CMS として 機 能 や 操 作 性 の 検 討 を 積 み 重 ねました 2009 年 10 月 に Joruri CMS でリニューアルした 徳 島 県 ホームページを 公 開 し その 後 すべてのソースコードを チェックし 2010 年 3 月 にオープンソース 化 (GPLv3)しました 今 後 においても 全 国 各 地 から 色 々とお 寄 せいただいているご 要 望 やご 意 見 を 参 考 にして さらに 自 治 体 向 け CMS としての 有 用 な 機 能 を 洗 練 し 改 善 を 随 時 行 っていく 予 定 ですので 汎 用 的 な CMS との 単 なる 機 能 比 較 に 陥 らずシステムの 全 体 最 適 化 を 通 して Joruri CMS をご 評 価 ご 検 討 いただければ 幸 いです 2013 年 3 月 徳 島 県, 株 式 会 社 アイ ディ エス 4

1.Joruri CMS について 3 Joruri シリーズ 3 Joruri シリーズ Joruri は CMS だけでなく 以 下 のような 様 々なプロダクトを 公 開 しています 2011 年 3 月 に Joruri Mail をオープンソースとして 公 開 2011 年 5 月 に Joruri Gw(グループウェア)をオープンソースとして 公 開 2012 年 2 月 に Joruri Gw が 第 4 回 福 岡 Ruby 大 賞 を 受 賞 2012 年 11 月 に Joruri Plus+ Joruri Video をオープンソースとして 公 開 今 後 も Joruri シリーズは 新 規 プロダクトの 追 加 バージョンアップを 行 っていきます 詳 細 については Joruri 公 式 サイトをご 覧 ください Joruri 公 式 サイト:http://joruri.org/ 4 ライセンスについて Joruri シリーズは これまで 公 開 しているプロダクトの 全 ては GNU GPL V3 のオープンソースソフトウェアとし て 公 開 しています Joruri は ご 自 由 にダウンロードして 無 料 でご 利 用 いただけます Joruri の 動 作 は 無 保 証 となりますので 自 己 責 任 でお 使 いください 問 い 合 わせは info@joruri.org までお 願 いします GNU GPL については 次 のサイトをご 覧 ください GNU 一 般 公 衆 利 用 許 諾 書 (GNU General Public License) http://www.gnu.org/licenses/gpl-3.0.html http://ossipedia.ipa.go.jp/legalinfo/gpl-3.0j.html 5

2. 事 前 準 備 本 マニュアルは HTML のソース スタイルシートの 記 述 がある 程 度 理 解 できる 方 を 対 象 としています マニュアルを 通 して 以 下 のサイトを 構 築 することを 目 的 とします 6

2. 事 前 準 備 1 サイト 設 計 サイトを 構 築 する 際 には 以 下 のような 流 れで 構 築 作 業 を 行 います お 客 様 打 ち 合 わせ お 客 様 の 要 望 を 満 たし Web サイト 制 作 の 目 的 を 実 現 するための 企 画 提 案 を 行 います サイト 設 計 サイトマップを 作 成 し レイアウト( 枠 組 み ワイヤーフレーム)を 作 成 します サイトデザイン adobe 社 の Fireworks や Photoshop などを 使 用 して デザインカンプを 作 成 します サイト 構 築 Joruri CMS を 使 用 して サイトの 構 築 作 業 を 行 います サーバの 設 定 Joruri CMS のインストール 等 も 含 まれます 本 マニュアルでは サイト 構 築 に 関 する 内 容 を 主 に 記 載 しています 操 作 講 習 会 Joruri CMS の 操 作 説 明 をお 客 様 に 行 います 公 開 7

2. 事 前 準 備 1 サイト 設 計 1 サイト 設 計 サンプルサイト ジョールリ 市 を 元 に ジョールリ 市 とは 別 のサイトとして 架 空 の ジョールリ テクノ 株 式 会 社 サイ トを 作 成 します 1 まず 最 初 にサイト 内 に 掲 載 したい 情 報 を 整 理 し サイトマップを 作 成 します サイトマップとは Web サイト 内 のページ 構 成 を 一 覧 できるようにした 構 成 図 のことです 図 2.1.1: ジョールリ テクノ 株 式 会 社 のサイトマップ 8

2. 事 前 準 備 2 レイアウト 作 成 2 レイアウト 作 成 1 作 成 したサイトマップを 元 に トップページのレイアウト( 枠 組 み フレームワーク)を 作 成 します 図 2.2.1: ジョールリ テクノ 株 式 会 社 のトップページレイアウト 9

2. 事 前 準 備 2 レイアウト 作 成 2 必 要 に 応 じて 第 二 階 層 以 下 のレイアウトを 作 成 します ジョールリ テクノ 株 式 会 社 では 第 二 階 層 記 事 ページ お 問 い 合 わせページの3つを 作 成 しています 図 2.2.2: ジョールリ テクノ 株 式 会 社 の 第 二 階 層 ページレイアウト 10

2. 事 前 準 備 2 レイアウト 作 成 図 2.2.3: ジョールリ テクノ 株 式 会 社 の 記 事 ページレイアウト 11

2. 事 前 準 備 2 レイアウト 作 成 図 2.2.4: ジョールリ テクノ 株 式 会 社 のお 問 い 合 わせページレイアウト 12

2. 事 前 準 備 3 デザイン 作 成 3 デザイン 作 成 1 作 成 したレイアウトを 元 に デザインを 作 成 します 図 2.3.1: ジョールリ テクノ 株 式 会 社 のトップページデザイン 13

2. 事 前 準 備 3 デザイン 作 成 図 2.3.2: ジョールリ テクノ 株 式 会 社 の 第 二 階 層 ページデザイン 14

2. 事 前 準 備 3 デザイン 作 成 図 2.3.3: ジョールリ テクノ 株 式 会 社 の 記 事 ページデザイン 15

2. 事 前 準 備 3 デザイン 作 成 図 2.3.4: ジョールリ テクノ 株 式 会 社 のお 問 い 合 わせページデザイン 16

2. 事 前 準 備 4 Joruri CMS の 導 入 4 Joruri CMS の 導 入 1 ジョールリ 公 式 サイトからソースコードをダウンロードします http://joruri.org/download/joruricms/ 2 インストールマニュアルを 参 照 して Joruri CMS のインストールを 行 います http://joruri.org/download/install.txt 本 マニュアルでは サイト URL を http://joruri-techno.co.jp/に 設 定 しております 作 成 する 環 境 に 合 わせて 適 宜 URL を 読 み 替 えてご 利 用 ください Joruri CMS は VirtualBox などの 仮 想 環 境 でも 動 作 いたします https://www.virtualbox.org/wiki/downloads 17

3. サイト 設 定 1 管 理 画 面 へのログイン 1 Joruri CMS の 管 理 画 面 へログインします ジョールリ テクノ 株 式 会 社 の 管 理 画 面 の URL は 以 下 のように 設 定 しています http://joruri-techno.co.jp/_admin/ お 使 いの 環 境 に 合 わせて URL を 読 み 替 えてください 初 期 設 定 では アカウント 情 報 は 以 下 になっています ユーザ ID:admin パスワード:admin 初 期 設 定 は 簡 易 なアカウント 情 報 となっていますので ユーザ ID パスワードの 変 更 を 行 ってください 図 3.1.1:Joruri CMS のログイン 画 面 18

3. サイト 設 定 2 サイト 名 称 設 定 2 サイト 名 称 設 定 1 管 理 画 面 上 部 にある サイト をクリッ クします 次 に ドメイン をクリックす ると 登 録 されているサイトドメインが 表 示 されます ドメインの 詳 細 をクリックします 2 ドメイン 設 定 の 詳 細 画 面 が 表 示 され ますので 編 集 ボタンをクリックし ド メイン 設 定 の 編 集 を 行 います 3 サイト 名 称 を ジョールリ テクノ 株 式 会 社 に 変 更 サイト URL を http://joruri-techno.co.jp/ とし 編 集 する ボタンをクリックすると サイト 名 称 が 変 更 されます 19

3. サイト 設 定 3 コンセプト 設 定 3 コンセプト 設 定 コンセプトとは ページ コンテンツ レイアウト デザイン(スタイルシート 除 く)を 格 納 する 論 理 的 なディレクトリ のことです 多 量 のコンポーネントを 効 率 的 に 管 理 できるとともに コンセプトごとに 操 作 権 限 を 設 定 することが できるので 運 用 において 大 きなメリットが 得 られます また コンセプトはツリー 構 造 になっており 継 承 関 係 をもっています 下 位 コンセプトに 存 在 しないピースを 上 位 コンセプトで 補 うといった 機 能 があり 必 要 に 応 じて 特 定 のコンポーネントだけを 下 位 の 権 限 で 更 新 することが できます 構 築 データのインポート エクスポート 機 能 につてもコンセプトをベースとしているなど サイト 構 築 においての 主 たる 属 性 として 実 装 されています ユーザごとにコンセプト 単 位 でロール 権 限 を 設 定 し 閲 覧 作 成 編 集 削 除 できる 範 囲 を 設 定 することができ ます ユーザの 作 成 ロール 権 限 の 詳 細 については ジョールリ 公 式 サイトに 掲 載 されているリファレンスをご 覧 くだ さい http://joruri.org/product/joruricms/reference/ 1 管 理 画 面 上 部 にある サイト をク リック コンセプト をクリックすると 登 録 されたコンセプトと そこに 格 納 されているコンテンツ レイアウト ピースの 一 覧 が 表 示 されます ジョールリ 市 の 詳 細 をクリックしま す 2 コンセプトの 詳 細 画 面 が 表 示 されま すので 編 集 ボタンをクリックし コ ンセプトの 編 集 を 行 います 20

3. サイト 設 定 3 コンセプト 設 定 3 コンセプト 名 を ジョールリ テクノ 株 式 会 社 に 変 更 し 編 集 する ボタン をクリックします 4 コンセプト 名 が ジョールリ テクノ 株 式 会 社 に 変 更 されます 5 ジョールリ テクノ 株 式 会 社 をク リックすると 下 位 のコンセプト 一 覧 が 表 示 されますので 新 規 作 成 をクリックします 21

3. サイト 設 定 3 コンセプト 設 定 6 会 社 概 要 のコンセプトを 追 加 しま す 新 規 作 成 画 面 が 表 示 されますの でコンセプト 名 並 び 順 を 入 力 し 登 録 する ボタンをクリックします 並 び 順 はコンセプト 一 覧 画 面 での 並 び 順 になります 7 会 社 概 要 のコンセプトが 追 加 され ました 8 同 様 に 商 品 紹 介 サポート のコ ンセプトを 追 加 します 22

3. サイト 設 定 3 コンセプト 設 定 9 不 要 なコンセプトを 削 除 します ジョールリ テクノ 株 式 会 社 では 市 長 室 ライフイベント 分 野 地 域 組 織 が 不 要 となります コンセプトは 削 除 すると 元 に 戻 す ことができないので 注 意 してくださ い 23

4. デザイン 反 映 デザイン 反 映 では 各 ページ 内 に 構 成 されるパーツである ピース と それをページ 内 に 配 置 し 構 成 する レイ アウト の 作 成 を 行 います また スタイルシート でピース レイアウトの HTML を 制 御 し 装 飾 する CSS を 設 定 できます ピースとレイアウトの 関 係 は 以 下 の 図 のようになっています 図 4 ピースとレイアウトの 相 関 図 24

4. デザイン 反 映 1 ピースの 編 集 作 成 1 ピースの 編 集 作 成 CSS テンプレートの HTML については 事 前 に 用 意 したものを 利 用 します ジョールリ テクノ 株 式 会 社 _ 付 録 ( 以 下 付 録 と 記 載 )に 入 っているデータを 使 用 してください まず 初 めに 各 ページ 共 通 で 使 用 するピースの 編 集 を 行 います 次 に 各 ページ 共 通 で 使 用 するピースの 作 成 を 行 います その 後 各 ページごとに 使 用 するピースを 作 成 していきます ピースは 上 位 のコンセプトから 下 位 へ 継 承 されるため ピースを 参 照 するコンセプトと 同 じか 上 位 の 階 層 を 選 択 して 登 録 する 必 要 があります ピースは 選 択 したコンテンツと それに 応 じたアイテムを 選 択 することで 様 々な 機 能 を 使 用 することができます ピースは 作 成 しただけでは 画 面 には 表 示 されません レイアウトに 配 置 してはじめて 画 面 に 反 映 されます 複 数 のページレイアウト 内 に[[piece/ピース ID]]の 形 式 のタグで 配 置 することができます ピースの 詳 細 については ジョールリ 公 式 サイトに 掲 載 されているリファレンスをご 覧 ください http://joruri.org/product/joruricms/reference/ 1 管 理 画 面 上 部 にある デザイン をク リックします 次 に ピース をクリック すると ピースの 一 覧 が 表 示 されま す 2 サイトバナー ピースの 詳 細 をク リックします 25

4. デザイン 反 映 1 ピースの 編 集 作 成 3 詳 細 をクリックすると ピースの 詳 細 画 面 が 表 示 されますので 編 集 ボタンをクリックし ピースの 編 集 を 行 います 4 本 文 を 編 集 します 付 録 内 の ジョールリ テクノ 株 式 会 社 > piece フォルダに 入 っている サイト バナー.txt ファイルの 内 容 をコピーし 貼 り 付 けます 差 し 替 え 完 了 後 編 集 する ボタンを クリックするとピースが 編 集 されます 5 同 様 の 手 順 で ふりがな よみあげ ヘッダー フッターナビ グローバ ルナビ のピースを 編 集 し 内 容 を 差 し 替 えます 26

4. デザイン 反 映 1 ピースの 編 集 作 成 6 続 いて ピースの 新 規 作 成 を 行 いま す 新 規 作 成 ボタンをクリックします 7 作 成 画 面 が 表 示 されたら 付 録 内 の ジョールリ テクノ 株 式 会 社 > piece フォルダに 入 っている コ ピーライト.txt ファイルの 内 容 を 入 力 していきます 1. コンセプト 変 更 なし 2. コンテンツ 変 更 なし 3. アイテム 種 別 ここでは 自 由 形 式 を 選 択 します 4. ピース ID ピース ID を 半 角 英 数 字 で 入 力 します 5. ピース 名 わかりやすいピース 名 を 入 力 します 入 力 完 了 後 登 録 する ボタンをクリックするとピースが 作 成 されます 8 編 集 をクリックし 本 文 に コピーラ イト.txt ファイルの 本 文 をコピーし 貼 り 付 けます 入 力 完 了 後 編 集 する ボタンをク リックするとピースが 作 成 されます 新 規 作 成 を 行 った 段 階 では レイアウト にピースの 情 報 の 記 述 がないため サイト 上 には 反 映 されていません 27

4. デザイン 反 映 1 ピースの 編 集 作 成 9 同 様 の 手 順 で 戻 る のピースを 新 規 作 成 します ジョールリ テクノ 株 式 会 社 のコンセプト 内 で 使 用 するピースは 表 4.1.1 のようになります 付 録 内 の ジョールリ テクノ 株 式 会 社 > piece フォルダ 内 のファイルの 内 容 を 入 力 していきます 表 4.1.1: ジョールリ テクノ 株 式 会 社 コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 common-banner サイトバナー 編 集 common-header ふりがな よみあげヘッダー 編 集 footer-navi フッターナビ 編 集 global-navi グローバルナビ 編 集 copyright コピーライト 新 規 作 成 page-back 戻 る 新 規 作 成 attribute-list 属 性 一 覧 変 更 なし bread-crumbs パンくず 変 更 なし calendar イベントカレンダー 変 更 なし page-title ページタイトル 変 更 なし recent-docs 新 着 記 事 変 更 なし recent-docs-title 新 着 情 報 タイトル 変 更 なし 上 記 以 外 の ジョールリ テクノ 株 式 会 社 コンセプト 内 のピースについては ジョールリ テクノ 株 式 会 社 サイ トでは 使 用 しないため 削 除 していただいても 問 題 ありません 10 コンセプトをクリックし ピースを 編 集 作 成 するコンセプトを 選 択 します 各 コンセプトで 使 用 するピースの 編 集 作 成 を 行 います 28

4. デザイン 反 映 1 ピースの 編 集 作 成 ピースの 編 集 作 成 の 手 順 に 沿 って ピースの 編 集 作 成 を 行 います 各 コンセプトで 使 用 するピースは 以 下 の 表 のようになります 表 4.1.2: トップページ コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 bn-faq FAQ 編 集 bn-mailmagazine メールマガジン 編 集 doc-tab 新 着 タブ 1 編 集 photo トップ 写 真 編 集 topic トピック 編 集 bn-joruri Joruri 灯 eco 新 規 作 成 1 新 着 タブのタブ 表 示 の 設 定 を 変 えるには 新 着 タブピースの タブ 設 定 の 編 集 をクリックします 29

4. デザイン 反 映 1 ピースの 編 集 作 成 4.1.3: 会 社 概 要 コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 global-navi グローバルナビ 新 規 作 成 side-menu サイドメニュー 新 規 作 成 表 4.1.4: 商 品 紹 介 コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 global-navi グローバルナビ 新 規 作 成 side-menu サイドメニュー 新 規 作 成 表 4.1.5: サポート コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 global-navi グローバルナビ 新 規 作 成 side-menu サイドメニュー 新 規 作 成 表 4.1.6: 属 性 コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 attribute-list 各 属 性 のページ 新 規 作 成 表 4.1.7: FAQ コンセプトで 使 用 するピース 一 覧 ピース ID ピース 名 状 況 faq-category-list FAQ 分 野 一 覧 変 更 なし faq-page-title ページタイトル 変 更 なし faq-recent-docs FAQ 新 着 記 事 変 更 なし faq-recent-title FAQ 新 着 情 報 タイトル 変 更 なし faq-category-list1 分 野 一 覧 ( 商 品 紹 介 ) 新 規 作 成 faq-category-list2 分 野 一 覧 (サポート) 新 規 作 成 上 記 以 外 の 各 コンセプト 内 のピースについては ジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 していただいても 問 題 ありません 30

4. デザイン 反 映 2 レイアウトの 編 集 作 成 2 レイアウトの 編 集 作 成 レイアウト は 各 種 ページのピースやタグを HTML 記 述 し またそれを 装 飾 調 整 する CSS の 記 述 や 別 途 保 存 された 外 部 CSS へのリンクをヘッダへの 記 述 を 行 い ページ 内 の 配 置 を 構 成 します レイアウトを 登 録 する 際 には 参 照 するコンセプトと 同 じか 上 位 の 階 層 を 選 択 して 登 録 する 必 要 があります 1 コンセプトを ジョールリ テクノ 株 式 会 社 に 変 更 後 管 理 画 面 上 部 にあ る デザイン をクリックします 次 に レイアウト をクリックすると レイア ウトの 一 覧 が 表 示 されます 2 記 事 ページ レイアウトの 詳 細 を クリックします 31

4. デザイン 反 映 2 レイアウトの 編 集 作 成 3 詳 細 をクリックすると レイアウトの 詳 細 画 面 が 表 示 されますので 編 集 ボタンをクリックし レイアウトの 編 集 を 行 います 4 本 文 を 編 集 します 付 録 内 の ジョールリ テクノ 株 式 会 社 > lay out フォルダに 入 っている 記 事 ページ.txt ファイルの 内 容 をコピーし 貼 り 付 けます 携 帯 レイアウト スマートフォンレイアウトタブ 内 の HAED タグ BODY タグ 内 の 記 述 を 削 除 していない 場 合 携 帯 スマートフォンでアクセスした 際 に それぞれの 端 末 専 用 の 画 面 が 表 示 されます ピースの 埋 め 込 む 際 の 詳 細 については ジョールリ 公 式 サイトに 掲 載 されているリファレンスをご 覧 くだ さい http://joruri.org/product/joruricms/reference/ 差 し 替 え 完 了 後 編 集 する ボタンをクリックするとレイアウトが 編 集 されます 32

4. デザイン 反 映 2 レイアウトの 編 集 作 成 5 同 様 の 手 順 で アンケート イベント メールマガジン 詳 細 ページ 新 着 記 事 サイトマップ タグ 検 索 のレ イアウトを 編 集 し 内 容 を 差 し 替 えます 6 続 いて レイアウトの 新 規 作 成 を 行 います 新 規 作 成 ボタンをクリックします 7 付 録 内 の ジョールリ テクノ 株 式 会 社 > layout フォルダに 入 っ ている 404 Not Found.txt ファイル の 内 容 をコピーし 貼 り 付 けます 1. コンセプト 変 更 なし 2. レイアウト ID レイアウト ID を 半 角 英 数 字 で 入 力 します 3. レイアウト 名 わかりやすいレ イアウト 名 を 入 力 します 4. レイアウト 情 報 レイアウト 情 報 を 登 録 します 入 力 完 了 後 登 録 する ボタンをクリックするとレイアウトが 作 成 されます 33

4. デザイン 反 映 2 レイアウトの 編 集 作 成 8 同 様 の 手 順 で 汎 用 レイアウト のレ イアウトを 新 規 作 成 します ジョールリ テクノ 株 式 会 社 のコンセプト 内 で 使 用 するレイアウトは 表 4.2.1 のようになります 付 録 内 の ジョールリ テクノ 株 式 会 社 > layout フォルダ 内 のファイルの 内 容 を 入 力 していきます 表 4.2.1: ジョールリ テクノ 株 式 会 社 コンセプトで 使 用 するレイアウト 一 覧 レイアウト ID レイアウト 名 状 況 doc 記 事 ページ 編 集 enquete アンケート 編 集 event イベント 編 集 mailmagazine メールマガジン 編 集 page 詳 細 ページ 編 集 recent 新 着 記 事 編 集 sitemap サイトマップ 編 集 tag タグ 検 索 編 集 404 404 Not Found 新 規 作 成 general 汎 用 レイアウト 新 規 作 成 上 記 以 外 の ジョールリ テクノ 株 式 会 社 コンセプト 内 のレイアウトについては ジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 していただいても 問 題 ありません 9 コンセプトをクリックし レイアウトを 編 集 作 成 するコンセプトを 選 択 しま す 各 コンセプトで 使 用 するレイアウトの 編 集 作 成 を 行 います 34

4. デザイン 反 映 2 レイアウトの 編 集 作 成 レイアウトの 編 集 作 成 の 手 順 に 沿 って レイアウトの 編 集 作 成 を 行 います 各 コンセプトで 使 用 するレイアウトは 以 下 の 表 のようになります 表 4.2.2: トップページ コンセプトで 使 用 するレイアウト 一 覧 レイアウト ID レイアウト 名 状 況 top トップページ 編 集 表 4.2.3: 属 性 コンセプトで 使 用 するレイアウト 一 覧 レイアウト ID レイアウト 名 状 況 attribute 属 性 編 集 attribute-top 属 性 TOP 編 集 表 4.2.4: FAQ コンセプトで 使 用 するレイアウト 一 覧 レイアウト ID レイアウト 名 状 況 faq-category FAQ 分 野 編 集 faq-doc FAQ 記 事 ページ 編 集 faq-recent FAQ 新 着 一 覧 編 集 faq-tag FAQ タグ 検 索 編 集 faq-top FAQ トップページ 編 集 faq-category1 FAQ 分 野 ( 商 品 紹 介 ) 新 規 作 成 faq-category2 FAQ 分 野 (サポート) 新 規 作 成 上 記 以 外 の 各 コンセプト 内 のレイアウトについては ジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 していただいても 問 題 ありません 35

4. デザイン 反 映 3 スタイルシートの 設 定 3 スタイルシートの 設 定 1 管 理 画 面 上 部 にある デザイン をク リックします 次 に スタイルシート を クリックすると ファイルの 一 覧 が 表 示 されます 一 覧 から joruri フォル ダをクリックします 2 base フォルダの 詳 細 をクリックしま す 36

4. デザイン 反 映 3 スタイルシートの 設 定 3 layouts フォルダをクリックします 4 フォルダ 内 にある col-1.css ファイ ルを 編 集 し 付 録 内 の スタイ ルシート > joruri > base > layouts フォルダに 入 っている col-1.css ファイルの 内 容 をコピー し 貼 り 付 けます 貼 り 付 け 完 了 後 編 集 する ボタン をクリックするとスタイルシートが 編 集 されます 5 同 様 にして col-2.css ファイルの 内 容 も 差 し 替 えます col-3.css はジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 しても 問 題 ありません 37

4. デザイン 反 映 3 スタイルシートの 設 定 6 同 様 にして 付 録 内 の スタイ ルシート > joruri フォルダ 内 の 各 フォルダに 入 っているファイルの 内 容 をコピーして 貼 り 付 けていきます または アップロードすることにより 上 書 きすることが 可 能 です ジョールリ テクノ 株 式 会 社 サイトで 使 用 するスタイルシートのフォルダは 表 4.3.1 のようになります 表 4.3.1: ジョールリ テクノ 株 式 会 社 サイトで 使 用 するスタイルシートフォルダ 一 覧 フォルダ 名 状 況 attribute 編 集 base 編 集 doc 編 集 enquete 編 集 event 編 集 faq 編 集 general 編 集 js 変 更 なし mailmagazine 編 集 page 編 集 piece 編 集 sitemap 編 集 top 編 集 Joruri CMS では フォルダごと 一 括 でアップすることができないため 1ファイルずつ 手 動 でアップすることにな ります (フォルダごと 削 除 は 可 能 です) フリーソフトの WinSCP を 使 うことにより スタイルシートフォルダのアップを 行 うことができます 詳 細 については WinSCP の 使 い 方.pdf をご 確 認 ください 上 記 以 外 のスタイルシートフォルダについては ジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 していただいても 問 題 ありません 各 フォルダ 内 の images フォルダ 内 のデータについても 同 様 に 付 録 で 使 用 していないデータについては 削 除 していただいても 問 題 ありません 38

4. デザイン 反 映 3 スタイルシートの 設 定 7 トップページの 表 示 を 確 認 します 管 理 画 面 上 部 にある ディレクトリ を クリックすると ファイルの 一 覧 が 表 示 されます 一 覧 から index.html の プレビュー をクリックします トップページ 記 事 ページなどの 表 示 を 確 認 します この 時 点 ではトップページのキービジュアル バナーなどのは 表 示 されていません 画 像 以 外 のデザインは 反 映 できていることを 確 認 します 39

4. デザイン 反 映 4 画 像 設 定 4 画 像 設 定 1 コンセプトを トップページ に 変 更 後 管 理 画 面 上 部 にある データ をク リックします 次 に ファイル をクリッ クすると ファイルの 一 覧 が 表 示 され ます 2 新 規 作 成 をクリックし 付 録 内 の トップページ > data_files フォル ダ 内 のファイルをすべてアップします ファイルアップ 貼 り 付 け 方 法 の 詳 細 については ジョールリ 公 式 サイトに 掲 載 されているリファレンスを ご 覧 下 さい http://joruri.org/product/joruricms/reference/ 40

4. デザイン 反 映 4 画 像 設 定 3 管 理 画 面 上 部 にある デザイン をク リックします 次 に ピース をクリック すると ピースの 一 覧 が 表 示 されま す 4 トップ 写 真 ピースの 詳 細 をクリック します 41

4. デザイン 反 映 4 画 像 設 定 5 編 集 をクリックし 画 像 を 差 し 替 え ていきます 本 文 の 下 にある ファイル の 開 く をクリックします 6 mainphoto.jpg の 右 側 にある URL をコピーします 7 本 文 中 の 該 当 箇 所 に 貼 り 付 け 差 し 替 えます 差 し 替 えが 完 了 したら 編 集 する を クリックします 42

4. デザイン 反 映 4 画 像 設 定 8 同 様 の 手 順 で FAQ Joruri 灯 eco メールマガジン トピック ピース の 修 正 を 行 います 9 トップページに キービジュアル バナー 等 の 画 像 が 表 示 されていることを 確 認 します 43

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 公 開 画 面 として HTML を 表 示 する 際 に HTML ファイルを 格 納 するディレクトリやページを 作 成 します ディレクトリメニューでディレクトリやページを 作 成 する 際 に 対 応 するコンセプトを 指 定 します 指 定 したコンセプトによってレイアウトなど Web ページとして 表 示 するために 必 要 な 情 報 が 決 まります 1 コンセプトを 会 社 概 要 に 変 更 後 管 理 画 面 上 部 にある ディレクトリ を クリックすると 登 録 されたディレクト リと そこに 格 納 されたファイルの 一 覧 が 表 示 されます 2 画 面 左 上 の 新 規 作 成 をクリックす ると ディレクトリ ページの 新 規 作 成 画 面 が 表 示 されます 3 まずは 会 社 概 要 のディレクトリを 作 成 していきます ディレクトリの 基 本 情 報 を 入 力 します 1. コンセプト 会 社 概 要 を 選 択 し ます 2. レイアウト 汎 用 レイアウトを 選 択 します 3. コンテンツ 標 準 機 能 を 選 択 し ます 4. アイテム 種 別 ディレクトリを 選 択 します 5. 親 ディレクトリ 変 更 なし 6. パンくず 変 更 なし 44

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 4 登 録 する ボタンをクリックすると ディレクトリが 非 公 開 の 状 態 で 登 録 さ れます 登 録 直 後 は 登 録 したディレクトリの 詳 細 画 面 が 表 示 されています 編 集 をクリックします 5 1. ディレクトリ 名 about と 入 力 します 2. タイトル 会 社 概 要 と 入 力 し ます 入 力 が 完 了 したら 公 開 保 存 をク リックします 45

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 6 会 社 概 要 のファイル 名 about を クリックします 7 新 規 作 成 をクリックします 8 会 社 概 要 のページを 作 成 していき ます ページの 基 本 情 報 を 入 力 します 1. コンセプト 会 社 概 要 を 選 択 し ます 2. レイアウト 汎 用 レイアウトを 選 択 します 3. コンテンツ 標 準 機 能 を 選 択 し ます 4. アイテム 種 別 ページ/ 自 由 形 式 を 選 択 します 5. 親 ディレクトリ 変 更 なし 6. パンくず 変 更 なし 46

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 9 登 録 する ボタンをクリックすると ページが 非 公 開 の 状 態 で 登 録 されま す 登 録 直 後 は 登 録 したページの 詳 細 画 面 が 表 示 されています 編 集 をクリックします 10 11 付 録 内 の ジョールリ テクノ 株 式 会 社 > 会 社 概 要 フォルダ 内 に 入 っ ている 会 社 概 要.txt ファイルのファ イル 名 タイトルを 入 力 します その 後 ツールアイコンの HTML の ソースを 編 集 をクリックします 付 録 内 の ジョールリ テクノ 株 式 会 社 > 会 社 概 要 フォルダ 内 に 入 っ ている 会 社 概 要.txt ファイルの 本 文 をコピーし 貼 り 付 けます 完 了 したら 更 新 をクリックすると 本 文 に 内 容 が 入 力 されます 連 絡 先 を 非 表 示 に 設 定 した 後 公 開 保 存 をクリックします 47

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 12 プレビューで 表 示 を 確 認 します ビルの 画 像 が 表 示 されていないの で アップしてから 貼 り 付 けます 13 ディレクトリページの 詳 細 をクリックし 編 集 をクリックします 本 文 の 下 にあるファイルの 開 く を クリックするとメニューが 開 きます 新 規 作 成 をクリックします データは 各 コンセプトごとに 管 理 さ れます データのコンセプトと ペー ジのコンセプトが 違 うと ファイルを 挿 入 するのが 難 しくなるので 気 を 付 けてください 48

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 14 参 照 をクリックし 付 録 内 の ジョールリ テクノ 株 式 会 社 > 会 社 概 要 > data_files フォルダ 内 の photo-company.jpg ファイルを 選 択 します 表 示 ファイル 名 には 画 像 の 説 明 をわ かりやすく 入 力 します 15 画 像 を 挿 入 したい 個 所 へ 画 像 ファイ ルを 挿 入 します ファイルアップ 貼 り 付 け 方 法 の 詳 細 については ジョールリ 公 式 サイト に 掲 載 されているリファレンスをご 覧 下 さい http://joruri.org/product/joruricms/r eference/ 49

5. ページ 作 成 1 ディレクトリ ページの 新 規 作 成 16 プレビューを 確 認 し 画 像 が 表 示 さ れていることを 確 認 します 17 コンセプトを ジョールリ テクノ 株 式 会 社 に 変 更 後 同 様 の 手 順 で ご 利 用 案 内 ディレクトリを 作 成 し ご 利 用 案 内 RSS と Atom について ページの 作 成 を 行 います 付 録 内 の ジョールリ テクノ 株 式 会 社 フォルダ 内 の 内 容 を 入 力 し ていきます 50

5. ページ 作 成 2 40 404 ページの 作 成 2 404 ページの 作 成 404 ページとは ユーザーがサイト 上 で 存 在 しないページにアクセスしようとした(リンク 切 れのリンクをクリック した ページが 削 除 されている URL のつづりを 間 違 えて 入 力 したなど)ときに 表 示 されるページのことです 作 成 方 法 は ページの 作 成 と 同 じ 手 順 で 行 います 1 コンセプトを ジョールリ テクノ 株 式 会 社 に 変 更 後 管 理 画 面 上 部 にあ る ディレクトリ をクリックします 2 画 面 左 上 の 新 規 作 成 をクリックし ます 51

5. ページ 作 成 2 40 404 ページの 作 成 3 404 Not Found ページを 作 成 して いきます ページの 基 本 情 報 を 入 力 します 1. コンセプト ジョールリ テクノ 株 式 会 社 を 選 択 します 2. レイアウト 404 を 選 択 します 3. コンテンツ 標 準 機 能 を 選 択 し ます 4. アイテム 種 別 ページ/ 自 由 形 式 を 選 択 します 5. 親 ディレクトリ 変 更 なし 6. パンくず 変 更 なし 9 登 録 する ボタンをクリックすると ページが 非 公 開 の 状 態 で 登 録 されま す 登 録 直 後 は 登 録 したページの 詳 細 画 面 が 表 示 されています 編 集 をクリックします 52

5. ページ 作 成 2 40 404 ページの 作 成 10 本 文 を 編 集 します 付 録 内 の ジョールリ テクノ 株 式 会 社 フォルダ 内 に 入 っている 404 Not Found.txt ファイルの 内 容 をコピーし 貼 り 付 けま す 完 了 したら 公 開 保 存 をクリックします 53

5. ページ 作 成 2 その 他 のページ 3 その 他 のページ ジョールリ テクノ 株 式 会 社 サイトで 使 用 するディクトリ ページは 表 5.3.1 のようになります 表 5.3.1:ディクトリ ページ 一 覧 ファイル 名 タイトル アイテム 種 別 状 況 about 会 社 概 要 標 準 機 能 /ディレクトリ 新 規 作 成 access 交 通 アクセス 標 準 機 能 /ディレクトリ 新 規 作 成 docs 記 事 記 事 / 記 事 一 覧, 記 事 ページ 変 更 なし event イベントカレンダー 記 事 /イベント 記 事 一 覧 変 更 なし faq FAQ 標 準 機 能 /ディレクトリ 変 更 なし howto ご 利 用 案 内 標 準 機 能 /ディレクトリ 新 規 作 成 info 商 品 紹 介 標 準 機 能 /ディレクトリ 新 規 作 成 inquiry お 問 い 合 わせ アンケート/フォーム 一 覧 変 更 なし link リンク 免 責 事 項 標 準 機 能 /ディレクトリ 新 規 作 成 mailmagazine メールマガジン メールマガジン/フォーム 変 更 なし privacy 個 人 情 報 保 護 方 針 標 準 機 能 /ディレクトリ 新 規 作 成 shinchaku 新 着 情 報 記 事 / 新 着 記 事 一 覧 変 更 なし sitemap サイトマップ 標 準 機 能 /ディレクトリ 変 更 なし support サポート 標 準 機 能 /ディレクトリ 新 規 作 成 tag タグ 検 索 記 事 /タグ 検 索 変 更 なし zokusei 属 性 記 事 / 属 性 一 覧 変 更 なし 404.html 404 Not Found 標 準 機 能 / 自 由 形 式 新 規 作 成 index.html ジョールリ テクノ 株 式 会 社 標 準 機 能 / 自 由 形 式 編 集 ページを 新 規 で 追 加 する 以 外 は ジョールリ 市 のものをそのまま 使 うことができます 上 記 以 外 のディレクトリ ページについては ジョールリ テクノ 株 式 会 社 サイトでは 使 用 しないため 削 除 し ていただいても 問 題 ありません トップページ(index.html)のタイトルを 変 更 することにより トップページのウィンドウタイトルの 表 示 を ジョール リ テクノ 株 式 会 社 ジョールリ 市 から ジョールリ テクノ 株 式 会 社 へ 変 更 することができます サイト 名 称 とページタイトルが 同 じ 場 合 は ウィンドウタイトルにはサイト 名 称 のみが 表 示 されます 54

6. 記 事 コンテンツ 1 管 理 画 面 メニュー Joruri の 管 理 画 面 メニューのコンテンツ データ デザイン ディレクトリを 順 次 操 作 し サイトの 作 成 を 行 います 表 6:Joruri CMS の 管 理 画 面 メニューと 機 能 メニュー 機 能 コンテンツ コンテンツの 作 成 コンテンツへのデータ 登 録 編 集 削 除 データ データの 登 録 削 除 デザイン ピース レイアウト スタイルシートの 作 成 編 集 削 除 ディレクトリ 公 開 サイトのディレクトリの 作 成 変 更 削 除 2 コンテンツの 役 割 まとまった 機 能 を 実 現 するプログラムモジュールを Joruri ではコンテンツと 呼 んでいます 公 開 画 面 の 各 種 の 機 能 を 実 現 するため 次 の 種 類 のコンテンツが 用 意 されています 記 事 アンケート 新 着 記 事 ポータル メールマガジン カレンダー 掲 示 板 FAQ 55

6. 記 事 コンテンツ 3 コンテンツの 一 覧 表 示 現 在 作 成 されているコンテンツは コンテンツ メニュー 選 択 すると 表 示 されます 管 理 画 面 の 左 上 隅 のプルダウンで 指 定 されているサイト コンセプトに 含 まれるコンテンツが 一 覧 表 示 されます プルダウンは 上 段 がサイトの 選 択 下 段 がコンセプトの 選 択 となっています コンセプト ジョールリ テクノ 株 式 会 社 の コンテンツ 一 覧 コンセプト FAQ のコンテンツ 一 覧 コンセプトを FAQ に 変 更 して コンテン ツ を 選 択 すると コンセプト FAQ に 含 ま れるコンテンツが 表 示 されます 56

6. 記 事 コンテンツ 4 コンセプトの 役 割 コンセプトはコンテンツ レイアウト ピースなどサイトを 構 成 するオブジェクト( 部 品 )を 格 納 する 入 れ 物 の 役 割 を 果 たします コンセプトの 作 成 など 各 種 の 操 作 は 管 理 画 面 メニューの サイト - コンセプト で 行 います 図 6.4.1 サイト - コンセプト の 管 理 画 面 コンセプトに 含 まれるコンテンツ レイアウト ピースをこの 画 面 で 確 認 することができます 現 在 作 成 されているコンセプトは コンセプトのプルダウンの を 選 択 すると 表 示 されます 図 6.4.2 プルダウンでのコンセプト 一 覧 の 表 示 57

6. 記 事 コンテンツ 1 コンテンツの 作 成 編 集 削 除 1 コンテンツの 作 成 編 集 削 除 1 コンテンツを 新 規 に 作 成 する 場 合 コンテンツ メニューの 新 規 作 成 を 選 択 します 新 規 作 成 を 選 択 すると コンテン ツの 新 規 作 成 画 面 が 開 きます ここでは Joruri CMS において 中 心 的 な 役 割 を 果 たす 記 事 コンテンツ の 作 成 とその 利 用 方 法 についてご 説 明 し ます 記 事 コンテンツ の 利 用 方 法 を 理 解 すると Joruri CMS にてサイトを 作 成 する 方 法 や コンテンツとピース やレイアウトとの 関 連 を 把 握 することができます 記 事 コンテンツを 作 成 する 場 合 コンテンツ 種 別 にて 記 事 を 選 択 します コンテンツ 名 としてここでは 製 品 紹 介 という 名 前 をつけます 記 事 アンケート メールマガジン といった 各 種 のコンテンツは コンテンツを 作 成 する 雛 形 です 記 事 コンテンツの 場 合 製 品 紹 介 お 知 らせ のように 複 数 の 記 事 コンテンツを 作 成 することができます 登 録 する 記 事 の 種 類 により 記 事 コンテンツを 分 けると 記 事 の 管 理 が 行 いやすいです 2 コンテンツの 新 規 作 成 にて 記 事 コ ンテンツの 選 択 します 3 登 録 する のボタンをクリックすると 作 成 した 製 品 紹 介 という 名 前 の 記 事 コンテンツが 記 事 コンテンツの 一 覧 に 表 示 されます 58

6. 記 事 コンテンツ 1 コンテンツの 作 成 編 集 削 除 4 コンテンツ 名 製 品 紹 介 の 左 にある 詳 細 をクリックすると 詳 細 情 報 を 表 示 する 画 面 が 開 きます 5 詳 細 情 報 の 画 面 で 編 集 をクリック すると コンテンツ 種 別 以 外 を 変 更 す ることができます 6 また 削 除 をクリックすると 削 除 の 確 認 ダイアログが 表 示 され OK を クリックすると コンテンツが 削 除 さ れます 59

6. 記 事 コンテンツ 2 記 事 の 一 覧 画 面 2 記 事 の 一 覧 画 面 記 事 コンテンツを 作 成 すると 記 事 を 登 録 することができます コンテンツ 一 覧 の 画 面 でコンテンツ 名 製 品 紹 介 をクリックすると 記 事 一 覧 の 画 面 が 開 きます コンテンツ 一 覧 画 面 でのコンテンツ 名 は そのコンテンツにデー タを 登 録 する 画 面 への 入 り 口 となっています 記 事 コンテンツ 製 品 紹 介 の 記 事 一 覧 画 面 は まだひとつも 記 事 を 登 録 していないため 表 示 されている 記 事 がありません 記 事 一 覧 の 画 面 で 新 規 作 成 をクリック すると 記 事 登 録 の 画 面 が 開 き 新 しい 記 事 を 登 録 することができます 記 事 コンテンツを 作 成 しただけで 記 事 を 登 録 できる 点 が Joruri CMS の 特 徴 です 記 事 ページを 公 開 するディレクトリ や 記 事 ページのレイアウトやデザインを 設 定 しなくても 記 事 の 登 録 を 始 められます コンテンツの 作 成 とサイトの 制 作 を 並 行 して 進 めることができます 60

6. 記 事 コンテンツ 3 記 事 の 登 録 画 面 3 記 事 の 登 録 画 面 記 事 の 登 録 画 面 は 次 の 入 力 項 目 で 構 成 されています 1. 記 事 タイトル 2. 言 語 3. 内 容 4. 添 付 ファイル 5. 分 野 6. 属 性 7. 新 着 記 事 表 示 8. 記 事 一 覧 表 示 9.イベントカレンダー 表 示 10. 関 連 ワード 11. 関 連 記 事 12. 表 示 端 末 13. 携 帯 向 け 14. 地 図 15. 連 絡 先 16. 公 開 日 時 設 定 17. 承 認 設 定 18. 編 集 権 限 19. 作 成 者 ここでは 各 入 力 項 目 について コンテンツ の 挙 動 に 関 連 するものを 説 明 することとし ます またシステム 管 理 者 での 操 作 とし 公 開 保 存 ボタンにより 承 認 フローを 経 由 せず 記 事 を 公 開 するものとします 61

6. 記 事 コンテンツ 4 記 事 の 登 録 4 記 事 の 登 録 ここでは 次 の 内 容 を 記 事 として 登 録 します 1 1. 記 事 タイトル LED 電 球 昼 光 色 E26 口 金 2. 記 事 内 容 消 費 電 力 10.2W 広 配 光 タイプ の LED 電 球 配 光 角 250 度 の 広 配 光 タイプ 省 電 力 と 約 40000 時 間 の 長 寿 命 設 計 密 閉 器 具 調 光 器 具 対 応 3. 画 像 LED 電 球 記 事 の 内 容 を 登 録 後 連 絡 先 を 非 表 示 に 設 定 し 下 書 き 保 存 をクリックします 2 記 事 を 下 書 き 保 存 すると 画 面 が 記 事 一 覧 画 面 に 切 り 替 わります 62

6. 記 事 コンテンツ 5 記 事 の 詳 細 画 面 5 記 事 の 詳 細 画 面 この 時 点 では 詳 細 画 面 のプレビュー 欄 は 空 白 です 記 事 を 公 開 する 物 理 的 なディレクトリを 指 定 していないため プレビュー 画 面 が 作 成 されません 1 記 事 番 号 の 左 の 詳 細 をクリックす ると 記 事 の 詳 細 情 報 ページが 開 き ます 2 詳 細 情 報 ページには 記 事 の 内 部 的 な 管 理 画 面 である 記 事 番 号 と 記 事 を 記 事 ページとして 公 開 した 際 に 割 り 振 られる 記 事 URL 番 号 が 表 示 されます 記 事 番 号 は Joruri CMS のシステ ム 内 での 記 事 の 連 番 で 記 事 コンテ ンツが 複 数 存 在 する 場 合 も 記 事 コ ンテンツごとではなく 記 事 コンテン ツを 通 して 番 号 が 割 り 振 られます また 承 認 依 頼 を 行 った 場 合 承 認 設 定 として 承 認 者 の 情 報 が 表 示 さ れます 63

6. 記 事 コンテンツ 6 記 事 の 公 開 6 記 事 の 公 開 記 事 コンテンツに 登 録 した 記 事 を 記 事 ページとして 公 開 するために 公 開 ディレクトリを 設 定 します 記 事 コンテンツに 公 開 ディレクトリを 設 定 することにより 論 理 的 な 存 在 である 記 事 を 物 理 的 な 記 事 ページとして 表 示 することができるよ うになります 記 事 コンテンツへの 公 開 ディレクトリの 設 定 は ディレクトリ メニューにて 行 います 64

6. 記 事 コンテンツ 7 ディレクトリへの 記 事 コンテンツの 割 り 当 て 7 ディレクトリへの 記 事 コンテンツの 割 り 当 て 1 ディレクトリ メニューの 新 規 作 成 をクリックし ディレクトリ/ページの 新 規 作 成 画 面 を 開 きます 2 コンテンツ として ジョールリ テク ノ 株 式 会 社 : 製 品 紹 介 を 選 択 します コンテンツの 一 覧 では コンテンツが コンセプト 名 :コンテンツ 名 の 形 式 で 表 示 されます 65

6. 記 事 コンテンツ 7 ディレクトリへの 記 事 コンテンツの 割 り 当 て 3 コンテンツを 選 択 すると 選 択 したコ ンテンツに 対 応 した アイテム 種 別 が 選 択 肢 として 設 定 されます ここで は アイテム 種 別 として ディレクト リ/ 記 事 一 覧 記 事 ページ を 選 択 し 記 事 一 覧 と 記 事 ページ 用 のディレク トリを 作 成 することとします 登 録 する をクリックします 4 コンテンツ と アイテム 種 別 を 設 定 し 登 録 する を 選 択 ると 次 の ディレクトリの 詳 細 情 報 の 画 面 が 表 示 されます この 時 点 ではまだディレクトリは 作 成 されていません 5 次 にディレクトリの 詳 細 画 面 で 編 集 を 選 択 します 66

6. 記 事 コンテンツ 7 ディレクトリへの 記 事 コンテンツの 割 り 当 て 6 ディレクトリ 名 を 入 力 します ここでは 製 品 という 意 味 で product という 名 前 を 入 力 します ディレクトリ 名 を 入 力 した 後 に 公 開 保 存 をクリックします 7 公 開 保 存 をクリックすると 画 面 が ディレクトリ 一 覧 に 切 り 替 わります ファイル 名 の 欄 に product という ディレクトリが 作 成 されています このようにディレクトリの 作 成 は 最 初 からディレクトリ 名 を 入 力 するので はなく 2 段 階 の 操 作 となるため 少 しわかりにくいのですが 内 部 処 理 の 都 合 で 現 在 はこのような 操 作 と なっています 67

6. 記 事 コンテンツ 8 記 事 のプレビュー 8 記 事 のプレビュー 1 記 事 コンテンツに 記 事 ページとして 公 開 するディレクトリを 設 定 したため 記 事 のプレビューが 行 えるようになっ ています 記 事 一 覧 画 面 にて プレビュー 欄 に PC および 携 帯 ページのプレビュー のタグが 表 示 されています 2 プレビュー PC をクリックすると 記 事 ページのプレビューが 表 示 されま す 記 事 コンテンツにレイアウトを 設 定 し ていないため 記 事 ページにはヘッ ダーやフッターが 表 示 されず 記 事 の 情 報 のみが 表 示 されます 記 事 コ ンテンツが 記 事 ページとして 生 成 す る HTML のみが 表 示 されるため こ のような 表 示 となります プレビューページの URL は 次 のようになります /_preview/00000001/product/2014020900026/?doc_id=16 このプレビューページの URL は 管 理 画 面 と 同 様 に 管 理 画 面 にログインしないと 閲 覧 できないページとなってい ます この 記 事 ページの 場 合 記 事 を 公 開 した 際 の 記 事 ページの URL は 次 のようになります /product/2014020900026/ 68

6. 記 事 コンテンツ 8 記 事 のプレビュー 3 プレビュー 携 帯 をクリックすると 次 のような 記 事 ページのプレビュー が 表 示 されます 69

6. 記 事 コンテンツ 9 記 事 の 公 開 9 記 事 の 公 開 公 開 画 面 から 記 事 ページを 閲 覧 できるようにするには 記 事 の 公 開 の 処 理 を 行 います 記 事 を 公 開 するには 承 認 フローを 経 由 しなければなりませんが システム 管 理 者 でログインしている 場 合 承 認 フローを 経 由 せずに 記 事 を 公 開 する 公 開 保 存 が 行 えます ここでは 記 事 の 編 集 画 面 を 開 き 公 開 保 存 を 選 択 して 記 事 を 公 開 します 記 事 を 公 開 すると 公 開 画 面 の URL から 記 事 を 記 事 ページとして 閲 覧 することがで きます 70

6. 記 事 コンテンツ 10 公 開 ページの 記 事 一 覧 記 事 ページ 10 公 開 ページの 記 事 一 覧 記 事 ページ 記 事 の 公 開 ディレクトリとして 設 定 し た/product/の 画 面 をアクセスすると 次 の ように 記 事 一 覧 が 表 示 されます この 記 事 一 覧 のページにはレイアウトが 設 定 されていないため ヘッダーやフッターは 表 示 されず 記 事 の 公 開 日 と 記 事 タイトルのみが 表 示 されます 記 事 一 覧 ページに 表 示 されている 記 事 タ イトルをクリックすると 記 事 ページが 開 き ます 記 事 ページの 内 容 はプレビュー 画 面 と 同 じ く 記 事 の 内 容 のみの 表 示 となります 71

6. 記 事 コンテンツ 11 レイアウトの 設 定 11 レイアウト 設 定 記 事 ページにレイアウトを 設 定 し ヘッダーやフッターを 表 示 します 記 事 ページのレイアウトは 記 事 コンテンツではなく 記 事 ページを 公 開 するディレクトリにて 設 定 します 1 ディレクトリ product の 詳 細 をク リックします 2 編 集 をクリックして 編 集 画 面 を 開 けます 3 レイアウトとして すでに 作 成 されて いる ジョールリ テクノ 株 式 会 社 : 記 事 ページ を 選 択 します レイアウトを 設 定 したあと 公 開 保 存 をクリックします 72

6. 記 事 コンテンツ 11 レイアウトの 設 定 4 記 事 ページのディレクトリにレイアウ トを 設 定 したあと 記 事 一 覧 ページと 記 事 ページを 表 示 すると ヘッダー やフッターなど ホームページ 記 事 と 同 じレイアウトとデザインが 設 定 されています 記 事 一 覧 ページと 記 事 ページは 同 じアイテム 種 別 であるため それぞれのページに 割 り 当 てるレイアウトは 同 じ になります 異 なるレイアウトを 適 用 したい 場 合 記 事 一 覧 として 新 着 記 事 のアイテム 種 別 を 使 い 別 のディレク トリに 記 事 一 覧 を 作 成 します 図 6.11.1 レイアウトを 設 定 した 記 事 一 覧 ページ レイアウトが 設 定 されていない 場 合 の 動 作 ディレクトリにレイアウトを 設 定 しない 場 合 公 開 ページの 出 力 はすべてコンテンツが 生 成 します レイアウトに content を 配 置 した 場 合 と 同 じ 内 容 を 記 事 一 覧 ページに 表 示 する 仕 様 としています 73

6. 記 事 コンテンツ 12 レイアウトの 一 覧 12 レイアウトの 一 覧 デザイン - レイアウト メニューで コン セプトごとにレイアウトの 一 覧 が 表 示 され ます キーワード 検 索 では レイアウトに 記 述 してある 文 字 列 を 検 索 して レイア ウトの 一 覧 を 絞 り 込 むことができます 74

6. 記 事 コンテンツ 13 レイアウトの 構 造 13 レイアウトの 構 造 1 レイアウト 名 記 事 ページ の 詳 細 をクリックすると レイアウトの 内 容 が 表 示 されます 2 レイアウトの 中 には 標 準 レイアウト (PC 向 けレイアウト) 携 帯 レイアウ ト(フィーチャーフォン 向 け) スマート フォンレイアウトの3 種 類 の 端 末 向 け のレイアウトを 含 んでいます それぞ れのレイアウトにおいて HTML を HEAD タグ BODY タグに 分 けて 格 納 しています BODY タグの HTML において piece/common-header といった 記 述 は Joruri CMS 独 自 の 表 記 の ピースと 呼 ぶものです Joruri CMS がページを 生 成 する 際 このタグを common-header という ID のピース に 置 き 換 えます 同 様 に content は 記 事 コンテンツが 生 成 する HTML に 置 き 換 えられます 75

6. 記 事 コンテンツ 14 ピースの 構 造 14 ピースの 構 造 1 ピースの 一 覧 は デザイン - ピー ス メニューで コンセプトごとにピー スの 一 覧 が 表 示 されます レイアウトに 記 述 してあるピースの 内 容 はピースの 詳 細 画 面 で 確 認 できま す 2 piece/common-header の 内 容 を 確 認 するには ピース ID が common-header の 詳 細 をクリック して ピースの 詳 細 画 面 を 開 きます 公 開 用 のページが 生 成 される 際 レ イアウトの piece/commonheader の 部 分 が 詳 細 画 面 に 表 示 されている HTML に 置 き 換 えられま す レイアウトと 同 じコンセプトに 該 当 するピースが 存 在 しない 場 合 上 位 のコンセプトから 該 当 するピースを 探 しま す これをピースの 階 層 参 照 と 呼 びます 標 準 的 なピースを 最 上 位 のコンセプトに 配 置 しておき 下 位 のコンセプトに 同 じ 名 前 のピースを 配 置 すると その コンセプトのレイアウトは 下 位 のコンセプトのピースを 参 照 して ページを 生 成 します これにより 該 当 するピース の 部 分 について 画 面 の 表 示 を 変 更 することができます 76

6. 記 事 コンテンツ 15 新 着 記 事 一 覧 のディレクトリ 作 成 15 新 着 記 事 一 覧 のディレクトリ 作 成 記 事 コンテンツで 記 事 一 覧 を 表 示 する 場 合 アイテム 種 別 として 記 事 一 覧 記 事 ページ を 選 択 して 表 示 する 方 法 と 新 着 記 事 一 覧 を 選 択 して 表 示 する 方 法 があります 1 ディレクトリの 新 規 作 成 を 行 い コンテンツ として ジョールリ テクノ 株 式 会 社 : 製 品 紹 介 を 選 択 し ア イテム 種 別 として ディレクトリ/ 新 着 記 事 一 覧 を 選 択 します 2 登 録 する を 選 択 した 後 に 詳 細 ページで 編 集 を 選 択 します ディレクトリ 名 としては 製 品 の 新 着 と いう 意 味 で new-item と 設 定 します 公 開 保 存 をクリックします 77

6. 記 事 コンテンツ 16 新 着 記 事 一 覧 の 公 開 ページ 16 新 着 記 事 一 覧 の 公 開 ページ 1 公 開 画 面 の/new-item/のディレクト リをアクセスすると アイテム 種 別 の ディレクトリ/ 新 着 記 事 一 覧 で 作 成 された 記 事 一 覧 が 表 示 されます こちらの 形 式 の 記 事 一 覧 では RSS,Atom のフィードが 生 成 されま す 2 新 着 記 事 一 覧 のディレクトリにレイア ウトを 設 定 します ここでは 汎 用 レ イアウト を 設 定 します 公 開 保 存 をクリックします 3 公 開 画 面 の /new-item/ をアクセス すると レイアウトが 設 定 されている ことがわかります 記 事 コンテンツに 入 力 された 記 事 の 一 覧 ページは 公 開 するディレクトリでのアイテム 種 別 の 設 定 により 記 事 一 覧 の 表 示 形 式 を 選 択 することができます 各 ディレクトリで 設 定 できるコンテンツとアイテム 種 別 はひとつであ り 同 じディレクトリに 複 数 のコンテンツを 公 開 することや 複 数 のアイテム 種 別 を 選 択 することはできません 78

6. 記 事 コンテンツ 17 記 事 の 分 野 の 登 録 17 記 事 の 分 野 の 登 録 記 事 を 分 野 で 分 類 できるように 分 野 を 登 録 します 1 分 野 を 登 録 するために 記 事 コンテ ンツの 分 野 設 定 をクリックして 分 野 設 定 の 画 面 を 開 きます 2 新 規 作 成 をクリックして 分 野 設 定 の 画 面 を 開 き 分 野 ID と 分 野 名 を 登 録 します ここでは LED 電 球 と LED 蛍 光 灯 の2つの 分 野 を 設 定 します 登 録 する をクリックします 79

6. 記 事 コンテンツ 18 分 野 ページのディレクトリの 作 成 18 分 野 ページのディレクトリの 作 成 1 アイテム 種 別 分 野 一 覧 のディレク トリを 作 成 します ディレクトリ メニューの 新 規 作 成 をクリックします 2 コンテンツ ジョールリ テクノ 株 式 会 社 : 製 品 紹 介 アイテム 種 別 ディレクトリ/ 分 野 一 覧 登 録 する をクリックします 3 編 集 をクリックします 80

6. 記 事 コンテンツ 18 分 野 ページのディレクトリの 作 成 4 ここではディレクトリの 名 前 を product-bunya とします 公 開 保 存 をクリックします 81

6. 記 事 コンテンツ 19 記 事 の 分 野 を 設 定 公 開 画 面 の 分 野 ページ 19 記 事 の 分 野 を 設 定 公 開 画 面 の 分 野 ページ 1 記 事 の 編 集 画 面 を 開 き 分 野 の 選 択 で LED 電 球 を 設 定 します 2 公 開 画 面 の/product-bunya/をアク セスすると 分 野 一 覧 が 表 示 されま す 3 LED 電 球 をクリックすると 分 野 に LED 電 球 を 設 定 した 記 事 の 一 覧 が 表 示 されます このページの URL は /productbunya/led-bulb/ となります 各 分 野 別 のページの URL は 分 野 一 覧 のページのディレクトリの 下 に 分 野 ID でのディレクトリを 付 加 したも のとなります 82

6. 記 事 コンテンツ 20 分 野 ページのレイアウトの 設 定 20 分 野 ページのレイアウトの 設 定 1 ディレクトリ メニューの/productbunya/の 下 には 分 野 ID に 対 応 する ディレクトリは 表 示 されません 分 野 ID に 対 応 するディレクトリは 記 事 コンテンツが 生 成 する 論 理 的 な ディレクトリであるため ディレクト リ メニューの 画 面 には 表 示 されませ ん 2 ディレクトリ メニューにディレクトリ が 表 示 されないため 各 分 野 のレイ アウトは 記 事 コンテンツの 分 野 設 定 のメニューで 行 います コンテンツ メニューの 製 品 紹 介 をクリックします 3 分 野 設 定 メニューをクリックします 4 詳 細 をクリックし ページの 編 集 を 行 います 83

6. 記 事 コンテンツ 20 分 野 ページのレイアウトの 設 定 5 ここでは 分 野 LED 電 球 のページに 汎 用 レイアウト を 設 定 します 編 集 する をクリックします 6 公 開 画 面 の/product-bunya/ledbulb/ のページをアクセスすると レ イアウトが 設 定 されていることがわか ります 84

6. 記 事 コンテンツ 21 ピースによる 記 事 一 覧 の 表 示 21 ピースによる 記 事 一 覧 の 表 示 記 事 一 覧 をコンテンツではなく ピースで 生 成 することもできます ここではピースで 記 事 の 一 覧 を 表 示 する 方 法 を 示 します 1 デザイン - ピース メニューでピー スの 一 覧 を 開 きます 2 新 着 記 事 を 表 示 するピースを 作 成 す るため 新 規 作 成 をクリックして ピースの 作 成 画 面 を 開 きます コンテンツ として ジョールリ テクノ 株 式 会 社 : 製 品 紹 介 を 選 択 し アイ テム 種 別 として 新 着 記 事 を 選 びま す ピースの ID を new-product ピース 名 を 新 製 品 一 覧 とします 3 登 録 する をクリックすると ピース が 作 成 されます 85

6. 記 事 コンテンツ 22 レイアウトの 作 成 とピースの 配 置 22 レイアウトの 作 成 とピースの 配 置 ピースはレイアウトに 配 置 しないと 公 開 ページに 表 示 できないため 新 製 品 一 覧 のピースのみを 配 置 したレイア ウトを 作 成 します 1 デザイン - レイアウト メニューで 新 規 作 成 を 選 択 して ピースの 作 成 画 面 を 開 きます ここでは レイアウトIDを newproduct とし レイアウト 名 を 新 製 品 一 覧 とします 2 登 録 する をクリックすると レイア ウトが 作 成 されます 86

6. 記 事 コンテンツ 23 標 準 機 能 のディレクトリの 作 成 23 標 準 機 能 のディレクトリの 作 成 1 新 製 品 一 覧 の 公 開 画 面 の URL を/new-product/ とするため /newproduct/ というディレクトリを 作 成 し ます このディレクトリは 特 定 のコンテンツ と 関 連 づけないため コンテンツとし て 標 準 機 能 を 選 び 作 成 します 2 ここでも 今 までと 同 様 に2 段 階 での 操 作 となります コンテンツやアイテム 種 別 を 設 定 後 に 登 録 する をクリックし その 後 編 集 して ディレクトリ 名 を 入 力 します ディレクトリ 名 をここでは newproduct とします 公 開 保 存 をクリックします 87

6. 記 事 コンテンツ 23 標 準 機 能 のディレクトリの 作 成 3 公 開 画 面 の/new-product/ をアクセ スした 場 合 index.html が 存 在 しない ため 404 Not Found のエラーとなり ます 88

6. 記 事 コンテンツ 24 ディレクトリページの 作 成 24 ディレクトリページの 作 成 1 公 開 画 面 の /new-product/ の 下 に index.html を 作 成 するため ディレ クトリ - ディレクトリ メニューの 画 面 で ファイル 名 の new-product を 選 択 して 下 層 のディレクトリに 移 動 し ます 2 /new-product/ の 下 にはまだディレ クトリが 存 在 しないため 一 覧 には 何 も 表 示 されません 新 規 作 成 をクリックし ディレクトリ /ページの 新 規 作 成 画 面 を 開 きま す 3 コンテンツ として 標 準 機 能 を 選 択 し アイテム 種 別 として ページ / 自 由 形 式 を 選 びます 登 録 する をクリックします 89

6. 記 事 コンテンツ 24 ディレクトリページの 作 成 4 登 録 する をクリックすると 詳 細 画 面 に 切 り 替 わるので そこで 編 集 を クリックします アイテム 種 別 が ページ/ 自 由 形 式 の 場 合 ファイル 名 以 外 に 記 事 の 登 録 画 面 と 同 様 に 入 力 が 行 えるよ うになっています ここでは ファイル 名 を index.html として 公 開 保 存 をクリックします 5 ディレクトリの 一 覧 画 面 に 作 成 した index.html ファイルが 一 覧 に 表 示 さ れます このように 作 成 するページを Joruri CMS ではディレクトリページ( 一 般 的 には 固 定 ページ)と 呼 んでいます 6 公 開 画 面 の /new-product/ をアク セスすると ピースで 表 示 した 新 着 記 事 一 覧 のページが 表 示 されます 90

7. アクセシビリティについて Joruri CMS の 機 能 としましては JIS X 8341-3:2010 に 準 拠 しておりますが 雛 形 として 入 っている ジョー ルリ 市 のデータは 一 部 準 拠 しておりません また ジョールリ テクノ 株 式 会 社 のデータにつきましても すべてに 準 拠 しているわけではありませんのでご 注 意 ください 1 文 字 サイズ 変 更 Joruri CMS では 標 準 機 能 として 文 字 サイズ 変 更 機 能 を 備 えております 小 さい 文 字 が 見 えない 方 には 文 字 を 拡 大 する 機 能 が 逆 に 視 野 が 狭 い 方 は 大 きな 文 字 より 小 さい 文 字 が 見 え やすいこともあるため 大 中 小 の 3 パターンのサイズ 切 り 替 えを 可 能 にしています 文 字 サイズ 中 が 標 準 の 文 字 サイズになります クリックすると 文 字 サイズが 切 り 替 わります 小 中 大 倍 率 を 自 由 に 設 定 することができるため ユーザの 年 齢 層 に 合 わせて 読 みやすさを 配 慮 することが 可 能 です 倍 率 の 変 更 方 法 は 以 下 の 手 順 になります デフォルト 設 定 小 :0.60em 中 :0.80em 大 :1.00em 倍 率 を 変 更 小 :0.80em 中 :1.00em 大 :1.20em 91

7.アクセシビリティについて 1 文 字 サイズ 変 更 1 コンセプトを ジョールリ テクノ 株 式 会 社 に 変 更 後 管 理 画 面 上 部 にあ る デザイン をクリックします 2 ふりがな よみあげヘッダー の 詳 細 をクリックします 3 編 集 をクリックし 文 字 サイズの 設 定 個 所 を 変 更 します 92

7.アクセシビリティについて 1 文 字 サイズ 変 更 4 変 更 が 完 了 したら ページ 下 部 にあ る 編 集 する をクリックします 5 次 に メニュー 上 部 の スタイルシー ト をクリックし ファイル 一 覧 から joruri をクリックします 6 base をクリックします 93

7.アクセシビリティについて 1 文 字 サイズ 変 更 7 init.css をクリックします 8 編 集 をクリックして body の CSS の 記 述 を 80%から 100%に 変 更 します 中 の 文 字 サイズと 連 動 しています 中 のサイズが 1.20em の 場 合 には CSS の 記 述 は 120%となります 94

7.アクセシビリティについて 1 文 字 サイズ 変 更 6 変 更 が 完 了 したら ページ 下 部 にある 編 集 する をクリックします 7 文 字 サイズの 倍 率 設 定 が 反 映 されていることを 確 認 します 95

7.アクセシビリティについて 2 背 景 色 変 更 2 背 景 色 変 更 Joruri CMS では 標 準 機 能 として 背 景 色 変 更 機 能 を 備 えております 視 覚 の 弱 い 方 には 白 背 景 に 黒 字 の 画 面 はページ 全 体 の 輝 度 が 高 く 見 えにくい 場 合 があります また 色 覚 弱 者 の 方 には 背 景 色 と 文 字 のコントラストによっては 見 えにくい 場 合 があるため 黒 背 景 に 白 字 や 青 背 景 に 白 字 のように 変 更 することで 輝 度 を 下 げてコントラストを 強 め 見 やすい 画 面 にすることができます 背 景 色 変 更 時 の 画 面 表 示 の 編 集 は 以 下 の 手 順 で 行 います 1 コンセプトを ジョールリ テクノ 株 式 会 社 に 変 更 後 管 理 画 面 上 部 にあ る デザイン をクリックします 96

7.アクセシビリティについて 2 背 景 色 変 更 2 メニュー 上 部 の スタイルシート をク リックし ファイル 一 覧 から joruri を クリックします 3 base をクリックします 4 colors をクリックします 97

7.アクセシビリティについて 2 背 景 色 変 更 5 black.css bule.css をクリックし ス タイルシートを 編 集 することで 背 景 色 変 更 時 の 表 示 を 修 正 します 付 録 内 の スタイルシート > joruri > base > colors フォルダに 入 っている black.css blue.css ファイルの 内 容 をコピーし 貼 り 付 けていただくことで ジョールリ テクノ 株 式 会 社 の 背 景 色 変 更 対 応 を 行 うこ とができます 6 背 景 色 変 更 設 定 時 の 表 示 が 修 正 されていることを 確 認 します 98

7.アクセシビリティについて 3 ふりがな 読 み 上 げ 3 ふりがな 音 声 読 み 上 げ 1 ふりがな 音 声 読 み 上 げなどサイト の 表 示 に 関 する 設 定 を 行 います 管 理 画 面 上 部 にある 設 定 をクリッ クすると 現 在 登 録 されている 辞 書 の 一 覧 が 表 示 されますので 新 規 作 成 をクリックし 辞 書 の 登 録 を 行 い ます 辞 書 とは サイト 内 に 表 示 される 漢 字 英 単 語 の 読 みを 設 定 する 機 能 で 地 名 や 人 名 など ふりがな 表 示 や 音 声 読 み 上 げをした 際 に 適 切 に 表 示 がされるように 設 定 することができま す 2 新 規 作 成 画 面 が 表 示 されますので 辞 書 名 辞 書 データを 入 力 し 登 録 する ボタンをクリックします 辞 書 に 登 録 する 単 語 は,( 半 角 コン マ)と 半 角 スペースで 区 切 り 後 ろに カタカナでよみがなを 入 力 します 英 単 語 などアルファベットも 同 様 に 表 記 します 1 行 で 1 単 語 とその 読 みがなを 記 述 し 改 行 で 複 数 登 録 が 行 えます 辞 書 内 で 説 明 コメント 等 を 付 記 する ( 辞 書 には 反 映 させない) 場 合 は 行 頭 に#( 半 角 ナンバーサイン)をつけ ます 3 辞 書 が 追 加 されました 99

7.アクセシビリティについて 3 ふりがな 読 み 上 げ 3 ふりがな 音 声 読 み 上 げ 4 辞 書 の 更 新 を 行 います 辞 書 更 新 をクリックすると 辞 書 を 更 新 してよ ろしいですか? と 確 認 するダイアロ グが 表 示 されますので OK をクリッ クすると 登 録 した 内 容 が 更 新 されま す キャンセル をクリックすると 更 新 がキャンセルされます 5 辞 書 の 動 作 確 認 を 行 います 動 作 確 認 をクリックし テキストボックスに 確 認 したいテキストを 入 力 します 6 ふりがな をクリックすると 入 力 した テキストにひりがなを 付 けて 表 示 され ます 7 音 声 テキスト をクリックすると 読 み 上 げ 音 声 ファイルの 元 となるテキスト を 表 示 します 100

7.アクセシビリティについて 3 ふりがな 読 み 上 げ 8 音 声 ファイルをクリックすると 実 際 に 読 み 上 げられる 音 声 ファイルを mp3 形 式 で 出 力 します 振 り 仮 名 音 声 ファイルは 15 分 ごとの 定 期 実 行 で 書 き 出 しが 行 われます 101

8. 携 帯 サイト スマートフォンサイト 1 携 帯 サイト 1 携 帯 サイトの 設 定 を 行 います 携 帯 向 けに 表 示 を 変 えたいページの レイアウトが 登 録 されているコンセプ トを 選 択 します 今 回 は トップペー ジ のレイアウトを 変 更 します 管 理 画 面 上 部 にある デザイン をクリック します 次 に レイアウト をクリックす ると 登 録 されているレイアウトの 一 覧 が 表 示 されますので 表 示 を 変 更 するレイアウトの 詳 細 をクリックし ます 2 レイアウトの 詳 細 画 面 が 表 示 されま すので 編 集 をクリックし レイア ウトの 編 集 を 行 います 3 レイアウト 情 報 の 携 帯 レイアウト の タブをクリックし HEAD タグ BODY タグ それぞれに 携 帯 からの アクセス 時 に 表 示 する 情 報 を 入 力 し ます 編 集 する ボタンをクリックす るとレイアウトが 登 録 されます 同 様 の 手 順 で 他 のレイアウトについ ても 携 帯 レイアウトの 情 報 を 入 力 し 携 帯 サイトの 構 築 を 行 います ジョールリ 市 のデフォルトでは 携 帯 サイトのレイアウトが 入 っているので 携 帯 サイトを 作 成 しない 場 合 に は HEAD タグ BODY タグ の 内 容 を 削 除 してください 102

8. 携 帯 サイト スマートフォンサイト 2 スマートフォンサイト 2 スマートフォンサイト 1 スマートフォンサイトの 設 定 を 行 いま す スマートフォン 向 けに 表 示 を 変 えた いページのレイアウトが 登 録 されて いるコンセプトを 選 択 します 今 回 は トップページ のレイアウトを 変 更 し ます 管 理 画 面 上 部 にある デザイ ン をクリックします 次 に レイアウ ト をクリックすると 登 録 されている レイアウトの 一 覧 が 表 示 されますの で 表 示 を 変 更 するレイアウトの 詳 細 をクリックします 2 レイアウトの 詳 細 画 面 が 表 示 されま すので 編 集 をクリックし レイア ウトの 編 集 を 行 います 3 レイアウト 情 報 の スマートフォンレイ アウト のタブをクリックし HEAD タ グ BODY タグ それぞれにスマー トフォンからのアクセス 時 に 表 示 する 情 報 を 入 力 します 編 集 する ボタン をクリックするとレイアウトが 登 録 され ます 同 様 の 手 順 で 他 のレイアウトについ てもスマートフォンレイアウトの 情 報 を 入 力 し スマートフォンサイトの 構 築 を 行 います ジョールリ 市 のデフォルトでは スマートフォンサイトのレイアウトが 入 っているので スマートフォンサイトを 作 成 しない 場 合 には HEAD タグ BODY タグ の 内 容 を 削 除 してください 103

付 録 1 URL の 生 成 方 法 Joruri CMS では 広 報 用 の 紙 媒 体 などに URL 掲 載 することなどを 考 慮 し わかりやすく 単 純 な URL を 生 成 します フォルダのように 階 層 構 造 を 持 たせたディレクトリページを 作 成 することができます ディレクトリページでは ローマ 字 表 記 のシンプルな 名 称 を 自 由 に 設 定 できます 例 : トップページ http://joruri-techno.co.jp/ 属 性 ページ <イベント> http://joruri-techno.co.jp/zokusei/event/ 本 マニュアルでは 使 用 していませんが 分 野 ページ 組 織 ページ 地 域 ページ についても 同 様 に 設 定 する ことが 可 能 です また 記 事 ページでは 数 字 13 桁 のディレクトリ 表 記 で URL が 自 動 生 成 されるため 重 複 することがありません 記 事 を 登 録 した 年 月 日 単 位 での 連 番 になっており URL から 記 事 の 作 成 日 付 がわかるようになっています 例 : http://joruri-techno.co.jp/docs/2013042200022/ ドメイン 名 記 事 を 保 存 した ディレクトリ 2013 年 4 月 22 日 2 番 目 の 記 事 下 1 桁 はチェックコード 記 事 ページの ID は 次 の 規 則 で 生 成 されています YYYYMMDDSSSSC 西 暦, 月, 日, 日 ごとの 連 番 (4 桁 ), 最 後 の 桁 Cはチェックデジット(モジュラス 10 ウェイト 3 1(M10W31)) 104

付 録 2 マルチドメイン 対 応 1 管 理 画 面 上 部 にある サイト をクリッ クします 次 に ドメイン をクリックす ると サイトの 一 覧 が 表 示 されます 新 規 作 成 をクリックし サイトを 追 加 します 2 サイト 名 称 サイト URL を 入 力 し ます 携 帯 サイトの URL を 分 ける 際 には 携 帯 URL の 入 力 も 行 います 入 力 が 完 了 したら 登 録 する をク リックします 本 マニュアルでは 仮 で 観 光 情 報 サイト と 名 称 を 設 定 します 3 管 理 画 面 左 上 のサイト 名 称 をクリッ クし 観 光 情 報 サイト を 選 択 します 後 は 通 常 のサイト 構 築 と 同 じになり ます プレビューの URL は config/core.yml の 設 定 値 で 表 示 されるため サイト 毎 に 変 更 することができません 今 後 の 機 能 追 加 で 対 応 を 予 定 しています 設 定 した URL でアクセスできるようにするには config/virtual-hosts/ 内 に Virtualhost の 設 定 が 必 要 になり ます 105

付 録 3 機 能 一 覧 Joruri CMS の 基 本 機 能 としまして 下 記 の 機 能 を 持 っております 基 本 システム 構 成 システム 構 成 HTTP HTTPS による CMS の 運 用 Web ブラウザ(Internet Explorer 8 以 上 )で 更 新 が 可 能 Mozilla Firefox Google Chrome Safari の 最 新 バージョンにも 対 応 XHTML1.0 Transitional の 規 格 に 準 拠 携 帯 端 末 向 けの 画 面 を 自 動 生 成 作 成 されるページは 静 的 HTML ファイルでの 運 用 が 可 能 動 的 ページでの 運 用 が 可 能 アクセシビリティツールによる ふりがな 音 声 読 み 上 げ 機 能 ユーザーの 権 限 に 応 じた 操 作 制 限 記 事 コンテンツを 用 いた 簡 易 操 作 でのページ 更 新 管 理 サイト マルチドメインの 運 用 LDAP と 連 携 したユーザ 管 理 デザインテンプレートの 利 用 共 用 ライブラリの 利 用 CMS 機 能 基 本 コンテンツの 作 成 WYSIWYG エな 記 事 登 録 UI(TinyMCE) HTML 編 集 が 可 能 テンプレートによる 登 録 UI による 表 の 作 成 公 開 前 コンテンツのプレビュー 表 示 サイト 全 体 のプレビュー 表 示 下 書 き 保 存 機 能 承 認 フロー 複 製 による 再 利 用 公 開 中 記 事 の 差 し 替 え 機 能 所 属 による 操 作 権 限 URL 指 定 によるインポート HTML ファイルのインポート 添 付 ファイルのアップロード 新 着 一 覧 への 表 示 106

付 録 3 機 能 一 覧 イベント 情 報 の 登 録 イベントカレンダーへの 表 示 機 種 依 存 文 字 チェック リンク 切 れチェック 辞 書 による 単 語 変 換 公 開 終 了 日 時 の 設 定 携 帯 向 け 記 事 の 入 力 表 示 端 末 の 指 定 カテゴリ 登 録 機 能 ( 組 織 分 野 属 性 地 域 ) お 問 い 合 わせ 先 ( 課 情 報 ) 自 動 入 力 地 図 入 力 UI 関 連 記 事 の 設 定 関 連 ワードの 設 定 サイトマップ パンくずの 自 動 生 成 住 所 などテキストデータの 登 録 参 照 共 用 ライブラリ ディレクトリ 構 成 の 管 理 公 開 画 面 機 能 アクセシビリティ ユーザビリティ 機 能 画 像 などファイルの 登 録 参 照 ピース(レイアウト 部 品 )の 登 録 参 照 レイアウトの 登 録 参 照 任 意 のファイル 名 によるディレクトリ ページの 作 成 コンテンツに 連 動 した 動 的 な 要 素 の 表 示 複 製 の 再 利 用 公 開 中 ページの 差 し 替 え 機 能 レイアウト 部 品 の 再 利 用 携 帯 向 けレイアウト 機 能 スマートフォン 向 けレイアウト 機 能 印 刷 用 レイアウト 新 着 情 報 のタブ 切 り 替 え 表 示 サイトマップ 機 能 JIS X8341-3:2010 に 準 拠 していること リキッドデザインによる 画 面 解 像 度 への 対 応 パンくずリストの 自 動 生 成 文 字 サイズ 変 更 機 能 文 字 色 背 景 色 変 更 機 能 ふりがな 機 能 107

付 録 3 機 能 一 覧 音 声 読 み 上 げ 機 能 Word Excel PDF の 利 用 ふりがな 音 声 読 み 上 げの 辞 書 登 録 機 能 Word 文 書 Excel 表 の 貼 り 付 け アイコン ファイル 容 量 の 自 動 表 示 リンク 表 示 先 (target)の 指 定 ブラウザからのアップロード 任 意 のファイル 名 を 設 定 可 能 ローカルディスクの 画 像 一 覧 から 選 択 可 能 であること ファイル 容 量 による 制 限 画 像 添 付 ファイル 承 認 ルートの 設 定 新 着 情 報 ファイル 種 別 による 制 限 画 像 のインライン 表 示 画 像 の 表 示 サイズ 位 置 の 指 定 アイコン ファイル 容 量 の 自 動 表 示 ファイルの 共 通 利 用 承 認 ルートの 変 更 複 数 承 認 者 の 設 定 2 段 階 以 上 の 承 認 ルート 承 認 依 頼 承 認 完 了 時 のメール 通 知 承 認 依 頼 中 のキャンセル 承 認 状 況 の 確 認 新 着 情 報 への 表 示 設 定 トップページ 第 2 階 層 ページへの 自 動 表 示 RSS フォーマットによる 情 報 配 信 Atom フォーマットによる 情 報 配 信 イベント 情 報 の 集 約 表 示 月 別 カレンダーによる 日 付 選 択 イベントカレンダー 機 能 地 図 表 示 機 能 FAQ 機 能 カテゴリ 表 示 記 事 連 携 によるイベント 登 録 専 用 フォームからのイベント 登 録 住 所 入 力 による 簡 易 検 索 機 能 地 図 の 表 示 範 囲 尺 度 の 指 定 複 数 マーカーの 設 定 FAQ ページ 作 成 機 能 カテゴリ 選 択 など 記 事 同 等 の 分 類 機 能 108

付 録 3 機 能 一 覧 記 事 同 等 の 操 作 権 限 機 能 部 署 やカテゴリからの 閲 覧 機 能 キーワード 検 索 アンケートページ 作 成 機 能 チェックボックス ラジオボタンなど 簡 単 な UI で 項 目 を 設 定 アンケート 機 能 送 信 前 の 確 認 ページ 投 稿 者 への 自 動 メール 返 信 管 理 者 への 自 動 メール 返 信 CSV による 投 稿 データの 確 認 メールマガジン 配 信 機 能 メールマガジン 掲 示 板 フォームからの 読 者 登 録 配 信 テスト 機 能 携 帯 向 け 配 信 掲 示 板 機 能 パスワードによる 削 除 画 像 認 証 2 重 送 信 防 止 禁 止 語 句 IP アドレスによる 投 稿 制 限 Docomo au SoftBank に 対 応 したページを 自 動 生 成 携 帯 サイト 管 理 者 機 能 携 帯 用 ページのみの 作 成 電 話 番 号 メールアドレスの 自 動 リンク 表 示 画 像 の 自 動 リサイズ 記 事 検 索 機 能 組 織 ユーザ 情 報 の 管 理 機 能 UI による 組 織 ユーザの 管 理 組 織 ユーザ 情 報 の CSV 出 力 ユーザ 管 理 組 織 ユーザ 情 報 の CSV 取 り 込 み LDAP と 連 携 した 認 証 LDAP 上 の 組 織 情 報 の 取 り 込 み 組 織 改 編 時 の 一 括 変 更 ロール 権 限 による 操 作 制 限 109

付 録 3 機 能 一 覧 全 ての 情 報 を 編 集 する 権 限 コンセプトの 管 理 CMS 機 能 サイトドメインの 管 理 大 規 模 災 害 時 のレイアウト 変 更 言 語 の 管 理 辞 書 データの 管 理 システムの 動 作 確 認 110

付 録 4 動 作 環 境 Joruri CMS 1.3.1 の 動 作 環 境 は 以 下 を 想 定 しております 推 奨 サーバスペック CPU メモリ ディスク 容 量 Intel Xeon 2.0GHz 以 上 (マルチコア CPU) 8GB 以 上 80GB 以 上 サーバ 環 境 OS CentOS 6.3 Web サーバ Apache 2.2 Phusion Passenger 3.0.19 Ruby 1.9.1 Ruby on Rails 2.3.15 クライアント 環 境 ブラウザ Internet Explorer 8 以 上 Mozilla Firefox 最 新 バージョン Google Chrome 最 新 バージョン Safari 最 新 バージョン 111

付 録 5 利 用 ソフトウェア Joruri CMS では 下 記 のソフトウェアを 使 用 しております ChaSen 2.4.4 ふりがな 機 能 IPADic 2.7.0 Darts 0.32 GalateaTalk 1.3 Lame 3.98.2 音 声 合 成 機 能 ChaOne 1.3.2 LibXSLT LibXML WYSIWYG エディタ TinyMCE 3.3.6 画 像 処 理 ImageMagick 6.4.7 112

付 録 5 サーバ 構 成 例 ご 利 用 されるニーズに 合 わせて 様 々なシステム 構 成 を 選 択 することが 出 来 ます いくつか 代 表 的 な 構 成 例 を 紹 介 します 1 1 台 構 成 1 サーバ 1 台 のシンプルな 構 成 です 小 規 模 なウェブサイト 向 けとなります WEB サーバは ウェブサイトをインターネットに 公 開 するサーバです CMS サーバは ウェブサイトを 構 築 管 理 するサーバです WEBサーバ CMSサーバは 共 にJoruri 実 行 環 境 (Apache, Ruby, MySQL)が 必 要 となります 2 WEB サーバと CMS サーバを 分 離 する 構 成 1 WEB サーバと CMS サーバを 分 けて パフォーマンスを 向 上 させます CMS サーバで 出 力 されたウェブサイトを WEB サーバに 自 動 的 にコ ピーすることで インターネットに 公 開 します 2 CMS サーバはプライベートネットワーク 上 に 設 置 することで セキュリ ティを 強 化 できます CMS サーバは インターネットから 切 り 離 すことで 外 部 からの 不 正 なアクセスを 遮 断 します ファイルコピーは Rsync DBコピーは MySQL レプリケーションを 利 用 します 113

付 録 5 サーバ 構 成 例 3 分 散 化 構 成 3 分 散 化 構 成 1 WEB サーバへのアクセスを 複 数 台 で 分 散 することでパフォーマンスを 大 幅 に 向 上 させます 同 時 にウェブサイトの 冗 長 化 も 可 能 となります 負 荷 分 散 サーバは インターネットからのアクセスを 複 数 の WEB サーバに 振 り 分 けることが 可 能 です 負 荷 分 散 は オープンソースの pound などを 利 用 して 実 現 が 可 能 です ファイルコピーは Rsync DBコピーは MySQL レプリケーションを 利 用 します 114

付 録 5 サーバ 構 成 例 4 大 規 模 構 成 4 大 規 模 構 成 1 大 規 模 ウェブサイト 向 けに 上 記 の 2,3,4 を 組 み 合 わせた 構 成 です 負 荷 分 散 サーバ WEB サーバ CMS サーバを 負 荷 分 散 または 冗 長 化 して 可 用 性 を 大 幅 に 向 上 させます 都 道 府 県 の 公 式 サイト 向 けなど アクセス 数 が 多 く 高 い 可 用 性 が 求 められる 場 合 に 選 択 します 冗 長 化 は オープンソースの Heartbeat を 利 用 して 実 現 が 可 能 です ファイルコピーは Rsync DBコピーは MySQL レプリケーションを 利 用 します 115

付 録 7 リリース 履 歴 Joruri CMS は オープンソース 公 開 した 後 定 期 的 にバージョンアップを 行 っております これまでの 実 績 は 以 下 のとおりです 2010 年 3 月 23 日 オープンソース 公 開 2010 年 3 月 24 日 1.0.1 リリース 2010 年 4 月 8 日 1.0.2 リリース 2010 年 4 月 27 日 1.0.3 リリース (サイトマップ 機 能 ) 2010 年 5 月 28 日 1.0.4 リリース (ロール 権 限 操 作 UI 組 織 データ 入 出 力 機 能 ) 2010 年 6 月 4 日 1.0.5 リリース 2010 年 6 月 30 日 1.0.6 リリース (2 段 階 承 認 機 能 LDAP 同 期 ユーザ 管 理 機 能 ) 2010 年 7 月 30 日 1.0.7 リリース ( 記 事 携 帯 表 示 オプション) 2010 年 8 月 31 日 1.0.8 リリース (アンケート 機 能 記 事 リンクチェック 機 能 ) 2010 年 9 月 8 日 1.0.9 リリース 2010 年 9 月 30 日 1.0.10 リリース ( 記 事 URL インポート 機 能 記 事 HTML インポート 機 能 ) 2010 年 11 月 13 日 1.1.0 リリース ( 新 着 記 事 ポータル 機 能 静 的 ページ 書 き 出 し 機 能 音 声 ファイル 書 き 出 し 機 能 ) 2010 年 12 月 8 日 1.1.1 リリース (アンケート 投 稿 データ 取 り 込 み 機 能 ) 2010 年 12 月 27 日 1.1.2 リリース (メールマガジン 機 能 ) 2011 年 2 月 7 日 1.1.3 リリース ( 大 規 模 災 害 時 トップ 表 示 変 更 機 能 記 事 複 製 機 能 ) 2011 年 3 月 31 日 1.1.4 リリース 2011 年 4 月 28 日 1.1.5 リリース (ページ 差 し 替 え 機 能 ページ 検 索 機 能 ) 2011 年 5 月 31 日 1.1.6 リリース (スタイルシート 編 集 機 能 ) 2011 年 6 月 10 日 1.1.7 リリース 2011 年 7 月 28 日 1.1.8 リリース ( 行 事 予 定 カレンダー 機 能 IE9 対 応 ) 2011 年 8 月 11 日 1.1.9 リリース ( 掲 示 板 機 能 ) 2011 年 9 月 30 日 1.1.10 リリース(Google Maps JavaScript API V3 対 応 ) 2011 年 12 月 9 日 1.1.11 リリース( 動 作 確 認 機 能 ) 2012 年 1 月 27 日 1.2.0 リリース ( 記 事 ページ 差 し 替 え 機 能 添 付 ファイル 制 限 機 能 文 字 置 換 機 能 サイト 全 体 プレビュー 機 能 記 事 テンプレート 追 加 ) 2012 年 3 月 9 日 1.2.1 リリース ( 組 織 変 更 機 能 分 野 地 域 の 第 4 階 層 まで 表 示 機 能 ) 2012 年 5 月 31 日 1.2.2 リリース (FAQ 機 能 ) 2012 年 8 月 31 日 1.2.3 リリース (ピース レイアウトのインポート エクスポート 機 能 ) 116

付 録 7 リリース 履 歴 2012 年 9 月 13 日 1.2.4 リリース 2012 年 11 月 2 日 1.2.5 リリース (ピース レイアウトのプレビュー 機 能 ピースの 更 新 用 複 製 機 能 スタイル シートの 権 限 設 定 機 能 ) 2012 年 11 月 22 日 1.2.6 リリース (ディレクトリページの 携 帯 プレビュー 機 能 ) 2012 年 12 月 26 日 1.2.7 リリース (パンくずピースの 機 能 追 加 ) 2013 年 1 月 29 日 1.3.0 リリース (アンケートの 画 像 認 証 機 能 ) 2013 年 3 月 8 日 1.3.1 リリース (SNS 共 有 リンクピース) 今 後 のリリース 予 定 サムネイル 機 能 観 光 機 能 承 認 関 連 の 機 能 拡 張 権 限 機 能 の 機 能 拡 張 広 告 管 理 機 能 117

付 録 8 テーブル 定 義 1 テーブル 一 覧 同 期 テーブル 名 モジュール 概 要 o article_areas 記 事 地 域 o article_attributes 記 事 属 性 o article_categories 記 事 分 野 o article_docs 記 事 記 事 o article_tags 記 事 タグ o bbs_items 掲 示 板 投 稿 o calendar_events カレンダー イベント o cms_concepts CMS コンセプト o cms_content_settings CMS コンテンツ/ 設 定 o cms_contents CMS コンテンツ o cms_data_file_nodes CMS データファイル/フォルダ o cms_data_files CMS データファイル o cms_data_texts CMS データテキスト o cms_feed_entries CMS フィード/エントリ o cms_feeds CMS フィード/ソース o cms_inquiries CMS 問 い 合 わせ 先 cms_kana_dictionaries CMS かな 辞 書 o cms_layouts CMS レイアウト o cms_map_markers CMS 地 図 /マーカー o cms_maps CMS 地 図 o cms_nodes CMS ディレクトリ o cms_piece_link_items CMS ピース/リンク o cms_piece_settings CMS ピース/ 設 定 o cms_pieces CMS ピース o cms_site_settings CMS サイト/ 設 定 cms_sites CMS サイト cms_stylesheets CMS スタイルシート cms_talk_tasks CMS 音 声 作 成 タスク enquete_answer_columns アンケート 回 答 / 項 目 118

付 録 8 テーブル 定 義 1 テーブル 一 覧 enquete_answers アンケート 回 答 o enquete_form_columns アンケート 質 問 / 項 目 o enquete_forms アンケート 質 問 o faq_categories FAQ 分 野 o faq_docs FAQ 記 事 o faq_tags FAQ タグ newsletter_delivery_logs メールマガジン 配 信 ログ o newsletter_docs メールマガジン 記 事 o newsletter_members メールマガジン 読 者 newsletter_requests メールマガジン 登 録 申 請 newsletter_tests メールマガジン 配 信 テスト o portal_categories 新 着 記 事 ポータル カテゴリ sys_creators システム 作 成 者 sys_editable_groups システム 編 集 可 能 グループ sys_files システム 添 付 ファイル sys_group_change_groups システム 組 織 変 更 / 置 換 組 織 データ sys_group_change_items システム 組 織 変 更 / 置 換 要 素 データ sys_group_change_logs システム 組 織 変 更 / 実 行 ログ sys_group_change_settings システム 組 織 変 更 / 変 更 設 定 sys_group_changes システム 組 織 変 更 / 変 更 組 織 o sys_groups システム グループ o sys_languages システム 言 語 sys_ldap_synchros システム LDAP 同 期 sys_maintenances システム メンテナンス 情 報 sys_messages システム 管 理 者 メッセージ sys_object_privileges システム ロール/オブジェクト 権 限 sys_publishers システム 書 き 出 しデータ sys_recognitions システム 承 認 sys_role_names システム ロール sys_sequences システム シーケンス sys_tasks システム タスク sys_unid_relations システム ユニバーサル ID 連 携 o sys_unids システム ユニバーサル ID 119

付 録 8 テーブル 定 義 1 テーブル 一 覧 sys_users システム ユーザ sys_users_groups システム ユーザ/グループ sys_users_roles システム ユーザ/ロール tool_simple_captcha_data ツール 画 像 認 証 データ 120

付 録 8 テーブル 定 義 2 article 2 article テーブル 名 カラム 名 型 概 要 id integer ID unid integer ユニバーサル ID parent_id integer 親 ID concept_id integer コンセプト ID content_id integer コンテンツ ID state string 状 態 created_at datetime 作 成 日 時 article_areas updated_at datetime 更 新 日 時 level_no integer 階 層 番 号 sort_no integer 並 び 順 layout_id integer レイアウト ID name string 内 部 名 称 title text 表 示 名 称 zip_code text 郵 便 番 号 address text 住 所 tel text 電 話 番 号 site_uri text サイト URI id integer ID unid integer ユニバーサル ID concept_id integer コンセプト ID content_id integer コンテンツ ID article_attributes state string 状 態 created_at datetime 作 成 日 時 updated_at datetime 更 新 日 時 sort_no integer 並 び 順 layout_id integer レイアウト ID name string 内 部 名 称 title text 表 示 名 称 article_categories id integer ID 121

付 録 8 テーブル 定 義 2 article unid integer ユニバーサル ID parent_id integer 親 ID concept_id integer コンセプト ID content_id integer コンテンツ ID state string 状 態 created_at datetime 作 成 日 時 updated_at datetime 更 新 日 時 level_no integer 階 層 番 号 sort_no integer 並 び 順 layout_id integer レイアウト ID name string 内 部 名 称 title text 表 示 名 称 article_docs id integer ID unid integer ユニバーサル ID content_id integer コンテンツ ID state string 状 態 agent_state string 端 末 別 表 示 created_at datetime 作 成 日 時 updated_at datetime 更 新 日 時 recognized_at datetime 承 認 日 時 published_at datetime 公 開 日 時 language_id integer 言 語 ID category_ids string 分 野 ID attribute_ids string 属 性 ID area_ids string 地 域 ID rel_doc_ids string 関 連 記 事 ID notice_state text 注 目 情 報 への 表 示 recent_state text 新 着 記 事 への 表 示 list_state text 記 事 一 覧 への 表 示 event_state text イベントカレンダーへの 表 示 event_date date イベント 日 時 sns_link_state string SNS 共 有 リンクの 表 示 name string 内 部 名 称 122