소개

애니메이션의 명언을 돌려주는 bot를 만들어, LINE의 대화가 더 전해지도록 해 본 것에 대해 에서 LINE bot은 구현되었지만 DB 내에 등록된 명언의 목록이 없었기 때문에 구현한 이야기.

애니메이션의 명언을 돌려주는 bot를 만들어, LINE의 대화가 더 전해지도록 해 본 것에 대해 을 제작했다 @tiwasa 씨에게 무리를 말해 종사하게 했습니다.

여기 로부터 animergen 에 등록되어 있는 명언의 일람을 볼 수 있습니다.

동기 부여

1.DB내에 등록되어 있는 명언의 일람표시를 표시하고 싶다(중의 사람의 욕망)
2. 예상했던 것이 나오지 않는, 무엇이 등록되어 있는지 알고 싶다 (사용자 피드백)
수요와 공급 일치?

사용한 것

대략이 세 가지
Python, Vue.js, Bootstrap
원래 Flask로 구현되어 있었으므로, 사용한 것은 거의 Vue.js, Bootstrap만.

만든 것

animergen에 등록된 명언 목록
클릭하면 등록된 이미지가 표시됩니다.

조금 기술적인 이야기

pyhton에서 Vue.js로 데이터를 전달하려고하면 Flask와 Vue.js의 delimiters 같은 것을 사용하고 있고 잘 움직이지 않습니다.
이번에는 Vue.js 측에서 delimiters를 변경.

var app = new Vue({
  el: "#app",
  delimiters: ["[[", "]]"],
  data: {
    message: "Hello Vue!"
  }
})

그 끝은 여기 쪽이 알기 쉽게 써 받고 있다. 선인의 지혜에 감사.

데이터를 받아 버리면 이쪽의 것. bootstrap-vue에서 Gashigashi 구현.
1. 테이블
2. pagination
3. input-group
4. modal

사이고에게

끊임없는 문장에 끝까지 사귀어 주셔서 감사합니다.

애니메이션의 명언을 돌려주는 bot를 만들어, LINE의 대화가 더 전해지도록 해 본 것에 대해
animergen에 등록된 명언 목록