2012/11/09 に開催された「CSS Nite AfterDark 5」の第1部、「優雅に行こう！　Coda 2で次世代のコーディングへ」のスライドです。

1. 優雅に行こう！
Coda 2で次世代のコーディングへ
たにぐち まこと

3. 週末だけ ¥500

4. 本日の内容
✓ Codaの魅力
✓ Codaを使い始めよう
✓ CodaでWordPressサイトを超速構築
✓ まとめ

5. Codaの魅力

6. Codaの魅力
✓ 多機能
✓ 軽い
✓ 美しい
詳しくは、CSS Nite vol 65 のムービーで！
http://vimeo.com/50044598

7. Finderの操作を復習しよう
+↓ ファイルを開く
+↑ 1つ上の階層へ
→と← フォルダの開閉
+Shift+N フォルダを作る
+Option+N ファイルを作る
+D ファイルを複製
+Option+G フォルダを移動
スペース クイックルック
+Delete 削除

8. 隠しファイルもワンタッチ

9. Codaを使い始めよう

10. フォント・カラーリングを変えよう
標準設定は、文字がかすれ気味で
カラーリングもぼんやり

11. フォントはこれがオススメ
✓ Inconsolata
http://levien.com/type/myfonts/inconsolata.html
✓ Source Code Pro
http://sourceforge.jp/projects/
sfnet_sourcecodepro.adobe/

12. カラーリングは好みに合わせて
Color schemes for Coda
http://justinhileman.info/coda-colors/

13. フォント・カラーリングを変えよう
くっきり見やすくなった！

14. サイト定義をしよう
✓ FTPサーバーに一発で接続できる
✓ ファイルの差分アップロードができる
✓ ローカルサーバープレビューもできる

15. 合わせて使うと便利な MAMP
mamp.info
¥4,500 で機能たっぷり

16. サイト定義をしよう
公開時のURL
MAMPでのURL
FTPのアップ先
MAMPフォルダ

17. サイト定義をしよう
MAMPのトップページの情報

18. CodaでWordPressサイトを超速構築

19. まとめ

20. プラグイン・モードファイル
✓ Emmet for Coda
https://github.com/emmetio/emmet-objc/downloads
✓ WordPress言語モード
https://github.com/deryckoe/
Wordpress-Syntax-Mode-for-Coda-2/downloads

21. ブックの追加
リファレンスサイトのURL
検索結果のページからURLを加工

22. まとめ
✓ 機能が多いので、少しずつ使っていこう
✓ 他に良いソフトがあれば、どんどん連携
✓ Webサイト制作を統括するソフト

23. 素敵な Codaライフを

24. h2o space 検索