來到鐵人賽最後一天了，一直覺得App只能單機執行是個遺憾，所以簡單寫了匯出json純文字檔案，以及讀入json，就是那種最簡陋的匯出匯入功能啦...

成果如下：

程式碼如下

【html】

<!-- 匯出 -->
<a style="#saveJson:hover{}" id="saveJson" class="d-block w-100 text-white" (click)="downloadJson()">Out Put</a>

<!-- 匯入 -->
<div class="modal-body mt-2 border-top">
    <p class="text-center h5">讀取現成檔案</p>
    <p class="text-center"><small>※請以筆記本打開json檔，複製所有文字貼上</small></p>
    <div class="d-flex">
        <div class="col-3">
            <label for="cardName"><small>角色卡名稱</small></label>
        </div>
        <div class="col-9">
            <input type="text" id="cardName" class="form-control mb-2" [(ngModel)]="cardName">
        </div>
    </div>
    <input type="text" class="form-control" name="first" [(ngModel)]="loadJson">
    <button type="submit" class="btn btn-primary d-flex mx-auto mt-3" data-dismiss="modal" aria-label="Close"
        (click)="loadJsonFile()" (click)="myProfile.getProfileData()" (click)="myCharacteristics.getStatus()"
        (click)="mySkillList.getSkillData()" (click)="myBackstory.getBackstorys()">Load</button>
</div>

【ts】

    // json檔案
    jsonData;
    downloadJson() {

        var fileName = "mycard.txt";//匯出的檔名
        var data = localStorage.getItem(this.CHcard);
        var blob = new Blob([data], {
            type: "application/octet-stream"
        });
        var href = URL.createObjectURL(blob);
        var link = document.createElement("a");
        document.body.appendChild(link);
        link.href = href;
        link.download = fileName;
        link.click();
    }

    cardName;
    loadJson;

    loadJsonFile() {
        this.CHcard = this.cardName;
        localStorage.setItem(this.CHcard, this.loadJson);
    }

匯出檔案解法來源。

人生的第一個sideproject雖然真的就是一個小小的練習作品，但不論是第一次跟風參加鐵人賽，還是做出第一個從發想包辦到產出實物的APP，對自己來說都有相當不同的意義。

話說在快結尾時居然被追蹤了，感謝的同時有點受寵若驚，當然也謝謝大家的默默關懷，到後面瀏覽量突然多起來真是嚇到，在想是不是sixwings大大的留言引起注意XD

順便sixwings大大真的是我能堅持完鐵人賽的最大原因之一，原本想說主題冷門又是菜鳥寫的內容，已經做好單機鐵人賽的準備。而比賽途中不時會收到six大大的留言，頓時發現自己沒有掉線受到鼓舞才能夠繼續走下去。（是說sixwings大大鐵人賽寫的卡牌遊戲開發文章也很意思，有興趣可以去看看～）

來到最後了，專案雖然還沒做過完整e2e測試、沒寫使用說明，也還有些小bug以及版面細節不好看等等問題，不過個人覺得自己的鐵人賽即使不算完美，也能夠完整落幕了。最初「想要盡己所能做些什麼」這點已經達到，中間或有不盡人意的地方，但對我自己來說是能夠接受的結果。

當然這才是開始，像這份side project即使鐵人賽結束，也是要再努力一下才能讓正式版上線。

但即使是這樣簡單的專案，如果能對任何人帶來用處或其他意義，對我來說也就十分足夠了。

鐵人賽結束後不曉得發文功能是否會關閉，如果關了的話後續進度就另外發文然後再貼連結過來囉。

真的感謝看到這裡的各位，有緣的話在網路之海的某處再相會吧～

= = = = =

你今天的努力，
是否有跟未來的夢想
同一個等級？