差異處

這裏顯示兩個版本的差異處。

--- open:itroadmap [2022/05/06 12:49]
wenchin [Email Protection]
+++ open:itroadmap [2024/09/22 19:48] (目前版本)
@@ 行 1: / 行 1: @@
 ====== IT Roadmap - 資訊技術應用 學習地圖 ======
-<text type="info">Last Updated @ 2022/05/06</text>
+<text type="info">Last Updated @ 2024/09/22</text>
 \\
@@ 行 130: / 行 131: @@
       * MVP (Model–View–Presenter) -- e.g.: Android
       * MVVM (Model–View–ViewModel) -- e.g.: JavaScript, Node.js
-      * MTV (Model–Templeate–View) -- e.g.: Python Django
+      * MTV (Model–Template–View) -- e.g.: Python Django
   * Design Patterns
@@ 行 151: / 行 152: @@
       * A software development and delivery process that emphasizes communication and collaboration between product management, software development, quality assurance (QA), and operations professionals.
       * It supports this by automating and monitoring the process of software integration, testing, deployment, and infrastructure changes by establishing a culture and environment where building, testing, and releasing software can happen rapidly, frequently, and more reliably.
-    * CI/CD (Continuous Integration / Continuous Delivery) Tools \\ Continuous Delivery and Release Management
+    * CI/CD (Continuous Integration / Continuous Delivery or Deployment) Tools \\ Continuous Delivery and Release Management
       * [[https://jenkins.io/|Jenkins]] - an open source automation server, provides hundreds of plugins to support building, deploying and automating any project.
       * [[https://www.ansible.com/|Ansible]] - Ansible delivers simple IT automation that ends repetitive tasks and frees up DevOps teams for more strategic work.
+      * Drone
+      * GitLab
+      * GitHub
+      * Travis CI
   * Type of Developer
@@ 行 226: / 行 231: @@
     * [[https://stackedit.io/|StackEdit]] -- In-browser Markdown editor
       * [[https://github.com/benweet/stackedit|GitHub Source]] -- Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
+    * [[https://www.notion.so/ | Notion.so]] -- The all-in-one workspace for your notes, tasks, wikis, and databases. :!:
     * [[https://hackmd.io/|HackMD]] -- 用即時協作的 Markdown 編輯器書寫[團隊/技術/專案]文件，讓你快速協作、輕鬆紀錄想法、隨時共享知識。
-    * [[https://www.notion.so/ | Notion.so]] -- The all-in-one workspace for your notes, tasks, wikis, and databases.
     * [[https://pandao.github.io/editor.md/|Editor.md]] -- 开源在线 Markdown 编辑器
     * [[http://dynalon.github.io/mdwiki/|MDWiki]] -- a CMS/Wiki completely built in HTML5/Javascript and runs 100% on the client.
@@ 行 237: / 行 242: @@
   * App Editor
     * [[https://typora.io/|typora.io]] -- Typora gives you a seamless experience as both a reader and a writer.
   * App + SaaS
     * [[https://simplenote.com/|Simplenote]] -- The simplest way to keep notes.  Light, clean, and free. Simplenote is now available for iOS, Android, Mac, Windows, Linux, and the web.
+    * [[https://www.notion.so/ | Notion]] -- a project management and note-taking software.
   * Document Converter
     * [[https://pandoc.org/|Pandoc]] -- A universal document converter.  If you need to convert files from one markup format into another, pandoc is your swiss-army knife.
+  * Static Site Generator
+    * [[https://jekyllrb.com/ | Jekyll]] -- Jekyll renders Markdown or Textile and Liquid templates, and produces a complete, static website.
+      * Jekyll Themes
+        * https://jamstackthemes.dev/ssg/jekyll/
+        * https://jekyllthemes.io/
+        * http://jekyllthemes.org/
+        * https://jekyllthemes.dev/ : [[https://jekyllthemes.dev/tag/resume/ | Resume]]
+\\
+===== UI / UX Design Tool =====
+  * [[https://www.layoutit.com/ | LayoutIt!]] -- Interface Builder for CSS Grid and Bootstrap
+  * [[https://m3.material.io/ | Material Design]] -- an adaptable system of guidelines, components, and tools that support the best practices of user interface design.
@@ 行 266: / 行 286: @@
     * Format
       * XMI (XML Metadata Interchange) -- an [[http://www.omg.org/|OMG (Object Management Group)]] standard for exchanging metadata information via XML.
-    * Tools
+    * UML Tools
-      * Open Source
+      * GUI Editor:
-        * Text Parser: [[http://plantuml.com/|PlantUML]] -- an open-source tool allowing users to create UML diagrams from a plain text language.
+        * [[http://www.umlet.com/ | UMLet]] :!: (Integrated with VS Code and Eclipse)
-        * Cloud Service:  [[https://yuml.me|yUML]] -- Create and share simple UML diagrams in your blogs, wikis, forums, bug-trackers and emails.
+        * [[http://staruml.io/ | StarUML]] -- Free for evaluation
-        * GUI Editor: [[https://www.modelio.org/|Modelio]], [[http://www.umlet.com/|UMLet]], [[http://alexdp.free.fr/violetumleditor|Violet UML Editor]], [[http://staruml.io/|StarUML]], [[http://astah.net/com-announcement|Astah Community]] (<del>Jude</del>)
+        * [[https://www.visual-paradigm.com/ | Visual Paradigm for UML]] -- Free for Community Edition
-    * Commercial Product: [[http://www.sparxsystems.com/products/ea/index.html|Enterprise Architect (EA)]], [[http://astah.net/editions/professional|Astah Professional]], Microsoft Visio
+        * [[https://www.modelio.org/ | Modelio]]
+        * [[http://alexdp.free.fr/violetumleditor|Violet UML Editor]]
+        * [[http://astah.net/com-announcement | Astah Community]] (<del>Jude</del>)
+        * [[https://github.com/jgraph/drawio-desktop/releases | Draw.io Desktop]] :!:
+      * Web Based Editor (Cloud Service):
+        * [[https://www.diagrams.net/ | diagrams.net (Draw.io)]] -- Diagram Software and Flowchart Maker :!:
+        * [[https://yuml.me | yUML]] -- Create and share simple UML diagrams in your blogs, wikis, forums, bug-trackers and emails.
+      * Text Parser:
+        * [[http://plantuml.com/ | PlantUML]] -- to create UML diagrams from a plain text language. :!:
+          * [[https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml | VS Code Extension for PlantUML]]
+      * Other Commercial Products:
+        * [[http://www.sparxsystems.com/products/ea/index.html | Enterprise Architect (EA)]]
+        * [[http://astah.net/editions/professional | Astah Professional]]
+        * Microsoft Visio
+        * IBM Rational Software Architect Designer
@@ 行 280: / 行 314: @@
     * [[https://atom.io/|Atom]]
     * [[http://www.pspad.com/|PSPad]]
   * IDE
@@ 行 295: / 行 330: @@
     * Google [[https://developer.android.com/studio|Android Studio]]
       * [[https://developer.android.com/guide/webapps/webview | WebView]] -- The WebView class is an extension of Android's View class that allows you to display web pages as a part of your activity layout.
+  * API Development
+    * [[https://swagger.io/ | Swagger]] -- a suite of tools for API developers [[https://www.keywordseo.com.tw/blog/what-is-swagger-and-why-do-you-need-it-for-your-project/|1]] [[https://ithelp.ithome.com.tw/articles/10242295|2]] [[https://en.wikipedia.org/wiki/Swagger_(software)|3]]
   * Website App Service
@@ 行 303: / 行 342: @@
       * [[https://notebooks.azure.com/|Microsoft Azure Notebooks]] -- Develop and run code from anywhere with Jupyter notebooks on Azure.
     * [[https://phantomjs.org/|PhantomJS]] - Scriptable Headless Browser
+\\
+===== Online Programming Tool =====
+  * Online Code Editor
+    * [[https://codepen.io/ | CodePen]] -- Online Code Editor and Front End Web Developer Community
+    * [[https://codesandbox.io/ | CodeSandbox]] -- Online Code Editor and IDE for Rapid Web Development
+    * [[https://jsfiddle.net/ | JSFiddle]] -- an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls.
+  * Online Judge (OJ)
+    * [[https://leetcode.com/ | LeetCode]] -- The World's Leading Online Programming Learning Platform
+    * [[https://onlinejudge.org/ | Online Judge]]
+      * [[https://oj.openedu.tw/ | oj.openedu.tw]] -- powered by https://github.com/QingdaoU/OnlineJudge
+    * [[https://zerojudge.tw/ | 高中生程式解題系統]]
+\\
+===== Online Simulator Tool =====
+  * [[https://wokwi.com/ | Wokwi]] - Online Arduino and ESP32 Simulator
@@ 行 407: / 行 465: @@
 \\
-===== Remote Work Tool =====
+===== Remote Work/Chat/Meet Tool =====
   * Ref.
     * https://wfh.iii.org.tw/ -- 遠距上班軟體工具網站 by 財團法人資訊工業策進會
-  * Meeting
+  * @ Public Cloud
     * [[https://meet.google.com/ | Google Meet]]
     * [[https://www.microsoft.com/zh-tw/microsoft-teams/ | Microsoft Teams]]
       * https://teams.live.com/
-    * [[https://meet.jit.si/ | Jitsi Meet]]
+    * [[https://meet.jit.si/ | Jitsi Meet]] :!:
     * [[https://zoomnow.net/ | Zoom]]
     * [[https://u.cyberlink.com/ | U 會議]] by 訊連科技 CyberLink
+  * @ Self Hosted
+    * [[https://owncast.online/ | OwnCast]] -- a free and open source live video and web chat server for use with existing popular broadcasting software.
@@ 行 461: / 行 522: @@
       * Jupyter Notebook
       * Rodeo
-    * Library / Package / Extension / Framework :
-      * [[https://pypi.org/|PyPI]] -- The Python Package Index
-      * [[https://scrapy.org/|Scrapy]] -- An open source and collaborative framework for extracting the data you need from websites.
-      * [[http://www.celeryproject.org/|Celery]] -- an asynchronous task queue/job queue based on distributed message passing.
-      * [[https://www.djangoproject.com/|Django]] -- Django makes it easier to build better Web apps more quickly and with less code.
-        * Django REST Framework
-      * [[https://www.djongomapper.com/ | Djongo]] -- Host Django Apps on a MongoDB database.
-      * [[https://pythonturtle.academy/|Turtle]] -- The turtle has three attributes: a location, an orientation (or direction), and a pen. The pen, too, has attributes: color, width, and on/off state.
-      * [[https://www.pygame.org/|PyGame]] -- a cross-platform set of Python modules designed for writing video games. It includes computer graphics and sound libraries.
-      * [[http://www.pymunk.org/|Pymunk]] --  easy-to-use pythonic 2d physics library that can be used whenever you need 2d rigid body physics from Python.
-        * [[https://pypi.org/project/pymunk/#files|Source & Examples]]
   * Data Science
@@ 行 589: / 行 638: @@
 \\
 ==== 🔹 Visualized ====
-  * [[https://scratch.mit.edu/|Scratch 2]] (in ActionScript)
+  * [[https://scratch.mit.edu/ | Scratch]] -- the world’s largest coding community for children and a coding language with a simple visual interface.
-  * [[https://beta.scratch.mit.edu/|Scratch 3]] (in HTML5)
+  * [[https://developers.google.com/blockly/ | Blockly]] -- a library for building visual programming editors. e.g: [[https://blockly-games.appspot.com/ | Games]]
-  * [[https://developers.google.com/blockly/|Blockly]] -- a library for building visual programming editors. e.g: [[https://blockly-games.appspot.com/|Games]]
@@ 行 694: / 行 742: @@
     * Canvas
     * Flash, ActionScript, Flex
+  * True Type Font (Free Fonts) [[https://www.storm.mg/lifestyle/4444444|1]]
+    * :?:
   * Icon Font
     * Open Source:
-      * [[https://fonts.google.com/|Google Fonts]]
+      * [[https://fonts.google.com/ | Google Fonts]]
-      * [[https://material.io/icons/|Google Material Icons]]
+      * [[https://material.io/icons/ | Google Material Icons]]
-      * [[https://fontawesome.io/|Font Awesome]] - [[https://fontawesome.com/docs/web/add-icons/how-to | How-to]]、[[https://fontawesome.com/search | Search]]
+      * [[https://fontawesome.io/ | Font Awesome]]
+        * [[https://fontawesome.com/docs/web/add-icons/how-to | How-to]]
+        * [[https://fontawesome.com/search | Search]]
+        * [[https://fontawesome.com/search?m=free | Search Free and Open-source Icons]]
       * [[https://icons.getbootstrap.com/ | Bootstrap Icons]]
+        * [[https://getbootstrap.com/docs/3.3/components/#glyphicons | Components · Bootstrap Available Glyphicons]]
+        * [[https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp | Bootstrap [GlyphIcon] Components]]
       * [[https://www.typicons.com/|Typicons]]
       * [[https://octicons.github.com/|Octicons]]
@@ 行 707: / 行 763: @@
       * [[https://picons.me/|Picons]]
       * [[https://www.glyphicons.com/ | GlyphIcons]]
-        * https://getbootstrap.com/docs/3.3/components/#glyphicons
       * [[https://icomoon.io|IcoMoon]]
@@ 行 721: / 行 776: @@
     * [[https://html-color-codes.info/ | Color Code]]
     * [[https://www.goomo.net/color.html | 色碼表]]
-    * W3Schools -- [[http://www.w3schools.com/colors/colors_picker.asp | Color Picker]] / [https://www.w3schools.com/colors/colors_converter.asp | Color Converter]]、[[https://www.w3schools.com/colors/colors_brands.asp | Colors Brands]]
+    * W3Schools -- [[http://www.w3schools.com/colors/colors_picker.asp | Color Picker]] / [[https://www.w3schools.com/colors/colors_converter.asp | Color Converter]]、[[https://www.w3schools.com/colors/colors_brands.asp | Colors Brands]]
     * Adobe -- [[https://color.adobe.com/ | 色輪、調色盤產生器]]
     * Coolors -- [[https://coolors.co|Coolors.co]] -- The super fast color palettes generator!
@@ 行 751: / 行 806: @@
     * [[https://github.com/jqueryfiletree/jqueryfiletree|jQuery File Tree]]
     * [[https://getbootstrap.com/|Bootstrap]] -- Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
+    * [[https://get.foundation/ | Foundation]] -- The most advanced responsive front-end framework in the world. :!: [[https://www.tutorialspoint.com/foundation/foundation_javascript.htm|1]]
     * [[https://bootswatch.com/|Bootswatch]] -- Free themes for Bootstrap
     * [[http://www.jacklmoore.com/colorbox/|ColorBox]] -- A lightweight customizable lightbox plugin for jQuery.  It Supports photos, grouping, slideshow, ajax, inline, and iframed content.
@@ 行 771: / 行 827: @@
   * Web Application Framework
     * [[https://www.angularjs.org/|AngularJS]] -> [[https://angular.io/|Angular]] (by Google) [[https://stackify.com/angular-vs-angularjs-differences-between-angular-and-angularjs/|1]]
     * [[https://reactjs.org/|React (React.js / ReactJS)]] -- an open-source JavaScript library providing a view for data rendered as HTML.
       * [[https://jsx.github.io/|JSX]] -- a statically-typed, object-oriented programming language designed to run on modern web browsers.
     * [[https://vuejs.org/|Vue.js]] -- A progressive, incrementally-adoptable JavaScript framework for building UI on the web. Single-Page Application (SPA). [[https://vueschool.io|Vue School]]
@@ 行 784: / 行 840: @@
-  * Diagram / SVG
+  * Dynamic Table
+    * [[https://www.datatables.net/ | DataTables]] [[https://ithelp.ithome.com.tw/articles/10272439|1]]、[[https://datatables.club/|2]]
+    * [[http://tabulator.info/ | Tabulator]] [[https://ithelp.ithome.com.tw/articles/10197881|1]]
+  * Diagram / SVG / Modeling
+    * Ref.
+      * [[https://modeling-languages.com/javascript-drawing-libraries-diagrams/|20+ JavaScript libraries to draw your own diagrams (2022 edition)]]
     * Open Source
+      * [[https://www.chartjs.org | Chart.js]] -- Simple yet flexible JavaScript charting library for the modern web
+      * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents
       * [[https://google-developers.appspot.com/chart/|Google Charts]], [[http://flowchart.js.org/|FlowChart.js]], [[http://www.cubesviewer.com/|CubesViewer]], [[https://www.jointjs.com/opensource|JointJS]], [[http://knsv.github.io/mermaid/|Mermaid]]、[[https://bramp.github.io/js-sequence-diagrams/|js-sequence-diagrams]]
-      * [[https://www.chartjs.org|Chart.js]], [[https://plot.ly/javascript/|Plotly.js]]
+      * [[https://plot.ly/javascript/|Plotly.js]]
       * [[http://js.cytoscape.org/|Cytoscape.js]] (2.7.16), [[http://dmitrybaranovskiy.github.io/raphael/|Raphaël]], [[http://processingjs.org/|Processing.js]], [[http://paperjs.org/|PaperJS]]
-      * [[http://www.draw2d.org/draw2d/ | Draw2D]]、FabricJS、JsPlumb [[http://modeling-languages.com/javascript-drawing-libraries-diagrams/|☝☞]]
+      * [[http://www.draw2d.org/draw2d/ | Draw2D]]
-      * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents
+      * [[http://fabricjs.com/ | FabricJS]]
+      * [[https://jsplumbtoolkit.com/ | JsPlum]]
       * Family Tree @GitHub
         * [[https://github.com/trongthanh/family-tree | Trans Family Tree]] -- Draws a family tree in a descendant chart format (all descendants of an individual). The Tree is stored in author-friendly YAML format.
@@ 行 801: / 行 867: @@
       * [[http://gojs.net/|GoJS]] -- Interactive JavaScript Diagrams in HTML
       * [[https://www.jointjs.com/|Rappid]], Mxgraph
+      * [[https://www.amcharts.com/ | amCharts]] -- JavaScript Charts & Maps Programming library for all your data visualization needs.
   * Graphics / Animation / Game
@@ 行 812: / 行 878: @@
 ==== 🔹 Mobile Apps ====
   * [[https://flutter.dev/ | Flutter]] -- an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.
+  * [[https://ionicframework.com/ | Ionic Framework]] -- Cross-Platform Mobile App Development: in Angular, Vue, React.
+    * [[https://capacitorjs.com/ | Capacitor by Ionic]] - Cross-platform apps with web technology
   * [[https://reactnative.dev/ | React Native]] -- an open-source mobile application framework created by Facebook.  It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP.
+    * [[https://expo.dev/ | Expo]] -- Build one project that runs natively on all your users' devices
   * [[https://cordova.apache.org/|Apache Cordova]] - Mobile apps with HTML, CSS & JS. Target multiple platforms with one code base. Free and open source.
   * [[http://phonegap.com/|Adobe PhoneGap]]
     * jQuery Mobile, Dojo Mobile, Sencha Touch
   * [[http://appinventor.mit.edu/|App Inventor]] -- a web application integrated development environment originally provided by Google, and now maintained by the MIT.  It allows newcomers to computer programming to create application software (apps) for two operating systems (OS): Android, and iOS.
   * [[https://thunkable.com/|Thunkable]] -- enables anyone to create beautiful and powerful mobile apps.
@@ 行 868: / 行 943: @@
 \\
 ==== 🔹 Others ====
-  * PHP
+=== PHP ===
     * [[http://noeticforce.com/best-php-frameworks-for-modern-web-development|Framework]]
-      * [[https://laravel.com/|Laravel]], [[http://www.codeigniter.com/|CodeIgniter 3.0]], [[http://www.yiiframework.com/|Yii 2.0]]
+      * [[https://laravel.com/|Laravel]], [[http://www.codeigniter.com/|CodeIgniter]], [[http://www.yiiframework.com/|Yii]]
-      * [[https://symfony.com/|Symfony2]], [[https://nette.org/|Nette 2.3]], [[http://framework.zend.com/|Zend 2]], [[https://github.com/top-think|ThinkPHP]]
+      * [[https://symfony.com/|Symfony]], [[https://nette.org/|Nette]], [[http://framework.zend.com/|Zend]], [[https://github.com/top-think|ThinkPHP]]
       * [[https://www.slimframework.com|Slim Framework]] -- Slim is a PHP micro framework that helps you quickly write simple yet powerful web applications and APIs.
     * Class Library
@@ 行 878: / 行 953: @@
       * FastTemplate, TinyButStrong, Smarty
-  * Python
+\\
-    * [[https://en.wikipedia.org/wiki/Web_Server_Gateway_Interface | WSGI]] -- Web Server Gateway Interface
+=== Python ===
-      * [[https://www.python.org/dev/peps/pep-3333/ | Python Web Server Gateway Interface]] -- Web Application Framework
+  * [[https://en.wikipedia.org/wiki/Web_Server_Gateway_Interface | WSGI]] -- Web Server Gateway Interface
-        * [[https://www.djangoproject.com/ | Django]]
+    * [[https://www.python.org/dev/peps/pep-3333/ | Python Web Server Gateway Interface]] -- Web Application Framework
-        * [[https://flask.palletsprojects.com/ | Flask]] - [[https://flask.palletsprojects.com/en/1.1.x/extensions/|Extensions]]
-        * [[https://flask-restful.readthedocs.io/ | Flask-RESTful]] -- an extension for Flask that adds support for quickly building REST APIs. [[https://ithelp.ithome.com.tw/articles/10202886|1]]
+  * Web Apps
+    * [[https://flask.palletsprojects.com/ | Flask]] - [[https://flask.palletsprojects.com/en/1.1.x/extensions/|Extensions]]
+      * [[https://flask-restful.readthedocs.io/ | Flask-RESTful]] -- an extension for Flask that adds support for quickly building REST APIs. [[https://ithelp.ithome.com.tw/articles/10202886|1]]
+    * [[https://www.djangoproject.com/|Django]]
+      * Django makes it easier to build better Web apps more quickly and with less code.
+      * Django REST Framework
+      * [[https://www.djongomapper.com/ | Djongo]] -- Host Django Apps on a MongoDB database.
+  * SocketIO
     * [[https://github.com/miguelgrinberg/python-socketio | python-socketio]]
       * [[http://python-socketio.readthedocs.io/en/latest/ | Documentation]]
     * [[https://github.com/miguelgrinberg/Flask-SocketIO | Flask-SocketIO]]
-  * Microsoft
+  * Library / Package / Extension / Framework :
-    * ASP, ASP.Net
+    * [[https://pypi.org/|PyPI]] -- The Python Package Index
-      * SignalR (by WebSocket)
+    * [[https://scrapy.org/|Scrapy]] -- An open source and collaborative framework for extracting the data you need from websites.
+    * [[http://www.celeryproject.org/|Celery]] -- an asynchronous task queue/job queue based on distributed message passing.
+    * [[https://pythonturtle.academy/|Turtle]] -- The turtle has three attributes: a location, an orientation (or direction), and a pen. The pen, too, has attributes: color, width, and on/off state.
+    * [[https://www.pygame.org/|PyGame]] -- a cross-platform set of Python modules designed for writing video games. It includes computer graphics and sound libraries.
+    * [[http://www.pymunk.org/|Pymunk]] --  easy-to-use pythonic 2d physics library that can be used whenever you need 2d rigid body physics from Python.
+      * [[https://pypi.org/project/pymunk/#files|Source & Examples]]
+\\
+=== Microsoft ===
+  * ASP, ASP.Net
+    * SignalR (by WebSocket)
@@ 行 927: / 行 1021: @@
     * [[https://httpd.apache.org/|Apache httpd]]
     * [[http://www.iis.net/|Microsoft IIS]] (Internet Information Services)
-    * [[http://nginx.org/|NginX 1.12]]
+    * [[https://www.nginx.org/|NGINX]]
     * [[https://www.litespeedtech.com/products/litespeed-web-server | LiteSpeed Web Server]]
@@ 行 1080: / 行 1174: @@
     * [[https://www.dbvis.com|DbVisualizer]]
     * [[http://www.squirrelsql.org/|SQuirreL SQL Client]]
-    * [[https://www.navicat.com/|Navicat]]
+    * [[https://www.navicat.com/|Navicat]] (for SQL, Redis, MongoDB, ...)
     * [[https://robomongo.org/|RoboMongo]]
@@ 行 1169: / 行 1263: @@
   * Open Source
-    * [[http://www.opencms.org/|OpenCms]] 10.5 @java - a professional, easy to use website content management system.
+    * [[https://wordpress.org/|WordPress]] @php - web software you can use to create a beautiful website, blog, or app.
+    * [[https://www.joomla.org/|Joomla!]] @php -  an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications.
+    * [[https://www.drupal.org/|Drupal]] @php - content management platform
+    * [[http://www.opencms.org/|OpenCms]] @java - a professional, easy to use website content management system.
     * [[https://www.apereo.org/projects/uportal|uPortal]] @java, by Apereo (formerly Jasig) - enterprise portal framework built by and for the higher education community
-    * [[https://plone.org/|Plone CMS]] 5.0 @python - A powerful, flexible Content Management Solution that is easy to install, use and extend.
+    * [[https://plone.org/|Plone CMS]] @python - A powerful, flexible Content Management Solution that is easy to install, use and extend.
-    * [[https://wordpress.org/|WordPress]] 4.6 @php - web software you can use to create a beautiful website, blog, or app.
-    * [[https://www.drupal.org/|Drupal]] 8 @php - content management platform
-    * [[https://www.joomla.org/|Joomla!]] 3.6 @php -  an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications.
     * [[https://www.openkm.com/|OpenKM Community]] @java - Document Management System
     * [[https://www.alfresco.com/products/enterprise-content-management/community|Alfresco ECM - Alfresco Community Edition]]
@@ 行 1180: / 行 1274: @@
   * Commercial Product
+    * [[https://business.adobe.com/tw/products/magento/magento-commerce.html | Adobe Magento]]
     * [[http://www.ibm.com/analytics/us/en/technology/enterprise-content-management/|IBM Enterprise Content Management]]
     * Oracle WebCenter Portal
@@ 行 1225: / 行 1320: @@
 \\
-===== Email Server Protection =====
+===== Email System Protection =====
   * 說明
     * [[https://www.richesinfo.com.tw/index.php/mxmail/mxmail-faq/267-dkim-dmarc | 為郵件系統安全把關，新增 SPF, DKIM 和 DMARC 設定以避免有心人士的釣魚攻擊]]
@@ 行 1238: / 行 1333: @@
   * DMARC (Domain-based Message Authentication, Reporting & Conformance) -- 用來輔助 SPF 與 DKIM 的不足
     * [[https://dmarc.org/ | DMARC.org]]
-    * DMARC Record [[https://wpmailsmtp.com/how-to-create-dmarc-record/#what|1]]
+    * DMARC Record [[https://wpmailsmtp.com/how-to-create-dmarc-record/#what|1]]、[[https://support.google.com/a/answer/2466563?hl=zh-Hant|2]]
   * Anti-SPAM
@@ 行 1298: / 行 1393: @@
   * UNIX
-    * HP-UX 11i
+    * HP-UX
-    * IBM AIX 7.2
+    * IBM AIX
   * Linux
-    * Oracle Linux 7.3
+    * Oracle Linux
-    * Red Hat Enterprise Linux 7.3
+    * Red Hat Enterprise Linux
-    * [[https://getfedora.org/|Fedora]] 26, [[https://www.centos.org/|CentOS]] 7
+    * [[https://getfedora.org/|Fedora]], [[https://www.centos.org/|CentOS]]
-    * [[https://www.suse.com/|SUSE]], [[https://www.opensuse.org/|OpenSUSE]] Leap 42.3
+    * [[https://www.suse.com/|SUSE]], [[https://www.opensuse.org/|OpenSUSE]] Leap
     * [[https://www.ubuntu.com/|Ubuntu]]
-    * [[https://www.debian.org/|Debian]] 10.1
+    * [[https://www.debian.org/|Debian]]
   * Apple
-    * MAC OS 10.11.2
+    * MAC OS
-    * iOS 9.3
+    * iOS
   * Microsoft
     * DOS
-    * Windows 95/98/XP/Vista/7/8/10
+    * Windows 95/98/XP/Vista/7/8/10/11
-    * Microsoft Windows Server NT/2000/2003/2008/2012/2016
+    * Microsoft Windows Server NT/2000/2003/2008/2012/2016/2019/2022
   * Google
@@ 行 1379: / 行 1474: @@
         * Multicloud
-  * Public Cloud platform
+  * Public Cloud platform [[https://www.hostingadvice.com/how-to/best-ubuntu-hosting-services/|1]]、[[https://en.wikipedia.org/wiki/Cloud-computing_comparison|2]]
     * [[https://cloud.google.com/|GCP (Google Cloud Platform)]]
     * [[https://azure.microsoft.com/|Microsoft Azure]]
@@ 行 1386: / 行 1481: @@
     * [[https://www.openshift.com/|Red Hat OpenShift]] - PaaS, built on Docker and Kubernetes
     * [[https://cloud.oracle.com/|Oracle Cloud Computing]]
-    * [[https://www.digitalocean.com/|DigitalOcean]]
+    * [[https://www.kamatera.com/ | Kamatera]]  -- [[https://www.kamatera.com/pricing/ | Pricing]] :!:
-    * [[https://www.cloudbric.com/pricing/|Cloudbric]] (4GB Free)
+    * [[https://www.digitalocean.com/ | DigitalOcean]] -- [[https://www.digitalocean.com/pricing | Pricing]]
+    * [[https://www.hostinger.com/ | Hostinger]]
+    * [[https://www.interserver.net/vps/ | InterServer]] -- [[https://www.interserver.net/vps/ | Pricing]]
+    * [[https://www.cloudbric.com/ | CloudBric]]
+    * [[https://www.a2hosting.com/ | A2 Hosting]] -- [[https://www.a2hosting.com/vps-hosting/ | Pricing]]
+    * [[https://www.godaddy.com/ | GoDaddy]] --
+    * [[https://www.hostgator.com/ | HostGator]]
   * Serverless
@@ 行 1468: / 行 1570: @@
   * Web Storage / Cloud Storage
     * Open Source
+      * [[https://nextcloud.com/|NextCloud]] -- Online collaboration platform
       * [[https://owncloud.org/|ownCloud]] -- a suite of client–server software for creating and using file hosting services. ownCloud functionally has similarities to the widely used Dropbox.
     * Commercial
@@ 行 1511: / 行 1614: @@
     * DHCP
     * VPN / IPSec
+      * [[https://openvpn.net/ | OpenVPN]]
     * NLB (Network Load Balance)
@@ 行 1522: / 行 1626: @@
       * Linux: SELinux, iptables
     * Software
-      * Open Source: [[https://www.pfsense.org/|pfSense]], ClearOS, DD-WRT, Untangle, ZeroShell, Endian, Smoothwall Express.
+      * Open Source:
+        * [[https://www.pfsense.org/|pfSense]]
+        * ClearOS, DD-WRT, Untangle, ZeroShell, Endian, Smoothwall Express.
   * SDN (Software-Defined Networking)
@@ 行 1666: / 行 1772: @@
   * EDA (Electronic Design Automation)
     * [[https://kicad-pcb.org/|KiCad EDA]] -- a free software suite for electronic design automation (EDA). It facilitates the design of schematics for electronic circuits and their conversion to PCB designs.
+  * [[https://en.wikipedia.org/wiki/USB | USB (Universal Serial Bus)]]
+    * Ref: [[https://www.sct.com.tw/zh-tw-articles/usb-c-introduction-everything-you-need-to-know | 1]]((Type C 除了充電還有哪些規格？筆電也通？充電／影音／頻寬各項應用解析))、[[https://shopee.tw/product/6818608/18741451735 | 2]]((FIBBR USB-C5 USB 3.1 Gen1 Type C to Type C 光纖數據線 5m))
@@ 行 1671: / 行 1780: @@
 === Microcontroller (微控制器/微控板) ===
   * [[https://microbit.org/|BBC micro:bit]]
-      * Software:
+    * Software:
       * [[https://makecode.microbit.org/|Microsoft MakeCode for micro:bit]]
       * [[https://python.microbit.org/|Micro:bit - Python editor]]
   * [[https://www.arduino.cc/|Arduino]]
-      * Software:
+    * Software:
       * [[https://www.arduino.cc/en/Main/Software|IDE]]
       * [[https://mediatek-labs.github.io/BlocklyDuino-for-LinkIt/blockly/apps/blocklyduino/|LinkIt 7697 BlockyDuino Editor]]
       * [[https://code.makewitharduino.com/|BlocklyDuino Editor]]
-      * Hardware:
+    * Hardware:
       * [[https://www.arduino.cc/en/Main/Products|Arduino]]
           * Nano, Nano 33 IoT, Uno Rev3, Mega 2560 Rev3, Micro, Leonardo, MRK ...
@@ 行 1691: / 行 1800: @@
 \\
-=== Single-Board Computer (單板電腦) / Autonomous Machines / AIoT Edge Computing ===
+=== Single-Board Computer (SBC 單板電腦) / Autonomous Machines / AIoT Edge Computing ===
   * [[https://devblogs.nvidia.com/jetson-nano-ai-computing/|Benchmarks Comparison]]
@@ 行 1721: / 行 1830: @@
 ==== 🔹 SSL Certificate ====
   * CA (Certificate Authority) -- stores, issues and signs the digital certificates.
-    * Free:
-      * [[https://freessl.org/ | FreeSSL]] :!:
-      * [[https://www.sslforfree.com | SSL for Free / ZeroSSL]]
-      * [[https://letsencrypt.org|Let's Encrypt]] / [[https://letsencrypt.org/zh-tw/getting-started/|TW]]
-        * [[https://certbot.eff.org/|CertBot]]
-          * https://certbot.eff.org/docs/install.html
-          * https://certbot.eff.org/docs/using.html#manual
-          * https://certbot.eff.org/lets-encrypt/centosrhel8-apache
-    * Commercial:
-      * TWCA, Verisign, Symantec, Google Internet Authority G2, ...
   * RA (Registration Authority) -- verifies the identity of entities requesting their digital certificates to be stored at the CA, usually called a subordinate CA.
   * VA (Validation Authority)
+  * Apply SSL <WRAP>
+  * Free:
+    * [[https://letsencrypt.org|Let's Encrypt]] / [[https://letsencrypt.org/zh-tw/getting-started/|TW]] [[https://snippetinfo.net/mobile/media/1752|1]]
+    * [[https://certbot.eff.org/|CertBot]] [[https://noob.tw/certbot/|1]]、[[https://blog.miniasp.com/post/2021/02/11/Create-SSL-TLS-certificates-from-LetsEncrypt-using-Certbot|2]] :!:
+      * https://certbot.eff.org/docs/install.html
+      * https://certbot.eff.org/docs/using.html#manual
+      * https://certbot.eff.org/lets-encrypt/centosrhel8-apache
+    * [[https://freessl.org/ | FreeSSL]] :!:
+    * [[https://www.sslforfree.com | SSL for Free / ZeroSSL]]
+  * Commercial:
+    * [[https://www.ssls.com/ | Cheap SSL Certificates ($3.75)]] :!:
+    * TWCA, Verisign, Symantec, Google Internet Authority G2, ...
+</WRAP>
@@ 行 1897: / 行 2013: @@
       * SecureAuth IdP
       * PerfectCloud SmartSignin
+  * JWT (JSON Web Token) [[https://5xruby.tw/posts/what-is-jwt|1]] \\ -- an open, industry standard RFC 7519 method for representing claims securely between two parties.
+    * [[https://jwt.io/ | jwt.io]] -- allows you to decode, verify and generate JWT
   * Others
@@ 行 1953: / 行 2072: @@
 \\
+==== 🔹 Digital Marketplace Platform ====
+  * [[https://gumroad.com/ | Gumroad]] -- a self-publishing digital marketplace platform to sell digital services such as books, memberships, courses and other digital services.
+\\
 ===== Enterprise Application =====
   * SCM (Supply Chain Management)
@@ 行 2064: / 行 2187: @@
   * [[http://freeboard.io/|freeboard.io]] -- Visualize the Internet of Things. Ridiculously simple dashboards for your devices.
     * [[https://github.com/Freeboard/freeboard|freeboard]] -- GitHub Source
+\\
+==== 🔹 Messaging / Message Queue / Broker ====
+  * [[https://kafka.apache.org/ | Apache Kafka]]
+  * [[https://activemq.apache.org/ | Apache ActiveMQ]]
+  * [[https://www.rabbitmq.com/ | RabbitMQ]]
+  * IBM MQ
+  * Amazon SQS
+  * Zookeeper
+  * Mosquitto
+  * [[https://redis.io/ | Redis]]
 \\
@@ 行 2077: / 行 2213: @@
 \\
 ==== 🔹 Tool / Software ====
-  * [[https://nodered.org/ | Node-RED]] (by IBM)
+  * [[https://nodered.org/ | Node-RED]] (by IBM) -- a programming tool for wiring together hardware devices, APIs and online services in new and interesting ways.
   * [[https://en.wikipedia.org/wiki/On-board_diagnostics | OBD]] (On-Board Diagnostic) 車載自動診斷系統
 \\
-===== Home Automation =====
+===== Smart Home / Home Automation =====
-  * Open Source
+  * Connectivity Standard
-    * [[https://www.openhab.org/|openHAB]] (Open Home Automation Bus) -- an technology agnostic home automation platform which runs as the center of your smart home!
+    * [[https://csa-iot.org/all-solutions/matter/ | Matter]]  [[https://en.wikipedia.org/wiki/Matter_(standard) | 1]], [[https://www.androidpolice.com/matter-smart-home-standard-explained/ | 2]]
+  * Open Source / On-Premise
     * [[https://www.home-assistant.io/|Home Assistant]] ([[https://github.com/home-assistant|GitHub]])-- home automation that puts local control and privacy first. Powered by a worldwide community of tinkerers and DIY enthusiasts. Perfect to run on a Raspberry Pi or a local server.
-    * [[http://www.domoticz.com/ | Domoticz]] -- a very light weight home automation system that lets you monitor and configure miscellaneous devices.
+    * [[https://www.openhab.org/|openHAB]] (Open Home Automation Bus) -- an technology agnostic home automation platform which runs as the center of your smart home!
-  * Commercial
+    * [[https://www.domoticz.com/ | Domoticz]] -- a very light weight home automation system that lets you monitor and configure miscellaneous devices.
-    * [[https://assistant.google.com/ | Google Assistant]]
+  * Commercial / Cloud
+    * [[https://assistant.google.com/ | Google Home]]
     * [[https://www.apple.com/ios/home/ | Apple HomeKit]]
+    * [[https://alexa.amazon.com/ | Amazon Alexa]]
+  * Others
+    * [[https://hoobs.com/ | HOOBS]]
@@ 行 2137: / 行 2281: @@
     * [[https://www.maptiler.com/|MapTiler]]
     * [[https://www.mapbox.com/|MapBox]]
+    * [[https://locationiq.com/maps | LocationIQ]] -- [[https://maps.locationiq.com/#13.7/25.05422/121.56165 | @Taipei]]
+    * [[https://docs.carto.com/carto-user-manual/maps | CARTO]]
     * TomTom
     * HERE
@@ 行 2202: / 行 2348: @@
     * [[https://www.runoob.com/|RUNOOB 菜鳥教程]]-- 學的不僅是技術，更是夢想！
     * [[https://www.programiz.com/|Programiz]] -- Beginner Friendly Tutorials for Programmers: Python,  C/C++, Java, Kotlin, Swift, R, DS & Algorithms.
-    * [[https://leetcode.com/|LeetCode]] -- The World's Leading Online Programming Learning Platform
     * Linux: [[https://man.linuxde.net/|Linux命令大全]]、[[http://linux.vbird.org/|鳥哥的 Linux 私房菜]]
@@ 行 2241: / 行 2386: @@
   * Data Visualization
     * JavaScript
-      * [[https://d3js.org/|D3.js]] -- based on data manipulation documentation. D3 combines powerful visualization components with data-driven DOM manipulation methods.
+      * [[https://www.chartjs.org | Chart.js]] -- Simple yet flexible JavaScript charting library for the modern web
+      * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents based on data manipulation documentation. D3 combines powerful visualization components with data-driven DOM manipulation methods.
         * [[https://observablehq.com/|Observable]] -- the magic notebook for exploring data and thinking with code.
           * [[https://observablehq.com/@d3/gallery|Gallery / D3 / Observable]]
@@ 行 2266: / 行 2412: @@
 \\
 ===== AI / Machine Learning =====
-==== 🔹 Theory ====
+==== 🔹 AI Theory ====
   * [[https://en.wikipedia.org/wiki/Artificial_intelligence|Artificial Intelligence (AI)]]
@@ 行 2314: / 行 2460: @@
-==== 🔹 Application ====
+==== 🔹 AI Application ====
   * [[https://en.wikipedia.org/wiki/Pattern_recognition|Pattern Recognition]]
@@ 行 2350: / 行 2496: @@
     * Car Identification System
     * License Plate Detection & Recognition
-  * Chatbot @SaaS
-    * [[https://manychat.com/|ManyChat]]
-    * [[https://www.chatisfy.com/|CHATISFY]]
   * Chess / Game
@@ 行 2369: / 行 2511: @@
-==== 🔹 Framework / Library ====
+==== 🔹 AI Framework / Library ====
   * [[https://developer.apple.com/documentation/coreml|Core ML]] (by Apple) -- integrate trained machine learning models into app.
   * [[https://www.tensorflow.org/|TensorFlow]] - an open-source software library for dataflow programming across a range of tasks. It is a symbolic math library, and also used for machine learning applications such as neural networks.
@@ 行 2390: / 行 2532: @@
   * XGBoost
   * LIBSVM
+  * JavaScript Library
+    * P5.js ~ a friendly tool for learning to code and make art.
+      * https://p5js.org/
+      * https://editor.p5js.org/
+    * ML5.js ~ Friendly Machine Learning for the Web
+      * https://ml5js.org/
+\\
+==== 🔹 AI Cloud Service ====
+  * Research
+    * [[https://openai.com/ | OpenAI]] -- is an AI research and deployment company. Our mission is to ensure that artificial general intelligence benefits all of humanity.
+      * [[https://openai.com/api/ | OpenAI API]] -- Build next-gen apps with OpenAI’s powerful models.
+        * [[https://beta.openai.com/examples/ | Example]]、[[https://beta.openai.com/overview | Overview]]
+  * Speech Recognition & Translation
+    * [[https://openai.com/blog/whisper/ | Whisper]]
+  * General ChatBot
+    * [[https://chat.openai.com/ | ChatGPT]] :!:
+  * Business ChatBot
+    * [[https://manychat.com/ | ManyChat]]
+    * [[https://www.chatisfy.com/ | CHATISFY]]
+  * Text to Image AI Generator
+    * [[https://www.midjourney.com/ | Midjourney]] :!:
+    * [[https://dream.ai/ | Dream by Wombo]]
+    * [[https://stablediffusionweb.com/ | Stable Diffusion]]
+    * 美圖秀秀
+    * [[https://openai.com/dall-e-2/ | DALL·E 2]]
+    * [[https://deepdreamgenerator.com/ | Deep Dream Generator]]
+    * [[https://deepai.org/machine-learning-model/text2img | DeepAI]]
+    * [[https://hotpot.ai/art-generator | Hotpot]]
+    * [[https://www.fotor.com/features/ai-image-generator/ | Fotor]]
+    * [[https://www.craiyon.com/ | Craiyon]]
+    * [[https://picsart.com/ai-image-generator | Picsart]]
+    * [[https://nightcafe.studio/ | NightCafe]]
+    * [[https://ai.northestcloud.com/ | 北極AI繪圖王 (Northest AI Draw Tool)]]
+  * Collaborative (協作) AI Image Generator
+    * [[https://www.artbreeder.com/ | Artbreeder (Ganbreeder)]] -- brings creativity and collaboration
+  * AI Writer
+    * [[http://jiuge.thunlp.org/ | 九歌 ~ 人工智能詩歌寫作系統]]
+    * [[https://poem.xiaoice.com/ | 少女詩人小冰 ~ 讓小冰替你創作詩歌初稿]]
@@ 行 2408: / 行 2596: @@
 \\
-===== Blockchain / FinTech =====
+===== Blockchain =====
   * [[https://www.ithome.com.tw/article/105368|Blockchain]]
     * 定義
@@ 行 2423: / 行 2611: @@
       - 病例、生產履歷
+  * [[https://lbry.com/ | LBRY]] -- a blockchain-based file-sharing and payment network that powers decentralized platforms, primarily social networks and video platforms. [[https://en.wikipedia.org/wiki/LBRY|1]]
+\\
+===== FinTech =====
   * Robo-Advisor / Program Trading
     * 股市/期貨 程式自動下單
@@ 行 2432: / 行 2625: @@
   * [[https://zh.wikipedia.org/wiki/元宇宙 | Metaverse 元宇宙]]
   * [[https://www.fetnet.net/accelerator/index.html | 遠傳5G元宇宙加速器]]
+\\
+===== Virtual Reality =====
+  * VR (Virtual Reality) 虛擬實境 - VR replaces your whole worldview with a simulation in some way or another.
+  * AR (Augmented Reality) 擴增實境 - AR is any sort of computer-based system that overlays data on top of your current view of the world, while continuing to let you see the world around you.
+  * MR (Mixed Reality) 混合實境 - MR seamlessly integrates digital objects into your world making it look as if they are really there.
+  * SR (Substitutional Reality) 替代實境
+  * Comparison: [[https://qph.fs.quoracdn.net/main-qimg-58e2bd8b6b7ac957820d9a47f02ba4bf-c|1]]、[[https://media.giphy.com/media/pragpMzG8nMoE/giphy.gif|2]]
+  * Editor
+    * [[https://www.makerar.com/|MAKAR]] -- AR/VR Editor
+  * 3D Projection
+    * Holographic Projection 全息投影技術
+      * front-projected holographic display
+    * Pepper's Ghost 佩珀爾幻象
+    * 邊緣消隱
+\\
+===== Custom Virtual Space =====
+  * Video Conference
+    * [[http://www.minecraft.net/ | Minecraft]] -- In Minecraft, players explore a blocky, procedurally generated 3D world with virtually infinite terrain, and may discover and extract raw materials, craft tools and items, and build structures, earthworks and simple machines.
+  * Game
+    * [[https://www.gather.town/ | Gather Town]] -- Centered around fully customizable spaces, Gather makes spending time with your communities just as easy as real life
 \\
 ===== Multimedia =====
+  * Publishing and Typesetting
+    * Commercial
+      * [[https://www.adobe.com/products/indesign.html|Adobe InDesign]]
+    * Open Source
+  * DAW (Digital Audio Workstation)
+    * Open Source
+      * [[http://www.warmplace.ru/soft/pixitracker/|PixiTracker]]
   * HDRI (High-Dynamic-Range Imaging)
     * Gallery: [[https://hdrihaven.com/hdris/| https://hdrihaven.com/|HDRI Haven]]
@@ 行 2449: / 行 2679: @@
     * Commercial
       * [[https://www.adobe.com/products/illustrator.html|Adobe Illustrator]]
+      * [[https://www.figma.com/ | Figma]] -- a vector graphics editor and prototyping tool  [[https://hahow.in/courses/5ee4d65789dc7e4854909ba1/main|1]]
+      * [[https://pixlr.com/editor/|Pixlr editor]], [[https://pixlr.com/x/|Pixlr x]] -- free in-browser editor
     * Open Source
       * [[https://inkscape.org/|Inkscape]] -- a professional vector graphics editor for Linux, Windows and macOS. It's free and open source.
@@ 行 2455: / 行 2687: @@
       * Vectr -- a slimline vector editor available for your browser or desktop
       * SVG-Edit -- A straightforward Illustrator alternative for web developers
-      * [[https://pixlr.com/editor/|Pixlr editor]], [[https://pixlr.com/x/|Pixlr x]] -- free in-browser editor
-  * Publishing and Typesetting
+  * Photo-to-Video :?:
-    * Commercial
+    * [[https://www.canva.com/zh_tw/ | Canva]]
-      * [[https://www.adobe.com/products/indesign.html|Adobe InDesign]]
-    * Open Source
-  * DAW (Digital Audio Workstation)
-    * Open Source
-      * [[http://www.warmplace.ru/soft/pixitracker/|PixiTracker]]
   * Video / Streaming Editing
     * Commercial
       * [[https://www.cyberlink.com/products/powerdirector-video-editing-software/features_en_US.html|CyberLink PowerDirector]]
-    * Open Source
+    * Open Source  [[https://www.lifewire.com/best-open-source-video-editing-software-4590219|1]]
       * [[https://obsproject.com/ | OBS Studio]] -- Open Broadcaster Software, a free and open-source cross-platform streaming and recording program built with Qt and maintained by the OBS Project.
+      * [[https://shotcut.org/ | Shotcut]]
+      * [[https://www.openshot.org/ | OpenShot]]
+      * [[https://github.com/ozmartian/vidcutter | VidCutter @ Github]]
   * Video Streaming [[https://github.com/Rashomon511/MyBlog/issues/54|1]],[[https://codertw.com/程式語言/665333/|2]]
@@ 行 2477: / 行 2705: @@
     * RTSP (Real-Time Stream Protocol)
     * WebRTC (Web Real-Time Communication)
+  * Video Broadcasting Services
+    * [[https://www.youtube.com/ | YouTube]] -- online video sharing and social media platform.
+    * [[https://odysee.com/ | OdySee]] -- an open-source video-sharing platforms built on LBRY, have been described as decentralized alternatives to YouTube.
+    * [[https://joinpeertube.org/ | PeerTube]] -- aspires to be a decentralized and free/libre alternative to video broadcasting services. :!:
   * IP Camera
@@ 行 2512: / 行 2745: @@
     * [[https://www.unrealengine.com/|Unreal Engine 4]]
     * [[https://store.steampowered.com/about/|Steam]]
+    * [[https://gallery.styly.cc/ | Styly]] (Run in Browser)
-  * 3D Modeling, Animation, and Rendering Software
+  * 3D Modeling Editor / Animation and Rendering Software
     * [[https://www.autodesk.com/products/3ds-max/overview|Autodesk 3DS MAX]] -- helps you create massive worlds in games, stunning scenes for design visualization, and engaging virtual reality experiences.
     * [[https://www.autodesk.com/products/maya/overview|Autodesk MAYA]] -- provides an integrated, powerful toolset. Use it for animation, environments, motion graphics, virtual reality, and character creation.
     * [[https://www.maxon.net/en/products/cinema-4d|Maxon Cinema 4D (C4D)]] --  the fastest and easiest-to-use 3D animation solution.
       * [[https://www.c4dzone.com/|C4D Community]]
+    * [[https://www.blender.org/ | Blender]] :!: -- a free and open-source 3D computer graphics software toolset used for creating animated films, visual effects, art, 3D-printed models, motion graphics, interactive 3D applications, virtual reality, and, formerly, video games.
+      * [[https://blenderartists.org/ | Blender Artists Community]] --The home of the Blender 3D community.
-  * 3D Modeling Download
+  * 3D Modeling Viewer / Characters Download
     * [[https://www.mixamo.com/ | Mixamo]] -- Animate 3D characters for games, film, and more.
     * [[https://sketchfab.com/ | Sketchfab]] -- The best 3D viewer on the web
+    * [[http://www.makehumancommunity.org/ | MakeHuman]] :!: --  a free and open source 3D computer graphics middleware designed for the prototyping of photorealistic humanoids.
   * 3D Community / Library / Files Download
@@ 行 2556: / 行 2793: @@
 \\
-===== Virtual Reality =====
-  * VR (Virtual Reality) 虛擬實境 - VR replaces your whole worldview with a simulation in some way or another.
-  * AR (Augmented Reality) 擴增實境 - AR is any sort of computer-based system that overlays data on top of your current view of the world, while continuing to let you see the world around you.
-  * MR (Mixed Reality) 混合實境 - MR seamlessly integrates digital objects into your world making it look as if they are really there.
-  * SR (Substitutional Reality) 替代實境
-  * Comparison: [[https://qph.fs.quoracdn.net/main-qimg-58e2bd8b6b7ac957820d9a47f02ba4bf-c|1]]、[[https://media.giphy.com/media/pragpMzG8nMoE/giphy.gif|2]]
-  * Editor
-    * [[https://www.makerar.com/|MAKAR]] -- AR/VR Editor
-  * 3D Projection
-    * Holographic Projection 全息投影技術
-      * front-projected holographic display
-    * Pepper's Ghost 佩珀爾幻象
-    * 邊緣消隱
-\\
 ===== Education =====
   * STEAM fields -- Science, Technology, Engineering, Art, and Mathematics.