ドキュメント検索とソースアク セスがちょっと楽になる Chrome拡張 Ansibleディベロッパー部 2020.02 2020.02.12 @zaki_hmkc Ansibleディベロッパー部2020.02 #ansiblejp 1 OK OK

自己紹介 Twitter: zaki_hmkc Qiita / GitHub: zaki-lknr 好きなもの→ Ansibleディベロッパー部2020.02 #ansiblejp 2

usansible Ansibleディベロッパー部2020.02 #ansiblejp または、Chromeウェブストアで”ansible”と検索 3

Ansibleディベロッパー部2020.02 #ansiblejp usansibleをインストールする 4 https://chrome.google.com/webstore/detail/usansible/aphgdbhkenbiokjnafmboeagdhjkafee

▹ 2つの機能 ▸ Chrome上でAnsibleドキュメント検索 ▸ ドキュメントからGitHubへのリンク追加 Ansibleディベロッパー部2020.02 #ansiblejp usansibleの機能 5

Ansibleディベロッパー部2020.02 #ansiblejp 機能 その1 ドキュメント検索 6

Ansibleディベロッパー部2020.02 #ansiblejp docs.ansible.comドキュメント検索 検索フィールドに usa と入力してスペース (またはtab) そして検索したいワード を入力 (通常操作) 7

(実は最近) 検索のUIの仕様が変わってる… サジェスト＆ポップアップ(latest or devel) 未対応です Ansibleディベロッパー部2020.02 #ansiblejp 8

Ansibleディベロッパー部2020.02 #ansiblejp docs.ansible.comドキュメント検索 (仕様など) ▹ latest(現在は2.9)で検索 ▹ “https:/ /docs.ansible.com/ansible/latest/search.html?q=” に検索ワードを渡しているだけの簡単設計 ▹ Omniboxという機能を使用 ▹ Chromeの設定の「検索エンジン」でも手動で設定可 能 ▸ https://zaki-hmkc.hatenablog.com/entry/2019/12/24/233700 9

Ansibleディベロッパー部2020.02 #ansiblejp 機能 その2 GitHubソースアクセス 10

Ansibleディベロッパー部2020.02 #ansiblejp GitHubアクセス ▹ モジュールのドキュメントを見てるときに内部処理を確 認したくなった… ▸ エラーの場合の動作は… ▸ Exampleに設定例が無い… ▹ そうだ、ソースコードを確認しよう 11

Ansibleディベロッパー部2020.02 #ansiblejp 普通のモジュールのページ (no usansible) 12 ソースコードへのリンク ではない… 毎回リンクを手動修正していた そうだ、自動化しよう

GitHubアクセス (with usansible) Ansibleディベロッパー部2020.02 #ansiblejp 13 「View Source」を追加

Ansibleディベロッパー部2020.02 #ansiblejp GitHubアクセス ▹ GitHubのブランチ名も対応(devel / stable-**) ▹ モジュール・プラグインのページでリンク追加 ▹ JavaScriptのinnerHTMLでリンク追加設定 ▹ (重要) サイトの構成に依存 14

まとめ ▹ 「usansible」で検索！ ▸ ドキュメント検索 ▸ GitHubアクセス ▹ 2019 Ansibleアドベントカレンダー(2) 23日目 Ansibleディベロッパー部2020.02 #ansiblejp 15 ★待ってます https://qiita.com/zaki-lknr/items/c4a06f313c1bea9d6afd