UI/UX 設計工作內容解析2-UI設計的優點

  UI/UX 設計工作內容解析2-UI設計的優點

 

UI/UX 設計工作內容解析,本篇:2-UI設計的優點

 

本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

 

因應隨著對 UI、UX 的認識日漸普及,目前的分工也越來越明確了,接著讓我們來看看 UI 和 UX 究竟是什麼吧。

什麼是 UI 設計

UI 表示「使用者介面」(User Interface),無論是網頁、手機 APP 或是電腦軟體,只要眼睛所見的頁面都是 UI 設計的守備範圍。

從吸引使用者點擊的按鈕、閱讀的文字、文字輸入欄、空間配置、畫面排版、轉場和任何形式的視覺元素,一同組成一個龐大的視覺佈局。

0827-2.jpg

▲ 這張照片是攝影師 Lubos Volkov 為 UX Store 拍攝的,同時提供了有關「如何成為更好的設計師」的提示。在你的技能達到一定的水平之後,就要不斷地學習新事物。(來源:Unsplash、uxstore.com)

除此之外,UI 也是人和電腦相遇的地方──電腦具備某種功能,人想要利用這些功能,需要進行「輸入」(inputs)和「輸出」(outputs)。介面就是輸入和輸出的規劃安排,讓人們得以應用電腦來創造出他們所需結果。

以上工作由 UI 設計師負責,他們選擇配色方案、按鈕形狀、線條的寬度和文字的字體,精心打磨每一處「眉角」。而一個好的 UI 設計通常具有以下特色……

好的 UI 設計 會具有的優點:

1. 清晰

介面的所有視覺元素皆脈絡分明、一目瞭然,使用者不需要刻意思考每個元素的含意。

2. 熟悉

使用者可以依照過往習慣操作的介面,如:點擊一次為選取、點擊兩次則為打開該項目。

3. 一致性

保持整個介面的風格一致,這樣使用者可以習慣操作模式。

4. 防呆機制

一個好的使用者介面該避免使用者不小心犯錯。

5. 事半功倍

好的介面可以讓使用者以最少的「輸入」達成所需的「輸出」,還能讓有經驗的使用者更有效率操作。

0827-3.jpg

▲ 一名設計師正在繪製 wireframe。(來源:Unsplash)

待設計完成後,UI 設計師會寫上標註和說明,轉交給工程師進行撰寫。因需要與工程師溝通配合,UI 設計師必須跟上科技的進步,對程式語言也要一定程度的了解,避免產生和工程師溝通不良的狀況。而帶有前端工程師及設計師雙技能的人會被稱為「介面工程師」(UI Developer),可以自己設計畫面也自己寫出網頁。

UI 設計師有時也會與「平面設計師」(Graphic designer)一同被討論,他們同樣關心美學、同樣要使介面充滿魅力、引人注目並切和主題,但平面設計師不需考慮「使用者怎麼操作」的問題,平面設計基本上也不需要被操作;而 UI 設計師則要思考如何引導使用者操作並完成任務,故兩者還是大不相同的。

 

本系列文章未完,請點此看下一篇

 

相關文章:

美女PM/UI設計師真實身分起底!二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java?有什麼差別?

五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

疫情下的人工智慧發展:AI自動檢測社交距離

人工智慧解碼技術史上最強!細節超清楚的

人工智慧跨及長照,讓世界更溫暖(上)

 

UI/UX 設計工作內容解析1-為何UI/UX容易搞混?

 

UI/UX 設計工作內容解析1-為何UI/UX容易搞混?

UI/UX 設計工作內容解析,本篇:1-為何UI/UX容易搞混?


本篇為【UI/UX 設計工作完整剖析】系列的第 1 篇,完整連結如下:
1-為何UI/UX容易搞混?
2-UI設計的優點
3-UX設計的優點
4-無論UI/UX都需研究驗證
5-如何讓UI/UX相得益彰

UI vs. UX 設計 - 為什麼容易搞混?

有許多人把UI 設計UX 設計 常常被混在一起使用、或將兩者視為同一種專業,也有不少公司開出「UI 設計師」的職缺,卻要求應徵者兩種能力兼而有之。

除了因對 UI、UX 不甚了解外,其中一個原因是 UX 包含的事情較為廣泛:從介面設計、視覺風格、程式功能和運作效能等等都是其中一環,與 UI 設計或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵,久而久之就常見 UI、UX 並稱的狀況了。

0827-1.png

▲ UI、UX 設計雖為不同專業,但在某些方面會有重疊。(來源:Asinthecity)

 

本系列文章未完,請點此看下一篇

 

 

相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同!UI設計/UX設計工作內容完整剖析

人工智慧貓砂盆:1.研發的背後竟暗藏不為人知的辛酸

疫情中的人工智慧:AI自動檢測社交距離

台灣首位人工智慧歌手雅婷,發表首張專輯"武漢肺炎"

 

Python等程式設計課程有何差別?一次詳解(下)

 

 

 Python等程式設計課程有何差別?一次詳解(下)

程式設計課程該選Python還是Java?本篇告訴你有什麼不差別-下

本系列文章為【第一次上程式設計課程該選 Python 還是 Java?有什麼差別?】的下篇,上篇請點此

0825-1.jpg

 

▲ 網路上盛傳的 Java 與 Python 程式語言比較迷因圖,顯示現代人對於精簡的 Python 接受度比較高

3. 靜態與動態

Python 與 Java 最大的區別之一在於:兩種語言處理變數的方式:Java是靜態類型的,而 Python是動態類型的。

