Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ansibleのドキュメント検索とソースアクセスがちょっと楽になるChrome拡張 / usansible

4924e08c88a442edbffd87b91cb45131?s=47 zaki-lknr
February 12, 2020

Ansibleのドキュメント検索とソースアクセスがちょっと楽になるChrome拡張 / usansible

- Chrome拡張 usansible:
https://chrome.google.com/webstore/detail/usansible/aphgdbhkenbiokjnafmboeagdhjkafee

- usansible ソースコード(GitHub):
https://github.com/zaki-lknr/usansible

- アドベントカレンダーの記事(Qiita):
https://qiita.com/zaki-lknr/items/c4a06f313c1bea9d6afd

- 「検索エンジンの追加」の手動設定例(はてなブログ):
https://zaki-hmkc.hatenablog.com/entry/2019/12/24/233700

4924e08c88a442edbffd87b91cb45131?s=128

zaki-lknr

February 12, 2020
Tweet

Transcript

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

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

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

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

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

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

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

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

  9. 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
  10. Ansibleディベロッパー部2020.02 #ansiblejp 機能 その2 GitHubソースアクセス 10

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

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

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

  14. Ansibleディベロッパー部2020.02 #ansiblejp GitHubアクセス ▹ GitHubのブランチ名も対応(devel / stable-**) ▹ モジュール・プラグインのページでリンク追加 ▹

    JavaScriptのinnerHTMLでリンク追加設定 ▹ (重要) サイトの構成に依存 14
  15. まとめ ▹ 「usansible」で検索! ▸ ドキュメント検索 ▸ GitHubアクセス ▹ 2019 Ansibleアドベントカレンダー(2)

    23日目 Ansibleディベロッパー部2020.02 #ansiblejp 15 ★待ってます https://qiita.com/zaki-lknr/items/c4a06f313c1bea9d6afd