布萊恩的創業小窩的部落格

 
要是你以為前端工程師不需要碰到後端的東西你就大錯特錯了!今天讓你知道學了MySQL後有多方便跟迅速!
 
 
對於前端工程師來說，MySQL 是屬於後端工程師的技能。但是若前端工程師也略懂 MySQL 的話，無論是求職上會有莫大幫助。
因為在人力銀行網站搜尋前端工程師的職缺，會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力，調薪的籌碼就越大。
 

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

 
我們就直接切入基礎的 MySQL教學！本篇先來簡介一下資料庫 4 大基要語句，他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data Control Language) 與查詢資料用的 DCL (Data Query Language)。簡介如下：
 
資料庫定義語言 - DDL (Data Definition Language)
定義資料庫的結構，常見語句有 CREATE、DROP、ALTER。
DROP
丟棄或刪除資料庫。寫法如下：
刪除一個「已經確定存在」的資料庫：
DROP DATABASE 資料庫名稱;
範例：
DROP DATABASE xz;
刪除一個「不確定是否存在」的資料庫：
DROP DATABASE 資料庫名稱;
範例一. 在不確定名為「xz」的資料庫是否存在的狀況下，刪除 xz 資料庫：
DROP DATABASE IF EXISTS xz;

▲ 在命令提示字元使用 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 混淆導致無法建表 (如下圖)。

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

為了區分，因此加了反引號，為「`usage`」。
其實 MySQL 的保留字很多，前端工程師不可能每個都記熟。所以寧可在每次創建表格時，都在欄目名稱的左右側加上反引號。如下圖所示：

▲ 在命令提示字元使用 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','資料庫');

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

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

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

UPDATE
更改資料到資料表中。寫法如下：
UPDATE 資料表名稱 SET 欄位名稱='更新後的內容' WHERE 條件敘述;
範例、今天將上述的表格中，'JavaScript' 的 'usage' 修改為 '管理網頁的互動與動態內容'。如下所示：
UPDATE FrontEndElements SET `usage`='管理網頁的互動與動態內容' WHERE element='JavaScript';

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

DELETE
刪除資料表中的資料。寫法如下：
DELETE FROM 資料表名稱 WHERE 條件敘述;
範例、今天將上述的表格的 'SQL' 刪掉，寫法如下所示：
DELETE FROM FrontEndElements WHERE element='SQL';

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

資料庫查詢語言 - DQL (Data Query Language)
查詢資料使用，不會對資料產生任何更動的語句。指令只有一種：
SELECT
撈出表中的資料，例如我們要撈出上述表格的所有內容，寫法如下：
SELECT * FROM FrontEndElements;

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

資料庫控制語言 - DCL (Data Control Language)
控制用戶權限，例如把某個電商網站的管理權、上架權等不同層級的權限，分派給不同的員工。
授予權限
REVOKE
收回權限
上述的 MySQL 語句種類，前端工程師只須看得懂 DDL、DML 與 DQL 就好。下一篇文章會講述 MySQL教學中， 中文亂碼的解決方式。請想提升技能的前端工程師多多關注我們的知識庫！
 
 
延伸閱讀：

僅僅半年的Java課程能帶給你什麼?能改變你的人生哪!
 


進修Java課程可不是外行人的特權,內行人也需要的!
某大醫院網站工程師,竟是一個只上過短期Python課程的人!

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

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

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

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

 
人工智慧電影原來摻雜了這麼多人類對於AI的複雜情緒,對於科技發展,也許看完的你會有所反思唷!

 
 
 
 
 
 
 
 
 
 
 
 
 
 
還只會用Java寫出"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嗎?

 
 

這篇要分享的人工智慧,不但喚回人性,還能治療自閉兒呢!
 
喚回人性的人工智慧 – 台灣鴻海製造的 PEPPER

▲ 人工智慧 PEPPER 能依照情境，完整表達人類的喜怒哀樂

造型可愛、能夠表達人類情緒的「類人形」機器人 PEPPER，由台灣的鴻海製造，目的是「讓人類幸福」、促進快樂的人際互動。PEPPER 的設計者¬東京大學副教授光吉俊二說：設計像 PEPPER 這樣的溫柔機器人，其實是希望重新喚回人性。
PEPPER 設定了 7 種呈現情感源頭的荷爾蒙比例，配備有4個麥克風、2 個 HD 相機、1 個 ASUS Xtion 3D 傳感器等等。它會根據攝影機與麥克風接收的資訊，來分析、計算接觸這類情感時荷爾蒙比例的變化，再模擬這些情感表現來互動。

