Rabbit Slide Show

クリアなコードの作り方 - How to make clear code

2012-09-16

Description

私はコードを書くことが好きです。もっと言うとクリアなコードを書くことが 好きです。クリアなコードを書くことはとても楽しいので、みんながクリアな コードを書けるようになればいいなぁと思っています。そこで、私がどうやっ てクリアなコードを書いているかを紹介します。 I like coding. I say more. I like coding clear code. I hope that we can code clear code because coding clear code is very fun. I'll talk about how I code clear code.

Text

Page: 1

クリアなコードの
作り方
How to make clear code
株式会社クリアコード
札幌Ruby会議2012
須藤功平
2012/09/16

Page: 2

クリアなコードの作り方
(How to make clear code)
We Code.
Period.
(以上)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 3

クリアなコード?
(Clear code?)
自然なコード
(Natural code)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 4

クリアなコード
(Clear code)
かっこよくもなければ
膝を打つものでもない、
自然なコード。
https://twitter.com/ktou/status/199838535073808385
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 5

クリアなコードと私
(Clear code and I)
とても
大事にしている
こと
(It's very important to me)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 6

どうして?
(Why should we code clear code?)
たのしく開発を
続けたいから
(Because I want to keep developing in a joyful way)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 7

私
(Me)
プログラミング
が好き
(I love programming)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 8

開発
(Development)
たのしい
(Joyful)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 9

たのしくない開発
(Joyless development)
汚いコード
(Dirty code...)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 10

もっとたのしくない開発
(More joyless development)
汚れていく
コード
(Code gets dirty...)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 11

汚れていくコード
(Code gets dirty...)
✓ 直しても直しても
他の人が汚していく
(I clean codes but others make codes dirty...)
✓ 掃除しているそばから
ゴミを捨てられているよう
(Like ... I can't translate it... :<)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 12

続けられ
ない!
I can't keep developing!

Page: 13

どうしてクリアなコード?
(Why should we code clear code?)
みんなで
たのしく開発を
続けたいから
(Because I want to keep developing in a joyful way)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 14

どうしてこのトークを?
(Why do I this talk?)
みんなも
クリアなコード
書いて!
たのしいから!
(Please code clear code! It's joyful!)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 15

We
Code.

Page: 16

Code
Clear Code

Page: 17

クリアなコードの作り方
(How to make clear code)
✓ みんなでクリアなコードにする
(We make clear code)
✓ 他の人のことを考えて書く
(Write codes for others)
✓ 他の人のコードを読む
(Read codes by others)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 18

解説参照
解説参照

Page: 19

リーダブルコードの解説
(The comment of readable code)
1. 実際にやる
(Do it)
2. 当たり前にする
(Make coding readable code natural)
3. コードで伝える
(Communicate by readable code)
CC BY-NC-SA 3.0で公開されている
You can translate it into English!!!
http://www.clear-code.com/blog/2012/6/11.html
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 20

リーダブルコードの解説
1. 実際にやる(Do it)
✓ 書く(Write)
2. 当たり前にする(Make natural)
✓ 書く・読む(Write
and Read)
3. コードで伝える(Communicate by code)
✓ 書く・読む・書く(Write,
クリアなコードの作り方 - How to make clear code
Read and Write)
Powered by Rabbit 2.1.1

Page: 21

リーダブルコードの解説
1. 実際にやる(Do it)
✓ 書く(Write)
2. 当たり前にする(Make natural)
✓ 書く・読む(Write
and Read)
3. コードで伝える(Communicate by code)
✓ 書く・読む・書く(Write,
クリアなコードの作り方 - How to make clear code
Read and Write)
Powered by Rabbit 2.1.1

Page: 22

自分が動く
(YOU do it)
すごい人と一緒になれる環境
に行きたいとか言っていちゃ遅
いと思うんだ。
一緒にいるだけじゃそんなに変
わらないよ。
https://twitter.com/ktou/status/27342986390
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 23

自分が動く
(YOU do it)
同じ場所で一緒に同じものを
作って、振りきられないように
食い下がって付いていくぐらい
じゃないとどこでやったって同
じだよ。
https://twitter.com/ktou/status/27342986390
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 24

書く
(Write)
本を読んでるだけじゃいいコ
ー ドは書け る よ う に な ら な い
よ。
実際にコードを書かないとわか
らないことがたくさんある。
https://twitter.com/ktou/status/222338170811977729
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 25

リーダブルコードの解説
1. 実際にやる(Do it)
✓ 書く(Write)
2. 当たり前にする(Make natural)
✓ 書く・読む(Write
and Read)
3. コードで伝える(Communicate by code)
✓ 書く・読む・書く(Write,
クリアなコードの作り方 - How to make clear code
Read and Write)
Powered by Rabbit 2.1.1

Page: 26

書く
(Write)
ま わ り のコ ー ドが汚く た っ
て、自分も汚いコードを書いて
いい理由にはならないんだよ。
https://twitter.com/ktou/status/10565574631
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 27

困ったら
(If you get a trouble)
ふつうにコードを書いている
とき、1時間に1回もコミットで
きなかったらそれは異常な状態
だよね。
https://twitter.com/ktou/status/180249583304183808
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 28

相談する
(Talk)
だれかに相談するとか気分転
換するとか方向性を変えてみる
とかした方がいいよね。
https://twitter.com/ktou/status/180249583304183808
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 29

読む
(Read)
お前ら、いいコードを書ける
ようになりたいんだったら、少
なくとも自分が関わっているプ
ロジェクトのコミットくらい全
部読めよ!
https://twitter.com/ktou/status/195137471057633281
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 30

レビュー
(Review)
✓ 間違いをいれないため?
(Is it for blocking wrong codes?)
✓ 批判的な目で読む?
(I can't translate it... :<)
✓ 言われてやるもの?
(I can't translate it... :<)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 31

コードを読むこと
(Reading code)
もっとたのしいものじゃないの?
(Is it joyful, isn't it?)
✓ この書き方知らなかった!
いいなぁ!真似しよう!
(Wow! I didn't know the feature! I'll use it!)
✓ おぉ!
この機能欲しかったんだよ!
(Cool! I realy like the new feature!)
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 32

リーダブルコードの解説
1. 実際にやる(Do it)
✓ 書く(Write)
2. 当たり前にする(Make natural)
✓ 書く・読む(Write
and Read)
3. コードで伝える(Communicate by code)
✓ 書く・読む・書く(Write,
クリアなコードの作り方 - How to make clear code
Read, Write)
Powered by Rabbit 2.1.1

Page: 33

書く
(Write)
私たちができることはコード
を書くこと。
コードを通じて伝えられること
は多いよ。
そんな当たり前のことを当たり
前のように思い出した。
札幌Ruby会議02に行ってみて初心に帰った
http://adzuki34.blogspot.jp/2009/12/ruby02.html
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 34

書く
(Write)
コードを書いているだけで人
に影響を与えることができる人
っているんだよ。
札幌Ruby会議02に行ってみて初心に帰った
http://adzuki34.blogspot.jp/2009/12/ruby02.html
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 35

リーダブルコードの解説
1. 実際にやる(Do it)
✓ 書く(Write)
2. 当たり前にする(Make natural)
✓ 書く・読む(Write
and Read)
3. コードで伝える(Communicate by code)
✓ 書く・読む・書く(Write,
Read and Write)
http://www.clear-code.com/blog/2012/6/11.html
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 36

解説へのコメント
読んだだけでその気になって
終わらせるな。
世界を変えたいなら自分を変え
ろ。諦めることを拒み続けろ。
小さ く と も具 体 的な行 動を し
ろ。それはこうすることだ。
http://b.hatena.ne.jp/
habuakihiro/20120701#bookmark-97498594
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 37

道
(Road)
よいプログラマへの道を歩き
出したのなら、ともにその道を
歩くものだと思っています。
育ててあげるという考え方はや
めることにしました。
https://twitter.com/ktou/status/6464335060
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 38

期待する世界
(Expected world)
そうか、キレイなコードを書
くことが当たり前の世界になっ
て欲しいのかもしれない。
https://twitter.com/ktou/status/170661011152572416
クリアなコードの作り方 - How to make clear code
Powered by Rabbit 2.1.1

Page: 39

クリアなコードの作り方
(How to make clear code)
We Code.
Period.
(以上)

Other slides