前端網頁工程師入門必備!認識Angular

文、意如老師

參考目錄:
第1篇、前端網頁工程師-Angular初探篇
第2篇、建立第一個Angular專案
第3篇、認識Angular中的路由(Routing)與元件(Component)
第4篇、認識Angular中的路由導覽(Nav)
第5篇、認識Angular中的模組(NgModule)
第6篇、認識Angular中的模板(Template)語法
第7篇、認識Angular中的*ngIf、*ngFor、ngSwitch語法
第8篇、認識Angular官方所推薦的模組化元件-Angular Material
第9篇、Angular-使用 Flex-Layout模組來建立網站基本框架
第10篇、Angular-實作左側欄加上導覽列
第11篇、Angular-實作上方標題列
第12篇、Angular-綜合應用實作篇(1)-實作按鈕切換圖片
第13篇、Angular-綜合應用實作篇(2)-表單輸入後按下Enter,或離開輸入框時,取得輸入的值並顯示出來
第14篇、Angular-抓取API資料,並將抓回來的資料呈現在表格上

閱讀全文 →

【CSP教學】一小部分畫錯的要怎麼修改,這工具最萬用(下)

文、Andy老師

大家好,今天要介紹的是Clip Studio paint(簡稱CSP)的新功能,歪斜工具(下篇),上一篇我們介紹到最左邊的前進方向工具,接下來要介紹其它六種工具,那就依序從最左邊開始,膨脹工具,如下圖所示。

閱讀全文 →

Excel玩爬蟲!自動抓取最新網頁資料,接取Json-API資料處理

文、意如老師

在本篇文章開始前,我們要先簡單快速的認識一下
什麼是爬蟲?
JSON資料是什麼?
API是什麼?

了解什麼是爬蟲,請參考此篇文章:什麼是網路爬蟲?為什麼每一個工程師都要會?

了解什麼是Json資料,請參考此篇文章:菜鳥救星講程式:什麼是JSON?為什麼每一個工程師都要會?

了解什麼是API,請參考此篇文章:菜鳥救星談程式:什麼是API為什麼每一個工程師都要會

閱讀全文 →

愛神邱比特之箭的墜落

文、Alam老師

大家好!我是Alam,今天要畫的也是一種類似電玩人設風格的美女愛神,是比較寫實的表現方式,這裡除了臉部及身體輪廓的描寫刻畫特性外,還要介紹肌膚光影質感的呈現,最後將愛神哀怨又溫柔的表情凸顯出來。

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 畫刀/刷式畫刀(羽毛)
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 混色筆/塗抹
i. 照片/暗化
j. 照片/加入紋路
k. 特效/膨脹
l. 向量筆/可塑向量筆
m. 花紋畫筆/遮罩花紋畫筆
n. 特效/扭曲
o. 油畫粉蠟筆/圓頭油畫粉蠟筆
p. 畫刀/刷式畫刀
q. 微粒/彈簧概念產物
r. 染色筆/撒鹽

閱讀全文 →

繪出台灣美食萬巒豬腳

文、耀月老師

各位同學大家好!
想必在台灣的大家都吃過台灣美食-萬巒豬腳吧?
那Q彈的豬腳上濃郁的滷香味,加上蒜味濃厚的沾醬,真的會讓人欲罷不能一塊接著一塊。
所以今天就來畫台灣美食之一萬巒豬腳吧^^

使用筆刷:錐形康特筆、輕柔噴槍、數位噴槍、混色筆-只加水、混色筆-紋路水化、帶有紋路的筆刷等…

閱讀全文 →

虎年行大運-肥滋滋老虎的插畫福氣到

文、耀月老師

各位同學大家好,想必各位都知道過幾天就是農曆年了吧!
而今年是虎年,所以我這邊就畫了一隻肥滋滋的老虎向大家拜年^^

使用筆刷:錐形康特筆、數位噴槍、輕柔噴槍、壓克力-擷取鬃毛筆刷、混色筆-紋路水化、帶有紋路的筆刷-粉彩筆、細節噴槍、油畫粉蠟筆等等…

閱讀全文 →

TypeScript物件導向類別(Class)的使用方式大公開

文、意如老師

參考目錄:
第1篇、TypeScript初探篇
第2篇、JavaScript的型別在TypeScript中應用(一)-認識原始資料型別
第3篇、JavaScript的型別在TypeScript中應用(二)-認識物件型別
第4篇、TypeScript物件導向-類別(Class)的使用方式
第5篇、TypeScript物件導向-介面(Interface)的使用方式

在使用javascript時以往都是使用建構函式來實現類別,現在Javascript的ES6(含以上的版本) 已經完全支持類別(Class)的功能了,接下來我們就來好好認識一下在TypeScript中如何使用類別。

閱讀全文 →

【CSP教學】一小部分畫錯的要怎麼修改,這工具最萬用(上)

文、Andy老師

大家好,今天要介紹的是Clip Studio paint(簡稱CSP)的新功能,歪斜工具,這功能是我一直非常期待的,因為我用CSP的方法,都是用Photoshop的觀念來用CSP的,而之前CSP都沒有PS的液化功能,而PS液化功能是我蠻常用的,原因是有時畫完的圖,有些地方畫歪了,或是結構畫錯了,但又不想重畫,所以就會用液化功能調一下,這樣就很方便,如今CSP新版也開發出類似PS的液化功能,而CSP把這功能放在色彩混合工具裡,圖示就像印章的樣子,所以先在工具架上點選印章工具,再從輔助工具面板裡,切換成歪斜工具,這樣我們就可以找到歪斜工具,步驟如下圖。

閱讀全文 →

產婦與長輩的時辰挑選-紫微斗數

Photo credit: Aaron Burden@Pexels

文、晶典老師

