iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web
React Native的學習與實作 系列 第 26

【Day26】React Native實作專案(5)

在React Native天氣預報專案的開發過程中,測試是確保應用程式品質的不可或缺的一環。本文將深入介紹我們在專案中所選用的測試策略和方法,以確保功能的完整性...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 25

【Day25】React Native實作專案(4)

本文將深入探討我們React Native天氣預報專案主畫面的設計理念和技術亮點。透過React Native的優秀特性,我們成功實現了一個極具吸引力和功能性的...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 24

【Day24】React Native實作專案(3)

React Native的優雅之處在於其跨平台開發能力,而天氣預報App的實作更是一個極佳的入門專案。本文將深入介紹我們的React Native天氣預報專案,...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 23

【Day23】React Native實作專案(2)

React Native天氣預報專案實作細節 1. 專案結構:我將React Native專案組織為一個清晰而模組化的結構。以下是主要的目錄和結構: - src...

鐵人賽 Web 3
深入了解Web 3.0 系列 第 30

Day29 顯示以太坊節點資訊

終於到了實作的部分了!!我思來想去都想不出我到底要做什麼來實踐Web3.0,所以我跑去問了ChatGPT,「適合新手實作Web3最簡單的方法是?」它讓我建造We...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 22

【Day22】React Native實作專案(1)

天氣預報專案介紹 1. 專案背景和目標我的實作專案預計將會是完成一個天氣預報app。在開始專案前,曾思考了許久,後來翻閱參考書和上網查找後選擇了天氣預報app,...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 21

【Day21】React Native設計模式(3)

實際應用場景:建立一個待辦事項應用 場景描述:假設你正在開發一個React Native的待辦事項應用,希望實現以下功能: 使用者能夠新增、刪除、標記完成或取...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 20

【Day20】React Native設計模式(2)

今天介紹React Native中常見的設計模式 1. MVC(Model-View-Controller) MVC的概念:MVC是一種常見的設計模式,將應用程...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 19

【Day19】React Native設計模式(1)

