Upload
h2o-space-co-ltd
View
7.374
Download
3
Embed Size (px)
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 検索