推薦閱讀：AI 人妻大賣？假的！但本尊也是會笑會說話的美女機器人

 
比人類更友善、生動！輔助治療自閉兒的人工智慧 NAO

▲ NAO 在世界各國已廣泛用於陪伴自閉症兒童

發音同「Now」的人形機器人 NAO，被用來教導自閉症孩童情感教育，成效優於人類治療師。因為人類治療師判斷孩童行為準確率大多落在 50~55%，而經過深度學習的機器人，準確率可達 60%。
除了有比人類更能準確判斷的優勢外，機器人的造型、動作更為生動，因此抓準了自閉兒的注意力；加上較為制式化的情緒表情詮釋，減少孩童的判斷混淆，讓孩童覺得更友善、比真人更好相處。

推薦閱讀：台灣研發人工智慧預測敗血症 準確率達八成五

 

上篇介紹了能預防失智症與陪伴失智長者的人工智慧機器人 Telenoid 與 Silbot。請點此了解！

 

 

 

 

相關閱讀推薦：

透過學習,人工智慧也能做出屬於自己的威士忌了!(下)

包辦一整張專輯地的人工智慧,讓我們來聽聽它的成品!

人工智慧讓駕駛不用心驚驚了,讓我們跟駕駛盲區說88!

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

非資工系出身！產品工程師「Python 課程」結業後轉職大醫院的網站工程師

人工智慧結合汽車雷達偵測行車視線死角 「駕駛盲區」即將走入歷史？

Python 教學 - 控制結構篇 - while 迴圈

 

 

 

 

 

 
 
人工智慧寫歌已經不˙是新聞啦!還記得之前提到的雅婷嗎?今天介紹另一個也是超優秀的AI~~
 
 
 

▲ 人工智慧作曲向 Metallica 致敬，是為「MetallicAI」

如果您向人工智慧提供某個樂團全部的歌曲的歌詞，然後要求 AI 以該樂團的風格編寫自己的歌曲，會發生什麼情況？
美國一位以模仿為名的音樂兼製片 Youtuber 「放克火雞 (Funk Turkey，本名 Kirt Connor)」 就使用人工智慧來「創作」 9 度入圍葛萊美獎的美國鞭金天團 Metallica 的歌曲，今年六月剛完成第一首歌「Deliverance Rides」，影片如下所示：

▲ 人工智慧生成的 Metallica 風格音樂作品「Deliverance Rides」

推薦閱讀：人工智慧主導的未來會如何?前衛金屬大團 Dream Theater 告訴你！

人工智慧生成歌詞 向經典致敬
「我使用 lyrics.rip 來抓取 Genius 歌詞資料庫，再用馬可夫鏈（Markov Chain）生成 Metallica 風格的歌詞，結果就是「Deliverance Rides」 這首歌」Funk Turkey 解釋:「所有的音樂、人聲都由我在廚房裡用幾把便宜的吉他、一個破舊的麥克風和舊版的 ProTools (註：一套用於錄音、編曲的軟體) 進行演奏、混音和製作。」
「所有的歌詞都來自那位『未來會統治我們全人類的機器人 (指 lyrics.rip 的人工智慧技術) 』。我試圖在 Master of Puppets (註：Metallica 最具代表性的專輯，保有鞭擊金屬的味道、複雜的吉他編制與鼓節奏) 與黑色專輯 (註：Metallica 的第五章錄音室專輯，因封面全黑所以被稱為「黑色專輯」，也是他們首度調整風格的作品：更短的歌曲、更輕的音樂、簡化的結構以及更慢的節奏)。若不多很多錢則很難捉摸到 Lars 的鼓聲，吉他也要採超級多軌的方式 (錄製)。我要再一次地感謝 lyrics.rip 後面的天才們。」Funk Turkey 說。
下面影片為上一段提到的「Master of Puppets (魁儡之王)」歌曲，再跟人工智慧「偽造」的「Deliverance Rides」比對看看，人工智慧的編曲功力是否真的可以取代真人？

▲ Metallica 最具代表性的作品「Master of Puppets (魁儡之王)」，保有鞭擊金屬的風格

P.S：別被這首歌的歌名嚇到了。其實它是講述毒品對人的危害，毒品操控人類如同操控魁儡依樣，是有正面的含義。
其實人工智慧作曲已經不是新鮮事。台灣土生土長的人工智慧「雅婷」就製作過一張音樂專輯「武漢肺炎」，有興趣的讀者們可以點擊以下的連結了解：

