接下來，我們要進入按鈕動作的世界了，先介紹FloatingActionButton，其實Android的也叫FloatingActionButton，想想這也沒錯，降低Android開發者的學習曲線。我們現在就來看看吧。 FloatingActionButton 說明 名稱 說明 重點 StatelessWidget 狀態不變的 (點了也沒有反應) Widget build(BuildContext context) StatefulWidget 狀態可變的 (可以被點擊之類的) @override State createState() State 點擊之類的反應 setState(fn) 程式碼 請各位允許我使用比較不專業的術語 …

閱讀更多

恐怖喔，恐怖到了極點喔，沒有想到短短數日，除了Flutter已經變成1.5版之外，而且Dart也變成了3.0版，更恐怖是它開始可以寫WebApp了耶，雖然Dart一開始就是想要取代JavaScript的，但是因為TypeScript可以原生支援JavaScript，所以就敗下陣來，而後在Flutter的加持下又重新受到大家的關注，如今Flutter藉由Dart可轉譯為JavaScript的特性，開始計畫性的侵蝕WebApp。好吧，就讓我們來做個簡單的WebApp吧。 安裝過程 更新FlutterSDK 請先將FlutterSDK更新到1.5版以上 安裝webdev 這個很重要，沒有安裝這個package的話就不能用了 flutter …

閱讀更多

這次是要說明Flutter的畫面佈局，在Flutter的世界中，萬物皆Widget，應該在iOS中算是UIView吧？UI的根源，一切都是由此而生，話不多說，讓我們踏出成功的第一步。 Container佈局 開始寫Code 首先，flutter的程式碼都是在『lib資料夾』之下 資源管理 在這裡pubspec.yaml可以設定安裝第三方套件、加入影音、圖片…等 assets: - images/book.png - images/time.png 程式碼 // main.dart import 'package:flutter/material.dart'; // 內容主要以iPhone的名稱去做類比 void main() => …

閱讀更多

GraphQL是一種用於API的查詢語言，這項技術是由Facebook從2012年開始使用，為了因應跨裝置及開發News Feed功能而開發，後來覺得不錯用，所以就於2015年公開釋出，它讓Query更加自由，以往如果要新增一組Query，就必須跟後臺人員溝通，現在可以讓前臺的人有很大的空間去修改(工作又多了一項？)，有效減少Request的次數，是不是聽起來很不錯啊？現在就來試試看吧，Let’s go。 安裝 基本環境 首先要有Nodejs的環境，然後安裝Apollo Server node -v npm -v mkdir graphql_demo cd graphql_demo npm init -y npm install …

閱讀更多

VirtualBox是一套免費的VM系統，當然像是微軟的VMWare，還是只有mac版的Parallels Desktop，都是不錯的選擇，今天為什麼要選擇VirtualBox呢？主要是因為Parallels Desktop 14 Lite安裝完成之後，居然就要我訂閱，它不是免費版的嗎？而且我也只用Ubuntu而己呀。VirtualBox在Windows、macOS、Linux-like都可以安裝，在教學上或移動上都相當的方便，軟體上也滿穩定的。MongoDB是一套NoSQL資料庫，有別於SQL類的關聯式資料庫，NoSQL主要指非關係型、分散式、不提供ACID的資料庫設計模式，它是強調Key-Value Stores和文件資料庫的優 …

閱讀更多

俗話說的好：『hotkey用時方恨少』，有時候hotkey真的是可以讓左右手可以不用離開鍵盤了呢，像是高手口中的VIM更是傳說中的神器，但是我一點也不想用…XD。回到正題，為什麼我要學習macOS的快速鍵呢？因為啊，呆呆的把我Macbook Pro 2015賣了，因為手頭很緊，就換成了Mac mini 2018，便宜又好用，很適合我這種iOS低低手使用，然後又換成32G DDR4，Apple官網上換就快NT.20000了，真的是下不了手，自己去光華買也才NT.5000，一開始用速度真的是快啊，但是…發現一個問題，就是…沒觸碰板(巧控板？)可用，相信大家會換成mac因為它的觸碰板好用呀(比較潮？)，那…換成了只有鍵盤、滑鼠要怎麼辦呢？ …

閱讀更多

一開始還沒有接觸Flutter的時候，覺得寫Code是沒有問題的，但是UI要怎麼Debug呢？Android方面應該沒有什麼問題，因為是Google自家的東西嘛，但是iOS要怎麼做呢？後來就用VSCode它build出來的專案，分別用Android Studio跟Xcode開，個別去看UI，不過真的沒有用到原生的UI，Flutter的畫面都是『畫』出來的。後來想想真的很笨，明明在Android Studio上面就有Flutter inspector啊，加上Flutter的UI(Material風格 / Cupertino風格)都是Google工程師自己做出來的，並沒有用到兩個平臺的原生UI，想想這樣也對，如此一來UI就可以長得一模一 …

閱讀更多

依稀記得，MySQL這個名詞，一直是窮學生學習SQL的代表，它是一個開放原始碼的關聯式資料庫管理系統，原開發者為瑞典的MySQL AB公司，該公司於2008年被昇陽電腦 - Sun Microsystems收購，這時候還是開放原始碼的。到了2009年，甲骨文公司 - Oracle收購昇陽微系統公司，是的，它就是NBA金州勇士隊的主場甲骨文體育館的那個甲骨文，在MySQL成為Oracle旗下產品之後，一些原始開發者擔心甲骨文公司收購MySQL後會有一些隱患，所以就復刻一個改良的版本，就是MariaDB的由來，由社群開發，有商業支援，旨在繼續保持在GNU GPL下開源。 安裝過程 安裝MariaDB 使用apt安裝，按圖施工，保證成功， …

閱讀更多

記得當時年紀小，一直以為JavaScript跟Java是類似的東西，後來才發現原來JavaScript是在寫網頁的特效啊，雖然簡單易學，但是只有單線程，一寫不好網頁就當在那裡了，而且當時只是用來寫防滑鼠右鍵跟Ctrl + C的工具，到了後來，JavaScript使用的範圍越來越廣泛，如雨後春筍般的framework一個接一個，已經算是前臺的必備良藥，後來強大的V8引擎，跟能夠寫後臺資料庫的Nodejs，JavaScript等於是網頁端前後臺全包，加上也能寫手機APP，將來真的是JavaScript一統天下。但是就因為JavaScript語法簡單，專案一大就顯得難以維護，其中著名的框架VUE 3.0就正在用TypeScript重寫，而 …

閱讀更多

承上集我們很開心的生出了真機的framework與模擬器的的framework，但是每一次測試都要在真機在模擬器之間切換，人生苦短，難到沒有其它的好辦法嗎？各位的聲音我聽到了，接下來我們就來合併它們，我們走。 合併framework 真機與模擬器資料夾 根據上集build出來的framework，我們可以看到會有兩個資料夾，分別是真機的framework，跟模擬器的的framework 內容結構 仔細看看，兩者的內容物好像一樣？ 比較一下 接下來我們利用lipo指令來比較看看有什麼不同，我們可以發現模擬器用的是x86_64架構的CPU，而真機用的是ARM架構的CPU，也就是說在手機上是不能用模擬器上的framework lipo …

閱讀更多