Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Htmlコーディングの効率化 前編

2.157 visualizaciones

Publicado el

「9th Knock!」 第9回Knock! Knock! 勉強会(2012年10月12日、B-nest静岡市産学交流センターにて)

http://knock3.hamnaly.com/vol09/

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Htmlコーディングの効率化 前編

  1. 1. HTMLコーデ ングの効率化 ィ とか最近の傾向とか 前編 : コードを書く う と、 とい こ Dreamweaver以外の選択肢 2012年10月12日 第9回 Knock! Knock!勉強会 矢部靖人
  2. 2. 本日のお題・ コードを書く、 う と とい こ・ Dreamweaver以外の選択肢・ CSSプリプロセッサー・ 画像軽量化とデザイ ンデータからのCSS3生成
  3. 3. 自己紹介
  4. 4. 名 前:ゃべ ゃすひと年 齢:三十路のなかば住 所:長泉町 (静岡県の東部)職 業:兼業主夫 → 一児の父ちゃん 個人事業主 リーランス) (フ Web制作全般、 制作の下請け 広告デザ ン全般 イ
  5. 5. Webデザ イナー ↓Web/DTPデザイナー、 リーペーパーの編集 フ ↓ Webデ レク ィ ター / プランニング / 営業 ↓ フリーラン のWeb制作者 ス
  6. 6. フ レット飼 っ ェ てます
  7. 7. よろしく 願いし お ます
  8. 8. 1)コードを書く、 う と とい こ
  9. 9. 1)コードを書く、 う と とい こアプリが及ぼす市場インパクト 金額 アッパー市場 1,000,000円主要顧客 ミドル市場 hpb 100,000円みん ズ ビ ローワー市場 BiND 市場
  10. 10. 1)コードを書く、 う と とい こコードを書かな てもWebサ トは作れる く イ コードを書く とで、 こ それ以上にでき こ る とがある
  11. 11. 1)コードを書く、 う と とい こク ブラウザ対応とか ロス 7 8 9 10
  12. 12. 1)コードを書く、 う と とい こアプリにのってない要望対応とか
  13. 13. 1)コードを書く、 う と とい こ Webサ トにおいて イコード (HTML・CSS)は最終納品物
  14. 14. 2)Dreamweaver以外の選択肢
  15. 15. 2)Dreamweaver以外の選択肢Dreamweaver って重くないですか? Dreamweaverを高速化する方法 → 速いマシンを買う CSS Nite in OKAYAMA, Vol.3 にて
  16. 16. 2)Dreamweaver以外の選択肢Dreamweaverはたしかに便利 ・ サイト管理と ンクの再設定 リ ・ テンプレート / ライブラリ機能 ・ デザイ ュー ンビ (特にテーブル !) ・ 入力補助 / ソースフォーマットの適用
  17. 17. 2)Dreamweaver以外の選択肢 しかし普段使いには如何せん重いそれなら…「エデ タ ィ を使い分ける」 う方法論 とい
  18. 18. 2)Dreamweaver以外の選択肢普段のコーデ ング → 別の ィ ィ エデ タDWでしかできないこ → DWで と
  19. 19. 2)Dreamweaver以外の選択肢 Coda 2という選択肢・ DWは専らコードビ ューとい 人にオススメ う・ 何よ り軽快・ FTPも使え (サイ ます ト機能)・ データベース (MySQL) アにも クセス可能・ コードシンタ ス / 入力補助 ック (サジェスト)・ Git / Subversionのクライ ト機能 アン
  20. 20. サイ ごとに管理でき ト ます
  21. 21. Coda内でFTPが使え ます(Transmitなみの高機能)
  22. 22. コード入力時には入力補助機能が便利
  23. 23. 画面分割もできます
  24. 24. プレビューではSafariが動いてます
  25. 25. 2)Dreamweaver以外の選択肢詳しくはCSS Nite in Ginza, Vol.65を( http://cssnite.jp/ginza/vol65/ )
  26. 26. 2)Dreamweaver以外の選択肢Coda 2は、Mac専用です、 残念ながら。WinならSublime Textがいいらしいです
  27. 27. 後編に続く
  28. 28. 本日はあ がと ございま り う した ご連絡 ご質問など下記までお願いし ・ ます E-mail : info@hamnaly.com Facebook / Twitter : yabecchy

×