差異處

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

--- open:itroadmap [2022/12/31 10:46]
wenchin [IT Roadmap - 資訊技術應用學習地圖]
+++ open:itroadmap [2024/09/22 19:48] (目前版本)
@@ 行 1: / 行 1: @@
 ====== IT Roadmap - 資訊技術應用 學習地圖 ======
-<text type="info">Last Updated @ 2022/12/31</text>
+<text type="info">Last Updated @ 2024/09/22</text>
@@ 行 231: / 行 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.
@@ 行 261: / 行 261: @@
 \\
 ===== 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.
@@ 行 313: / 行 314: @@
     * [[https://atom.io/|Atom]]
     * [[http://www.pspad.com/|PSPad]]
   * IDE
@@ 行 328: / 行 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
@@ 行 459: / 行 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.
@@ 行 733: / 行 742: @@
     * Canvas
     * Flash, ActionScript, Flex
+  * True Type Font (Free Fonts) [[https://www.storm.mg/lifestyle/4444444|1]]
+    * :?:
   * Icon Font
@@ 行 794: / 行 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.
@@ 行 836: / 行 849: @@
       * [[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]]
-      * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents
       * [[http://fabricjs.com/ | FabricJS]]
       * [[https://jsplumbtoolkit.com/ | JsPlum]]
@@ 行 931: / 行 945: @@
 === 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
@@ 行 1007: / 行 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]]
@@ 行 1160: / 行 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]]
@@ 行 1249: / 行 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]]
@@ 行 1260: / 行 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
@@ 行 1378: / 行 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
@@ 行 1459: / 行 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]]
@@ 行 1466: / 行 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
@@ 行 1548: / 行 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
@@ 行 1603: / 行 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)
@@ 行 1747: / 行 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))
@@ 行 1752: / 行 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 ...
@@ 行 1985: / 行 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
@@ 行 2156: / 行 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]]
 \\
@@ 行 2169: / 行 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) 車載自動診斷系統
@@ 行 2178: / 行 2222: @@
     * [[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
+  * Open Source / On-Premise
-    * [[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://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]]
@@ 行 2232: / 行 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
@@ 行 2335: / 行 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]]
@@ 行 2360: / 行 2412: @@
 \\
 ===== AI / Machine Learning =====
-==== 🔹 Theory ====
+==== 🔹 AI Theory ====
   * [[https://en.wikipedia.org/wiki/Artificial_intelligence|Artificial Intelligence (AI)]]
@@ 行 2408: / 行 2460: @@
-==== 🔹 Application ====
+==== 🔹 AI Application ====
   * [[https://en.wikipedia.org/wiki/Pattern_recognition|Pattern Recognition]]
@@ 行 2444: / 行 2496: @@
     * Car Identification System
     * License Plate Detection & Recognition
-  * Chatbot @SaaS
-    * [[https://manychat.com/|ManyChat]]
-    * [[https://www.chatisfy.com/|CHATISFY]]
   * Chess / Game
@@ 行 2463: / 行 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.
@@ 行 2485: / 行 2533: @@
   * 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/
 \\
-==== 🔹 Cloud Service ====
+==== 🔹 AI Cloud Service ====
-  * [[https://openai.com/ | OpenAI]] -- is an AI research and deployment company. Our mission is to ensure that artificial general intelligence benefits all of humanity.
+  * Research
-    * [[https://openai.com/api/ | OpenAI API]] -- Build next-gen apps with OpenAI’s powerful models.
+    * [[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://beta.openai.com/examples/ | Example]]、[[https://beta.openai.com/overview | Overview]]
+      * [[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/ | 少女詩人小冰 ~ 讓小冰替你創作詩歌初稿]]
+\\
 ===== Virtual Currency =====
   * Physical
@@ 行 2658: / 行 2745: @@
     * [[https://www.unrealengine.com/|Unreal Engine 4]]
     * [[https://store.steampowered.com/about/|Steam]]
+    * [[https://gallery.styly.cc/ | Styly]] (Run in Browser)
   * 3D Modeling Editor / Animation and Rendering Software