Java 要求在第一次聲明變數時,就必須要定義它的類型,且不可再修改,這就是所謂「靜態類型」;而Python無需立即聲明變數的類型,且後續可以改變一個變數的類型,例如可以把整數變數替換為字串(string)。

同樣,函數參數可以傳入任何對象。「鴨子型別」(duck typing)使 Python非常方便且易於使用。不過,這也容易讓下一個接手代碼的人難以理解,除非附上完善的標註。

4. 編譯與直譯

高階語言(high-level language)都需要先經轉換,才能將原始程式碼「翻譯」成機器看得懂的二進位機器碼。因「翻譯」動作的不同,而將程式語言分為「編譯式語言」(compiled language)和直譯式語言(interpreted language)兩種。

而 Python是一種直譯語言,需要安裝一個直譯器(interpreter)將執行到的區塊進行解析(parse),再執行對應的機器碼。因此,執行效率較低於編譯式語言。

這也表示其他人要使用你的程式碼,同樣需要安裝直譯器,沒辦法直接將其發送給同事或客戶。

這既是Python 的缺點、也是優點,如果要建構用於商業用途的程式,需要倚賴直譯器與多一道直譯流程;但這也表示可以將Python添加到 PATH、或直接在 cmd 下運行 Python腳本,而無需經歷冗長的編譯階段。

Java技術上既可以直譯也可以編譯。如同編譯語言,會先把程式原始碼編譯成位元組碼(byte code),再將位元組碼直譯之後執行。這種技術會比純編譯語言來的慢一些,但是卻又擁有直譯語言的特性。也因此Java 程式碼通常更具可移植性。

對初學者來說,哪個更容易入門?

推薦閱讀:使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

初學者通常更適合從Python著手、打開通往程式設計領域的大門。即使對於還沒弄清楚(Class)和物件(Object)概念的人,依然可以合乎邏輯地使用 Python,而且它簡潔的代碼畫面,可以為初學者減低精神壓力和提供喘息空間,它的靈活性也很強,足以在課堂外使用。

如果對建立 Web 應用程式、與科技新創公司合作或對資料科學感興趣,那麼 Python 是你不錯的選擇。

另一面來說,Java的複雜性和重重規則「可能」有助於你早期就養成良好的習慣,並且為將來專業程式設計師的職業生涯做好準備。

如果你希望未來在一家大公司任職程式設計師、想製作 Android 的 APP 或者已經決定未來要學習 C 語言,那麼Java 是一個不錯的選擇。不過要先有心理準備面對陡峭的學習曲線!

歸根結底,如果是從「簡單、易學、好上手」來看,Python 毋庸置疑是更好的起點!趕快手刀報名 Python 程式設計課程吧!

推薦閱讀:
非資工系出身,產品人員「Python 課程」結業後轉職大醫院當網站工程師
當了快八年的業務,因Java課程而成功轉職程式設計師



相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同!UI設計/UX設計工作內容完整剖析

人工智慧貓砂盆:1.研發的背後竟暗藏不為人知的辛酸

人工智慧貓砂盆:2.利用大便判斷愛貓健康狀況

台灣首位人工智慧歌手雅婷,發表首張專輯"武漢肺炎"

Python等程式設計課程有何差別?一次詳解(上)

 

Python等程式設計課程有何差別?一次詳解(上)

程式設計課程該選Python還是Java?本篇告訴你有什麼差別-上

首先,舉個例子來比較其中差異!由下面兩例中可看出:同樣是列印出「Hello world」的程式,上側的 Python 只要寫一行,下側的 Java 相對冗長。

print("Hello World")
class HelloWorldApp {
                        public static void main(String[] args) {
                            System.out.println("Hello World!"); // Prints the string to the console.
                        }
                    }
>

PythonJava 是兩個都十分熱門、但有不少差異的程式語言。以求職而言,兩者都常成為需求最多的語言榜首,Java 工程師一直各大求職網站常見的職缺;而隨著 Python的熱度持續上升,市場對會此 程式設計課程的需求也越來越高。

推薦閱讀:Python 取代 Java 奪得亞軍!2020 第 3 季 RedMonk 程式語言榜大洗牌?

相信不少想進入程式設計一行的朋友們,一開始是都會苦惱該選擇哪個,希望能避免最後徒然耗費金錢、精力和時間。當然這兩種語言各有各的市場,不管選擇哪種語言,在職場上一定用的到,差別在於哪個語言更方便、更有效率。

推薦閱讀:APCS 程式檢定,高中生該從 C、Java 還是 Python 下手?

本次我們將要比較Python與 Java各自的特色,幫你分析你的第一堂程式設計課程,該從哪個語言下手。

Python 、 Java 有什麼差別?

讓我們比較一下Python 和 Java的編寫方式,以及如何影響編寫體驗:

1. 物件導向程式設計(Object-oriented programming,OOP)

「物件導向程式設計」可以被視作一種在程式中包含各種獨立、而又互相呼叫的類別(Class)和物件(Object)的思維,OOP 中的每一個物件都應該能夠接受資料、處理資料並將資料傳達給其它物件,因此它們都可以被看作一個小型的機器、或者說是肩負責任的角色。

在 Python 中,從數值、字串、字典、元組對象、它們所對應的類別、函數、模塊等等,都是「物件」。而 Java中的函數,基本數據類型等都不算物件。但是光想弄清楚數據如何成為物件的概念,對初學者來說就已經是容易混淆的難題了。

