Tales

"devoted to stupidity"

做前端有時也畫圖的人

  • 關於
  • 最近碎碎念
  • 繪圖作品
  • 聯絡我
  • 顯示 QRcode
往下捲動
my plurk avatar

about

先簡單條列一下,之後會再來美化這一頁。

我是…

  • Tales 唸作太老實
  • 做前端偶而也畫圖的人
  • 大學是商業設計系,但現在比較算是前端工程師
  • 網頁技術: HTML / CSS / JavaScript(es6) 不然咧…
  • 理所當然的會 jQuery ,但目前主要使用 vue.js
  • 後端會一點 PHP ,也會用 MVC 框架
  • 能做 PWA ,有個實做專案: CircleCheckPlus
  • 有時會畫一些奇怪的圖做成衣服拿去同人場賣
  • 要是出了什麼事上了新聞被記者形容成宅男也沒辦法辯解的人
  • 沒有在用臉書
  • 求職中(請與我 聯絡 !)

這個頁面…

  • 用 Vue.js 寫的
  • 本網站最佳瀏覽解析度為 1024 x 768 因為有做 RWD ,只要長寬比不太奇怪應該看起來都還不錯
  • 寫不出什麼有料的東西,所以想到把自己平常在撲浪的碎碎念接過來假裝成 Blog
  • 既然如此,身為一個前端工程師,順便把圖從 Pixiv 撈過來也都是很合理的
  • 於是這個頁面的 Blog 與 Illust 的資料都是另外串 API 取得的
  • API 要來的資料有用 Local Storage 做前端快取
  • 不過 Pixiv 沒有提供 API 給人撈資料,所以我是自己寫爬蟲再做成 API 給自己接
  • 後端的爬蟲是用 PHP 寫的,使用一套叫做 Fat-free framework 的 MVC 框架
  • 我也有 Twitter 帳號,但是沒什麼在發言就沒接了
  • 在考慮也寫爬蟲把放在蝦皮上的東西也撈過來充實內容

profile

Tales

唸作太老實

Front-end engineer & illustrator

設計出身喜歡畫圖的前端工程師

Biography

  • 中原大學
    商業設計系 畢業
  • 偉曜實業
    百貨玩具專櫃
  • 鼎美玩具
    百貨玩具專櫃
  • 極致行動科技
    手機遊戲美術
  • ADNS 同人輪播平台
    製作與營運管理
  • 群暉科技
    行銷部 / 前端工程師
  • CircleCheck.Plus
    製作與營運管理
  • 明鏡有限公司
    技術部 / 前端工程師
  • 長江國際資訊有限公司
    研發部 / 前端工程師

skill

Front-end

  • HTML
  • CSS
  • RWD
  • javascript(ES6)
  • AJAX
  • jQuery
  • vue.js
  • SPA / PWA

Back-end

  • PHP
  • Fat-free framework

works

  • CircleCheck.Plus

    CircleCheck.Plus

    https://circlecheck.plus

    CircleCheck.Plus 是一個基於我個人興趣與需求製作的 Web App

    製作上使用 vue.js ,搭配 fetch 、 promise 、 indexedDB 等 ES6 與 HTML5 提供的功能,並兼顧 RWD 。

    由於這也是一個 PWA ,所以具備安裝在使用者的主畫面,或是離線執行的能力。

  • synology.com

    群暉科技公司網站

    https://www.synology.com

    任職於群暉科技時的主要的工作是維護公司網站

    收到需求後製作或更新網站中的任一頁面,當時主要使用 jQuery 。

  • six-degrees.io

    六度

    https://six-degrees.io

    新聞聚合網站。任職於明鏡有限公司時的執行的專案。

    負責前端頁面,介接後端 API ,後端為 codeigniter ,前端 Framework 使用 vue.js ,搭配 vue-router ,使用 localStorage 做前端快取,降低存取 API 的頻率。

  • Plurk & Pixiv crawler API

    Plurk & Pixiv crawler API

    範例資料, json 格式

    在做「六度」的時候,跟後端的人學了怎麼做爬蟲跟 API

    這個網站的 /blog 跟 /illust 頁面的資料就是串這個 API 載入資料的

  • open graph / meta data crawler API

    Plurk & Pixiv crawler API

    抓取 https://www.pixiv.net/member_illust.php?mode=medium&illust_id=69493661 的範例, json 格式

    抓取指定網址的 open graph 或 meta 資訊的爬蟲與 API

    為了之加強 circlecheck.plus 所準備的,所以另外有特別針對 Twitter 、 Pixiv 、 Plurk 做處理

  • ADNS 同人輪播

    ADNS 同人輪播

    (已經收起來了)

    我開始學寫程式的契機

    一個可以讓創作者上傳廣告圖,然後把輪播廣告掛在個人網站 / Blog 互相幫忙宣傳的廣告輪播平

    我自己製作與經營管理,在進入 SNS 時代之後,已經沒有太大效益,所以收起不做了。

    在持續運作的五年間,最多的期間曾經同時有超過 500 個社團使用這個平台宣傳曝光他們的作品。

    正式名稱是 ADnonSense ,因為跟 google 的 AD sense 比起來,他們比較有 sense 。

  • Cell Phone Game artist

    手機遊戲美術

    (已經收起來了)

    過去任職極致行動科技時擔任遊戲美術,呃…不是智慧型手機的遊戲

    期間做過博奕、益智、射擊、橫向捲軸、格鬥等類型的遊戲開發,其中大部份都是 BB 戰士三國傳的相關遊戲

    極致行動科技已經結束營運

  • Paint-Tool SAI localize

    繪圖軟體 Paint-tool SAI 中文化

    https://github.com/tales00/sai_tw

    愛用的繪圖軟體 SAI 的中文語系檔,參考日文與英文版修改

    曾經回饋給原作者,但是原作者認為如果猶他提供中文版,他就有義務要負責中文使用者的客服,但是他認為自己沒辦法,所以被拒絕了。

contact

talesworks@gmail.com

my plurk avatar

Blog

其實不是 Blog ,只是我最近在 plurk 上講或轉了的東西
Pixiv logo

Illust

有放到 Pixiv 上的圖。 全部共 {{ pixiv.profile.totalWorks }} 張,這邊是最新的 20 張,其他可至 Pixiv 瀏覽。
回到頁首
"devoted to stupidity"

mail :

聯絡我
talesworks@gmail.com

follow my activity or Contact me on :

Plurk logo
Plurk
Pixiv logo
Pixiv
tales.tw 的 QRCode
https://tales.tw