熱血巴!衝浪怪獸!Kirin!

Google Drive API V3 與 Angluar 整合範例 https://github.com/kirinchen/google-drive-angular/ 大致的功能如下 登入/登出 顯示列表By File Tyoe  read 檔案內容  如何申請Google Drive 開發者金鑰和Oauth 下載專案與專案設定 Run Server 如何申請Google Drive 開發者金鑰和Oauth 最近本人開始騎單車的爬坡,所以開發了一個爬坡小工具,那就會用到Google Map API,這邊先做個預告,順便寫個Gmap小筆記啦 創建API Key 1.先到 Google雲端後台 .  https://console.developers.google.com/apis/dashboard 2.請先選擇一個專案 (如果沒有請按建立)  3.啟用API, 資料庫 > 搜尋 : Google Drive API 啟用 Google Drive API 先到憑證,並建立API KEY      5.再到 Google雲端後台 .  Google Cloud Platform Console  並選則憑證  這邊可以看之前申請的Key,也可以複製金鑰 建立OAuth 2.0 用戶端 ID 建立OAuth 同意畫面填入基本資料即可  選擇建立OAuth 2.0 用戶端 ID  下載專案與專案設定 下載  https://github.com/kirinchen/google-drive-angular.git  或者  git clone https://github.com/kirinchen/google-drive-angular.git cd 到 [root ]] 專案下/ run  npm install 修改 [root]/src/environments/environment.ts export const environment = { production : false , clientId : '{OAuth 2.0 用戶端 ID}' , apiKey...

Java lombok 好用annotation小筆記 建構子設定 @AllArgsConstructor ( access = AccessLevel . PUBLIC ) AccessLevel --> 用來設定建構子的可視的等級 public private … EX @Data @AllArgsConstructor ( access = AccessLevel . PUBLIC ) public class RegisteredFlow { private int flow ; private List < RunInfo > runInfos ; @Data @AllArgsConstructor ( access = AccessLevel . PUBLIC ) public static class RunInfo { private String runUid ; private State state ; private String endTag ; private String endLinkUid ; } public static void main ( String [ ] args ) { List < RunInfo > l = new List < RunInfo > ( ) ; RegisteredFlow rf = new RegisteredFlow ( 123 , l ) ; } } 如果還要包含 空建構子, 可以再加入  @NoArgsConstructor @Data @AllArgsConstructor ( access = AccessLevel . PUBLIC ) @NoArgsConstructor public class RegisteredFlow { builder pattern 關鍵字 :   @Builder  範例: @Data @Builder public class Bundle ...

Typescript decorators 如何在 類別/屬性/方法 上標註資訊 裝飾器（Decorators）為我們在類的聲明和成員上通過元編程語法添加標註提供 了一種方式,其實就是Java 中的annotation,只是 Decorators 除了標示還有更多功能,像是AOP… 定義Decorators 請先安裝  npm i reflect-metadata 先定義兩個 Decorators 如下 一個是類別(Clazz)用的,和屬性(Prop)用的 const metadataPropKey = 'PropInfo' ; const metadataClazzKey = 'ClazzInfo' ; // tslint:disable-next-line: typedef export function Clazz ( value: ClazzArgs ) { return (target: any ) => { Reflect.defineMetadata(metadataClazzKey, value, target); }; } // tslint:disable-next-line: typedef export function Prop ( value: PropArgs ) { return (target: any , propertyKey: string ) => { Reflect.defineMetadata(metadataPropKey, value, target, propertyKey); }; } // Class標註的參數 export interface ClazzArgs { title: string ; } // properties標註的參數 export interface PropArgs { title: string ; type : string ; } 類別和屬性的差別是參數的不同來決定的 Reflect.defineMetadata(metadataClazzKey, value, target); Reflect.defineMetadata(metadataPro...