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