React 學習筆記 - React 初探 - Part's 1![Mark Ku]()
前言 近年 React 前端生態越來越豐富，大量的套件，都是採用 react 開發，也被越來越多企業使用，也讓我也想去了解一下 React，過去從 Angular 、到 Vue、再到 React…
July 05, 2022
1 min
近期文章
淺談使用 Dotnet 開源 Yarp Revert Proxy 實現滾動式佈署 ( Rolling-update ) - Part's 1 設計思路![Mark Ku]()
為何要使用滾動式更新應用程式( Rolling-update ) 現今的電子商務網站，近乎 365天 * 2…
July 02, 2022
1 min
驗證 SSR 或 Pre render SEO 是否正常運行的幾種方式![Mark Ku]()
前言 最近發現有些網站有做 SEO，但都沒正常運行，所以就順手寫了一篇筆記，記錄如何驗證 SEO 功能面有辦法被 Google…
June 29, 2022
1 min
Powershell Mongodb 備份及還原筆記
Mongodb tools backup & restore 解決問題 因為工作上需要用到改寫一套前端的 CMS系統，資料庫主要是 mongodb…
June 18, 2022
1 min
新手上路 - Sony α7IV 的微物攝影筆記 Part's 1![Mark Ku]()
新手上路 - Sony A74 的微物攝影筆記 Part's 1 起緣 身為前端網站開發者的我，一直很好奇，為何很多商業網站照片都很拍的都不是很好看，約了好友 Howrad 到三創 Sony…
June 11, 2022
1 min
提前強制更新各家 DNS Cache![Mark Ku]()
前言 在某次將 DNS 主機託管 Cloud Falre 時，發現中華電信的 DNS 一直無法更新，調查研究有沒有什麼辦法提前讓 DNS 生效，僅限於比較大的國際 DNS…
June 05, 2022
1 min
超省錢架站法，透過 GitHub Pages + JeKyll，搭建自己免費 Blog 空間![Mark Ku]()
問題 因為身邊很多，想和我一樣，擁有一個個人的網站，但架一個網站，光是放在雲端空間，至少費用400…
June 03, 2022
1 min
直播網站實戰開發筆記 Part's 2 - 打造自己的直播播放器![Mark Ku]()
用 Vue 動手打造個人專屬的前端直播播放器的採用( hls.js ) 前言 上一篇 ，談到用阿里雲來搭建直播伺服器，這篇我要來談前端直播放器，前端直播技術，最常見的有 HLS 、DASH…
May 26, 2022
1 min
輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner![Mark Ku]()
輕量化且免費，適用小團隊的 CICD - 使用 Gitlab Pipeline 及 地端 Gitlab Runner 痛點 一般來說在軟體交付的過程中，開發的環境可能會有 1.開發環境( DEV…
May 22, 2022
1 min
使用 Powershell 達成 let's encrypt DNS 挑戰，取得 免費 https 憑證![Mark Ku]()
問題 現今大多數網站基於各種理由都需要支援 https，但剛開始經營網站時，會使用很多免費的 Https 憑證，最有名的是 let's encrypt…
May 14, 2022
1 min
文章分類
Tags
百岳玉山interviewResourcesJekyllnugetrelease notes powershellironman kentingtriathlon 70.3鐵人三項三鐵opendialogrobocopypowershellfrpfrp-creverse proxychocolateydockerwindowsaspnetwebsiteautomateddatabasedeploymentsqlmulti-sitedatabase-deploymentnet-coredocker-containeri18n語系檔googlesheet直播streamingwebp converterseo googlevueintellisensessr prerenderdynamicrender Rendertronstylelintscssloadingvuexfrontend-large-data-renderingsvgsvg-spritenodeJscliWebpackplugin Vscode 除錯 debugger 筆記Couldflarecdnstylelintdowngradeuptime-kumanode jsUptime Robottelegram botmonitoring toolrenderseorendertroninobounceiOSbouncelottieJavascriptinteractiveAdobe After EffectAEAdobe AfterEffecttranslatechineseSimplifiedChineseconvertlog serverELKExceptionlessSeqSplunkqnapnlognet coresslcertbotContainer Station deploydeployedlinemessaginguptimekumanotifyyarpload balanceddospreventreal ipproxy protocolnginx-certbothttpsletsencryptraspberry pioslinuxmemory leakgameanimationrunweb site4Blabel-printerreceipt-printerironmanpnehu 226triathlonprepareexternal linkblackhatquerystringinjectpnehu226firstlastracingdayfacebooksmessagejsenhancechatsdkkeep alivecleardisposeincludelet encryptfreechallengeCertificateAuthorityCAgodaddycloudflarecicdgitlabpipelinerunnerdotnetauto buildautodeploygithubpageblogdnscachephotographya74A7M4α7IV微距鏡頭微物攝影微距攝影mongodbtoolsbackuprestoreverifyblockrolling updateReactget startresize imageImageflowquery commandgetLearn ReactNextimage loaderimagetoo bigdevinitenvenviormentfiddlernetwowrkrecordApple PayCybersourceintegrateFontendNET MVCusaecommercenoteinsuranceUSAsignifydcreditauthorizecapturega4analysistagmangergtmintegrationsearch keywordheadlesscmsstrapiswaggerfaqGoogle Paytrendselfquicklybuildbindingnon-wwwvercelbindalwaysnullredisautomatically syncs redisDDoSfridayperiodthanksgivingupgradeplaywrightVscodeGithub actionend to end testjenkinsManagementcareerdevelopermiddle3Dagileabandonmentcartabandoned cartJestbankers-roundingAmazon payAmazon pay v2clarityheatmapssession recordingsreactapp routeremote buildincrease websit trafficmanual deploymentbinary comparedocker image buildDocker Desktopgithub sshsalesholidayhyte y40gaming海景機殼機箱career development互惠互利雙贏project managercareer bundry邊界職場abnormal-leave-request海外自助單車旅遊wiki.jsknowledge base systemRustDeskremote toolteam-viewertailwindboostrapECommercediscover-and-optimize-high-value-pageswebsite-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgomilitary-salesinsight-vietnam-ecommerceenhancing the search experienceworking-from-home-rulesecurityPaymentPaypalcheckoutKuberneteswidnowsAmazonAb testFeatureprobe嘉明湖employee benefits and fairteam ruleai-english-assistanttalk-about-promotioncommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablebuild-your-own-low-code-cmsspecial-technical-problemsOllamamindsetestimatewbstimetableset-up-llama-factory-enviormentllama factoryTrade offCBOAlanguage schoolfine-tunellamalangchaine-commerce-and-real-storeiiiclassmate reunionqdrantnestoautharchitecture-designgermanye-commerceconcurrency-websiteUbuntuDockerGoogle CloudArtifact RegistryGCPkubernetesGKEgoogle kubernetes engineubuntudocker registryingressIngressGoogle Kubernetes EngineCI/CDJenkinsNext.jsAutomationDocker MonitoringcAdvisorPrometheusGrafanaContainer MonitoringResource UsageCloud NativeVisualizationServer MetricsOpen Source ToolsDevOpsObservabilityMetrics CollectionDashboardMonitoringNginxCloudPerformance TestingK6MetricsOpenVPNVPNNetwork ConfigurationLinuxSystemdreviewingtasksmanagementmarkkuexperienceremote accessSambaWindowsFile SharingMetrics ServerCluster ManagementResource MonitoringKubernetes MetricsInfrastructureMSSQLCloudflareUFWsystemicproblemacceleratingcollaborationwiresharkwormwhy-learn-englishgdprconsent-moderoosterbaguioquiet-quittingcam-john-haypinestravelinglearningviganunescoheritagephilippinespines academystudy abroadfunny roommatesenglishspeakingsan-juan-surf-tripurbiztondo-beach-guidesan-juan-travel-notesmy-first-surfing-tripbaguio-to-san-juanenglish-learning-journeypractical-english-skillsself-improvementcommunication-skillsstudy-abroad-tipscareer-developmentbanaue-travelsagada-tripenglish-through-experiencelearning-outside-classroomrice-terracestravel-journalmotion-sickness-survivorlanguage-learning-adventurescultural-discovery