iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

一起去遛狗 系列

我的狗狗很兇,可是她想交朋友

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

【一起去遛狗】Day 10 設定與更改 CSS 樣式

今天來了解一下 Ionic 組件的 CSS 如何修改吧~ Ionic Framework 是使用 CSS 變數,不需要下載 Sass 或任何 CSS 預處理器也...

DAY 12

【一起去遛狗】Day 11 Capacitor 介紹與行動部署

Ionic Capacitor Ionic Capacitor 是 Ionic 團隊推出的一個跨平台原生應用開發框架。與 Cordova 類似,Capacito...

DAY 13

【一起去遛狗】 Ionic Vue icon 與 佈景主題

今天完成的結果: Todo tab 頁面切換 更改 icon 取消 dark mode 模式 更換佈景主題 更改 icon 使用 ionicons ion...

DAY 14

【一起去遛狗】Day 13 Ionic Vue 加入 Google Maps API

今天完成的結果: Todo 加入 google maps 申請 google maps api key 加入 google maps 前面介紹 capac...

DAY 15

【一起去遛狗】Day 14 Ionic Vue & Tailwind CSS

讓畫面更精美跟客製化,今天來加入 Tailwind CSS 首先用 npm 來安裝 Tailwind CSS & postcss npm instal...

DAY 16

【一起去遛狗】Day 15 Ionic Vue + Google Maps API (2)

今天就來研究一下 Capacitor 提供的 Google Maps API 有哪些實用的方法吧~~ create 用來創建一個新的 Google 地圖實例。...

DAY 17

【一起去遛狗】Day17 使用環境變數防止 Google API Key 外流

為了不把重要的 Google API key 上傳,我們要用到環境變數! 什麼是環境變數? 環境變數 (environment variables) 是指儲存程...

DAY 18

【一起去遛狗】Ionic Vue 在 tab bar 中加入 FAB

在 ionic ion-tabs 加上 ion-fab 原本的設計中在底部會有一個點擊後開始遛狗的按鈕,作用是計時與紀錄路徑、公里數,但卻不知道要如何在底部的...

DAY 19

【一起去遛狗】Day 18 iOS 開發設定

今天來嘗試在 Xcode 的 iOS 手機模擬器跑看看~ 首先在 Ionic 網站上看到 iOS Development 的頁面,我選擇 Ionic 推薦的使用...

DAY 20

【一起去遛狗】Day 19 Ionic Vue 將自己的裝置定位標示在 google map

Capacitor 有提供 @capacitor/geolocation,讓開發者可以拿到使用者的裝置定位,若裝置有支援,還可以提供裝置速率、方向等 首先下...