웹 API 서버 및 라이브 미리 보기 웹 UI 만들기

개시하다


  • 실시간으로 미리 보기blockdiag할 수 있다면 정말 좋겠다.
  • 공식적으로도 준비했지만http://interactive.blockdiag.com/ 브라우저 측의 SVG 다운로드 기능과 코드미러를 가져오고 싶어 직접 만들기로 했다.
  • 원래 Blockdiage란?


    특정 형식으로 문자를 기술하면 그래픽 출력의 그래픽 생성기로 사용됩니다.
    자세한 내용은 이쪽http://blockdiag.com/ja/을 보십시오.
    저는 개인적으로 Packetdiage와 seqdiage를 비교적 좋아합니다.

    데모



    구현에 사용되는 언어 및 라이브러리


    API 서버 측

  • Python 3.6.5
  • sanic ( https://github.com/channelcat/sanic )
  • 미리보기가 편하고 싶어서 속도에 좀 신경 쓰여
  • japronto에 버금가는 빠른 프레임워크라고 합니다.( 부하 테스트의 기술 노하우와 웹 프레임워크의 부하 테스트(Python, 노드, Go, PHP) )
  • Flash-like에 써도 괜찮을 것 같아서
  • WebUI 측면


    나는 그다지 신경을 쓰지 않는다
  • javascript (ES6)
  • React.js
  • webpack4 + webpack-dev-server
  • reactstrap
  • bootstrap4
  • CodeMirror
  • etc ...
  • 소스 코드 & DEMO 웹 사이트


    이하 공개
  • 소스 코드
  • https://github.com/kaishuu0123/blockdiag-api
  • 데모
  • https://blockdiag-api.com/
  • 감상

  • 최근의 파이썬 웹 프레임워크를 조사할 기회가 없기 때문에 좋은 기회
  • 이용하고 싶은 프로그램 라이브러리에 맞추어 언어를 선택하여 실현하는 절차가 재미있다
  • python 응용 프로그램의 docker 용기화는 생각보다 간단합니다
  • 좋은 웹페이지 즐겨찾기