Clik here to view.
HackMD簡報模式全攻略
簡報瀏覽：https://hackmd.io/@emisjerry/H1oIcbWIB 簡報編輯：https://hackmd.io/@emisjerry/H1oIcbWIB/edit 解說影片： ＃＃ 您可能也會有興趣的類似文章 方便的線上Markdown書寫平台：HackMD (0則留言, 2019/09/07) Markdown Monster的進階功能：...
View ArticleClik here to view.
常用Markdown語法與HackMD的擴充
為想學習Markdown語法的朋友們準備了一個介紹影片，同時包含HackMD的擴充，希望可以讓各位簡單的進入Markdown的世界。除了觀看影片之外，直接編輯影片裡使用的簡報也是快速學習的另一個方法。 簡報瀏覽：https://hackmd.io/@emisjerry/ByMQ0rWIB 簡報編輯：https://hackmd.io/@emisjerry/ByMQ0rWIB/edit 解說影片...
View ArticleClik here to view.
HackMD書本模式的製作重點
介紹HackMD書本模式的製作重點。 簡報瀏覽：https://hackmd.io/@emisjerry/Hy4cOv5UB 書本模式的製作重點 書本模式：左側是目錄，右側是筆記內容 編輯重點 如何進入書本模式 其他注意事項 書本範例 編輯重點 書本模式要先建立一個主控筆記當做目錄頁 主控筆記基本只有下列內容： 標題 連結 缺點：目錄頁面是無法摺疊的單層結構 如何進入書本模式...
View ArticleClik here to view.
使用IntelliJ IDEA開發Flutter App：開發環境設置
使用IntelliJ IDEA開發Flutter App：開發環境設置 簡報瀏覽：https://hackmd.io/@emisjerry/ByihNKs8B Flutter SDK下載：https://flutter.dev/docs/get-started/install IntelliJ IDEA下載：https://www.jetbrains.com/idea/...
View ArticleClik here to view.
02. 用IDEA快速建立第一支Flutter程式
Widget與「微件」？ Flutter使用Dart語言來開發，Dart語言最重要的概念是：一切都是物件（Everything is Object）；而Flutter的最重要概念則是：一切都是Widget（Everything is Widget）。 「Widget」通常譯為組件或部件，做為UI組成的最基本單位。而在剛剛落幕的2019年Google Developer...
View ArticleClik here to view.
微軟公佈了開源的等寬字型 Cascadia Code
微軟公佈了開源的等寬字型 Cascadia Code，適用於Terminal與編輯器，初次使用感覺和我慣用的Consolas差距不小，試用個幾天看看。 ▼ 字體外觀： Blog文章 GitHub Readme 字型下載 ＃＃ 您可能也會有興趣的類似文章 [Xuite] Xuite系統又發生狀況? (0則留言, 2005/09/01) [推文] 「比爾.蓋茲評審產品時說 F**k 最少的一次」...
View ArticleClik here to view.
03. 更多的Flutter範例：StatelessWidget、StatefulWidgett與其他Widgets
知識點 抽象類別：StatelessWidget, StatefulWidget Widgets: Column, RaisedButton, Container, Padding 類別：EdgeInsets, Random 兩大抽象類別 Widget的兩大類型： StatelessWidget：無狀態的Widget，靜態內容 初始化之後就無法改變 build只會執行一次...
View ArticleClik here to view.
一眼看到編輯中的檔名；IntelliJ IDEA的外掛介紹：Active Tab Highlighter
如果覺得IntellIJ 平台的編輯器頁籤背景顏色不夠明顯，那麼Active Tab Highlighter外掛能輕易地解決這個問題：安裝這個外掛後便能自訂頁籤的背景顏色了。 Active Tab Highlighter外掛也適用Android Studio等IntelliJ平台的編輯器。 解說影片 ＃＃ 您可能也會有興趣的類似文章 使用IntelliJ IDEA學習Java程式設計 (IDEA...
View ArticleClik here to view.
IntelliJ IDEA與括號相關的操作並介紹括號識別外掛：Rainbow Brackets
括號識別外掛：Rainbow Brackets 在一層套一層的類別森林裡很容易就迷失透方向，尤其像「一切都是Widget」的Flutter（Dart）程式碼，要很快辨識身處那個Widget可是個技術活，在此推薦Rainbow Brackets外掛，它除了將不同階層的括號（{}、()、[]與<>等四大類括號）用不同顏色標示之外，也有下列熱鍵可標示游標所在的括號範圍：...
View ArticleClik here to view.
04. 使用第三方Android模擬器來執行Android/Flutter App
Android官方模擬器使用qemu系統，較耗系統資源。其實我們也可以試試第三方的模擬器，通常執行效率與資料使用率都有不錯的表現。 我簡單的試了幾個，最後決定使用MuMu模擬器。對岸的產品，請自行決定是否要「冒險」一試… :smiling_imp: 模擬器 開發者 下載網址 MuMu模擬器 網易公司 https://MuMu.163.com/ Genymotion Desktop...
View ArticleClik here to view.
Flutter的學習輔助應用程式：FlutterGo
Flutter Go是阿里巴巴的阿里拍賣前端團隊建立的網站與App，能有效的輔助Flutter的學習。Flutter的140多個Widget說明、使用範例等分門別類，可搜尋並連結到官方說明網頁，非常適合剛進入Flutter環境的朋友們參考與學習。 Flutter Go App在GitHub有完整的原始程式，進階點的朋友也可下載來看看其App的程式架構與處理邏輯。 網站資訊 FlutterGo...
View ArticleClik here to view.
06. Flutter AlertDialog對話窗Widget使用重點
知識點 胖箭頭：只包含一個敘述的函數簡寫方式 => x 意為 {return x;} =>> void_function(); 也可為不傳回值的函數 void main() { runApp(MyApp()); } // 等於 void main() => runApp(MyApp()); // 另一個例子 void pn(num x) => print(x);...
View ArticleClik here to view.
Rainbow Brackets造成Matched Brace配色失誤
如IntelliJ IDEA與括號相關的操作並介紹括號識別外掛：Rainbow Brackets所述安裝了 Rainbow Brackets，使用後發現游標移到配合括號處時的背景色和游標太接近，造成較難辨識的情況，因此在Settings→Editor→Color Scheme→General，將Matched Brace變更了背景色，設定後會使用新的配色，但新啟動IDEA後卻又回復到原先的配色…...
View ArticleClik here to view.
07. 學習Flutter Widget的4個教學App
介紹4個學習Flutter Widget的App。透過觀摩高手的設計，實際展示效果並檢視原始碼，可以在較短的時間裡很快的進步。 Flutter Catalog 可切換Preview與Code頁面 Google Play：Flutter Catalog with source code side-by-side App Store：flutter catalog GitHub：...
View ArticleClik here to view.
scrcpy：透過USB或WiFi用電腦遠端遙控Android手機，命令選項介紹
scrcpy是什麼 scrcpy是螢幕拷貝（screen copy）之意。Android移動設備開啟開發人員模式且啟用USB除錯模式後，在電腦端執行scrcpy.exe後，就能在Windows的Android視窗裡遠端操作移動設備。scrcpy同時也有Linux與MacOS的版本，開放原始碼、可免費使用。...
View ArticleClik here to view.
11. AutoHotkey腳本產生網站介紹－用點選、拖拉和拼接迅速產生腳本！
逆道者：AutoHotKey 自動化工具語法產生器 v2.6 https://sites.google.com/view/ahktool/ 逆道者：AutoHotKey 積木語法產生器 v1.3 beta(使用Google Blocky框架) https://sites.google.com/view/ahktool/ahkblockly?authuser=0 AHK Generator...
View ArticleClik here to view.
08. 成功組建由GitHub複製Flutter專案的關鍵步驟
下載或Clone Flutter_catalog專案：https://github.com/X-Wei/flutter_catalog 準備Android正式版的說明：Preparing an Android app for release – Flutter 關鍵步驟 用[JDK安裝資料夾]\bin\keytool建立 c:\Users\使用帳號\key.jks 建立...
View ArticleClik here to view.
09. Flutter的常用佈局Widget：Container
A convenience widget that combines common painting(繪製), positioning(定位), and sizing(大小) widgets. 它是DecoratedBox、ConstrainedBox、Transform、Padding、Align等Widget組合的多功能容器，我們只需通過它便可實现同時需要裝飾、變換、限制的場合。...
View ArticleClik here to view.
10. Flutter的彈性佈局：Expanded、Column與Row
使用到的Widget：Expanded、Row、Column、SizedBox、GestureDetector Expanded Widget Expanded擴展其子物件以填滿可用空間。下列的Widget1會依Expanded的flex係數自動伸縮： Row / Column / Flex └──→children: Expanded(flex: 數值) └──→...
View ArticleClik here to view.
10. 使用AutoGUI的設計模式來建立螢幕符號表
AutoGUI的設計模式是什麼？ AutoHotkey有一組視窗控制組件，可以用來建立Windows對話窗，讓AutoHotkey除了熱鍵、熱字串之外，又多出一個「熱視窗」。 AutoGUI的設計模式是方便我們以「所視即所得」的元件拖拉方式快速搭建對話窗的功能。 AutoHotkey GUI範例 放置字型 放置一個【關閉】按鈕 放置一個分頁控制，第一個分頁是【常用符號】，第二個分頁是【系統資訊】...
View Article