還不知道自己的命盤嗎?這邊可以看:命盤查詢


前文已說明挑選剖腹產時辰的大原則,依序為
一、與醫師確認可生產的時間
二、翻找信任的農民曆,選擇吉日
三、依序挑選命宮、身宮、疾厄宮、胎兒命皆美的命盤
四、挑選母親命盤中吉祥的時辰,這邊再多做說明

閱讀全文 →

【Excel教學】如何將多個工作表彙整至同一張工作表中

文、意如老師

不論是公司季報表、月報表、出差單、加班紀錄、成績單或是等等各式各樣的報表,總是一季、一個月、或一個階段就會產生一張工作表,如何將多個工作表彙整成一張工作表方便我們統一管理查看,是我們今天主要分享的主題。

閱讀全文 →

你的AI女友已上線,教你畫出機械感輪廓

文、Alam老師

大家好!我是Alam,今天要畫的也是一種電玩人設風格的女性人物-生化機器女僕,同樣也是比較寫實的表現方式,這裡除了臉部及身體輪廓的描寫刻畫特性要處理得機械物質化外,還要介紹跟以往不同的肌膚光影質感的呈現,最後還是要將女孩嬌美又帶點嫵媚的氣質感凸顯出來。然後,再搭配背景的另類製作處理,讓畫面更顯得豐富不單調而且具有未來感,這樣一位跪坐在大廳的機械女僕就更具吸引力了!

此次會使用到的筆刷如下(部份會經由修改設計後才使用的):
a. 噴槍/細緻細節噴槍
b. 噴槍/輕柔噴槍
c. 鉛筆/覆蓋鉛筆(畫線稿用)
d. 厚塗顏料/軟膠
e. 混色筆/只加水
f. 橡皮擦/橡皮擦
g. 橡皮擦/柔和漂白
h. 混色筆/塗抹
i. 照片/暗化
j. 照片/加入紋路
k. 特效/膨脹
l. 特效/發光
m. 厚塗顏料/深度橡皮擦
n. 厚塗顏料/深度鐵頭球桿
o. 畫刀/刷式畫刀
p. 粉彩筆、粉蠟筆與蠟筆/概念藝術抖動平滑
q. 特效/扭曲

閱讀全文 →

喵~這麼可愛的橘貓,你拒絕的了嗎!

文、耀月老師

各位同學大家好~
貓貓一直都是大家心目中最萌的生物,我家也有一堆這樣的生物,所以先畫出一隻可愛的橘貓當教學,之後有機會再畫其他動物XD

使用筆刷:錐形康特筆、輕柔炭筆、數位噴槍、輕柔噴槍、擷取鬃毛筆、細節噴槍、紋路筆刷、油畫粉蠟筆、混色筆-只加水、混色筆-紋路水化等…

閱讀全文 →

自然產還是剖腹產?紫微斗數算時辰

Photo credit:Jasmine Carter@Pexels

文、晶典老師

還不知道自己的命盤嗎?這邊可以看:命盤查詢


大家在做什麼事情想必都是希望安全第一吧!剖腹生產也是如此,首重當然是母子均安,而不是挑時辰。時辰再怎麼樣絕對不會比孕婦與寶寶的安全重要,所以醫生的建議絕對必須遵守,而不是參考。

閱讀全文 →

一生也不見得有一次的極光!來這裡看就對了

文、Alam老師

大家好!我是Alam,這一回跟大家分享的繪圖過程是如夢似幻的光影表現—-「極光」。在從前,要看極光只能在地球的南北兩極才有幸得見,但在地球磁場開始翻轉緩緩置換之際,現在已經漸漸在靠近南北兩極的地方也可以看得到了。現在除了極端氣候的驟變滾滾而來,我想不久後的將來,我們位於亞熱帶地區也可能看得到了吧?這是一張刻意表現光影效果的風景畫,看起來好像有點不知從何下手?其實只要事先將下手步驟分解好,要完成這張圖一點都不麻煩!^^

本次所使用筆刷:
a. 染色筆 /撒鹽
b. 輕柔噴槍
c. 橡皮擦/橡皮擦
d. 特效/發光
e. 畫刀/調色刀 (透明度 30% ,色彩濃度 80%,色彩混合30%)
f. 照片/模糊
g. 照片/暗化
h. 照片/加入紋路
I. 照片/模糊
j. 向量筆/可塑向量筆
k. 微粒/流動極光
l. 粉彩筆、粉蠟筆與蠟筆/仿真粗粉彩筆
m. 混色筆/塗抹

閱讀全文 →

日文中常用的雨的稱呼和用法

文、ミキ老師

本文的圖片來源全數來自:写真AC 

自從農曆過年後,一直是陰雨連綿的天氣,讓人不禁懷疑難道是梅雨季節提早到來。雖然說連續的雨天讓人感覺憂鬱,但下雨也不全是壞事。畢竟如果沒有下雨,又會有缺水的問題。

閱讀全文 →

【Excel教學】怎麼把個資米掉中間幾個字

文、意如老師

以目前的個人資料保護法,只要有關個人的基本資訊,都需要加上一層保護,例如身份證字號,H123987456,加上保護隱碼後呈現的方式如:H123***456之類的保護方式,看是要隱藏第幾個字元到第幾個字元自己再做些變化調整。

閱讀全文 →

凸顯細緻線條之慕夏風女孩

文、Alam老師

大家好,我是Alam,今天要首度嘗試的風格表現方式是類似「慕夏」的畫風,那就是以細緻線條凸顯女性曼妙軀體的仿古風格,這張作品有別於以往的人物上色表現,雖然線稿結構稍嫌複雜了些,但只要分好圖層的處理順序來個別處理,一切依然能迎刃而解。

閱讀全文 →