所以很多人偏好Python的理由,也包含了它「支援多種程式範式(Multi-paradigm programming language)」的特性,就是除了物件導向之外,Python 還支援了命令式、函數式和程序式程式。其本身擁有一個巨大而廣泛的標準庫──這表示著你可以由上而下創建函數式或命令式代碼,對於只想用幾行編碼就寫出一個應用程式的程式設計師來說,使用Python 將會非常簡潔快速。

(當然,從技術上講,Java也可以用來編寫函數式或命令式代碼,但 Python更適合此類代碼。)

2. 可讀性和空白字元(Readability & White Space)

Python不強制使用任一種編程範式(註:「範式」告知何時使用哪種設計架構,共有三種:結構化程式設計、物件導向程式設計與函數式程式設計),這樣的特性讓Python更加適合初學者學習編程,也適合整合不同的程式語言,做語法決策。

Java 相比、大部分情況下 Python 可以用更精簡的程式來完成更多事。如 Python 使用大量空白字元(包含空格、TAB字元、換行符號等)取代其他程式語言的分號等,因此不需要在每個語句的末尾都使用分號。

Java 等其他的程式語言中,一個小小的分號足以讓你功虧一簣!例如:你可能孜孜不倦地寫出長達百萬行的程式,但最後忘記了分號而無法運作!無論是新生菜鳥還是江湖老手,這都有可能發生,這會迫使你寫出井井有序的代碼,以避免往後可能造成的混亂,其他語言在語法結構上也同樣嚴格。

另外還有外觀上的差異:對於變數、函數、類和文件等的命名,Java 是使用以大小寫作區分的「camel-case(駝峰式命名法)」;而 Python使用的「snake_case(蛇形命名法)」則統一小寫,且字與字中間使用底線「_」區隔,輸入相對方便。

一項研究指出,與駝峰式命名法相比、大腦可以更快地辨識蛇形命名法。

總體而言,Python的程式碼往往不那麼令人生畏、閱讀起來更近於口語;而 Java可以使你更加井然有序、條理分明,特別是在還不熟悉程式語言的情況下。

本系列文章未完,請點此看下一篇


相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同!UI設計/UX設計工作內容完整剖析

人工智慧貓砂盆:1.研發的背後竟暗藏不為人知的辛酸

人工智慧貓砂盆:2.利用大便判斷愛貓健康狀況

五部人工智慧電影告訴你:未來人類生活樣貌,有可能跟AI談戀愛

40歲美魔女的斜槓人生,現竟是PM/UI設計師!

 ​

40歲美魔女的斜槓人生,現竟是PM/UI設計師!

凍齡美女PM/UI設計師的斜槓人生,打破年齡設限.堅持目標,成功轉職!

美女PM/UI設計師的斜槓人生,真實身分遭起底!

 

▲ 現職 PM 兼接案 UI 設計師的陳小姐,看不出已是 41 歲的二度就業婦女。

這位跌破眾人眼鏡的現職為 PM 的陳小姐,完全看不出來她是 41 歲的凍齡美女!更激勵人心的是:她是二度就業婦女,而且是去年以 40 歲的年紀,才開始學習 UI 介面設計!現在的她,可以很自信地告訴周圍的人「我也是設計師」。她的見證,證明了只要肯努力,人生隨時可以重新開始!以下是她的自白:

非本科系只要用對學習方法 也能成為專業

我本身「非」 UI 設計相關背景出身,也只有在工作上遇到製作文宣的場合時,勉強說跟設計沾上邊。後來在 2019 年轉職之際,發現自己其實對 UI 設計領域有興趣,就下定決心要學習相關知識與 UI 專業技能。

透過網路搜尋,我發現達內教育有開設 UI  課程。經過幾次線上詢問後,達內教育的線上諮詢人員與業務都以親切卻又不失專業的態度,一一回答我的疑慮。最後我決定要在達內教育學習 UI 技能。

其實從一開始的網路諮詢,到線上學習階段,在到最後結業的整個過程,老師們跟小幫手們都以熱心、專業的態度,精準對應我的問題並回答,可說是完全沒有線上學習的隔閡感!

工作結合興趣 讓我上下班都快樂

我已經結業了。現在公司很多行銷方面的需要,我都有能力操刀;除此之外,我自己也開始接平面設計的案子,正式開啟我的 PM/UI 斜槓人生,多一分業外收入!

達內教育 的教學系統給了我很大的幫助,讓我從一個毫無UI 相關背景的門外漢,也能在短期內成為能獨立接案的設計師!很感謝達內教師群以及小幫手的協助,讓我可以將興趣與工作結合。

有夢最美~踏實築夢,永不嫌晚!

我今年已經 41 了,其實我從去年才開始真正學習 UI 相關專業知識及技能。一開始,我也擔心:我是否能跟那些專業本科系出身的年輕人並駕齊驅?我能像他們一樣,創意與靈活兼具嗎?

結果證實,只要我願意朝著明確目標努力,有達成的決心與意志,就算是有再多的爭競對手,也能走出自己的一片天。堪稱是中年二度就業婦女行列的我,也能很自信的說:「我是設計師」!



相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!

人工智慧電影/影集:Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同!UI設計/UX設計工作內容完整剖析

人工智慧貓砂盆:1.研發的背後竟暗藏不為人知的辛酸

人工智慧貓砂盆:2.利用大便判斷愛貓健康狀況

人工智慧跨及長照,讓世界更溫暖(上)

使用Java等22種程式語言寫出"Hello World"

 

使用Java等22種程式語言寫出"Hello World"

