【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.
전치
이 기사는 빌어 먹을 앱 Advent Calendar 2020의 9 일째 게시물입니다.
필자는 고양이를 키우고 싶은 너무 이상하게 되어 버렸습니다.
고양이와의 생활
고양이와 함께 살면 무엇을 할지라도 고양이가 따라옵니다.
PC 작업 중에 키보드에 앉아서 일할 수 없다. . . 라고 된다고 생각합니다.
그런 생활을 꼭 여러분에게 맛보고 싶어서 이 앱을 만들었습니다.
표시가 느린 것은 반드시 고양이 탓.
고양이와 리버시
온라인 대전을 할 수 있게 했습니다만, 상대가 없으면 할 수 없기 때문에
움직임을 확인하고 싶은 사람은 아래의 오프라인 대전으로 부탁합니다.
고양이가 해주는 것
고양이는 뒤집는 것을 좋아합니다.
분명히 늘어서 있는 돌을 마음대로 부러워 버릴 것입니다.
자신이 4회 쳤을 때 뒤집으러 옵니다. 귀엽네요.
사용 기술
angular
scss
firebase
막힌 곳
반면을 friebase의 Cloud Firestore에서 공유하고 있습니다.
다중 배열에 대응하지 않았기 때문에, 문자열화해 줄 필요가 있다
play.component.ts
// 初期ボードの値
board = [
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 1, 2, 0, 0, 0],
[0, 0, 0, 2, 1, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
];
// ボード情報を更新
async setBoard(boardName: string) {
const boardStr= JSON.stringify(this.board); //文字列化する
await this.database
.collection(boardName)
.doc('board')
.set({ board: boardStr});
}
play.component.ts
// ボード情報を取得
async getBoard(boardName: string) {
await this.database
.collection(boardName)
.doc('board')
.valueChanges()
.subscribe((res: Board) => {
this.board = JSON.parse(res.board);
});
}
플레이 화면
Reference
이 문제에 관하여(【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tanakaKSK/items/4a4fff20c427dd87d706
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
고양이와 함께 살면 무엇을 할지라도 고양이가 따라옵니다.
PC 작업 중에 키보드에 앉아서 일할 수 없다. . . 라고 된다고 생각합니다.
그런 생활을 꼭 여러분에게 맛보고 싶어서 이 앱을 만들었습니다.
표시가 느린 것은 반드시 고양이 탓.
고양이와 리버시
온라인 대전을 할 수 있게 했습니다만, 상대가 없으면 할 수 없기 때문에
움직임을 확인하고 싶은 사람은 아래의 오프라인 대전으로 부탁합니다.
고양이가 해주는 것
고양이는 뒤집는 것을 좋아합니다.
분명히 늘어서 있는 돌을 마음대로 부러워 버릴 것입니다.
자신이 4회 쳤을 때 뒤집으러 옵니다. 귀엽네요.
사용 기술
angular
scss
firebase
막힌 곳
반면을 friebase의 Cloud Firestore에서 공유하고 있습니다.
다중 배열에 대응하지 않았기 때문에, 문자열화해 줄 필요가 있다
play.component.ts
// 初期ボードの値
board = [
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 1, 2, 0, 0, 0],
[0, 0, 0, 2, 1, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
];
// ボード情報を更新
async setBoard(boardName: string) {
const boardStr= JSON.stringify(this.board); //文字列化する
await this.database
.collection(boardName)
.doc('board')
.set({ board: boardStr});
}
play.component.ts
// ボード情報を取得
async getBoard(boardName: string) {
await this.database
.collection(boardName)
.doc('board')
.valueChanges()
.subscribe((res: Board) => {
this.board = JSON.parse(res.board);
});
}
플레이 화면
Reference
이 문제에 관하여(【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tanakaKSK/items/4a4fff20c427dd87d706
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
angular
scss
firebase
막힌 곳
반면을 friebase의 Cloud Firestore에서 공유하고 있습니다.
다중 배열에 대응하지 않았기 때문에, 문자열화해 줄 필요가 있다
play.component.ts
// 初期ボードの値
board = [
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 1, 2, 0, 0, 0],
[0, 0, 0, 2, 1, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
];
// ボード情報を更新
async setBoard(boardName: string) {
const boardStr= JSON.stringify(this.board); //文字列化する
await this.database
.collection(boardName)
.doc('board')
.set({ board: boardStr});
}
play.component.ts
// ボード情報を取得
async getBoard(boardName: string) {
await this.database
.collection(boardName)
.doc('board')
.valueChanges()
.subscribe((res: Board) => {
this.board = JSON.parse(res.board);
});
}
플레이 화면
Reference
이 문제에 관하여(【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tanakaKSK/items/4a4fff20c427dd87d706
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
// 初期ボードの値
board = [
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 1, 2, 0, 0, 0],
[0, 0, 0, 2, 1, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0],
];
// ボード情報を更新
async setBoard(boardName: string) {
const boardStr= JSON.stringify(this.board); //文字列化する
await this.database
.collection(boardName)
.doc('board')
.set({ board: boardStr});
}
// ボード情報を取得
async getBoard(boardName: string) {
await this.database
.collection(boardName)
.doc('board')
.valueChanges()
.subscribe((res: Board) => {
this.board = JSON.parse(res.board);
});
}
Reference
이 문제에 관하여(【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tanakaKSK/items/4a4fff20c427dd87d706텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)