築夢最美

2016年11月16日星期三

MacOS ssh 遠端連線 scp 複製遠端檔案

SSH vs SCP

1. SSH 遠端操作

SSH (Secure Shell), 可以提供我們使用 Terminal 進行遠端的系統操作.

Format:

ssh USER_NAME@IP_ADDRESS -p PORT

USER_NAME: 遠端登入的使用者名稱
IP_ADDRESS: 遠端主機位址
PORT: 通訊埠

Example:

ssh neil.peng@140.126.x.x

2. SCP 透過SSH進行遠端檔案複製

SCP 指令可以讓我們與遠端主機進行資料傳遞, 不需另外架FTP, SCP 指令的使用方式與系統中的CP指令幾乎相同, 但在檔案路徑上, Neil 一律採用絕對位址, 避免資料遺失或找不到. 如果你不知道當前執行的目錄, 可以鍵入'pwd'查看現在的路徑.

Format:

scp [arg1] [arg2]

arg1: 檔案複製的來源位址, 必須為絕對位址(/Users/Neil/Download)

arg2: 檔案複製的目的位址

當來源位址或目的位址是遠端主機時, 必須在位址前加上 USER_NAME@IP_ADDRESS:(這個冒號千萬別忘了), 這樣才能正確執行喔！

Example:

Local -> Remote

scp LOCAL_FILE USER_NAME@IP_ADDRESS:DEST_FILE_PATH

Remote -> Local

scp USER_NAME@IP_ADDRESS:SOURCE_FILE LOCAL_PATH

2016年5月4日星期三

WebStorm Theme editor

Download theme from Color Themes
After download, we will get *.jar file like this
Launch WebStorm, then open/create any project
Select "File" -> "Import Setting" -> Select *.jar File
And then, we can use the new interface in WebStorm
So, if you want to change font size or the others, you can edit in "WebStorm(Top left)" ->
"Preference" -> "Appearance" -> "Editor"

Click the dropdown list, and you can select the theme what you want.
In the "Editor", you can expand it, and you will see lots of options, you can edit fonts or colors and ...

2014年5月27日星期二

Install JAVA SDK

JAVA SDK

P.S 內文含相當多的圖片,請小心服用!!

1. Download JAVA SDK(下載JAVA SDK)

點擊 http://www.oracle.com/index.html 前往 Oracle 官方網站進行下載
滑鼠移至上方選單列[Downloads],並點擊左側[Java for Developers]
點擊網頁中間的[JDK DOWNLOAD]
點擊網頁中間的[Accept License Agreement],並依照你的作業系統進行下載(在這裡筆者以Windows x6作範例)

2. Install JAVA SDK(安裝JAVA SDK)

點擊下載的檔案並執行
點擊下一步,開始安裝JDK
下方可選擇JDK的安裝路徑,預設值為C:\Program Files\Java\jdk1.8.0_05
(JDK版本不同時,最後的資料夾名稱會不同)
JDK安裝中
JDK安裝完成後,會繼續安裝JRE.
選擇安裝的路徑,預設為C:\Program Files\Java\jre8
(JRE版本不同時,最後的資料夾名稱會不同)
JRE安裝中
JRE安裝完成,可以點擊"Next Steps"取得API文件等等的資料(此部分為非必要筆者略過)

3. Setting Windows Environment Variable(設定系統環境變數)

右鍵點擊[電腦]→[內容]
點擊左側[進階系統設定]
點擊[進階]→[環境變數]
在系統變數的部分找到[Path]並點擊[編輯]
在[變數值]的欄位加上";"以及JDK的安裝路徑(預設為C:\Program Files\Java\jdk1.8.0_05\bin),點擊[確認]後即完成設定
點擊[開始功能列],並於下方欄位輸入"cmd",進入[命令提示字元]視窗
在視窗中輸入"java -version",如果有出現下方版本訊息,
即可確認JDK已安裝完成並已完成設定

2014年5月26日星期一

iOS App Icon And Image Size

以下為開發 iOS App時所需的各式圖檔。

首先,您必需了解這些圖檔的用途,請看以下的圖文講解，有" * "的項目是必需的喔！

*App Icon

APP 選單頁

*App Icon for the App Store

APP Store 內的 icon

*Launch image

程式的啟動頁

Spotlight search results icon()

搜尋結果的 icon

Setting icon

設定頁的 icon

以下為幾種常用的規格：

　1. iPhone 5 & iPhone 5s & iPhone 5c

App icon : 120 x 120
App icon for the App store : 1024 x 1024
Launch image : 640 x 1136
Spotlight search results icon : 80 x 80
Settings icon : 58 x 58

　2. iPad and iPad mini (high resolution)

App icon : 152 x 152
App icon for the App store : 1024 x 1024
Launch image : 1536 x 2048(portrait) or 2048 x 1536(landscape)
Spotlight search results icon : 80 x 80
Settings icon : 58 x 58