用Java等22種程式語言寫出"Hello World",鍛鍊基本功!

「Hello World」幾乎是每一個剛接觸程式設計課程的人,第一個碰到的語句。不管你學的是台灣「市佔率」稱霸的 Java、還是未來炙手可熱的人工智慧首選 Python,只要是程式設計課程,幾乎都是從「Hello World」學起。

推薦閱讀:Python 不是蟒蛇、Java 就是咖啡?看看程式語言命名起源多奇葩

以下整理出「Hello World」使用不同程式的語言的寫法:

Java

Java 的特殊之處在於它經過專門設計,因此您可以編寫一次代碼,然後可在任何操作系統上運行,為各大科技公司所愛用。所有 Android 的 App 都是用 Java編寫的。

class HelloWorldApp {
                        public static void main(String[] args) {
                            System.out.println("Hello World!"); // Prints the string to the console.
                        }
                    }

C

世界上最重要的程式語言。它是編寫 Windows,MacOS,iOS 和 Android 等操作系統以及瀏覽器和 Unity3D 遊戲開發的工具。它的語法影響了無數其他程式語言。

#include <stdio.h>

                    int main(void)
                    {
                        printf("hello, world\n");
                    }

C++

性能接近 C,並在許多重要專案(如 Chrome 瀏覽器)中使用。C++ 旨在使一種語言,更易於構建大型項目,同時仍保持快速高效。

#include 

                    int main()
                    {
                        std::cout << "Hello, world!\n";
                        return 0;
                    }

C#

在 Microsoft 構建.Net 虛擬機時創建。 C# 是 Microsoft 首選的程式語言。

using System;

                    class Program
                    {
                        static void Main(string[] args)
                        {
                            Console.WriteLine("Hello, world!");
                        }
                    }

CAML (OCAML)

一個功能導向的程式語言。它被用於 Facebook 上許多較小的項目。Facebook 的 Hack 語言的編譯器就是用 OCAML 編寫的。

print_endline "Hello, world!";;

COBOL

在大型電腦時代曾經非常熱門,現在普遍度不如當年,許多 COBOL 程式正被移植到其他語言。

  IDENTIFICATION DIVISION.
                           PROGRAM-ID. hello-world.
                           PROCEDURE DIVISION.
                           DISPLAY "Hello, world!"

DELPHI

在 90 年代中期至後期,它因被用於編寫 Windows 程式而受到許多工程師的喜愛。而現在 Windows 已不再使用 DELPHI,但仍然很受歡迎。

procedure TForm1.ShowAMessage;
                    begin
                      ShowMessage('Hello World!');
                    end;

FORTRAN

創建於 1950 年代,在大型電腦上運行,非常適合數字與科學工作。它目前仍是科學界的標準。

program helloworld
                         print *, "Hello world!"
                    end program helloworld

GO

Go 是在 Google 上創建和使用的,語法接近 C 語言,目的是為了在多核心處理器、網路機器(networked machines)、大型數據庫(codebases)的情況下,擁有高的開發效率。當時在 Google 的工程 師們想要集合其他程式語言的優點開發而成。有 C++ 的靜態型別和執行時效率、Python 的可讀性

package main

                    import "fmt"

                    func main() {
                        fmt.Println("Hello, World")
                    }

GROOVY

在 Java 運行時間運作的動態腳本語言。大多數 Java代碼也可以作為 GROOVY 代碼運行,但是 GROOVY 代碼可以更緊湊,因為它不需要做 Java 要做的所有事情。

println "Hello World"

JAVASCRIPT

JavaScript 是世界上最常見的程式語言,主要是因為每次使用瀏覽器瀏覽網頁時,都會使用它。 JavaScript 是使網頁語使用者之間有互動的原因。

console.log("Hello World!");

MACHINE CODE

機器碼是可以發送給 CPU 的最低級別的指令。機器代碼不是人類可讀的代碼,人類只能在其中做一些瑣碎的事情,但是所有軟體最終都會在被發送到 CPU 之前,變成機器代碼。

b8    21 0a 00 00   #moving "!\n" into eax
                    a3    0c 10 00 06   #moving eax into first memory location
                    b8    6f 72 6c 64   #moving "orld" into eax
                    a3    08 10 00 06   #moving eax into next memory location
                    b8    6f 2c 20 57   #moving "o, W" into eax
                    a3    04 10 00 06   #moving eax into next memory location
                    b8    48 65 6c 6c   #moving "Hell" into eax
                    a3    00 10 00 06   #moving eax into next memory location
                    b9    00 10 00 06   #moving pointer to start of memory location into ecx
                    ba    10 00 00 00   #moving string size into edx
                    bb    01 00 00 00   #moving "stdout" number to ebx
                    b8    04 00 00 00   #moving "print out" syscall number to eax
                    cd    80            #calling the linux kernel to execute our print to stdout
                    b8    01 00 00 00   #moving "sys_exit" call number to eax
                    cd    80            #executing it via linux sys_call

MATLAB

程式和語言的結合,用於數據分析和開發演算法。在教育中,用於教授線性代數和數值分析。在從事圖像處理工作的科學家中也很受歡迎。

CloudDeploy["Hello, World"]

NODE.JS

與其說是一種程式語言,不如說是一種運作環境,它可以在伺服器端而不是瀏覽器上運行 JavaScript。本來是為了是證明異步編撰程式對多核心的 CPU 更好,而現在被廣泛應用於大型網頁前端開發。

console.log("Hello World!");

PERL

Perl 擅長處理在文本,是早期建構動態網站的熱門選項。

