發表文章

目前顯示的是 五月, 2015的文章

美國舊金山旅行 Day1: 逛柏克萊 (Berkeley) 校園/柏克萊的畢業典禮

圖片
到達美國後第一天的行程先是在飯店吃個早餐,我們住的旅館蠻特別的,而且蠻大的,大概有好幾棟 building,但是吃早餐的地方要穿過好幾個 building,吃的是自住的早餐,但是也是有付小費。
早餐的選擇很多,廚師現煎的歐姆蛋,或是中式的白粥配上泡菜等等,麵包是基本款,水果啊飲料等等,咖啡跟柳橙汁預設是一定會有。
基本上我是覺得,台灣人應該是蠻能接受美國的食物,還蠻習慣的就是。

旅館的某一邊面向的一個湖的樣子,這些遊艇感覺有錢人家的 XD

對了,舊金山那幾天的天氣,早上都是有點陰陰的,到中午又開始有太陽,然後大概是 7-8才天黑。

順便補幾張旅館的照片,不過這是去柏克萊前一晚剛到旅館時拍的,那時候已經很晚了:

在美國住的這兩間旅館很神奇的是,水很難取得,有也是預設給一瓶水,想要更多要去外面走廊拿,但是很快就會被拿光。

洗澡時發現他們的蓮蓬頭是沒有管線的,就是直接架在牆壁上,不習慣的話就要選擇泡澡。

電視非常無聊,因為看得懂的節目不多 XD




吃完早餐後我們在開車前往柏克萊大學,這間大學挺大的,認真逛也是要走蠻久的,這圖後面的鐘,是學校蠻有名的景點。右邊則是他們的圖書館,蓋的是蠻宏偉的,可惜當天是週六,沒有開。


畢業典禮這天,開車上去幾乎是滿滿的人,停車位似乎非常不好找,而且我發現很多參與畢業典禮的人,都是攜家帶眷的,所以一個人畢業,可能家裡來了很多親友團。


畢業典禮的會場是在球場上,這點倒是跟台灣有點類似,畢竟室內的大場地不多,只是我怎麼覺得他們的球場比較好看,(是我崇洋媚外嗎..)

另外入場也會有一張入場的號碼,要自己印下來,這個詳細我就不清楚了 :P
不同的學生家長可能會被安排由不同的門口進場。


入場的方式也是依序一排一排地坐下,然後有樂隊一直吹奏歌曲。



看這觀眾席,真的是非常的壯觀,剩下的流程就是一般般的標準方式,長官致詞,然後優秀學生致詞。



這張圖是經過他們商學院時拍的照片。
還有跟這個有名的鐘合照一下 :P




去柏克萊大學比較可惜的是沒有買到學校的紀念品,我其實是很愛買 T-shirt,或是一些外套等等,不過 school store 很早就關了,沒機會進去。

待續...

美國舊金山旅行 6 天之遊記

圖片
首先請原諒我寫了幾篇跟技術無關的文章 :P,最近沒有學習的心情,我也沒在學什麼,就是工作而已...。

上個禮拜偷偷地飛去舊金山玩,是人生第二次出國,第一次飛美國,真是超緊張的,因為去的地方還蠻多的,所以就分不同天來紀錄,以下是大概的行程:

行程資訊:
Day1: 逛柏克萊校園/柏克萊的畢業典禮
Day2: Bay to Breakers 路跑/金門大橋/漁人碼頭
Day3: Napa Valley 參觀 Napa 酒莊/逛 Outlet
Day4: Monterey Bay Aquarium 蒙特雷灣水族館/Big Sur
Day5: Yosemite 優勝美地國家公園
Day6: Yosemite 優勝美地國家公園
      Yosemite Falls, Yosemite Valley, Bridalveil Fall, Mirror Lake

住宿: 
DoubleTree by Hilton Hotel Berkeley Marina (4 days)
Best Western Plus Yosemite Gateway Inn, Oakhurst (1 days)