　3. iPad2 and iPad mini(Standard resolution)

App icon : 76 x 76
App icon for the App store : 1024 x 1024
Launch image : 768 x 1024(portrait) or 1024 x 768(landscape)
Spotlight search results icon : 40 x 40
Settings icon : 29 x 29

2014年1月26日星期日

iOS AppIcon And LanchImage Setting

iOS AppIcon And LaunchImage Setting

本篇文章將介紹在Xcode 5.02中如何設定AppIcon及LaunchImage.

首先，什麼是AppIcon呢？

AppIcon就是裝置的選單頁所顯示的系統圖示(Icon)，如下圖所示

接下來我們將告訴大家如何在Xcode的專案中進行設定.

首先，在專案中點擊Images.xcassets，接著到右側選單點擊AppIcon，就可以出現向下圖的設定頁面.

在設定頁面中，我們看到總共有三個區塊可以供我們設定，我們必須提供在不同iOS的版本及不同螢幕解析度的設備能正確顯示的Icon.

而以上三個欄位所需要的圖檔解析度如下：

1. 左：58 x 58 (pixel)

2. 中：80 x 80 (pixel)

3. 右：120 x 120 (pixel)

我們只需要產生出相對應解析度的圖檔即可成功設定，切記！解析度必須完全相圖，如果有一點不同，系統會跳出提示訊息並且沒辦法正常使用喔！

在這邊小編也同時附上實用的線上轉換工具提供給各位看倌.

http://makeappicon.com/

在這網頁中只需一指神功即可產生出所有相對應解析度的Icon，非常簡便.

現在您只需要將電腦中的Icon圖檔拖拉進下方左圖畫面中間，就會自動進行上傳，並於稍後就將您的圖檔轉換完成並顯示於右側的畫面中囉.

在這邊我們需要的是Icon-Small@2x.png,Icon-40@2x.png,Icon-60@2x.png的這三個圖檔，只要在圖示上方點擊右鍵選擇下載就可以囉！

接著依序將上方的三個檔案拖入剛剛的圖式設定頁面就大功告成啦！

接下來的第二部分我們將提到有關於LaunchImage的部分.

什麼是LaunchImage呢？

LaunchImage就是APP程式啟動時第一個顯示的畫面，如果沒有設定的話，系統預設是黑屏，我想這是使用者最不願意見到的畫面吧，因此當我們在設計頁面時不要忘了請設計師設計這個頁面喔！

在設定的部分和設定AppIcon一樣，只不過我們這次要點擊的項目是LaunchImage

這裡我們會發現和AppIcon一樣，我們也要提供兩中不同解析度的圖檔來進行設定，分別為：

1. 左：640(寬) x 960(高)

2. 右：640(寬) x 1136(高)

在這邊小編也有另一個小工具可以提供給各位看倌，讓您的圖檔想怎麼變形就怎麼變形，完全不需要再請設計師幫忙調整喔．

http://pixlr.com/editor/

點擊進入線上編輯頁面後，可以依您的需求將檔案上傳上去進行編輯.

接著點擊左上角的功能列，選擇圖像尺寸

並且於下圖中設定我們需要的寬度及高度，點擊確認後就能產生出我們需要的圖檔啦

接著點擊左上方的文件，選擇保存

依序的設定好檔名及保存位置

最後只要將圖檔拉進Xcode中，就可以完成我們的設定啦．

下面將以影片來展示，已設定LaunchImage(第一段)及未設定LaunchImage(第二段)的差別

2014年1月16日星期四

iOS 鎖定頁面翻轉(Lock The Orientation of ViewController)

鎖定頁面翻轉(Lock The Orientation of ViewController)

首先，我們先來簡單介紹一下什麼是頁面翻轉，頁面翻轉主要是透過手機內部的感應器進行偵測，也因此當我們在開發手機應用時，就必須留意是否要開放頁面翻轉的功能供使用者使用。

在Xcode中，我們可以透過專案的設定進行頁面翻轉的設定，如下圖所示：

在圖片的中間部份我們可以看到"Device Orientation"有四個選項，可分別對應到下圖的示意圖中。

但，這邊筆者需特別提醒各位看倌，這是"專案設定"，因此，設定將會影響到所有的頁面！

在這次專案開發的過程中，筆者就遇到了一個問題，如果我的第一個頁面不想讓頁面旋轉，但是第二個頁面卻又需要使用旋轉的功能呢？偏偏在ViewController又不能獨立設定頁面的翻轉，於是…經由神通廣大的Google大神身上找到了解法。

而接下來，也是本文的重點啦，如何獨立設定各個頁面可翻轉的功能呢？

首先，在專案設定中，先將專案設定為允許所有的頁面都可翻轉，可參照剛剛頁面翻轉的設定圖，進行設定。

