Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

More Related Content

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

  1. 1. 優雅に行こう! Coda 2で次世代のコーディングへ たにぐち まこと
  2. 2. 週末だけ ¥500
  3. 3. 本日の内容 ✓ Codaの魅力 ✓ Codaを使い始めよう ✓ CodaでWordPressサイトを超速構築 ✓ まとめ
  4. 4. Codaの魅力
  5. 5. Codaの魅力 ✓ 多機能 ✓ 軽い ✓ 美しい 詳しくは、CSS Nite vol 65 のムービーで! http://vimeo.com/50044598
  6. 6. Finderの操作を復習しよう +↓ ファイルを開く +↑ 1つ上の階層へ →と← フォルダの開閉 +Shift+N フォルダを作る +Option+N ファイルを作る +D ファイルを複製 +Option+G フォルダを移動 スペース クイックルック +Delete 削除
  7. 7. 隠しファイルもワンタッチ
  8. 8. Codaを使い始めよう
  9. 9. フォント・カラーリングを変えよう 標準設定は、文字がかすれ気味で カラーリングもぼんやり
  10. 10. フォントはこれがオススメ ✓ Inconsolata http://levien.com/type/myfonts/inconsolata.html ✓ Source Code Pro http://sourceforge.jp/projects/ sfnet_sourcecodepro.adobe/
  11. 11. カラーリングは好みに合わせて Color schemes for Coda http://justinhileman.info/coda-colors/
  12. 12. フォント・カラーリングを変えよう くっきり見やすくなった!
  13. 13. サイト定義をしよう ✓ FTPサーバーに一発で接続できる ✓ ファイルの差分アップロードができる ✓ ローカルサーバープレビューもできる
  14. 14. 合わせて使うと便利な MAMP mamp.info ¥4,500 で機能たっぷり
  15. 15. サイト定義をしよう 公開時のURL MAMPでのURL FTPのアップ先 MAMPフォルダ
  16. 16. サイト定義をしよう MAMPのトップページの情報
  17. 17. CodaでWordPressサイトを超速構築
  18. 18. まとめ
  19. 19. プラグイン・モードファイル ✓ Emmet for Coda https://github.com/emmetio/emmet-objc/downloads ✓ WordPress言語モード https://github.com/deryckoe/ Wordpress-Syntax-Mode-for-Coda-2/downloads
  20. 20. ブックの追加 リファレンスサイトのURL 検索結果のページからURLを加工
  21. 21. まとめ ✓ 機能が多いので、少しずつ使っていこう ✓ 他に良いソフトがあれば、どんどん連携 ✓ Webサイト制作を統括するソフト
  22. 22. 素敵な Codaライフを
  23. 23. h2o space 検索

×