Chrome 확장 | soku_qiita - 즉석 | Qiita 사용자 태그 지정 검색을 마우스없이 신속하게 실행 #chrome_extension

3833 단어 Qiitachrome-extension

개요



Qiita 사용자 태그 지정 검색을 마우스없이 신속하게 조작하는 Chrome 확장

soku_qiita


를 만들었습니다.
즉시 들었습니다.

기능



기본 기능


  • 메뉴에서 soku_qiita 버튼을 누르거나 할당 된 바로 가기를 입력하십시오
  • 입력 대화 상자가 나타납니다
  • 쉼표로 구분하여 user, tag 입력
  • tbpgr,ruby 그렇다면 "user:tbpgr tag:ruby"
  • tbpgr 그렇다면 "user:tbpgr"
  • ,ruby 그렇다면 "tag:ruby"

  • 확인을 클릭
  • 키워드 입력란에 검색 단어가 설정됩니다
  • 검색 버튼을 클릭
  • 추가 단어를 설정하는 것을 고려하고 굳이 검색 버튼 클릭까지 자동화하지 않았습니다


    • 예외 기능


  • 검색 상자가없는 페이지에서 실행하면 콘솔에 no query form를 출력하고 처리를 종료합니다.

    보충



    처음에는, 검색란의 ▼ 로 표시되는 다이얼로그를 이용하려고 했는데,
    뒤에서 다양한 속성을 제어하고있는 것 같고, 부작용이 클 것 같았기 때문에 심플하게
    표준 입력 대화 상자를 사용하기로 결정했습니다.

    경위



    Qiita 검색 메뉴는 점점 풍부하지만,
    CUI의 바로 가기 지원이 없으므로 마우스 조작이 필요합니다.
    예를 들어 지금 검색 기능이라면
  • 마우스로 검색 필드로 이동하여 초점을 맞 춥니 다
  • ▼가 표시된다
  • ▼를 클릭
  • 마우스로 사용자 지정란 or 태그 지정란에 포커스를 맞춘다
  • 검색 단어 입력
  • Enter 키

    • 라는 액션이 ​​필요합니다.

    soku_qiita의 기능을 이용하면
  • 모든 키 (바로 가기 할당)
  • 검색 단어 입력
  • Enter (검색 필드에 반영)
  • Enter (검색 실행)

    • 에서 실행 가능합니다. 편안함.

    오이타 전에 운영에 요망을 내고 있었지만, 바로 가기 주제로는
    Chrome 확장을 만드는 방법을 기억한 지금 확장을 만들지 않는 길은 없습니다.

    사용 사례



    특정의 유저명, 태그눈의 검색을 1 입력이라도 적고, 키보드로부터 손을 떼지 않고 실현하고 싶다.

    soku_qiita GitHub



    chrome-soku_qiita GitHub

    soku_qiita Chrome 웹 스토어



    chrome-soku_qiita Chrome 웹 스토어



    평가판



    메뉴바 확인





    Qiita에서 chrome-soku_qiita를 호출





    대화 상자에 검색 값 입력





    입력란에 반영





    검색 수행





    데모



    애니메이션


    외부 자료



  • Chrome Extensions 공식

  • ch 로메 소쿠 _
    • tbpgr에서 사용하는 Chrome Extension 목록 #chrome_extension
    Youtube의 360° 동영상 보기 Chrome 확장 프로그램을 만들었습니다.

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage