2019年12月31日星期二

2019 無敵全端工程師年末廢文

紅色死神發表於 2019年12月31日星期二 12月 31, 2019 / 沒有留言
標籤 2019, facebook

php 重新排列陣列裡的陣列順序

紅色死神發表於 2019年12月26日星期四 12月 26, 2019 / 沒有留言
標籤 php

剛好最近寫網站有這個需要，因為 db 設計的關係所以撈出來資料的排序沒辦法照我想要的排列，研究一下找到這個方法就記錄一下。

$students=array(
            array(
                'id'=>1,
                'name'=>'Jason'
            ),
            array(
                'id'=>0,
                'name'=>'Tom'
            ),
            array(
                'id'=>3,
                'name'=>'John'
            )
);

如果想要照 id 排序，就像這樣寫：

function new_order($a, $b)
  {
    return strnatcmp($a['id'], $b['id']);
  }

  usort($students, 'new_order');

參考: PHP: Sorting Arrays of Arrays

2019 聖誕節

紅色死神發表於 2019年12月25日星期三 12月 25, 2019 / 沒有留言
標籤 2019, facebook

貴婦百貨拍照

紅色死神發表於 2019年12月23日星期一 12月 23, 2019 / 沒有留言
標籤 2019, facebook

我是很喜歡做有的沒的

紅色死神發表於 2019年12月20日星期五 12月 20, 2019 / 沒有留言
標籤 2019, facebook

看你老師是誰

紅色死神發表於 12月 20, 2019 / 沒有留言
標籤 2019, 講師, facebook, III

連紅綠燈都笑你單身

紅色死神發表於 12月 20, 2019 / 沒有留言
標籤 2019, facebook

星戰九天行者的崛起

紅色死神發表於 2019年12月19日星期四 12月 19, 2019 / 沒有留言
標籤 2019, facebook

這幾集的星際大戰已經變成粉絲間的大戰了。

綠界金流串接

紅色死神發表於 12月 19, 2019 / 沒有留言
標籤金流, 綠界, php

最近因為在串綠界的金流，來記錄一下好了。

首先要先去綠界下載 API 文件還有 SDK，我是用 php 寫的所以就下載 php 那包。

接下來要傳資料到後端去處理：

編號 (MerchantTradeNo):
        
        不可重複使用。英數字大小寫混合
    
    時間 (MerchantTradeDate):
        
        yyyy/MM/dd HH:mm:ss
    
    類型 (PaymentType):
        
        aio
    
    金額 (TotalAmount):
        
        請帶整數，不可有小數點 僅限新台幣 金額不可為 0 元，如果是 CVS 或 BARCODE 最低限制為 30 元，最高限制為 30,000 元
    
    描述 (TradeDesc):
        
    
    名稱 (ItemName):
        
        如果商品名稱有多筆，需在金流選擇頁一行一行顯示商品名稱的話，商品名稱請以符號#分隔。
    
    回傳網址 (ReturnURL):
        
    
    付款方式 (ChoosePayment):
        
        綠界提供下列付款方式，請於建立訂單時傳送過來:Credit:信用卡及銀聯卡
UnionPay:銀聯卡(需申請開通)
WebATM:網路ATM
ATM:自動櫃員機
CVS:超商代碼
BARCODE:超商條碼
ALL:不指定付款方式，由綠界顯示付款方式選擇頁面。

接著在 post 後處理資料再送到綠界就可以了

include('ECPay.Payment.Integration.php');
    try {
        
     $obj = new ECPay_AllInOne();
   
        //服務參數
        $obj->ServiceURL  = "https://payment-stage.ecpay.com.tw/Cashier/AioCheckOut/V5";  //服務位置，記得測試完要還成正式網址
        $obj->HashKey     = '5294y06JbISpM5x9' ;                                          //測試用Hashkey，請自行帶入ECPay提供的HashKey
        $obj->HashIV      = 'v77hoKGq4kWxNNIS' ;                                          //測試用HashIV，請自行帶入ECPay提供的HashIV
        $obj->MerchantID  = '2000132';                                                    //測試用MerchantID，請自行帶入ECPay提供的MerchantID
        $obj->EncryptType = '1';                                                          //CheckMacValue加密類型，請固定填入1，使用SHA256加密


        //基本參數(請依系統規劃自行調整)
        $MerchantTradeNo = "Test".time() ;
        $obj->Send['ReturnURL']         = "接收回傳資料的網址" ;     //付款完成通知回傳的網址
        $obj->Send['MerchantTradeNo']   = $MerchantTradeNo;                           //訂單編號
        $obj->Send['MerchantTradeDate'] = date('Y/m/d H:i:s');                        //交易時間
        $obj->Send['TotalAmount']       = 2000;                                       //交易金額
        $obj->Send['TradeDesc']         = "good to drink" ;                           //交易描述
        $obj->Send['ChoosePayment']     = ECPay_PaymentMethod::ALL ;                  //付款方式:全功能

        //訂單的商品資料
        array_push($obj->Send['Items'], array('Name' => "歐付寶黑芝麻豆漿", 'Price' => (int)"2000",
                   'Currency' => "元", 'Quantity' => (int) "1", 'URL' => "dedwed"));

       

        //產生訂單(auto submit至ECPay)
        $obj->CheckOut();
      

    
    } catch (Exception $e) {
     echo $e->getMessage();
    }

