許家誠

(James Hsu)

 在網軟擔任努力學習中的設計師
 之前任職青年志工大聯盟副資傳長
 就讀元智大學資訊管理學系
 現居台北市
編輯詳細資料

picture相片
新增相片
postpic
postpic
postpic
postpic
postpic
postpic
postpic
postpic
postpic
  •  建立貼文
  •  相片 / 影片
  •  直播視訊
  •  生活要事
在想什麼呢?
  • picture相片 / 影片
  • tag標註朋友
  • smile感受 / 活動
  • ...
公開
發佈
許家誠
9月20日 下午9:55

我終於做好部落格了!!!搞了這麼就終於完成了。接下來我會開始慢慢將工作心得、學習的東西記錄在部落格上面。此外我在做部落格時發現另一個CSS語法,就是有「深色模式」,我自己覺得超級酷的!!!!

好啦,附上部落格連結,而且可以在google上搜到我的網站喔!(雖然現在SEO排名很後面,不過大家都來點一點就會跑到前面惹~

#米米的前端人生 #部落格
like
馬信和其他55人


許家誠
9月2日 下午4:25

呼~暑假兩個月不知不覺就過去了,實習也經過半年了,在這期間我做了蠻多事情的。像是台灣公益資訊中心新版型開發,還有公司產品升級等,暑假開始我才算是真正接觸公司的專案,說實在實在有累欸...

不過我所做的東西沒辦法放出來給大家看嗚嗚,因為還沒套好程式,因此只能等上線後才看得到。我決定將學習到的東西放在部落格上面,那就先等我部落格做好再說囉!

#米米的前端人生 #部落格
like
台灣通勤和其他29人


許家誠
6月1日 下午5:17

再過幾個禮拜就要過端午節了,這次同事將製作端午賀卡的任務交給我,一開始想說可以用日式浮世繪呈現海浪,那真的好美,但考慮到不是所有人都能接受這種風格,於是我選擇日式小清新的感覺。

dragonboat
#米米的前端人生 #製圖製起來 #端午節
like
Wecare和其他666人


許家誠
5月25日 下午3:38

今天向公司請假了,因為社團要幫即將畢業的學長姐慶祝(簡單講就是學長姐來吃免錢的,我們要幫他付錢==)。我在空閒的時候還是繼續在做學校要的期末網頁,你現在看到的這篇就是在下午三點多在街區商號打的。

來介紹一下我做的網頁ㄅ。其實我是將之前做過的半成品拿來改的,首頁的部分寫了蠻多原生的js,像是透過滑鼠的移動讓貓咪看著箭頭、滑鼠移到貓咪上面,貓咪就會跳起來、點選導覽列平滑的移動等。首頁應用了蠻多正在學的東西,像是bootstrap以及自己寫的js,再加上css。而分頁我則是也fb的方式來呈現,所有看到的頁面都是用css慢慢刻出來的,還有加上js套件如slick、lightbox、AOS等套件,應用的部分比較多,希望大家會喜歡~

#米米的前端人生 #實習 #期末報告
like
元智大學、元智資管系和其他52人


許家誠
5月20日 下午5:20

今天是2020520,一堆人結婚誒,下次可能要等2025520或是2094520ㄅ哈哈哈 (題外話

除了正在進行的案子外,由於期末快接近了,我們這學期的實習也差不多要告一段落了(但暑假跟下學期依然持續進行嗚嗚)。告一段落是指什麼意思呢?就是要驗收我們這學期的實習成果:同個公司的要繳交一份紙本文件,一人最少要寫十頁,此外還要做一個網站來呈現實習心得,繳交前呢還要給我們的指導老師看過才能交出去。

指導老師這部分我就很有意見了,我們實習是算學分的,一半是公司評分而另一半是指導老師。公司評分這當然很正常,畢竟我們都在他們那邊上班,由他們評分完全合情合理;然而指導老師卻是系辦指定,指導老師可以算是掛名的,沒有給一些建議或是關心學生實習的情況。校內實習的專題生每個禮拜定期會與指導老師開會討論專題方向,老師評分是合理的;校外實習平常都在公司學習,鮮少與指導老師有交集,又因每個人接觸的東西都不太一樣,指導老師說不定連自己的學生是在做什麼的都不知道呢~要一個不知道你在公司做什麼的老師給你實習打分數,這不是很可笑很諷刺嗎?

BTW,我現在正在弄期末要的網站,不得不說我弄的蠻起勁的哈哈哈哈,成果在哪裡能看到呢?你現在就看到了R~

#米米的前端人生 #實習 #期末報告 #抱怨文
like
奇奇、蒂蒂和其他22人


許家誠
4月29日 下午3:44

這禮拜終於回公司上班了,我還想繼續再待在家裡睡覺等到快九點才起來~去公司都要早起我不要~

BTW我這次做了一個天氣盒子,我覺得豪可愛喔哈哈哈,之後的基本上就不再是只有html跟css了,連js、ajax等都會進來。到現在同事需要我幫忙的蠻多都是跟js有關,但我還是沒有很熟,只能用網路上摳網路上大神們的程式碼來修改(有時根本都沒改...

PS.由於作品是放在codepen上,沒有特別處理程響應式網站,建議使用桌機或筆電瀏覽。

weatherbox
#米米的前端人生 #html #css #js #codepen #github
like
666、DANie和其他32人


許家誠
4月22日 下午12:53

每天都在練習,每天都在進步~這次大多數練習都放在codepen上,主要是練習基本的css跟js,還有龜速學習Vue。

跟著老師的進度我能更深入了解語法,以前為了調整一個小地方,在網路上爬文求解,就算找到答案後還是不知所以;如今可以一針見血知道問題出在哪裡,並且快速解決問題~

PS.由於作品是放在codepen上,沒有特別處理程響應式網站,建議使用桌機或筆電瀏覽。

coffeecardilluminationbooksresumegiftcutepeoplebeautifulcity
#米米的前端人生 #遠距上班 #WFH #css #線上課程 #codepen
like
橘子、老鼠和其他8人


許家誠
4月8日 下午8:09

有人覺得我上班都沒人管,都在自己弄自己的事情,其實並沒有喔~公司正在進行的案件我有幫忙處裡喔,如智邦公益館上資料、台灣服務科學官網的影片、路德基金會網頁排版等我都有幫忙!

前陣子主管希望我主導台灣公益資訊中心的改版,前端頁面要我負責,我當下真的是嚇死了!以我一個新人真的能接下這個重任嗎?我希望是可以的!加油!因此我先使用Adobe XD先規劃頁面(如果直接開始用html切版之後要修改會死掉)這是我第一次接觸UI的軟體,也是慢慢摸索才學會的。

此外,學會了Bootstrap後我開始加強css的基本能力,報名了吳哲宇老師的網路課程學習相當多的進階應用。如今做網站不是使用html而是使用pug;css也不再慢慢刻,可以用sass來幫忙;版本控制使用github(他還是免費的伺服器),不過我還是有很多要學習的,希望能繼續保持下去!

PS.有些東西包含公司機密沒辦法放~拍謝啦,公益資訊中心預計會在今年第四季上線,之後大家就可以看到囉!

#米米的前端人生 #bootstrap #遠距上班 #WFH #css #台灣公益資訊中心
like
桑德斯、裴洛西和其他27人


許家誠
4月7日 上午11:23

Today is my birthday~

Fasure的網站終於做好了RRRRRR(虛擬的品牌)費盡我的洪荒之力終於完成了!我是用Bootstrap4做的,另外還有使用slick.js好讓輪播圖能在手機上好好運作、AOS.js加入滾輪下滑等構件進入的動畫等等,前端算是蠻好進入的,但要學的東西真的好多,學了一個後另外一個又剛好出現就要不斷的一直學,真的好累。

公司希望我學4版因為這是最新的,但公司目前的產品都是用3版,兩者差異其實蠻多的,有些東西被砍掉,但也有新增的ex. Card~反正我用4版現在算是得心應手啦,公司希望我能夠幫助產品改版,不知道我能不能做到呢~也只能繼續加油了~

附上Fasure網站連結

#米米的前端人生 #bootstrap #遠距上班 #WFH #Fasure #slcik.js #AOS.js
like
電獺少女、Elias和其他9人


許家誠
4月1日 下午1:47

今天是愚人節~但今年好像都沒被騙,應該說不是被騙,而是完全沒人理嗚嗚嗚,變成邊緣人惹~

最近在用Bootstrap寫一個衣服品牌的商店,目前還在努力,之後給大家看!

現在在公司也算是慢慢步上軌道了,平日都有早會,用意是讓團隊成員了解今天彼此要做什麼事,有問題也可以互相討論。主管人也很好,很關心我的情況,而他們也有很多事情要忙,無法一一教導我,因此我都是自學居多,一開始真的很痛苦,毫無頭緒可言,但後來也就慢慢習慣了,即使為了搞懂一個東西要花很多時間,每天的進度會變得很慢,但這都是自己去摸索出來的東西,雖然慢但能確確實實記在腦海裡。

喔對了,因為疫情的關係,我現在是在家工作喔~希望每個人都能平平安安的!

#米米的前端人生 #bootstrap #遠距上班 #WFH
like
太太太、廁所門、茶葉蛋和其他5人


許家誠
3月25日 下午8:21

歷經快一個月了,我終於把書看完了~(撒花

我覺得Bootstrap真的是一個蠻好用的東西,他能快速套版,但缺點也很明顯,就是網頁大同小異,而且超級單調,所以才需要用css慢慢刻ㄅ。

書中有教好多的語法,其中還介紹超好用的fontawesome解決icon的小問題~可以想像成他將icon變成文字,因此可以在css裡面直接調整文字大小、顏色等她就會跟著變化了~

附上作品連結~這些都是用Bootstrap做的!(github當伺服器蠻好用的~

#米米的前端人生 #bootstrap #css #fontawesome
like
氣炸姊、扛轎的和其他25人


許家誠
3月4日 下午2:07

進公司前的面試主管就一直要我去學Bootstrap,直到今天我才開始接觸啊哈哈哈哈哈哈哈~

現今的我們在瀏覽網頁時不一定要使用電腦,手機就是我們最常用的設備!此外每家公司製造的尺寸不一,如果網頁沒有根據設備大小做調整,那麼在瀏覽網頁時就會只能看到部分,使用體驗就會很差,就會ㄎ一ˇ哞幾娃ㄌㄨㄧˋ

而Bootstrap就是為了對付這麻煩的東西而生成的框架,如此一來在製作網頁時就不需要在css中更改在不同尺寸的大小,Bootstrap只要在class中輸入特定的字就可以完成啦~

不過,嗚嗚嗚嗚,官方文件豪難看懂喔,都是英文,我在圖書館有借到一本書,希望有幫助!

bootstrapbook
#米米的前端人生 #bootstrap
like
鹽酥英語、國師和其他7人


許家誠
3月3日 下午3:00

辦公室的格局如下,從叡揚的大門進去後右轉就到了辦公室,辦公室內部是一個長方形,門口就在長方形的尾端。進門後空間是向左延伸過去的,最底的地方也就是靠近窗戶那邊分成兩區,一個是PD1,另一個是PD2。

PD1是負責後端程式的,而PD2是負責前端。我就是PD2的一員,部門內加我有6個人~接著中間區域是客服部門,再往門口靠近是業務部門。

當初帶我們介紹公司的客服經理Anita在介紹的時候還笑著說公司是按照音量大小排位置的。最裡面的PD1、PD2都在打程式,鮮少聊天,都在各自農碼;中間的客服偶爾會接電話處理客戶的問題,蠻常說話的;而最外面的業務一天到晚跑來跑去,在辦公室時也是瘋狂用電話聯絡客戶,因此聲音就很多~

like
善逸的謊言、Copy House和其他2人


許家誠 在 網軟
3月2日 下午5:45

今天是第一天上班~帶著既期待又害怕的心情來到公司。

公司的位置在大同大學對面,蠻好認的,平常中午吃飯也可以到附近的晴光市場吃,交通很方便~

我們先了解環境。大門走進去後右轉進入旁邊的房間,這就是我們的辦公室(對,蠻小的,還跟叡揚共用...)至於為什麼辦公室小呢~因為人數非常少!加我們實習生一共也才25人喔喔。其實當初就已經知道網軟是小公司,但正因為是小公司,能學習的東西就非常多~希望自己能夠越來越好。

like
法拉利姊、嘉民和其他5人