旅遊型態: 
自由行(也要感謝我朋友細心安排的行程,真的很值得。如果是跟旅行社應該是沒有這種行程)

飛機: 
Eva Air (台灣到舊金山,來回機票約 35000 台幣,三月底就訂票了,要注意如果是信用卡刷卡,要本人的卡片,如果是別人的卡片,那個人也必須是同行的人)
旅遊平安險: 約 3000 (我自己是保蠻高的)


去美國旅行注意事項:
1. 要事先線上申請美簽 ESTA,手續費美金 14 塊錢(因為要填很多資料,建議身邊備妥護照跟信用卡)。
2. 護照要是新型的(有晶片的)
3. 美國的插座跟台灣一樣,沒有特別要注意的事情
4. 匯率要上網自己查,當然美金要先備妥,也要準備幾張可以在國外刷的信用卡,以備不時之需。
5. 過美國海關時會問你一些問題,可以先做一些功課,問的問題上網 google 一下就好,都是一些蠻基本的問題(我是被問到在美國待幾天,做什麼行業的...)
6. 在美國用的 sim 卡,如果常往郊區跑,建議買好一點不要省 XD。
7. 注意給小費的方式。

到當地之後的交通: 
我們是租車(約 600 美金, 6~7 天的樣子...),開車的人要先申請國際駕照 (這次去玩的心得就是沒有車怎麼活…

CSS Transform 在 hover 時有殘影

最近在寫一些 css 的效果,主要是利用 css3 的 transform 跟 animation,在一個 div hover 時,有些小特效,像是往上移動,或是某些小元件放大,主要是有用到 scale,不過發現在 hover 時,有時候會殘影,在網路上找到兩個解法,一個是在某 div 加上 image-rendering 屬性,另一個是 backface-visibility,實測之後,image-rendering 非常有用,幾乎是9成機率未再見到 hover 時的殘影,給大家參考 :)

image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;


-webkit-backface-visibility: hidden;
backface-visibility: hidden;


參考文章:
*Image-rendering 參考文章 : https://css-tricks.com/almanac/properties/i/image-rendering/。文章有提到 :『The image-rendering property defines how the browser should render an image if it is scaled up or down from its original dimensions. 』。

* http://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome

BTW 我對 animation 沒有很熟,剛好有機會練到而已 Orz...


Laravel On Ubuntu 環境建置指令紀錄 (Apache + MySQL + PHP5)

一早上班就遇到很慘的事情,aws 連不進去,public key 找不到,之前也沒有 snapshot 起來,結果也只能開新的 instance。

也不是用 docker,開新 server 最煩的就是環境建置,一氣之下乾脆把安裝步驟都記起來,以免下次又要重建...,重新 google 很花時間成本。 QQ

Server 背景與用途說明:
1. 一般 web server,aws 的 micro instance,作業系統 Ubuntu 14.04.1 LTS
2. 用的是 Apache + MySQL + php (皆獨立開分安裝)
3. web framework 用的是 Laravel 4.2
4. 用 80 port 而已

Step:
$ sudo apt-get update

// 安裝 git
$ sudo apt-get install git

// 安裝 apache
$ sudo apt-get install apache2

// 安裝 mysql , php, 還有 php 需要用到的  mcrypt, 相關模組
$ sudo apt-get install mysql-server php5-mysql
$ sudo apt-get install php5 libapache2-mod-php5 php5-mcrypt
$ sudo apt-get install openssl
$ sudo apt-get install curl
$ sudo php5enmod mcrypt
$ sudo service apache2 restart
$ sudo apt-get install php5-cli

// 安裝 redis,裝完後要使用的話,記得下 redis-server 啟用它
$ sudo apt-get install redis-server


// 環境確認 (php, apache, mysql 是否都存在)
$ php -v
$ which mysql
$ which apache2

// mysql 連線測試
$ mysql -uroot -p你的mysql密碼

// 安裝 composer
$ curl -sS https://getcomposer.org/installer | php

// 測試 composer 安裝正常
$…

Parallels 讓你在 Mac 上跑 Windows 作業系統