最後處理回傳的付款資訊即可。

require('ECPay.Payment.Integration.php');

    try {
        // 收到綠界科技的付款結果訊息，並判斷檢查碼是否相符
        $AL = new ECPay_AllInOne();
        $AL->MerchantID = '2000132';
        $AL->HashKey = '5294y06JbISpM5x9';
        $AL->HashIV = 'v77hoKGq4kWxNNIS';
        // $AL->EncryptType = ECPay_EncryptType::ENC_MD5;  // MD5
        $AL->EncryptType = ECPay_EncryptType::ENC_SHA256; // SHA256
        $feedback = $AL->CheckOutFeedback();

        // 以付款結果訊息進行相對應的處理
        /** 
        回傳的綠界科技的付款結果訊息如下:
        Array
        (
            [MerchantID] =>
            [MerchantTradeNo] =>
            [StoreID] =>
            [RtnCode] =>
            [RtnMsg] =>
            [TradeNo] =>
            [TradeAmt] =>
            [PaymentDate] =>
            [PaymentType] =>
            [PaymentTypeChargeFee] =>
            [TradeDate] =>
            [SimulatePaid] =>
            [CustomField1] =>
            [CustomField2] =>
            [CustomField3] =>
            [CustomField4] =>
            [CheckMacValue] =>
        )

        再個別寫入資料庫更新即可
        */

        // 在網頁端回應 1|OK
        echo '1|OK';
    } catch(Exception $e) {
        echo '0|' . $e->getMessage();
    }

帶你成為老司機

紅色死神發表於 2019年12月18日星期三 12月 18, 2019 / 沒有留言
標籤 2019, facebook

MSIT 班

紅色死神發表於 2019年12月17日星期二 12月 17, 2019 / 沒有留言
標籤 2019, 講師, facebook, III

公視 2020 總統大選網站

紅色死神發表於 2019年12月16日星期一 12月 16, 2019 / 沒有留言
標籤公視, 網頁, 網頁作品, mobile web, web

最近幫忙公視做的 2020 大選網站上線了，網址在這邊。

算是一頁式的網站，會有民調走勢圖、選舉時程還有選舉的限時動態。

手機版版型

今年沒寒流

紅色死神發表於 2019年12月13日星期五 12月 13, 2019 / 沒有留言
標籤 2019, facebook

和學生打神獸

紅色死神發表於 12月 13, 2019 / 沒有留言
標籤 2019, 講師, facebook, Pokemon Go

蹲著寫程式

紅色死神發表於 2019年12月12日星期四 12月 12, 2019 / 沒有留言
標籤 2019, facebook

淡海輕軌遊拍

紅色死神發表於 2019年12月10日星期二 12月 10, 2019 / 沒有留言
標籤 2019, facebook

為了新功能去淡海輕軌拍照。

大家都很喜歡老師

紅色死神發表於 12月 10, 2019 / 沒有留言
標籤 2019, 講師, facebook

3 萬人的社團

紅色死神發表於 2019年12月9日星期一 12月 09, 2019 / 沒有留言
標籤 2019, facebook

自己刻民調走勢圖

紅色死神發表於 2019年12月8日星期日 12月 08, 2019 / 沒有留言
標籤 2019, facebook, svg

簡單的頁面拖曳/滑動(drag/swipe) js 套件- dragScroll.js

紅色死神發表於 12月 08, 2019 / 沒有留言
標籤 javascript, jquery, jquery plugin, js

做網站有時候會遇到需要讓使用者可以透過拖曳的方式瀏覽的介面，如果單純用 scroll 的話橫向會有問題，手機的支援度也會有些問題，這時候我們就可以使用 dragScroll.js 這個外掛簡單幫我們處理這件事情。

外掛網址

讀入後簡單套用即可：

$('.drag').dragscroll();

也可以限制只能水平或垂直方向。

$('.drag').dragscroll({
  direction: 'scrollLeft'
});

$('.drag').dragscroll({
  direction: 'scrollTop'
});

海洋教育推手獎頒獎典禮

紅色死神發表於 2019年12月6日星期五 12月 06, 2019 / 沒有留言
標籤 2019, facebook

因為是評審受邀，很特別的經驗。

你以為我不想做男版的制服地圖嗎，我是不想

紅色死神發表於 2019年12月5日星期四 12月 05, 2019 / 沒有留言
標籤 2019, facebook

MFEE04 結訓

紅色死神發表於 2019年12月4日星期三 12月 04, 2019 / 沒有留言
標籤 2019, 講師, facebook

我上課都在教人通靈

紅色死神發表於 2019年12月3日星期二 12月 03, 2019 / 沒有留言
標籤 2019, 講師, facebook

想快速練功就自己開公司啊

紅色死神發表於 12月 03, 2019 / 沒有留言
標籤 2019, facebook

沒有地方可以困住你

紅色死神發表於 12月 03, 2019 / 沒有留言
標籤 2019, facebook

訂夠了喔

紅色死神發表於 2019年12月2日星期一 12月 02, 2019 / 沒有留言
標籤 2019, facebook

哥吉拉公園

紅色死神發表於 2019年11月30日星期六 11月 30, 2019 / 沒有留言
標籤 2019, facebook

跟學生看了一場最貴的電影「Hello World」

紅色死神發表於 2019年11月28日星期四 11月 28, 2019 / 沒有留言
標籤 2019, facebook

因為訂錯時間，還剛好是幫最多人訂的一次有夠慘..

面交天文年曆

紅色死神發表於 2019年11月26日星期二 11月 26, 2019 / 沒有留言
標籤 2019, facebook

淡海輕軌 x 幾米主題列車活動網站

紅色死神發表於 11月 26, 2019 / 沒有留言
標籤網頁, 網頁作品, web

最近在忙的專案上線了，這是淡海輕軌跟幾米主題列車的活動網站，主要只做手機版，但電腦版應該不至於壞掉只是相對簡單很多。

網站網址

點進去後可以看到介紹。

另外有一些輕軌的小知識。

輕軌那邊也有對各站做介紹，還有周邊可以去的景點推薦。

還有自動抓取 ig hashtag 的功能。

這個主要是有 AR 跟小遊戲，但因為這部分不是我做的，有興趣的朋友可以玩玩看。

升級 Mac 的 php 版本

紅色死神發表於 2019年11月25日星期一 11月 25, 2019 / 沒有留言
標籤 php

Mac 本身內建有 php，如果想要升級版本的話就需要自己去下載並安裝，先用以下指令可以查看目前使用的 php 版本：

php --version

再來透過網路安裝新版的 php

curl -s http://php-osx.liip.ch/install.sh | bash -s 7.3

經過一段時間安裝後應該是安裝成功了，但查看版本可能還是舊版的 php，這時候再加上這段就好了：

export PATH=/usr/local/php5/bin:$PATH

小孩的日常訓練

紅色死神發表於 2019年11月24日星期日 11月 24, 2019 / 沒有留言
標籤 2019, 小朋友, facebook

我跟他說冰塊可以吃他說我騙人
我家小孩從小就要判斷我是在講真話還是練肖喂很辛苦的

老闆認識我的咖啡廳

紅色死神發表於 2019年11月23日星期六 11月 23, 2019 / 沒有留言
標籤 2019, facebook

開發的經驗

紅色死神發表於 11月 23, 2019 / 沒有留言
標籤 2019, facebook

Photoshop 的免費 UI 標示工具- Size-Marks-PS

紅色死神發表於 2019年11月22日星期五 11月 22, 2019 / 沒有留言
標籤 photoshop, UI

現在雖然有不少好用的原型工具，像 Adobe XD 或 Sketch，但還是可能會收到一些不是用這些原型工具的檔案，如果是 photoshop 可以選擇這個免費的工具來幫忙標示 UI 的間距。

首先到 github 下載 Size-Marks-PS 這個 plugin

下載後依以下路徑安裝到 photoshop

OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts

接下來重開 photoshop 就可以使用了，把要標示的距離用選取工具選起來。

接著從檔案 > 指令碼選擇 Size Marks

這樣就會幫你標示了，如果覺得每次要從選單選很麻煩，也非常建議設定快速鍵，從編輯 > 鍵盤快速鍵 > 檔案 > 指令碼找到 Size Marks 就可以設定快速鍵。

這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P

2019 的生日快樂

紅色死神發表於 2019年11月21日星期四 11月 21, 2019 / 沒有留言
標籤 2019, 人生, facebook

又老一歲啦。

超斜槓青年

紅色死神發表於 2019年11月20日星期三 11月 20, 2019 / 沒有留言
標籤 2019, facebook

約好出來玩

紅色死神發表於 2019年11月19日星期二 11月 19, 2019 / 沒有留言
標籤 2019, facebook

[TP 合金] 百獸王(聖戰士)

紅色死神發表於 2019年11月17日星期日 11月 17, 2019 / 沒有留言
標籤模型, srw, TP合金

一直想買百獸王的模型，但之前錯過 30 週年紀念的後就一直沒有滿意的造型或價位的，這次看到這款 TP 合金的套件，看起來應該中國那邊的廠商，應該是有取得版權吧(?)，總之在造型跟價位上很符合我的目標所以就入手了。

造型沒什麼話說，可動性我也覺得 ok，不過這款有說是不能合體分離的，但剛好也是我最不在意的點，要說讓我覺得驚訝的是明明盒子看起來不大，但拿出來擺後卻比我預期的大很多。

隨便擺一下姿勢。

小朋友拍照不正經

紅色死神發表於 11月 17, 2019 / 沒有留言
標籤 2019, facebook

想找我說話的小朋友

紅色死神發表於 2019年11月16日星期六 11月 16, 2019 / 沒有留言
標籤 2019, facebook

熊貓人復胖達

紅色死神發表於 11月 16, 2019 / 沒有留言
標籤 2019, facebook

神作怪醫黑傑克

紅色死神發表於 11月 16, 2019 / 沒有留言
標籤 2019, facebook

新的前端班開始

紅色死神發表於 2019年11月15日星期五 11月 15, 2019 / 沒有留言
標籤 2019, 講師, facebook

寫程式的語助詞

紅色死神發表於 11月 15, 2019 / 沒有留言
標籤 2019, facebook

我小時候很乖

紅色死神發表於 2019年11月13日星期三 11月 13, 2019 / 沒有留言
標籤 2019, facebook

手機的 safari, chrome 瀏覽器 100vh 的問題

紅色死神發表於 2019年11月12日星期二 11月 12, 2019 / 沒有留言
標籤 css, css3, js

最近在寫的網站因為需要把內容鎖定在一個頁面的高度，本來在電腦版很自然會想到用 100vh 去設定，但在 safari 會遇到一個問題就是你預期他高度是一個螢幕高，可是他真的是一個螢幕高，也就是手機瀏覽器的 header 跟底下的 nav 會把螢幕蓋掉，這樣就會發生你開的時候有一部分被遮掉了，這個用這張圖來看就很清楚。

查了一下這在 safari 是一個一直存在的問題，後來連手機的 chrome 也會有這樣的情況，還好後來有找到方法試了一下有用就紀錄一下。

css 要改這樣

.my-element {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

再加一段 js 去判斷要調整的高度。

// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);

有興趣研究原理的話可以看這篇：
The trick to viewport units on mobile

韓國輸

紅色死神發表於 11月 12, 2019 / 沒有留言
標籤 2019, facebook

沒在雙11買過東西

紅色死神發表於 2019年11月10日星期日 11月 10, 2019 / 沒有留言
標籤 2019, facebook

你所不知道的 JS

紅色死神發表於 11月 10, 2019 / 沒有留言
標籤 2019, facebook

抓取 Instagram(ig) 特定使用者與 hashtag 的照片

紅色死神發表於 2019年11月9日星期六 11月 09, 2019 / 沒有留言
標籤 instagram, js

因為想要在網站上放特定 ig hashtag 的照片，本來從 api 去研究，但測了半天都抓不到 ig 要我抓的東西，繼續找資料的同時找到了原來有人已經寫好不用透過 api 的方式抓取照片的 plugin了，簡單測試之後發現真的可以用所以就拿來放到網站上了。

外掛網址：instastory.js

因為是 jquery 的 plugin，記得要先讀入 jquery，然後再把 plugin 讀進來。

準備一個照片要讀進來的容器。

然後直接執行，前面加 # 就是讀取特定 hashtag，加 @ 就是讀取特定帳號。

$(".container").instastory({
  get: "#yoga" // or "@username"
});
$(".container").instastory("#yoga");

另外可以設定的值包含：
limit: 6 //想要讀取的照片數
imageSize: 240 //可填入 50, 240, 320, 480, 640

也可以設定樣板：
這些則是每張照片的變數

{{accessibility_caption}}
{{caption}}
{{comments}}
{{image}}
{{likes}}
{{link}}

使用 javascript SDK 來做 FB/Google 的社群登入

紅色死神發表於 2019年11月8日星期五 11月 08, 2019 / 1 留言
標籤 facebook, google, javascript, js

現在網站為求方便，許多都會讓使用者可以用社群網站登入減少認證的麻煩，這邊來筆記一下該怎麼使用 FB 跟 Google 登入的方法。

Google

google 的話要先到 Google API 服務的地方申請一個新的憑證。

接著可以設定一下容易辨識的名字，就可以拿 api 的 id 跟密鑰了。

因為我們是要用 javascript 登入，所以這邊設定網址就不是這麼重要，再來就是實作登入了。

放一顆按鈕：

初始化 google javascript SDK

let Google_appId = "*****.apps.googleusercontent.com";

// Called when Google Javascript API Javascript is loaded
        function HandleGoogleApiLibrary() {
            // Load "client" & "auth2" libraries
            gapi.load('client:auth2', {
                callback: function () {
                    // Initialize client & auth libraries
                    gapi.client.init({
                        clientId: Google_appId,
                        scope: 'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/plus.me'
                    }).then(
                        function (success) {
                            // Google Libraries are initialized successfully
                            // You can now make API calls 
                            console.log("Google Libraries are initialized successfully");
                        },
                        function (error) {
                            // Error occurred
                            console.log(error);// to find the reason 
                        }
                    );
                },
                onerror: function () {
                    // Failed to load libraries
                    console.log("Failed to load libraries");
                }
            });
        }



        function GoogleLogin() {
            // API call for Google login  
            gapi.auth2.getAuthInstance().signIn().then(
                function (success) {
                    // Login API call is successful 
                    console.log(success);
                    let Google_ID = success["El"];
                   //這邊可以寫抓到登入資訊後要做的事，比如將會員資料寫到資料庫之類的
                    
                },
                function (error) {
                    // Error occurred
                    // console.log(error) to find the reason
                    console.log(error);
                }
            );

        }

接著就可以這樣拿到 google 登入後的資料了。

// API call to get user profile information
gapi.client.request({ path: 'https://www.googleapis.com/plus/v1/people/me' }).then(
 function(success) {
  // API call is successful

  var user_info = JSON.parse(success.body);

  // user profile information
  console.log(user_info);
 },
 function(error) {
  // Error occurred
  // console.log(error) to find the reason
 }
);

參考：Google Login with Javascript API

Facebook

首先也是先到 Facebook Developer 申請一個 app，並設定一下要用的網域以及拿 app id 及金鑰。

接著一樣放一顆 fb 登入的按鈕

寫 js

//應用程式編號，進入 https://developers.facebook.com/apps/ 即可看到
        let FB_appID = "";

        //FB Login 官方文件：https://developers.facebook.com/docs/facebook-login/web

        // Load the Facebook Javascript SDK asynchronously
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "https://connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        window.fbAsyncInit = function () {
            FB.init({
                appId: FB_appID,//FB appID
                cookie: true,  // enable cookies to allow the server to access the session
                
                xfbml: true,  // parse social plugins on this page
                version: 'v5.0' // use graph api version
            });

        };

        //使用自己客製化的按鈕來登入
        function FBLogin() {
            
            FB.login(function (response) {
                //debug用
                console.log(response);
                if (response.status === 'connected') {
                    //user登入成功
                    //抓userID
                    let fb_id = response["authResponse"]["userID"];
                    //接著可以對帳號做處理

                   
                } else {
                    // user FB取消授權
                    alert("Facebook帳號無法登入");
                }
            }, { scope: 'public_profile,email' });

        }

完成。

學生自己做的精靈球悠遊卡

紅色死神發表於 2019年11月7日星期四 11月 07, 2019 / 沒有留言
標籤 2019, 講師, facebook

紅豆餅裡有珍珠

紅色死神發表於 2019年11月6日星期三 11月 06, 2019 / 沒有留言
標籤 2019, facebook

將 After Effect 轉 svg 的工具套件- bodymovin

紅色死神發表於 11月 06, 2019 / 沒有留言
標籤 After Effect, javascript

After Effect 是很多人在製作動畫時的好幫手，而 svg 的動畫近年來也在網頁上有越來越吃重的表現，但以往 AE 只能輸出影片，手寫 svg 動畫又太耗時，而現在有 bodymovin 這個工具就可以幫我們同時解決這兩個問題了。

首先先到這邊下載套件

下面有幾個安裝的方法，安裝完後把 AE 製作好的動畫依指定的格式匯出就可以了。

接著到網頁開發者這端，將 js plugin 讀入：

接著像這樣把 AE 匯出的 json 檔讀入就可以了。

lottie.loadAnimation({
  container: element, // the dom element that will contain the animation
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'data.json' // the path to the animation json
});

官方有提供一些既有的 json 檔讓大家測試：LottieFiles

codepen 也有一些範例可以給大家看

See the Pen
The Chameleon from Null Island by kittons (@airnan)
on CodePen.

醫生知道我想問什麼

紅色死神發表於 2019年11月5日星期二 11月 05, 2019 / 沒有留言
標籤 2019, facebook

被拆的命運屎之門

紅色死神發表於 2019年11月4日星期一 11月 04, 2019 / 沒有留言
標籤 2019, facebook

觀落陰的小朋友

紅色死神發表於 2019年11月3日星期日 11月 03, 2019 / 沒有留言
標籤 2019, 小朋友, facebook

馬桶王任務

紅色死神發表於 2019年11月2日星期六 11月 02, 2019 / 沒有留言
標籤 2019, facebook, Pokemon Go

誰不是雙子座

紅色死神發表於 2019年11月1日星期五 11月 01, 2019 / 沒有留言
標籤 2019, 講師, facebook

老師你教的很好

紅色死神發表於 2019年10月31日星期四 10月 31, 2019 / 沒有留言
標籤 2019, 講師, facebook

福音戰士快閃店

紅色死神發表於 2019年10月30日星期三 10月 30, 2019 / 沒有留言
標籤 2019, facebook

國立台灣大學雲與氣膠研究室預報產品網頁

紅色死神發表於 10月 30, 2019 / 沒有留言
標籤網頁, 網頁作品, web

因為最近超忙的所以是請學生幫忙完成的，看到訓練出來的學生馬上就能上工真是讓人開心的事。

本來拿到原本網頁的時候是超陽春的而且 UI 很糟糕的頁面，後來幫他們重新規劃後就是現在這個版本，其實我還是好想做跟天氣相關的網站啊，找時間來做吧。

網址：
國立台灣大學雲與氣膠研究室預報產品

老大 10 歲了

紅色死神發表於 2019年10月27日星期日 10月 27, 2019 / 沒有留言
標籤 2019, 小朋友, facebook

再見 La new 高熊/ Lamigo 桃猿

紅色死神發表於 2019年10月26日星期六 10月 26, 2019 / 沒有留言
標籤 2019, 人生, La new

今年最後知道 Lamigo 要轉賣給日本樂天後，雖然覺得不捨但也有想過總是會有這天的到來，真的非常感謝劉家父子這十幾年來對中華職棒的貢獻。

跟 Lamigo 的前身 La new 熊有一些淵源，當初忘了什麼方式被當時在 La new 高熊服務的朋友找上我幫忙繪製一些活力熊的表情符號和偶爾一些的宣傳圖，後來也有幫忙弄一些他們企業的宣傳品。很感謝當時的朋友給我這個機會，讓我除了可以有更多的作品也有機會從他那邊了解企業做行銷和公關的一些知識。

後來雖然他離開後我也就幾乎沒有再接觸他們公司的案子，但也因為他讓我後來有機會有些動力去做我想做的事情，即使我們後來不是很常見面，但也大概一年會約個一次出來聊個天談談近況，內心總是有些願望希望能夠持續實現，朋友們就繼續努力吧。