接著，在ViewController中的@implementation後面加上這個function

- (NSUInteger)supportedInterfaceOrientations
{
    return 頁面翻轉屬性設定;
}

然後由下列的參數中選擇需要的參數填入return值的<頁面翻轉屬性設定>中就可以只針對該畫面進行頁面翻轉設定的功能囉。

UIInterfaceOrientationMaskAll：允許全部的頁面翻轉功能。
UIInterfaceOrientationMaskAllButUpsideDown：允許全部的翻轉除了UpsideDown以外。
UIInterfaceOrientationMaskLandscape：僅允許頁面左右翻轉。
UIInterfaceOrientationMaskLandscapeLeft：僅允許Landscape left翻轉。
UIInterfaceOrientationMaskLandscapeRight：僅允許Landscape Right翻轉。
UIInterfaceOrientationMaskPortrait：僅允許Portrait。
UIInterfaceOrientationMaskPortraitUpsideDown：僅允許UpsideDown

單一屬性範例：允許所有的頁面翻轉功能。

- (NSUInteger)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskAll;
}

多重屬性範例：只允許Portrait及UpsideDown的這兩種模式，如果還需要增加其他屬性用加號連接即可。

- (NSUInteger)supportedInterfaceOrientations
{
    return UIInterfaceOrientationMaskPortrait+
    UIInterfaceOrientationMaskPortraitUpsideDown;
}

iOS Xcode Customize Theme Setting

新增自訂的佈景主題(Theme)

在上一篇文章中，我們提到了文字編輯視窗的字型及字體調整，雖然字體變大了，但是身為工程螢幕的背景太亮還是不大舒服，所以今天就讓我們來讓Xcode變的更漂亮些吧。

首先，讓我們先到網路上找找好心人提供的佈景主題(*.dvtcolortheme檔)吧！

以下連結僅是範例，各位看倌可以自行到Google找找適合自己的佈景主題

http://michaelmangold.com/xcode-themes/

點擊上方網頁後，找到順眼的佈景主題就二話不說的下載下來吧。

切記！Xcode的佈景主題的副檔名是.dvtcolortheme喔！

那接下來我們就將下載下來的佈景主題應用到Xcode上面吧。

首先，因為xCode不支援直接安裝佈景主題的功能，所以我們必須先手動將.dvtcolortheme放到相對應的位址才能讓Xcode取得設定檔喔！

我們可以利用"Finder"右上方的搜尋列輸入"Xcode"查找資料夾的位址，如下圖：

找到"Xcode"的資料夾並點擊進入，如下圖：

找到"UserData"的資料夾並點擊進入，如下圖：

找到"FontAndColorThemes"的資料夾並點擊進入，如果各位看倌是第一次使用的話，必須自己建立一個相同名稱的資料夾喔！進入後的畫面如下圖：

進入"FondAndColorThemes"的資料夾後，就可以將剛剛自己找到的.dvtcolortheme檔拖放到資料夾內囉。

接著將你的Xcode關掉重開，就能在"Xcode->Preference..."的視窗內看到囉，如下圖左側列表所示：

簡單的幾個步驟就輕鬆完成啦，這樣的文字編輯視窗是不是讓你的眼睛舒服多了呢

訂閱：文章 (Atom)

2016年11月16日 星期三

MacOS ssh 遠端連線 scp 複製遠端檔案

SSH vs SCP

1. SSH 遠端操作

2. SCP 透過SSH進行遠端檔案複製

2016年5月4日 星期三

WebStorm Theme editor

2014年5月27日 星期二

Install JAVA SDK

JAVA SDK

1. Download JAVA SDK(下載JAVA SDK)

2. Install JAVA SDK(安裝JAVA SDK)

3. Setting Windows Environment Variable(設定系統環境變數)

2014年5月26日 星期一

iOS App Icon And Image Size

iOS App Icon And Image Size

1. iPhone 5 & iPhone 5s & iPhone 5c

2. iPad and iPad mini (high resolution)

3. iPad2 and iPad mini(Standard resolution)

2014年1月26日 星期日

iOS AppIcon And LanchImage Setting

iOS AppIcon And LaunchImage Setting

2014年1月16日 星期四

iOS 鎖定頁面翻轉(Lock The Orientation of ViewController)

鎖定頁面翻轉(Lock The Orientation of ViewController)

iOS Xcode Customize Theme Setting

新增自訂的佈景主題(Theme)

2016年11月16日星期三

2016年5月4日星期三

2014年5月27日星期二

2014年5月26日星期一

　1. iPhone 5 & iPhone 5s & iPhone 5c

　2. iPad and iPad mini (high resolution)

　3. iPad2 and iPad mini(Standard resolution)

2014年1月26日星期日

2014年1月16日星期四