圖片
因為使用 Mac 之後,就再也沒用過 windows 作業系統,可是很麻煩的事情是,報稅啊,或是 Web 測試 IE 時,都需要 widnows 作業系統,所以我只好下手買了 Parallels (Run Windows On Your Mac),在 Pchome 買的,大概 2300-2400 台幣,但是想一想也值得,因為我畢竟還是需要 windows 的...

老實說是覺得沒必要為了 windows 再擁有一台電腦,主要是不常用,也不想佔家裡的空間,還要感謝我朋友推薦這個好物給我。


買來之後拆封,主要就是拿個序號,在 Mac 要事先下載 Parallels,試用期過了之後,就會跟你要序號去 active 它。

Parallels 讓我覺得最方便的就是很多版本的 IE 跟 windows 作業系統都可以建立。
比方說客戶要測 IE8 的網頁,我就只需要開一台 IE8 on  WIndows7 就好(選下方的免費系統就可以)。

或是你有現有的映像檔,你可以用映像檔去裝作業系統。


作業系統新到連 windows8 都有。

目前我是開了三個 windows: (當然也可以隨時新建或是砍掉舊的,但是新建需要時間安裝)




在 Mac 上看到 windows8 感覺真的很不真實啊 XD


另外 Parallels 也可以設定讓你的虛擬機跟你的 mac 共享資料夾,所以這點真的非常方便,比方說你有些 web 是本機的檔案,不可能在虛擬機還要另外下載那個資料夾下來看,共享資料夾可以讓你在 ie 直接開 mac 有的資料夾的資料,如果用 git 什麼的,也不一定要去 windows 在裝一次 git,然後再把資料 clone 下來。

還有最重要的一點,要報稅時,安裝的報稅 exe 可能會亂碼,這時候你只要調整你的locale就好,去控制台,找 Region and Language->Administrative->Change system Locale...
然後選 Chinese Taiwan 相關的。 (我試了很多種方法,只有這個最ok...)

改完之後要 restart windows 才會生效。



這時候你就會看到正常的安裝 exe 畫面:

大概是這樣,其實 Parallels 應該還很多功能,只是我也沒機會用到。
以我的工作性質來說,能跑 IE 最重要,其他…

Ubuntu 安裝 phpmyadmin 並且換 Port (使用 apache)

開在 aws 的 Ubuntu 發現在連 3306 時還需要 pem 檔,有點麻煩 (因為把 pem 分享出去覺得不恰當),後來乾脆裝 phpmyadmin 可讓其他開發人員去 access database 的部分,因為第一次裝,想說紀錄一下。

但因為 80 已給 web 用,所以要調整 phpmyadmin 的 port,此文我假設已 8888 為主。

因為是測試機,為了方便,同一台 server 提供好多服務,到時候上線時,MySQL 獨立拆出使用一台 server 去服務,就沒這個問題。

ubuntu 上裝 phpmyadmin
sudo apt-get install phpmyadmin
(若已是 root 不需加 sudo)

修改 phpmyadmin 執行的 Port
安裝完成之後,比方說我要執行 phpmyadmin 在 8888 上的 port,要修改:

1. /etc/apache2/ports.conf
加上
Listen 8888 這一行。
(注意在 aws 那邊也要對外開放 8888)

2. 修改 /etc/apache2/apache2.conf
在 IncludeOptional sites-enabled/*.conf 這行之前 (要注意前後文的順序,總之 phpmyadmin 的 apache.conf 要在 site-enabled include 之前載入),加上 Include phpmyadmin 的conf:
# phpMyAdmin Configuration
Include /etc/phpmyadmin/apache.conf

# Include generic snippets of statements
IncludeOptional conf-enabled/*.conf

# Include the virtual host configurations:
IncludeOptional sites-enabled/*.conf

3.  修改 /etc/apache2/sites-available/000-default.conf (看你主要用哪個 conf)
在這個檔案加入新的 VirtualHost,如我開在 8888的 port 上:
<VirtualHost *:8888>
        Alias /p…