Downloaded 50 times
Uploaded byH2O Space. Co., Ltd.
優雅に行こう！ Coda 2で次世代のコーディングへ
2012/11/09 に開催された「CSS Nite AfterDark 5」の第1部、「優雅に行こう！ Coda 2で次世代のコーディングへ」のスライドです。
優雅に行こう！ Coda 2で次世代のコーディングへ
- 1. 優雅に行こう！ Coda 2で次世代のコーディングへ たにぐち まこと
- 3.
- 4. 本日の内容 ✓ Codaの魅力 ✓ Codaを使い始めよう ✓ CodaでWordPressサイトを超速構築 ✓ まとめ
- 5.
- 6. Codaの魅力 ✓ 多機能 ✓ 軽い ✓ 美しい 詳しくは、CSS Nite vol 65 のムービーで！ http://vimeo.com/50044598
- 7. Finderの操作を復習しよう +↓ ファイルを開く +↑ 1つ上の階層へ →と← フォルダの開閉 +Shift+N フォルダを作る +Option+N ファイルを作る +D ファイルを複製 +Option+G フォルダを移動 スペース クイックルック +Delete 削除
- 8.
- 9.
- 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.
- 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.
- 24. h2o space 検索