Downloaded 126 times
Uploaded bySugimoto Chizuru
ゲームの仕様書を書こう４ 仕様書作成で楽をするconfluenceの活用
ゲームの仕様書を初めて作成する人のための足掛かりのスライド ゲームの仕様書を書こう１ 仕様書作成の分業とリストの作成 https://www.slideshare.net/ChizuruSugimoto/ss-173331109 ゲームの仕様書を書こう２ 仕様書に記載する機能内容 https://www.slideshare.net/ChizuruSugimoto/ss-173332578 ゲームの仕様書を書こう３ 仕様書に記載するデータと画面 https://www.slideshare.net/ChizuruSugimoto/ss-173333150 ゲームの仕様書を書こう４ 仕様書作成で楽をするconfluenceの活用 https://www.slideshare.net/ChizuruSugimoto/confluence-173333413
ゲームの仕様書を書こう４ 仕様書作成で楽をするconfluenceの活用
- 1.
- 2.
- 3. このスライドが役に立つとき 3 「ワタシハ シヨウショチョットデキル」 という人は、このスライドは必要ありません 「はい！ ゲームの仕様書、初めて書きます！」 「みんな… 仕様書… 書き方違う」 …っていう場合はこのスライドを読み進めるといいことあるかも？ お 前 見 込 み ア リ守 破 離 仕様書を書くための一つの型や技を 獲得するためのスライド（守の段階）として活用します 「守破離」を知らない人は検索してね！
- 4.
- 5.
- 6. 企画 すること ３ 企画 確認 ２ 要件 精査 ２ リスト 化 １ 仕様 書面化 ２ このスライドの大事なポイント 6 • confluenceの長所と短所 •スペースのCSS設定 • 更新履歴と目次のヘッダーセット • ドキュメントのテンプレート • プロジェクトトップページ ※confluenceはサーバー版が対象です。クラウド版ではありません
- 7. 仕様書作成時のconfluenceの長所と短所 7 confluenceの長所 confluenceの短所 •「ページ」という括りがない • 更新や共有が簡易 • ブラウザで閲覧できる • 横断的なキーワード検索が可能 • ハイパーリンクの挿入が楽 • 便利なマクロがある • 入力が他wikiに比べて楽 • 印刷に向かない • 図の挿入が不自由 • 初期設定がクソ • 便利な機能があるが それがどこにあるか ぜんぜんわからない
- 8. スペースのCSS設定（1/2） 8 ① スペースツール ②ルックアンドフィール ③ スタイルシート ④ 「編集」ボタン ⑤ 設定を入力する ⑥ 「保存」ボタン １ ２ ３ ４ ５ ６ 書類を読みやすくするための最初の設定 初期標準設定のスタイルは行装飾がほとんどされていません 非常に見にくい！（初期設定がクソ案件）
- 9. スペースのCSS設定（2/2） 9 設定例 .wiki-content h1{ font-size:24px; } .wiki-content h2{ background-color: #eeeeee; font-size: 20px; padding: .1em.2em.1em.2em; } .wiki-content h3{ font-size: 16px; font-weight: bold; border-bottom: dotted 2px #999999; } .wiki-content h4{ font-size: 18px; border-left: 7px solid #888888; font-weight: normal; padding: 0em.3em; } before after
- 10.
- 11. ドキュメントのテンプレート（1/2） 11 仕様書に記載する 機能内容 仕様書の標準記載ルール例 参考 テンプレート項目例 ページ作成時にテンプレートを利用 confluenceのテンプレート機能を使用してページ作成時に利用することができます ① スペースツール ②コンテンツツール １ ２ ４ ３ ③ テンプレート ④ 「新規テンプレートの作成」ボタン テンプレート登録時
- 12. ドキュメントのテンプレート（2/2） 12 ① 「テンプレートから作成（…）」ボタン ２ １ ②利用したいテンプレート ③ 「作成」ボタン テンプレート利用時 通常のページ作成時と同じで、 作成したいページの親ページに遷移して「テンプレートから作成」する ３
- 13. メール通知の設定 13 必要のないメール通知は送信させない confluenceの初期設定は、ウォッチにかかわらず、 ページの作成と更新でメールが配信されてしまうことがあります（初期設定がクソ案件） １ ２ ３ ４ ① ユーザーアイコン ②設定 ③ メール ④ 「編集」ボタン→チェック→「送信」ボタン （「日々の更新を配信登録」チェックくらいでいいかも）
- 14. サイドバーの設定 14 サイドバーはスペースショートカットが便利 よく使うページをスペースショートカットに追加しましょう また「ページツリー」はconfluenceでもっとも使われる可能性が高いです １ ２ ３ ４ ① スペースツール ②サイドバーの設定 ③ 「ページ」「ブログ」は不活性に ④ スペースショートカットを追加 横断的な機能を スペースショートカットに 入れると便利！
- 15. プロジェクトトップページ（1/2） 15 一覧で目にしやすいトップページを作ろう トピックス マイルストンお知らせ 仕様書類 カラム１ カラム２ カラム３ パネルマクロで 見た目を整形 仕様書類の ページ内容を そのまま表示 （ネスト） 仕様書類ページはセクションを利用して 3カラムにして内容を記載する
- 16.
- 17.
- 18. 自動更新リンクの工夫 18 プロジェクトトップページでリンクを張りかえる更新が面倒… な場合、 自動で最新版のページにリンクする工夫をすることもできます 自動的に リンクが 更新される 固定リンク ・親ページを指定する・子ページの数→1 ・子孫ページの深さ→指定なし ・見出しのスタイル→指定なし ・抜粋の表示→none ・子ページで並び替え→creation 更新したいリンク先ページを一つの階層にまとめる 朝会のログなど 最新版を見たい リンクに便利！
- 19.
- 20.
- 21. 期待される効果 21 企画 すること ３ 企画 確認 ２ 仕様 書面化 ２ 要件 精査 ２ リスト 化 １ 企画 すること ３ 企画 確認 １ 仕様 書面化 ３ 要件誤りや 伝達ミスの手戻り ３ • スペースのCSS設定 •更新履歴と目次のヘッダー • テンプレート 理想 現実 「企画すること」「企画確認」「要件精査」に注力できる 自動化で仕様作成スピードアップ 仕様書の読みやすさが向上
- 22.