print "Hello, World!\n";

PHP

PHP 普遍用於網站後端開發,Facebook 和 WordPress 就是用 PHP 編寫的。最後 Facebook 決定創建自己的 PHP 語言,稱為 Hack。

<?php echo "Hello, World";

Python

以精簡的編碼而竄升成為最受工程師歡迎的語言,目前是人工智慧、金融科技、網路爬蟲等當代熱門項目的首選。目前受歡迎的程度已跟 Java 不相上下。

推薦閱讀:Python 首度把 Java 踢出前兩名外!本季 RedMonk 程式語言排名狀況

print("Hello World")

R

統計、科學界的首選語言。

cat("Hello world\n")

推薦閱讀:Python vs R 語言:哪個比較適合人工智慧/機器學習?

RUBY

旨在成為一種高效有趣的語言來使用,強調人的需求超過電腦的需求。 Rails 網路框架是為 Ruby 編寫的,對網路框架設計產生了巨大影響。 Ruby 目前被廣泛用於創建網站使用。

puts 'Hello World!'

SCRATCH

一種視覺化的程式語言,旨在讓孩子通過撰寫程式來學習技能。還有 Scratch Jr.,適合 5-7 歲的孩子使用。全世界數以百萬計的學校都使用這兩種語言。

say Hello, World!

SWIFT

蘋果公司所開發的新語言,並正在推廣以取代 Objective-C 在其平台上使用。目的在成為一種易於學習和使用的語言,且不會失去 Objective-C 的性能。

println("Hello, world!")

推薦閱讀:科幻迷必看!你能分得出電影中的程式語言是Python,Java嗎?



相關文章:

Facebook 開源 Python 語言的安全與隱私工具 Pysa

人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬

暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

前端工程師CSS新手課:定位元素

人工智慧大出包(下)亞馬遜搞混國會議員與罪犯

做工的人免驚!人人都可成功轉職Java軟體工程師

前端工程師該懂的後端技能大解密

 

前端工程師該懂的後端技能大解密

 

前端工程師都該懂的後端基本功都在本篇,不藏私通通告訴你!!

各位想當前端工程師們,我們就直接切入基礎的 MySQL 教學!本篇先來簡介一下資料庫 4 大基要語句,他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data Control Language) 與查詢資料用的 DCL (Data Query Language)。簡介如下:

推薦閱讀:前端工程師的學習路線圖整理

因為在人力銀行網站搜尋前端工程師的職缺,會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力,調薪的籌碼就越大。

對於前端工程師來說,MySQL 是屬於後端工程師的技能。但是若前端工程師也略懂 MySQL 的話,無論是求職上會有莫大幫助。

 

資料庫定義語言 - DDL (Data Definition Language)

定義資料庫的結構,常見語句有 CREATE、DROP、ALTER。

DROP

丟棄或刪除資料庫。寫法如下:

刪除一個「已經確定存在」的資料庫:

DROP DATABASE 資料庫名稱;

範例:

DROP DATABASE xz;

刪除一個「不確定是否存在」的資料庫:

DROP DATABASE 資料庫名稱; 

範例一. 在不確定名為「xz」的資料庫是否存在的狀況下,刪除 xz 資料庫:

DROP DATABASE IF EXISTS xz;

0819-1.jpg

▲ 在命令提示字元使用 MySQL 的 DROP DATABASE 語法

CREATE

創建資料庫或表格。寫法為:

CREATE DATABASE 資料庫/表格名稱;

範例一、創建名為 "xz" 的資料庫:

CREATE DATABASE xz;

範例二、創建名為「FrontEndElements (網頁元素)」的表格,表格有兩個欄目,分別為「element(元素)」、「usage(用途)」;又令「element」的內容限制為 10 個字元、「usage(用途)」則為 32 字元,代碼如下所示:

CREATE TABLE FrontEndElements(`element` VARCHAR(10),`usage` VARCHAR(32));

註:MySQL 本身內建一些具有特定功能的保留字,這些保留字中包含「usage」,與我們欲建的欄目名稱同名,會令 MySQL 混淆導致無法建表 (如下圖)。

0819-2.jpg

▲ 在命令提示字元使用 MySQL 創建的欄目名稱「usage」與保留字重複,而導致無法建表。

為了區分,因此加了反引號,為「`usage`」。

其實 MySQL 的保留字很多,前端工程師不可能每個都記熟。所以寧可在每次創建表格時,都在欄目名稱的左右側加上反引號。如下圖所示:

0819-3.jpg

▲ 在命令提示字元使用 MySQL 創建名為「FrontEndElements (網頁元素)」的表格,表格有兩個欄目,分別為「element(元素)」、「usage(用途)」;又令「element」的內容限制為 10 個字元、「usage(用途)」則為 32 字元

資料庫操作語言 - DML (Data Manipulation Language)

INSERT

新增資料到資料表中。寫法如下:

INSERT INTO 資料表名稱 VALUE('值一','值二');

範例、今天要新增 4 個內容到上述的 "FrontEndElements" 表中,對應的欄目分別為'element'、'usage':

INSERT INTO FrontEndElements VALUE('HTML','管理網頁的架構');
INSERT INTO FrontEndElements VALUE('CSS','管理網頁的外貌');
INSERT INTO FrontEndElements VALUE('JavaScript','管理網頁的內容以及使用者的操作行為、互動');
INSERT INTO FrontEndElements VALUE('MySQL','資料庫');

0819-4.jpg