也因為朋友的關係跟劉董事長有過一面之緣，當時覺得他真的是一個很熱情且溫暖的長輩，最後也祝福 La new 企業以及之後接手的樂天都能持續發光發熱。

跟大學對照沒什麼變的我

紅色死神發表於 10月 26, 2019 / 沒有留言
標籤 2019, 人生, facebook

好久不見的吃飯

紅色死神發表於 2019年10月24日星期四 10月 24, 2019 / 沒有留言
標籤 2019, 人生, facebook

恐怖的萬聖節海報發包

紅色死神發表於 2019年10月23日星期三 10月 23, 2019 / 沒有留言
標籤 2019, facebook

人力銀行講履歷的無聊人生

紅色死神發表於 10月 23, 2019 / 沒有留言
標籤 2019, facebook

1% 的舊版 ie 市佔率

紅色死神發表於 10月 23, 2019 / 沒有留言
標籤 2019, facebook

CSS3 的降龍十八掌

紅色死神發表於 2019年10月22日星期二 10月 22, 2019 / 沒有留言
標籤 2019, 講師, facebook, III

為了打道館跑到中正紀念堂

紅色死神發表於 2019年10月21日星期一 10月 21, 2019 / 沒有留言
標籤 2019, facebook, Pokemon Go

訂閱：文章 (Atom)

2019年12月31日 星期二

2019年12月26日 星期四

2019年12月25日 星期三

2019年12月23日 星期一

2019年12月20日 星期五

2019年12月19日 星期四

2019年12月18日 星期三

2019年12月17日 星期二

2019年12月16日 星期一

2019年12月13日 星期五

2019年12月12日 星期四

2019年12月10日 星期二

2019年12月9日 星期一

2019年12月8日 星期日

2019年12月6日 星期五

2019年12月5日 星期四

2019年12月4日 星期三

2019年12月3日 星期二

2019年12月2日 星期一

2019年11月30日 星期六

2019年11月28日 星期四

2019年11月26日 星期二

2019年11月25日 星期一

2019年11月24日 星期日

2019年11月23日 星期六

2019年11月22日 星期五

2019年11月21日 星期四

2019年11月20日 星期三

2019年11月19日 星期二

2019年11月17日 星期日

2019年11月16日 星期六

2019年11月15日 星期五

2019年11月13日 星期三

2019年11月12日 星期二

2019年11月10日 星期日

2019年11月9日 星期六

2019年11月8日 星期五

Google

Facebook

2019年11月7日 星期四

2019年11月6日 星期三

2019年11月5日 星期二

2019年11月4日 星期一

2019年11月3日 星期日

2019年11月2日 星期六

2019年11月1日 星期五

2019年10月31日 星期四

2019年10月30日 星期三

2019年10月27日 星期日

2019年10月26日 星期六

2019年10月24日 星期四

2019年10月23日 星期三

2019年10月22日 星期二

2019年10月21日 星期一

搜尋此網誌

Google 廣告

文章

標籤雲

熱門文章

訂閱

Google 廣告

2019年12月31日星期二

2019年12月26日星期四

2019年12月25日星期三

2019年12月23日星期一

2019年12月20日星期五

2019年12月19日星期四

2019年12月18日星期三

2019年12月17日星期二

2019年12月16日星期一

2019年12月13日星期五

2019年12月12日星期四

2019年12月10日星期二

2019年12月9日星期一

2019年12月8日星期日

2019年12月6日星期五

2019年12月5日星期四

2019年12月4日星期三

2019年12月3日星期二

2019年12月2日星期一

2019年11月30日星期六

2019年11月28日星期四

2019年11月26日星期二

2019年11月25日星期一

2019年11月24日星期日

2019年11月23日星期六

2019年11月22日星期五

2019年11月21日星期四

2019年11月20日星期三

2019年11月19日星期二

2019年11月17日星期日

2019年11月16日星期六

2019年11月15日星期五

2019年11月13日星期三

2019年11月12日星期二

2019年11月10日星期日

2019年11月9日星期六

2019年11月8日星期五

2019年11月7日星期四

2019年11月6日星期三

2019年11月5日星期二

2019年11月4日星期一

2019年11月3日星期日

2019年11月2日星期六

2019年11月1日星期五

2019年10月31日星期四

2019年10月30日星期三

2019年10月27日星期日

2019年10月26日星期六

2019年10月24日星期四

2019年10月23日星期三

2019年10月22日星期二

2019年10月21日星期一