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

Preview:

DESCRIPTION

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

Citation preview

優雅に行こう!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を使い始めよう

フォント・カラーリングを変えよう

標準設定は、文字がかすれ気味でカラーリングもぼんやり

フォントはこれがオススメ

✓ Inconsolatahttp://levien.com/type/myfonts/inconsolata.html

✓ Source Code Prohttp://sourceforge.jp/projects/sfnet_sourcecodepro.adobe/

カラーリングは好みに合わせて

Color schemes for Codahttp://justinhileman.info/coda-colors/

フォント・カラーリングを変えよう

くっきり見やすくなった!

サイト定義をしよう

✓ FTPサーバーに一発で接続できる✓ ファイルの差分アップロードができる✓ ローカルサーバープレビューもできる

合わせて使うと便利な MAMPmamp.info

¥4,500 で機能たっぷり

サイト定義をしよう

公開時のURLMAMPでのURL

FTPのアップ先

MAMPフォルダ

サイト定義をしよう

MAMPのトップページの情報

CodaでWordPressサイトを超速構築

まとめ

プラグイン・モードファイル

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

✓ WordPress言語モードhttps://github.com/deryckoe/ Wordpress-Syntax-Mode-for-Coda-2/downloads

ブックの追加

リファレンスサイトのURL

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

まとめ

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

素敵な Codaライフを

h2o space 検索

Recommended