優雅に行こう!
Coda 2で次世代のコーディングへ


               たにぐち まこと
週末だけ ¥500
本日の内容


✓   Codaの魅力

✓   Codaを使い始めよう

✓   CodaでWordPressサイトを超速構築

✓   まとめ
Codaの魅力
Codaの魅力


✓   多機能
✓   軽い
✓   美しい

    詳しくは、CSS Nite vol 65 のムービーで!
       http://vimeo.com/50044598
Finderの操作を復習しよう

 +↓          ファイルを開く
 +↑          1つ上の階層へ
→と←          フォルダの開閉
 +Shift+N    フォルダを作る
 +Option+N   ファイルを作る
 +D          ファイルを複製
 +Option+G   フォルダを移動
スペース         クイックルック
 +Delete     削除
隠しファイルもワンタッチ
Codaを使い始めよう
フォント・カラーリングを変えよう




   標準設定は、文字がかすれ気味で
   カラーリングもぼんやり
フォントはこれがオススメ


✓   Inconsolata
    http://levien.com/type/myfonts/inconsolata.html

✓   Source Code Pro
    http://sourceforge.jp/projects/
    sfnet_sourcecodepro.adobe/
カラーリングは好みに合わせて




         Color schemes for Coda
  http://justinhileman.info/coda-colors/
フォント・カラーリングを変えよう




     くっきり見やすくなった!
サイト定義をしよう



✓   FTPサーバーに一発で接続できる

✓   ファイルの差分アップロードができる

✓   ローカルサーバープレビューもできる
合わせて使うと便利な MAMP
                       mamp.info




      ¥4,500 で機能たっぷり
サイト定義をしよう




            公開時のURL
                       MAMPでのURL

            FTPのアップ先

                       MAMPフォルダ
サイト定義をしよう



            MAMPのトップページの情報
CodaでWordPressサイトを超速構築
まとめ
プラグイン・モードファイル


✓   Emmet for Coda
    https://github.com/emmetio/emmet-objc/downloads

✓   WordPress言語モード
    https://github.com/deryckoe/
    Wordpress-Syntax-Mode-for-Coda-2/downloads
ブックの追加

         リファレンスサイトのURL




         検索結果のページからURLを加工
まとめ

✓   機能が多いので、少しずつ使っていこう

✓   他に良いソフトがあれば、どんどん連携

✓   Webサイト制作を統括するソフト
素敵な Codaライフを
h2o space   検索

優雅に行こう! Coda 2で次世代のコーディングへ