More Related Content Similar to 프로그래머로 부터 배우는 코딩 기술 (プログラマから学ぶコーディングテクニック) (20) 프로그래머로 부터 배우는 코딩 기술 (プログラマから学ぶコーディングテクニック)8. 주요 역할은 Web 디자인
하지만 직장에서
프로그램을
사용하게 되었다
主な役目はWebデザイン でも仕事でプログラムも書くようになってきた
12. 1. 프로그래머는 거의 마우스를 사용하지 않아
2. 프로그래머 시간 여행자
3. 프로그래머 동일한 일을 반복하는걸 싫어함
4. 프로그래머는 알기 쉬운 것이 좋아
20. 통합 개발 환경
(Aptana, NetBeans, Eclipse ...) 나
제작 도구
(DreamWeaver. ..)에 비해
가볍다
有名な統合開発環境やオーサリングツールに比べて軽い
21. Why Vim ?
① 부드러운 이동
② 부드러운 Copy & Paste
③ 자유로운 화면 레이아웃
① スムーズな移動 ② スムーズなCopy & Paste ③ 自由な画面レイアウト
25. 삽입 모드 i
노멀 모드 esc
비주얼 모드 Ctrl + v
명령 모드 :
Mode
29. “ + a y ... 첫 번째 복사
“ + b y ... 두 번째 복사
“ + a p
... 1 번째로 복사한 내용이 붙여넣기되는
이름을 붙이면서 여러 복사본을
돌려 좋아하는 것을 붙여넣을 수
Multiple copies
30. 상하 분할 : sp
좌우로 분할 : vsp
탭으로 열기 : tabnew filename
창을 이동 Ctrl + w w
다음 탭으로 이동 g t
Windows & Tabs
32. 통합 개발 환경
(Aptana, NetBeans, Eclipse ...) 나
제작 도구
(DreamWeaver. ..)에서 할 수있는
사용자 정의할
대략 보충할
統合開発環境 (Aptana、NetBeans、Eclipse...)や オーサリングツール (DreamWeaver...) でできることは カスタマイズで大体補える
33. 3923 개
Vim Script를
이용 가능
2012 년 3 월 현재
여기에서 찾을 수 있습니다
http://www.vim.org/scripts/index.php
"vim scripts" 검색
2012年3月時点で、3,923個のVim Scriptを利用することが可能
36. 익숙해질 때까지 조금 땀남
익숙해지면
쓰지 않고는 못 견딘다
慣れるまでは少し大変 → 慣れるとやめられなくなる
➜
39. 1. 프로그래머는 거의 마우스를 사용하지 않아
2. 프로그래머 시간 여행자
3. 프로그래머 동일한 일을 반복하는걸 싫어함
4. 프로그래머는 알기 쉬운 것이 좋아
43. 여러 사람이 공동 작업을
하는 경우 편리
複数人で 共同作業を行うとき、 とても便利
50. 캠페인 페이지를 만드는 중입니다.
절반 정도 작업을 마친 곳에,
서둘러 편지를 수정.
수정 수행해야 것을 공개하고,
그 캠페인 페이지 작업을 재개하고 싶다.
Situation ①
キャンペーンページを作成中。
半分くらいの作業を終えたところで、
取り急ぎ、差し込みの修正が。
↓
修正のみ行ったものを公開して、
その後キャンペーンページの作業を再開したい
➜
51. stash하면 끝난 반 정도 작업을 일단 옆에 피한 상태
가된다.
기에서 편지를 수정하고 커밋.
Situation ①
git stash pop
stashすると終わった半分くらいの作業をいったん横によけた状態になる。
ここで差し込みの修正を行う。
差し込み修正の上に、よけておいた作業を戻して、更なる作業を続けることができる
연결 수정에, 잘 걸으 놓은 작업을 되돌리고,
더 많은 작업을 계속한다.
git stash
52. 모두 보이기 전에 경우
(2)와 (3) 없었던 것이있다
みんなに見せる前であれば、
(2)と(3)を無かったことにできる
Situation ②
(1) 배너를 덧붙였다
(2) 오자를 수정한
(3) 오탈자를 수정했지만, 오타가 아니므로 다시했다
(4) FAQ를 삭제한
59. GitHub
유명한 오픈 소스는
대부분 여기에있다
PHP, WordPress, jQuery, Node.js, concrete5,
CakePHP, Ruby on Rails, Linux, Homebrew,
Spree, Redmine, Twitter Bootstrap,
MongoDB, Joomla, osCommerce ...
多くの有名なオープンソースプロジェクトも GitHubを使っています(WordPressも)
( WordPress도! )
61. 1. 프로그래머는 거의 마우스를 사용하지 않아
2. 프로그래머 시간 여행자
3. 프로그래머 동일한 일을 반복하는걸 싫어함
4. 프로그래머는 알기 쉬운 것이 좋아
65. 변수와 함수를 사용하여
CSS를 생성하기 위한 소스를 만들고,
거기에서 CSS 출력
変数や関数を使って、CSSを生成するためのソースをつくって、そこからCSSを出力する
➜ CSSSass
69. ① 포함
包含
article h1 {
color: #999999; }
article h2 {
color: #666666; }
article h2 span {
color: #333333; }
CSS :
70. ① 포함
包含
article h1 {
color: #999999; }
article h2 {
color: #666666; }
article h2 span {
color: #333333; }
CSS :
76. ③ mix-in
.icons {
margin: 10px;
float: left;
border: 3px; }
.thumbnails {
margin: 10px;
float: left;
border: 5px; }
CSS :
mix-in
77. ③ mix-in
.icons {
margin: 10px;
float: left;
border: 3px; }
.thumbnails {
margin: 10px;
float: left;
border: 5px; }
CSS :
mix-in
86. 1. 프로그래머는 거의 마우스를 사용하지 않아
2. 프로그래머 시간 여행자
3. 프로그래머 동일한 일을 반복하는걸 싫어함
4. 프로그래머는 알기 쉬운 것이 좋아해
91. var name とか書かなくてよい
var name라고 쓰지 않는다
var myName;
myName = "mayuco";
myName = "mayuco"
➜
JavaScript :
CoffeeScript :
92. function라고 쓰지 않는다
function と書かなくてよい
function sayHello (yourname){
return “Hello, ” + yourname
};
sayHello = (yourname) ->
“Hello, #{yourname}“
➜
JavaScript :
CoffeeScript :
93. npm install -g coffee-script
① Node.jsをインストール ②コマンドを打つ
Install
② 명령을
http://nodejs.org
① 설치 Node.js
96. " codekit " 검색
http://incident57.com/codekit/
インストールは codekit で検索
CodeKit
97. ✤ Less, Sass, Stylus, CoffeeScript,
Jade, Haml
이것 하나로 컴파일 가능
Less, Sass, Stylus, CoffeeScript, Jade, Haml がこれひとつでコンパイル可能
CodeKit
100. 이 장점은 Sass 및 CoffeeScript처럼
CSS와 JavaScript의 세계로 확대되고 있기
このスマートさは、SassやCoffeeScriptのように、CSSやJavaScriptの世界にも広がってきてます
101. 시간이 있으면 이야기하고 싶
은 것은
아직도있었습니다 ....
✤ Jekyll
✤ GitHub Pages
http://jekyllrb.com/
http://pages.github.com/
…
時間があればお話したいことは、まだまだたくさんありました...
104. Check it out!
" sapporo rubykaigi 2012 " 검색
詳細については、決まり次第、Webページに掲載予定です。 Rubyに興味のある方は、ぜひお越しください
112. 오늘 여러분께 보다 쾌적하
게 코딩하는방법을 말씀드렸
습니다.
今日、みなさんは快適なコーディングライフをおくる道具をみつけました