![](\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ea\/Boostrap_logo.svg\/100px-Boostrap_logo.svg.png\"){kind=logo}
<\/p>\nBeim letzten Mal habe ich grunds\u00e4tzlich meine \u00dcberlegungen geteilt, wie der „Rook Assistant“ funktionieren sollte. Seitdem ist mir bereits aufgefallen, dass ich eine kleine Sache bereits \u00fcbersehen habe. F\u00fcr den Sieg ist es n\u00e4mlich notwendig, zu behalten, ob jemand bereits ein Gebot gewonnen hat (nicht den Stich – nur das Gebot). Darum notiere ich es hier einmal. Ich k\u00f6nnte auch das Flussdiagramm anpassen, aber da es jetzt schon hier steht, ist es ja dokumentiert. Ihr k\u00f6nnt mich ja darauf hinweisen, falls diese Abfrage im Endprodukt fehlt.<\/p>\n
<\/p>\n
In einem ordentlichen Prozess k\u00e4me jetzt der Punkt, an dem Konzeptioner und Designer das Aussehen des Produkts bestimmen. Man kann die App ja beliebig h\u00fcbsch machen. Stattdessen werde ich mir wohl die komplette Funktionalit\u00e4t erstmal Programmierer-m\u00e4\u00dfig ohne besonderes Aussehen zusammenbasteln. Das hei\u00dft, ich schreibe alles schwarz auf wei\u00df in einfaches HTML und sorge daf\u00fcr, dass es das tut, was es soll.<\/p>\n
Dem ganzen Spa\u00df setze ich dann sp\u00e4ter eine Portion Bootstrap auf. Damit habe ich schon sehr lange nichts gebaut. Bootstrap ist extrem verbreitet und sollte in der Lage sein, die Bed\u00fcrfnisse meiner App abzubilden. Am besten w\u00e4re nat\u00fcrlich eine schicke App-Optik. Da muss ich wohl noch etwas Recherche reinstecken.<\/p>\n
![](\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/ce\/Vue.svg\/100px-Vue.svg.png\")
<\/p>\n
Jetzt wird es technisch! (Aber keine Angst, ich halte es oberfl\u00e4chlich) Nachdem die Entscheidung gefallen war, das Progr\u00e4mmchen nicht als Android- oder iOS-App zu entwickeln, dachte ich zuerst, dass ich es einfach stumpf runterprogrammiere. Aber es sollte ja wenigstens eine kleine Lern-Lektion f\u00fcr mich sein, also bin ich nach etwas Gr\u00fcbelei zu dem Schluss gekommen, das Vue.js-Framework zu benutzen. Wie ich h\u00f6rte ist das ja gerade total in. Vue.js ist wohl eine gute Wahl f\u00fcr schlanke Single-Page-Applications (SPA, also im Prinzip eine App, die auf einer Website l\u00e4uft) und der Rook-Assistant wird mit Sicherheit eine SPA. Es gibt keine Server-Kommunikation oder so – alles l\u00e4uft da wo man es sieht. Vermutlich werde ich nur die Basis-Funktionen von Vue.js benutzen, aber immerhin habe ich dann mal einen Blick in die Vue-Welt geworfen und meine F\u00fc\u00dfe ins k\u00fchle Nass gesteckt.<\/p>\n
Offensichtlich steht erstmal ein Blick ins Vue.js-Tutorial an. Ich denke, ich hangele mich dort entlang und versuche, auf dem Weg schon ein Daten-Modell f\u00fcr die Rook-Assistant-App zu entwickeln. Mir schwebt da schon ein Array vor, der Objekte enth\u00e4lt, die Namen und Punktzahl des Spielers enthalten. Achja und ob der Spieler schon einmal ein Gebot gewonnen hat. Nicht vergessen!<\/p>\n","protected":false},"excerpt":{"rendered":"
Beim letzten Mal habe ich grunds\u00e4tzlich meine \u00dcberlegungen geteilt, wie der „Rook Assistant“ funktionieren sollte. Seitdem ist mir bereits aufgefallen, dass ich eine kleine Sache bereits \u00fcbersehen habe. F\u00fcr den Sieg ist es n\u00e4mlich notwendig, zu behalten, ob jemand bereits ein Gebot gewonnen hat (nicht den Stich – nur das Gebot). Darum notiere ich es […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[47,36,44,42,43,46,33,45,32,41],"class_list":["post-552","post","type-post","status-publish","format-standard","hentry","category-programmieren","tag-android","tag-app","tag-bieten","tag-bootstrap","tag-design","tag-ios","tag-rook","tag-spa","tag-vue","tag-vue-js","post-preview"],"_links":{"self":[{"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/posts\/552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=552"}],"version-history":[{"count":5,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/posts\/552\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=\/wp\/v2\/posts\/552\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.christian-epp.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}