1. 第2回 AUG Nagoya ユーザーミーティング2015/04/17
エイチ・エス・ディー有限会社 祖父江良二

2. 自己紹介
• ソフトウェアエンジニア
• Atlassian製品メインに業務を行っております
• アドオン開発もやっています
• facebook Ryoji Sobue
• twitter @RyojiSOBUE
1

3. はじめに
• ブックマークレットを使用して、
Atlassianサイトページへのリンク集を作りました
2

4. お品書き
• 事の発端
• Atlassianサイトの構造
• ブックマークレットとは
• Atlassian Linksの詳細
• 今後の展望
• Web画面へのスクリプト埋め込み
3

5. 事の発端(1)
• 仕事柄Atlassianサイトの色々なページをよく見ます
JIRA最新バージョン
ダウンロード
4

6. • 目的のページ遷移に手数がかかるものがあります
例：JIRA最新バージョンのダウンロード
※Atlassianは悪くありません。私がものぐさなだけです
事の発端(2)
5
Atlassianホーム
開始
終了
6クリック
Free Trial
/Try it for free

7. 事の発端(3)
• ブラウザのブックマークは飽和状態
6
整とんの極意は捨てることにあ(ｒｙ

8. Atlassianサイトの構造(1)
• サイトの種別
などなど 種々のサイトから情報を得ることができます
7
企業Webサイト
www.atlassian.com
製品情報など
製品ドキュメント
confluence.atlassian.com
ja.confluence.atlassian.com
アトラシアンウィキ
confluence.atlassian.co.jp
コラボレーション
Atlassian JIRA
jira.atlassian.com
製品のリリース・課題
Atlassian Developers
developer.atlassian.com
開発者向け
アトラシアンマーケットプレイス
marketplace.atlassian.com
アドオンの閲覧・購入

9. Atlassianサイトの構造(2)
• 系統だって文書化されており、
どの製品も大体同じコンテンツがあります
8
製品ドキュメント
JIRA最新スペース
インストール方法
システム要求
JIRA6.3スペース
インストール方法
企業Webサイト
JIRA
Confluence
製品情報
価格情報
製品情報
Atlassian Developers
JIRA
アドオン
REST API
Confluence
アドオン

10. ブックマークレットとは(1)
• ユーザーがウェブブラウザのブックマークなどから起動し、
ウェブブラウザで簡単な処理を行う簡易的なプログラ
ムのことである(wikipediaより)
ブックマーク(リンク) ブックマークレット(JS)
9

11. ブックマークレットとは(2)
• Confluenceで使用した例(展開マクロを開く/閉じる)
10
意訳：ページ中の展開/折り畳み(2種)を全て押してください
1つずつ開くのは大変
ページ内検索が効かない

12. Atlassian Linksのインストール(1)
• 以下のURLからブックマークレットに設定するテキストを
ダウンロード/表示します
http://toofoochanrx.bitbucket.org/atlassianLinks/publ
ic/bookmarklet.txt
意訳：AtlassianLinksのページを元ページのURL付で、別
ウィンドウで開いてください
※BitBucketにホスティングしてもらいました
11

13. Atlassian Linksのインストール(2)
• ブラウザでブックマークレットを作成します
• ブックマークレットを起動します
※Google Chromeの場合です(Chromeをお勧めします)
12
名前は適当に入力
(1)で取得したスクリプトを入力

14. Atlassian Linksの詳細(1-1)
• ブックマークレットを使用して、Atlassianサイト
ページへのアクセスを簡単するリンク集です
製品とコンテンツの組み合わせ(日/英あります)から
1つのURLを選択します
JavaScriptの中でURL集を作り、タグを付けてあります
13

15. • 画面には全URLが持つタグ一覧を表示し、タグを1つず
つ選択していくとURLが絞られ、タグも絞られます
• タグ群を選択していき、URLが1つに絞られると元画面
をそこに遷移して自画面を閉じます
Atlassian Linksの詳細(1-2)
14

16. • 日本語ページ・英語ページの変換
Atlassian Linksの詳細(2-1)
15
製品ドキュメント
企業Webサイト
www.atlassian.com/ja/software/hipchat www.atlassian.com/software/hipchat
のみです。
※アトラシアンが和訳していないところは和訳されません。

17. Atlassian Linksの詳細(2-2)
• の方はほんの2、3日前に実現可能に。
※急きょ実装しました
16
製品ドキュメント

18. 今後の展望
• リンクをもっと豊富にする
ニーズのあるページを追加する
Atlassian非公式な、個人的に使用するページ
• デザインの改善
• 別のウィンドウ・タブで開く
• 製品バージョン固有のページを表示できるようにする
• Atlassianサイトから情報を収集してリンクに反映する
(製品バージョン等)
17

19. • OS依存のネイティブアプリと違って、アプリの挙動を外
部から変更することが比較的やりやすい
• 工夫次第でいろいろなことができそう
Web画面へのスクリプト埋め込み
18
ブラウザ プロキシ プロキシ JIRA
Confluence
ブックマークレット
アドオン
モジュールとか モジュールとか
お知らせバナー
アドオン
カスタムHTML
アドオン

20. おしまい
ご清聴ありがとうございました
19