推薦閱讀：台灣人工智慧「雅婷」發表首張音樂專輯「武漢肺炎」

 
 
 
 
 
相關閱讀推薦：


冏了!換臉特效做不出來?讓人工智慧來英雄救美~(上)


看來人工智慧新聞編輯能力還不及人類!它竟出這種包!?(上)
人工智慧真的能成功阻止貓貓帶戰利品給你嗎?一起來見真章!

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


非資工系出身！產品工程師「Python 課程」結業後轉職大醫院的網站工程師


人工智慧結合汽車雷達偵測行車視線死角 「駕駛盲區」即將走入歷史？
Python 教學 - 控制結構篇 - while 迴圈

 
 

人工智慧貓砂盆就是靠著這三大核心技術,為你把關貓貓的健康~

 
名字是人工智慧貓砂盆了,想必貓便便一定是關鍵角色,這篇要教你貓便便的分別!
 
80%貓咪死於排泄相關疾病！如靠人工智慧即時發現可及早治療
 
▲ 家貓的十大常見疾病中有 7 項與排泄行為有關。(圖片來自LuluPet 人工智慧 貓砂盆募資頁面)
 
根據台北市政府動物保護處與台大獸醫學院調查，位居家貓「十大死因」之首為腎衰竭（占比約 25.6 ％），次為傳染病（13.8 ％）、多重器官衰竭（12.8 ％），其他依序為癌症、心血管病、消化系統、創傷和呼吸系統等。而「十大常見疾病」中亦有許多皆與排泄行為有關。
以高居死因第一名的腎衰竭為例，腎臟疾病在前期較難察覺，無法在初期治療的話後續醫療費平均一次將近 4 萬元。更難過的是許多案例中，貓咪被確診後腎臟功能已經損毀 70% 以上了。
儘管腎臟疾病難以直接發現，但依然可以從排泄狀態看出端倪。因此，團對選擇讓人工智慧過貓咪的排泄行為和排泄物，來觀察牠們的健康。
 
人工智慧貓砂盆參照的判斷依據：布里斯托大便分類法
AI 貓砂盆其中一項創新是運用影像辨識技術，讓人工智慧自動辨識分析貓咪的排泄狀況，而依據則是參考 1997 年英國布里斯托大學醫學系所發表的「布里斯托大便分類法」（Bristol Stool Scale），不僅可套用在人類身上，貓咪也適用。
根據布里斯托分類法，從便秘、正常到腹瀉大致可分為 7 種類型：

▲ 布里斯托大便分類法

 
- 第 1 型、第 2 型：呈現一顆顆的硬球狀、含水量少、較難排出，代表已經有便秘危機，需要讓貓咪攝取更多水分或膳食纖維來改善。
- 第 3 型、第 4 型：屬於這兩型表示排泄狀態優良、身體健康，請維持下去！
- 第 5 型：這類型的邊緣光滑、外觀呈柔軟塊狀。如果屬於這一型，表示已有腹瀉跡象，需要多加留意。
- 第 6 型、第 7 型：代表腹瀉狀態，水分過多、外觀糊爛，甚至散發惡臭。若伴隨嘔吐，最好盡快帶去給獸醫檢查。
 
貓奴們都知道，貓都很會忍耐病痛不適，也因此導致貓咪疾病往往被發現的時候都已經為時已晚。而貓咪常見疾病腎衰竭，因常併發腹瀉病徵，故觀察排泄物狀態可以說是最明顯的方法。
為了讓飼主能盡早察覺貓咪的健康變化，除了有效紀錄「排泄狀態」這個重要的健康數據，Lulupet AI 貓砂盆採用包含人工智慧影像辨識技術在內的三大核心技術！
 
 
請點此了解人工智慧貓砂盆 LuluPet 把關貓咪健康的三大關鍵！
 
相關閱讀推薦：

哇!整張音樂專輯被人工智慧包辦!但成果如何?來看看吧!


人工智慧人臉辨識還不完善,來看看它出了什麼包!(下)
演技差也不怕!人工智慧的換臉技術幫你cover?(上)





程式開發工程師曝「只有國小畢業」！因為 Java 課程而求職順利

被愛貓叼回獵物嚇到！亞馬遜PM開發人工智慧貓門阻止貓帶回獵物

人工智慧替貓取名：萌、酷、黑色幽默、老司機式歪樓全都包

半途而廢、快活興奮劑⋯⋯AI人工智慧替甜點命名歪樓