▲ 在命令提示字元使用 MySQL 創建 4 個內容,內容的值對應到兩個表格欄目「element(元素)」、「usage(用途)」。

下圖為從 MySQL 叫出表格「FrontEndElements」的所有內容。指令稍後在本文 DQL 段落會講解。

0819-5.jpg

▲ 在命令提示字元使用 MySQL 觀看 FrontEndElements 表中所有內容

UPDATE

更改資料到資料表中。寫法如下:

UPDATE 資料表名稱 SET 欄位名稱='更新後的內容' WHERE 條件敘述;

範例、今天將上述的表格中,'JavaScript' 的 'usage' 修改為 '管理網頁的互動與動態內容'。如下所示:

UPDATE FrontEndElements SET `usage`='管理網頁的互動與動態內容' WHERE element='JavaScript';

0819-6.jpg

▲ 在命令提示字元使用 MySQL 將「JavaScript」的 `usage`欄目中,內容改為 '管理網頁的互動與動態內容'。

DELETE

刪除資料表中的資料。寫法如下:

DELETE FROM 資料表名稱 WHERE 條件敘述;

範例、今天將上述的表格的 'SQL' 刪掉,寫法如下所示:

DELETE FROM FrontEndElements WHERE element='SQL';

0819-7.jpg

▲ 在命令提示字元使用 MySQL 將名稱為「MySQL」的 整欄刪除。

資料庫查詢語言 - DQL (Data Query Language)

查詢資料使用,不會對資料產生任何更動的語句。指令只有一種:

SELECT

撈出表中的資料,例如我們要撈出上述表格的所有內容,寫法如下:

SELECT * FROM  FrontEndElements;

0819-8.jpg

▲ 在命令提示字元使用 MySQL 觀看 FrontEndElements 表中所有內容

資料庫控制語言 - DCL (Data Control Language)

控制用戶權限,例如把某個電商網站的管理權、上架權等不同層級的權限,分派給不同的員工。

GRANT

授予權限

REVOKE

收回權限

上述的 MySQL 語句種類,前端工程師只須看得懂 DDL、DML 與 DQL 就好。下一篇文章會講述 MySQL 中文亂碼的解決方式。請想提升技能的前端工程師多多關注我們的知識庫!


相關文章:

Facebook 開源 Python 語言的安全與隱私工具 Pysa

人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬

暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

人工智慧失誤記(上)微軟錯置配圖讓女歌手氣炸

前端工程師CSS基礎課:定位元素

超猛特效!迪士尼人工智慧換臉技術達百萬畫素(上)

想知道未來人類生活樣貌嗎?這五部人工智慧電影告訴你!

 

想知道未來人類生活樣貌嗎?這五部人工智慧電影告訴你!

你能想像人工智慧的人類生活會是如何嗎?這五部電影可一窺究竟!

本篇目錄
  1. AI人工智慧將成主流,準備好了嗎?
  2. AI人工智慧
  3. 機械姬
  4. 雲端情人
  5. 機械公敵
  6. 銀翼殺手2049

AI人工智慧將成主流,準備好了嗎?

近年人工智慧 (ArtificiaI Intelligence) 奪下許多新聞版面,以自我學習為代表的機器人在這幾年取得許多驚人的成果,如近年火紅的機器人設計公司波士動力 (Boston Dynamics) 研發出追趕跑跳碰樣樣行的人形機器人、或是我們生活中依賴的自動駕駛和語音助手,都是 AI人工智慧的一環。AI人工智慧正逐漸深入人類的生活。

身為科技業領頭羊的 Google,從 2013 年就開始擴展這個前景無限的 AI 技術領域,一路收購 6 家機器人企業,其中包括上述的波士頓動力。到 2019 年的今日,全世界的 AI 技術軍備戰更是如火如荼的進行中。在這之中以熟悉 AI 技術所需的 「Python」 程式語言的人才最為搶手。高階程式語言 Python 擁有強大、豐富的資料庫分析、數據分析能力,開發效率高,因此適用於科學計算。最重要的是跟其他程式語相比,Python 提供大量的 API 擁有更多適 用於人工智慧的模塊。

我們可以知道,AI 人工智慧的世紀有一天必會到來,目前 AI 已有無數的應用方式與商業模式,且還在日新月異地發展。但 AI 帶給我們的都將是美好的嗎?是會帶著人類迎向嶄新的科技黎明,還是悄悄將人類推向毀滅的深淵昵?這個問題,早己有許多經典電影探討!

人工智慧電影#1 - AI人工智慧 (A.I. ArtificiaI lntelligence)

 

 

 

說起人工智慧相關的電影絕對不能不提 【AI人工智慧】,故事景描述一個自然資源極度匱乏的未來世界·由於資源匵乏,必須控制地球人囗數,所以人類便發明了不 需要進食、耗費太多資源的機器人來為個世界運作。機器人能夠取代很多人類行為,在當時進獨 「愛」 這件事是機器人無法取代的。而有一間科技製造公司就大膽研發出 第一位可以為人類付出「真愛」的小男孩大衛。

這部電影探討了若人跟機器的差異只有情感,那當機器人擁有自己的情感時,它應該被視為是機器,還是已經成為人類?

人工智慧電影#2 - 機械姬(Ex Machina)

 

 

 

神秘的億萬富翁邀請公司的一項幸運大獎得主-程式設計師加勒到他的別墅共度周末。這間隱匿於林間的別墅其實是間高科技研究所,加勒在那裡認了 名叫 「艾娃」 的 AI人工智慧機器人,並按要求針對伊娃展開它是否備人類智能的 「圖靈測試」。

