201708-26（土）Redmine大阪 第17回勉強会＠大阪 今回のテーマは”Embed”(埋め込み)。 Redmine にカレンダーやら動画やら埋め込んでみたところ、 意外にうまくやれて 捗ったのでご紹介。

1. Redmine に
いろいろ埋め込んでみた
2017/08/26 第17回 Redmine大阪 @OSAKA SHIN-OSAKA
KOHEI NAKAMURA

2. 自己紹介
中村 浩平(ナカムラ コウヘイ)
@netazone
http://netazone.net/
SIerでオープン系エンジニア：11年
→工場の情報システム部:3年
Redmine歴: 8年 管理者歴: 5年
全社Redmineを運用していて 日々 よ
りよい活用法を模索中
マイブーム Redmine 3.4

3. 本日伝えたいこと
テーマは “埋め込み(embed)”
素晴らしいプラグイン：Wiki Extensions
iframe タグでいろんなものを
Redmine に集約

4. 環境
• Redmineバージョン：3.3.2(SVN)
• OS：Linux CentOS 7.2
• Ruby 2.3.1, Rails 4.2.7
• Apache 2.4.6, MariaDB 10.1
• 仮想サーバ：Mem 2G, CPU 2Core, Disk 20GB
• ユーザ数:180 チケット数:17,000
• 使用しているプラグイン：15

5. きっかけ
Redmine で昼会
● スケジュール共有に不満(グループウェアが×)
● Redmine カレンダーは見てない
Google カレンダー を使おう

6. 全員で同じ
カレンダー見たい
・Google カレンダー は自分でカスタムできる
→個人で見た目バラバラ
Aのカレンダーでは Aが赤、Bは青、Cは黄
Bのカレンダーでは Aが青、Bが赤、Cは非表示
→全員で同じカレンダーを見たい
→カレンダー共有で Webサイト に埋めれる
→ iframe タグが取れる
→ Redmine に 埋め込めないか？

7. インラインフレーム : iframe
ページに他の HTML ページを埋め込める
→埋め込んだページはそのまま動く
● お店のGoogleマップ
● ニュースサイト内にYouTube 動画
iframe って

8. いいプラグインがありました。
Wiki Extensions
● スタイルシートを編集する→プロジェクト毎にテーマを変える
● 任意のwikiページをプロジェクトメニューのタブに追加する
● アクセスカウンタ
● オートプレビュー
● 任意のwebページをwikiページ内に表示する(iframe マクロ)
Redmine で
iframe を使う
いろいろ便利

9. Redmine 内
Googleカレンダー
● 週や月の切替OK
● 前後(先週、翌週)も表
示OK
● ただし編集は不可

10. しくみ
引用元：Wiki Extensions - r-labs
【注意】
元の iframe タグから加工する必要あり
【書式】URLのみ必須
{{iframe(“URL”, 横幅, 縦幅, スクロール有無)}}
【加工後】iframe マクロ
{{iframe("https://calendar.google.com/calendar/embed?XXXXXXXX", 900, 600)}}
【加工前】iframeタグ(Googleカレンダー)
<iframe src="https://calendar.google.com/calendar/embed?XXXXXXXX" width="900" height="600"></iframe>

11. SNS(Facebook)
Facebook
なんかも
Twitterうまくいかない・・・

12. YouTube /
スライド
動画(YouTube) や スライド(Slideshare) も！

13. ◯xcel
◯xcel
→やっぱり今回も
ダメだったよ
Google スプレッドシートな
ら！

14. Redmine に
動画を
Redmineにもっと画像・動画入れたい！
でも容量の制限もあるし、
添付は差し替えが大変・・・
クラウドストレージ(Googleドライブ等)
に置いてリンクさせればいい！

15. Google ドライブ
に置いてリンク

16. しくみ
Google ドライブでは、画像を共有すると、こんなURLがとれる
ちょっと加工して
https://drive.google.com/file/d/(画像ID)/view?usp=sharing
!{width:500px}http://drive.google.com/uc?export=view&id=(画像ID)!
Google ドライブの動画も「埋め込み」から iframeタグが取得できる
Wiki Extentions マクロの書式に書き換える
<iframe src="https://drive.google.com/file/d/(動画ID)/preview" width="800" height="450"></iframe>
{{iframe(https://drive.google.com/file/d/(動画ID)/preview",450,800)}}

17. Demo

18. まとめ
Redmine に埋め込むことで
パス忘れて見ない、更新しないが減る
なかなか共有しづらい動画も共有
Redmine に情報の集約が進む

19. Redmine に感謝

20. 【WebSite】
Redmine : Jean-Philippe Langほか Redmine開発チーム
Redmine.JP : 前田剛
Redmine.JP Blog : ファーエンドテクノロジー株式会社
プログラマの思索 : あきぴー
Enjoy*Study : onozaty (View Customize Pluginほか )
日々是精進。 : akiko_pusu
- カクヨム https://kakuyomu.jp/users/8am: 足羽川永都(エイト)（@8am）
Qiita : Redmine関連投稿者
SlideShare : Redmine関連スライド作者の方々
【Books】
『入門Redmine 第5版』前田剛
『Redmine実践ガイド』株式会社アジャイルウェア
『Redmine超入門 増補改訂版』日経システムズ
【Others】
toot.redmine.jp : 【Mastodon】Redmine利用者のコミュニティサイト
Redmineプラグイン作者の方々
redmine.tokyo http://redmine.tokyo/
Redmine大阪 https://sites.google.com/site/rxtstudy/
Special Thanks(順不同・敬称略)
Thanks!