1. React Native組件設計模式: 在React Native中,組件是構建應用的基本元素。有兩種主要的組件設計模式:有狀態組件(Stateful C...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 18

【Day18】自訂元件(2)

1. 性能優化 在這一節,我們將討論如何透過一些性能優化的技巧,使React Native自訂元件更高效。包括: shouldComponentUpdate方...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 17

【Day17】自訂元件(1)

1.自訂元件的重要性 在React Native開發中,自訂元件是一種關鍵的實踐,因為它們允許開發者創建可重用和模組化的UI元素。這節將解釋為何自訂元件是重要且...

鐵人賽 Modern Web
React Native的學習與實作 系列 第 16

【Day16】React Native樣式設計的進階指南

1. 組織樣式代碼 為了提高代碼的可讀性和可維護性,建議使用<StyleSheet.create()>方法組織樣式代碼。這樣可以確保樣式對象在應用程...

【Day55】用ChatGPT詠唱來完成工作與點亮前後端技能樹:完賽感言&結語

大家好,我是一宵三筵首先就是真的感謝對這個系列文章有興趣,觀看與訂閱的各位 第一次參加鐵人賽,沒想到我想要講述的內容,最後遠遠的超過了30篇當然其中也有些因素是...

鐵人賽 Modern Web

#32 CSS currentcolor、accent-color 與混色的 color-mix() 讓規劃色彩系統好方便!

↓ 今日學習重點 ↓ 了解 currentcolor 及他的使用時機 了解 accent-color 了解 color-mix() 及如何使用...

【Day54】ChatGPT幫我完成工作:不會python也能用python爬蟲做出IT邦幫忙自動發文神器

這篇基本上就是 【Python】鐵人賽草稿自動排程發文神器 & line notifiy 這一篇的撰寫過程 我先說一下,我實在不會python倒不是說...

Day30(補)

前言 :今天來分享圖片懸浮效果,本來是做遊戲的人物介紹,但後來發現有使用到未授權照片所以就改換成鳥的介紹~順便介紹這個很棒的網站~ Pexels : https...

Day29(補)

前言 :今天來分享圖片懸浮效果,本來是做遊戲的人物介紹,但後來發現有使用到未授權照片所以就改換成鳥的介紹~順便介紹這個很棒的網站~ Pexels : https...

Day28(補)

前言 :今天來分享圖片懸浮效果,本來是做遊戲的人物介紹,但後來發現有使用到未授權照片所以就改換成鳥的介紹~順便介紹這個很棒的網站~ Pexels : https...

CSS -youtube 影片 - 圖片懸浮效果 - 關鍵字集合2 - Day27(補)

前言 :今天來分享圖片懸浮效果,本來是做遊戲的人物介紹,但後來發現有使用到未授權照片所以就改換成鳥的介紹~順便介紹這個很棒的網站~ Pexels : https...

CSS -youtube 影片 - 圖片懸浮效果 - 關鍵字集合1 - Day26

語法介紹 : white-space:nowrap 這是設定不換行的語法設定前..設定後.. filter:brightness() 這是一可以調整明亮度的濾鏡...

鐵人賽 AI & Data

[D30+5] GPT-4V 的抽象視覺理解、智力測驗及情商能力

此為《GPT-4V 微軟評測報告 》第七、第八章實測 前言 GPT-4V 的微軟評測報告中,第七和第八章的評測內容是關鍵。它涵蓋了GPT-4V作為“機器中的人”...

【Day53】ChatGPT幫我完成工作:寫Jest單元測試!NestJS & Knex & Jest!

這一篇要來介紹使用ChatGPT來撰寫Jest單元測試的結果 有關Jest的介紹,可以看這兩篇:【Day30】ChatGPT請教教我:Jest 單元測試(上)...

鐵人賽 Cloud Native

可觀測性宇宙的第三十一天 - Grafana Tempo 搭配 Odigos 實現 NoCode Observability

概述 隨著對可擴展應用程式的需求不斷增長,Kubernetes 成為管理容器化工作負載和服務的標準。它使得在分散式實例上部署和運行應用程式變得容易,但監控基礎...

鐵人賽 Modern Web

Ch.13 混和架構所以參數散落在檔案各處

現在還沒開始寫頁面,從底層開始改設定。有些看起來沒用到是後面才會一起處理。盡可能針對每個修改做功能敘述。 進入點引用 路徑: 專案/vite.config.js...

【Day52】ChatGPT幫我完成工作:分散式詠唱來寫NodeJS & JavaScript!

上一篇我們進行的是將「整個程式碼」的重構開發都交給ChatGPT但這樣要處理工作的話,要花太多時間在詠唱 這一篇會介紹比較分片、碎片式的方式來撰寫程式!什麼意思...

【Day51】ChatGPT幫我完成工作:直接詠唱來重構翻新!PHP 轉NestJS + Knex!

大家好,我是一宵三筵!接下來幾篇是實戰篇!也就是實際運用於工作會分享我平常是怎麼使用ChatGPT幫我完成工作的 那我個人在工作上,近期部門主要活動除了開發新的...

【Day50】ChatGPT請教教我:NestJS!(九)- Knex!transaction!migration!

我們NestJS系列主題最後一哩路~Knex進階內容這邊要討論幾個上一篇提到的進階主題 transaction 模組化查詢 migration 其他可以做mi...

鐵人賽 AI & Data

【附錄18】完結~下次見啦!See You Next Year! ✨✨

雖然鐵人賽的30天任務已經完成,但是仍持續發現很多免費的AIGC相關的工具,所以還是抽出時間研究這些工具,了解它們想解決的核心問題和獨特功能。這樣的學習過程不僅...

鐵人賽 Modern Web

Ch.12 在Laravel安裝React

我們採用Laravel 外觀套件Bootstarp 前端架構react 安裝Laravel composer create-project laravel/la...

【Day49】ChatGPT請教教我:NestJS!(八)- SQL & Knex!SQL注入攻擊!?

這個章節要來討論另一個有關SQL連接的套件:Knex 有關MySQL基礎語法以及架設本地MySQL的服務請看【Day38】ChatGPT請教教我:資料庫!MyS...