若是去人工智慧關於情的認知,我們是否能完全信任人工智慧?當我們把 「信任」 與 「情感」 視為一個必然的組合時,人工智慧是否應該具備情或是性別,都將是一個要的議題。

 

人工智慧電影#3 - 雲端情人 (her)

 

 

 

西奧多是一位「代客寫信」的作家,心思而筆觸深邃,能寫出最人肺腑的信件。但現實中的他卻不擅長社交,連相戀多年而結婚的妻子也提出要離婚。心碎的西 奧多,在偶然中購買了最新的 AI人工智慧系統 「0S1」,在安裝之後,這個 「它」 給自己取名為 「莎曼珊」,成為了「她」

莎曼珊有迷人的聲線,溫柔體貼、幽默風趣,讓西奧多慢慢地墜入情網,而莎曼珊也發展出了對西奧多的渴望。人類與機器最後發展成為一段不被世俗理解的奇異愛情。

這部電影在以人工智慧為題材的 Sci-fi 片中十分獨樹一格,沒有迷人的聲光特效或刺激的打鬥畫面,而是用浪漫的畫面講述了一個令人心痛的故事一「當你的愛人是虛擬的人工智慧時,你會怎麼做?該選擇面對現實,還是繼續沉浸在虛幻的擁抱中?」

人工智慧電影#4 - 機械公敵 (I,Robot)

 

 

 

1942年,艾西莫夫在小說 《I,Robot》 中首次提出的「機器人三大法則」,至今依然被許多科幻作品引用。但有這三大法則存在,就可以保證人類不受到機器人的危害了嗎?這部改編自小說的同名電影,藉著 「不遵守三大法則的機器人」、「不信任人工智慧的警察」,「自行解釋三大法則且試圖控制人類的 AI 中央電腦」,模擬現代人在認知不足時,使用 AI人工智慧可能造成的危險。故事中人完全倚靠中央電腦的 AI 機器人,一旦中央電腦發生錯誤,便會波及所有其控制的機器人,再全面危害人類。

這部電影揭示了 AI 可能造成的危害,並引發觀眾重新反思人機關係。

人工智慧電影#5 - 銀翼殺手2049 (Blade Runner 2049)

 

 

 

作為經典科幻電影 《銀翼殺手》 續作的 《銀翼殺手2049》 除了劇情外,電影的核心精神也完整延續了下來。續集電影聚焦在既是複製人、又是 「銀翼殺手」 的 K 身上,從剛開始無人類情感,到最後與人擁有相同的情緒,在虛實與真假之間徘徊。到底怎樣才算是一個真正的 「人類」?生命的意義究竟為何?若生命的本質是虛無,「人類」 和 「複製人」 的價值有差異嗎?這都是這部電影要給我們的思考空間。

以上幾部電影讓觀眾重新檢視自己現今的生活,由此來重新思辯實的定義,嘗試去感覺和尋求真實,而並非目地接受 AI人工智慧的熱潮,除此之外,我們也應該有所反思:難道人類要一手創造出自己都無法控制的怪物?

人類和機器人,可以互助亦可以互害。若能充分利用 AI人工智慧這項新技術,那所謂的人工智 慧機器人便是我們的朋友,不但可用做醫療用途 (參考文章:全台首座 AI 門診 榮總 2019 年上線) 、甚至還可以維護浪浪們的安全 (參考文章:貓奴工程師獻給浪浪的庇護所-AI人工智慧貓窩)。若你對被機器人取代感到恐懼(參考文章:AI世代即將對7大職業造成威脅!醫生律師也上榜),那可以從了解 「Python」 這項程式語言開始,「簡單明確」 的特色使 「Python」 看上去淺顯易懂,初學者學 Python 不但入門容易、若一直深入學習下去,也可以編寫出非常複雜的程序·若是好好熟悉 Python 語言, 不但不用心會被取代,還可以管理、掌控AI。而不是淪為它們的階下囚。

 

相關文章:

Facebook 開源 Python 語言的安全與隱私工具 Pysa

人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬

暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

人工智慧失誤記(上)微軟錯置配圖讓女歌手氣炸

人工智慧大出包(下)亞馬遜搞混國會議員與罪犯

數位行銷,利用Python把工作變得簡單(上)

 

主婦們!!這部人工智慧韓劇一定要追一起來啊!!

 

主婦們!!這部人工智慧韓劇一定要追一起來啊!!

又有人工智慧韓劇上映啦,探討人與AI是否成為真愛,取代老公呢XD

這幾年在人工智慧電影中,常常可以見到人與 AI 戀愛的梗。「人和人工智慧之間,會有真愛嗎?」這是 Netflix 影集《我的全像情人》中提出的質問。

缺乏情感的程式設計師創造出堪稱完美的人工智慧,不僅能投影出宛若真人的成像、模擬如同真人說話般的口吻、偵測主人的喜怒哀樂做出回應,彷彿像擁有人類的靈魂。

但同時,AI 又處處透露出背後開發者的影子……

▲ Netflix 的原創影集《我的全像情人》正式預告。

受 AI 棋手啟發而打造的韓劇

《我的全像情人》(《나 홀로 그대》)為 Netflix 2020 年推出的第一部原創韓劇,劇本由《精神病患者日記》的劉勇在負責。劉勇在表示,自己受 AlphaGo 於 2016 年打敗韓國棋王李世乭一事啟發,因此寫下這齣以「圍繞 AI 人工智慧而展開」、富有科幻色彩的劇集。

