그룹 리포트를 kintone으로 순식간에 보기 쉽게 정리하는 기술, 원 클릭 카피 첨부

kintone을 사용하면 언제 어디서나 보고서를 만들 수 있습니다.



여러 팀과 그룹별 보고서를 함께 모임에서 보고할 때 여러분은 어떻게 해야 합니까? 특히 매니저나 리더가 고민하고 있다고 생각합니다.
  • 각 그룹, 팀의 보고서를 앱으로 관리
  • 이러한 보고를 합체해, 부나 본부로서 보고하고 싶을 때, 현상은 이와 같이 된다고 생각합니다.

  • 각 레코드를 열고 내용을 복사하여 메모장 등에 붙여 넣습니다.
  • CSV 출력하고 복사하여보고합니다
  • REST API 또는 도구를 사용하여 데이터를 출력하고 요약합니다

  • 아무도 이것도 번거롭고 번거롭다.

    앞으로 소개하는 kintone 커스터마이즈는 여러 리포트를 바삭바로 모아서 클립보드에 복사하는 것입니다. 게다가 마크다운 기법으로 완성하고 있으면, 깨끗하고 보기 쉬운 리포트의 완성입니다. (개인적 감상)
    복사처의 앱에도 마크다운 기능을 도입하면, 전사의 모든 보고를 보기 쉽게 정리할 수 있군요.

    완성 화면 <리포트 Plus>



    그 이름도 「리포트 Plus」라고 명명해 보았습니다.
    소스 코드 를 공개하고 있으므로, 꼭 시험해 주세요.

    레코드 목록


  • 레코드 목록에서 "버튼"을 클릭하기 만하면 표시된 레코드를 함께 묶습니다.
  • 클립보드에 복사해 준다



  • 레코드 상세



    이쪽도 마크다운 기능을 탑재해 보았습니다.


    레코드 추가, 편집



    입력 중에 어떻게 표시되는지 미리보기 기능을 탑재해 보았습니다.

    사전 준비


  • kintone 환경
  • kintone 보고서 앱 만들기

  • kintone으로 보고서 앱 만들기



    앱의 구성은 여기입니다.


    필드 이름
    필드 종류
    필드 코드


    그룹 이름
    문자열(한 줄)
    그룹

    날짜
    날짜
    Date

    신고
    문자열(여러 줄)
    보고서

    공간
    스페이스
    스페이스


  • 스페이스 필드는, 레코드 편집시의 리포트가 마크다운으로 어떻게 표현되는지를 미리 보기 위한 버튼 두는 장소입니다.

  • 임시 데이터 등록



    앱을 만든 후 CSV에서 로드 기능을 사용하여 데이터를 로드해 보세요.
    샘플 데이터를 여기 에 준비해 보았습니다.
    ※ 물론, 레코드 등록 기능으로 만들어도 OK입니다.

    JavaScript 로드로 URL 설정, 파일 로드해 보자



    소스 코드 을(를) PC에 다운로드하여 설정합니다.
  • PC용 JavaScript 파일
  • htps // cd js. c ぉ df ぁ. 이 m/아자 x/ぃbs/마르케 d/1.2.5/마르케 d. 모두. js
  • kintone-ui-component.min.js
  • report_plus.js

  • PC용 CSS 파일
  • kintone-ui-component.min.css
  • markdown.css



  • ※markdown.css는 칼라, 마진등을 오리지날로 바꿀 수 있습니다

    설정 후 이미지





    참고


  • Marked.js

  • kintone UI Component
  • (요망) Dialog Component의 CloseButton 이벤트 함수를 원합니다
  • (요청) NotifyPopup Component에 초 단위로 자동 숨기는 기능을 원합니다

  • 그 외, CSS에 대해서는 여러가지 참조
  • 좋은 웹페이지 즐겨찾기