Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,216 views

Published on

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

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

Published in: Technology
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ..............ACCESS that WEBSITE Over for All Ebooks ................ ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ..............ACCESS that WEBSITE Over for All Ebooks ................ ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ..............ACCESS that WEBSITE Over for All Ebooks ................ ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

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

×