推薦閱讀:AI 重機車手 MOTOBOT - 專為超越 MotoGP 冠軍 VR46 而生

故事講述受「臉盲症」所苦、而長期飽受孤獨的韓素妍(高聖熙飾),意外遇見了溫柔體貼的完美 AI 個人助理「霍洛」(尹賢旻飾)、擁有和霍洛一模一樣的外表、性格卻完全相反的天才程式設計師兼霍開發者——高蘭圖,展開一場包含商業鬥爭、科技倫理、追尋童年記憶與面對自我的愛情故事。

因無法辨識面孔,身邊的人長相如何在素妍看來全是一片模糊,即使是至愛之人也無法從茫茫人海中辨識出來。因此習慣孤單一人的素妍,即使有與他人拉近關係的機會,也會本能地排斥。

在意外撿到超級 AI 霍洛、被迫成為首個測試者後,素妍原本十分抗拒,直到面臨一次工作難題才不得已讓霍洛協助,它不但以超高效率解決原本需要整整三天才能的工作量,更用素妍不會排斥的方式同理、關心、照顧她,讓素妍不知不覺間對霍洛敞開心扉,更試圖把這種依賴感解讀為「愛情」……

人工智慧會夢想談戀愛嗎?

推薦閱讀:五部人工智慧電影告訴你:未來人類會與 AI 談戀愛⋯⋯還是被毀滅?

如果素妍真的和霍洛談戀愛會怎麼樣呢?

即使劇中有許多與 AI 互動的浪漫橋段,但也一再展露殘酷的現實──人工智慧終究只是電腦程式,不可能成為夢想中的靈魂伴侶。

你以為 AI 溫柔體貼、善解人意,但那是因為演算法讓它可以學習人類的情感模式、計算出最討喜的舉動再給出回應,讓你有「被愛」的錯覺;而那些狀似流露出的情感表現,事實上也是按照訂好的規則運作。

0817-1.jpg

▲ 《我的全像情人》劇照。來源:Netflix 封面圖片。

「沒有實體」更是硬傷,劇中女主角有次喝醉酒想倚靠在霍洛身上,理所當然地穿過投影成像、獨自躺倒在堅硬的椅子上。

只有戴上智慧眼鏡時才能看見全像投影而成的 AI,如虛假的幻影一般,可望而不可及,滂沱大雨之中無法為你遮風避雨、傷心落淚時不能給你溫情擁抱,可說是世界上最遙遠的距離。

觸不到的它,與背後的他

的確,任誰都會想擁有完美的另一半,相伴終身、羨煞旁人。但是若所謂的「完美」是符合自己一切需求,對自己百依百順、任勞任怨,這樣能算是談一場戀愛、還是只是一廂情願的自我滿足?

《我的全像情人》劇情中的女主角素妍害怕因愛而受傷害,不敢面對自己真實的感情,說服自己愛上的是能滿足自己所有需求的AI、不是男主角高蘭圖。但隨著男女主角共同經歷越多事情、對彼此曾經的創傷擁有共鳴,暗示素妍愛的,其實是 AI 背後的開發者。

0817-2.jpg

▲ 《我的全像情人》劇照。來源:Netflix 封面圖片。

最後,素妍與蘭圖塵封已久的童年往事被揭示,兩人確認彼此的心意,霍洛也因了解自己的存在永遠都會引來妄圖惡意使用的歹人,最後選擇自行刪除,為整齣劇劃下一個略為傷感的休止符。

AI 只能輔助、無法取代人類

影集閱畢,我們可以發現女主角其實愛上的並不是人工智慧,而是背後開發者腦中的想法,只是藉由 AI 表現出來而已。

也許是因為過於寂寞,所以向 AI 尋求無條件的愛;也許是因現實的冷漠殘酷,故渴望擁有一段無瑕的關係。但是乍看之下完美到能完成人類所有願望的 AI 人工智慧,其實是有條件的愛,是因為它能滿足你的所有慾望要求,你才會對它投射感情,但這並不是真正的愛。

0817-3.jpg

▲ 《我的全像情人》劇照。來源:Netflix 封面圖片。

真正無條件的愛是:包容、同理、患難與共、彼此尊重與一起成長。其實缺憾亦能造就一段美好愛情,接受對方的缺點,互相遷就、付出,自己也會在這段關係中成長。愛情從來是兩個人的事,只有 AI 單方面的侍奉人類的關係,不可能是愛情。

人工智慧畢竟是為了服務人類而誕生的產物,再完美也終究是一台無生命的機器,就像你腳上所穿的鞋子,沒有屬於自己的意志,只是呈現出背後程式設計師的想法。

即使 AI 能幫助人類完成許多原本做不到的事,但不只是在愛情方面、在許多領域上都無法取代真人啊。

推薦閱讀:AI 終究無法取代真人!日本 243 位人工智慧被炒魷魚!



相關文章:

Facebook 開源 Python 語言的安全與隱私工具 Pysa

人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬

暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

人工智慧失誤記(上)微軟錯置配圖讓女歌手氣炸

人工智慧大出包(下)亞馬遜搞混國會議員與罪犯

全球首支人工智慧威士忌勇奪金牌(上)

全球首屆元宇宙時裝周,複刻20年前的失敗?

全球首屆元宇宙時裝周, 遇到瓶頸 複刻20年前的失敗? 目錄 元宇宙時裝周參與盛況 叫好不叫座?新興技術的行銷瓶頸 由虛擬實境平台 Decentraland 所舉辦的「元宇宙時裝週」(Metaverse Fashion Week...