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.

Redmine にいろいろ埋め込んでみた

9,077 views

Published on

201708-26(土)Redmine大阪 第17回勉強会@大阪

今回のテーマは”Embed”(埋め込み)。
Redmine にカレンダーやら動画やら埋め込んでみたところ、
意外にうまくやれて 捗ったのでご紹介。

Published in: Software
  • Be the first to comment

Redmine にいろいろ埋め込んでみた

  1. 1. Redmine に いろいろ埋め込んでみた 2017/08/26 第17回 Redmine大阪 @OSAKA SHIN-OSAKA KOHEI NAKAMURA
  2. 2. 自己紹介 中村 浩平(ナカムラ コウヘイ) @netazone http://netazone.net/ SIerでオープン系エンジニア:11年 →工場の情報システム部:3年 Redmine歴: 8年 管理者歴: 5年 全社Redmineを運用していて      日々 よ りよい活用法を模索中 マイブーム Redmine 3.4
  3. 3. 本日伝えたいこと テーマは “埋め込み(embed)” 素晴らしいプラグイン:Wiki Extensions iframe タグでいろんなものを Redmine に集約
  4. 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. 5. きっかけ Redmine で昼会 ● スケジュール共有に不満(グループウェアが×) ● Redmine カレンダーは見てない Google カレンダー を使おう
  6. 6. 全員で同じ カレンダー見たい ・Google カレンダー は自分でカスタムできる →個人で見た目バラバラ Aのカレンダーでは Aが赤、Bは青、Cは黄 Bのカレンダーでは Aが青、Bが赤、Cは非表示 →全員で同じカレンダーを見たい →カレンダー共有で Webサイト に埋めれる → iframe タグが取れる → Redmine に 埋め込めないか?
  7. 7. インラインフレーム : iframe ページに他の HTML ページを埋め込める →埋め込んだページはそのまま動く ● お店のGoogleマップ ● ニュースサイト内にYouTube 動画 iframe って
  8. 8. いいプラグインがありました。 Wiki Extensions ● スタイルシートを編集する→プロジェクト毎にテーマを変える ● 任意のwikiページをプロジェクトメニューのタブに追加する ● アクセスカウンタ ● オートプレビュー ● 任意のwebページをwikiページ内に表示する(iframe マクロ) Redmine で iframe を使う いろいろ便利
  9. 9. Redmine 内 Googleカレンダー ● 週や月の切替OK ● 前後(先週、翌週)も表 示OK ● ただし編集は不可
  10. 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. 11. SNS(Facebook) Facebook なんかも Twitterうまくいかない・・・
  12. 12. YouTube / スライド 動画(YouTube) や スライド(Slideshare) も!
  13. 13. ◯xcel ◯xcel →やっぱり今回も ダメだったよ Google スプレッドシートな ら!
  14. 14. Redmine に 動画を Redmineにもっと画像・動画入れたい! でも容量の制限もあるし、 添付は差し替えが大変・・・ クラウドストレージ(Googleドライブ等) に置いてリンクさせればいい!
  15. 15. Google ドライブ に置いてリンク
  16. 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. 17. Demo
  18. 18. まとめ Redmine に埋め込むことで パス忘れて見ない、更新しないが減る なかなか共有しづらい動画も共有 Redmine に情報の集約が進む
  19. 19. Redmine に感謝
  20. 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!

×