Redmine にいろいろ埋め込んでみた
5 likes30,002 views
201708-26（土）Redmine大阪 第17回勉強会＠大阪 今回のテーマは”Embed”(埋め込み)。 Redmine にカレンダーやら動画やら埋め込んでみたところ、 意外にうまくやれて 捗ったのでご紹介。
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>
- 12. YouTube / スライド 動画(YouTube) や スライド(Slideshare) も！
- 14. Redmine に 動画を Redmineにもっと画像・動画入れたい！ でも容量の制限もあるし、 添付は差し替えが大変・・・ クラウドストレージ(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
- 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!