QwinTED#2　20015/03/27 での発表スライド

1. コーディング速度向上のための
おさらい
@sanai-qwt

2. このLTは過去の先人達をリスペクトし
勉強会資料などから学んだことを生かして、
自分が改善のために行ったことを
実体験を交えてご紹介する
というおさらい的なスライドです。

3. やってみたこと
・Emmetの導入
・よく使うコードの保存
・DW ccのCSSデザイナーを使う
・みんなと同じCSSを使う

4. やってみたこと
その1
Emmetの導入

5. まずは↓のスライドを見て導入しました
チーム管理部門内会議デザイン資料Emmet.pptx

6. たとえば
→
こう打っていたものが
この後に
ctrl + E を打つだけ！
<ul>
<li></li>
<li></li>
</ul>
ul>li*2
たった７文字に！

7. なんでも後にctrl + E を打つだけ！
→
oh overflow: hidden;
fb font-weight: bold;
tc text-align: center;
m:1--5-10-15 margin: 1px -5px 10px 15px;

8. やってみてこんなに効果あったよ
※全て私の個人的感想です

9. やってみたこと
その2
よく使うコードの保存

10. ↓のスライド７Pを参考にしました
チーム管理部門内会議デザイン資料コーディング効率化.pptx

11. DWのスニペット機能の活用
これです↑

12. 新規スニペットから、
よく使うコードを登録するだけ！
かんたん！

13. やってみてこんなに効果あったよ
※全て私の個人的感想です

14. やってみたこと
その3
DW ccのCSSデザイナーを使う

15. DWのCSSデザイナー機能の活用
これです↑

16. こんなグラデの指定も、
パネルで感覚的に設定できる
↓
かんたん！

17. やってみてこんなに効果あったよ
※全て私の個人的感想です

18. やってみたこと
その4
みんなと同じCSSを使う

19. ↓コーディング規約を読もう！
チーム管理部門内会議デザイン資料CSSコーディング規約ver1.1.docx

20. まとめ
・Emmetをいれよう
・よく使うコードはスニペットで保存
・DW ccのCSSデザイナーを使おう
・みんなと同じCSSを使おう

21. 以上
コーディング速度向上のための
おさらい
でした