プログラミングが(好き|嫌い)な方のためのKlisLT

709
-1

Published on

#klisLT by @_Makky_

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
709
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
1
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

プログラミングが(好き|嫌い)な方のためのKlisLT

  1. 1. KlisLT プログラミングが(好き|嫌い)な方のための @_Makky_ 2014/04/23
  2. 2. ●小林 正樹 ●@_Makky_ ●知識情報・図書館学類 2年 ●AC ●Web Engineer(?) ■自己紹介 1
  3. 3. ■テーマ プログラミングを 楽しく 高品質 コードを にしよう! 基礎編 応用編 2
  4. 4. ■テーマ プログラミングを 楽しく 高品質 コードを にしよう! 基礎編 応用編 3
  5. 5. ■プログラミングを楽しく フロントエンド開発Front End Development 基礎編 4
  6. 6. ■フロントエンドとは ●表示や出力を行うための仕組み ●最もユーザに近い環境 UI ●このLTではWebを対象とする WebBrowser 基礎編 5
  7. 7. ■バックエンド等との位置関係 フロントエンド クライアントサイド サーバサイド インフラ設計HTML CSS ビジュアル デザイン バックエンドデザイン 基礎編 6
  8. 8. ■それで? ●視覚的な変化があれば楽しい ●人間は外観で判断している ●プログラミングに視覚的要素を ●フロントエンド 基礎編 7
  9. 9. ■実例 %makky: ruby fb.rb 1 2 Fizz 4 Buzz Fizz 7 8 Fizz Buzz 11 Fizz 13 14 FizzBuzz %makky: 基礎編 8
  10. 10. ■実例 9 1 2 F 4 B F 11 F 13 14 FB 基礎編 9
  11. 11. 基礎編 10
  12. 12. ■フロントエンド開発は危険 ●プログラミングが面白くなってきたら 一刻も早くバックエンドへ ●豊富な実行環境 基礎編 11
  13. 13. ■フロントエンド開発は危険 基礎編 12
  14. 14. 13
  15. 15. ■テーマ プログラミングを 楽しく 高品質 コードを にしよう! 基礎編 応用編 14
  16. 16. ■コードを高品質に テスト駆動開発Test Driven Development 応用編 15
  17. 17. ■テスト駆動開発とは ●ソフトウェア開発手法の1つ ●要件を反映したテストコードを書く ●要件を満たす最低限のコードを書く ●テスト成功を維持しつつリファクタリング これを繰り返して開発を進めていく Rspec(Ruby), Jasmine(Javascript), JUnit(Java) 応用編 16
  18. 18. ■テスト駆動開発のサイクル 1.設計する 2.テストを書く 3.コードを書く4.テストを成功させる 5. リファクタリング 応用編 17
  19. 19. ■実例 Class FizzBuzz def fb(num) return :FizzBuzz if num % 15 == 0 return :Buzz if num % 5 == 0 return :Fizz if num % 3 == 0 num end end 応用編 18
  20. 20. ■実例(一部省略) describe "fizzbuzz, fb" do it "returns fizz for multiples of three" do FizzBuzz.new.fb(3).should == "fizz" end it "returns buzz for multiples of five" do FizzBuzz.new.fb(5).should == "buzz" end end 応用編 19
  21. 21. ■メリット& デメリット 20 ●メリット テストを書くと要件が理解しやすい 複数人で開発する時は重要 ●デメリット テストは動作を保証するものではない コードを書く量が増える 応用編
  22. 22. ■まとめ ●プログラミングの授業を乗り切るために フロントエンドに挑戦してみよう Javascriptを始めよう ●仕事や研究のプログラミング テスト駆動開発でより高品質なコードを書こう 21
  23. 23. ■おわり ご清聴 ありがとうございました http://makkysnote.org

×