フロントエンドエンジニアのための Dotfiles

Slide 1

Slide 1 text

ϑϩϯτΤϯυΤϯδχΞ ͷͨΊͷ Do$iles ਆอՅल KAIZEN pla$orm Inc. 2014-‐05-‐24 GRAND FRONT_END OSAKA

Slide 2

Slide 2 text

ਆอՅल ʢ͡Μ΅ Α͠ͻͰʣ

Slide 3

Slide 3 text

Frontend Engineer @

Slide 4

Slide 4 text

@jmblog

Slide 5

Slide 5 text

λʔϛφϧ࢖ͬͯ·͔͢ʁ

Slide 6

Slide 6 text

• Grunt ΍ YeomanɺBowerɺ Git ͳͲɺϑϩϯτΤ ϯυΤϯδχΞ͕λʔϛφϧΛ࢖͏ػձ͸͜͜ ਺೥Ͱٸʹ૿͖͑ͯͨͱײ͍ͯ͡Δɻ • λʔϛφϧ͸ͪΐͬͱΧελϚΠζ͢Δ͚ͩͰ େ෯ʹੜ࢈ੑ͕͕͋Δɻ • ʮࠇ͍ը໘ʯͱسΈݏΘͣλʔϛφϧͱ஥ྑ͘ ͳΖ͏ʂ

Slide 7

Slide 7 text

໨࣍ • ͩ͜ΘΓͷλʔϛφϧʹΧελϚΠζ͠Α͏ • γΣϧΛܶతʹ࢖͍΍͘͢͠Α͏ • Do

Slide 8

Slide 8 text

લఏ • OS X • bash

Slide 9

Slide 9 text

ͩ͜ΘΓͷλʔϛφϧʹ ΧελϚΠζ͠Α͏

Slide 10

Slide 10 text

޷͖ͳΧϥʔεΩʔϜΛ બ΅͏

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

ςϯγϣϯ͕͋ΔͰ͠ΐʁ

Slide 13

Slide 13 text

ඪ४ͷλʔϛφϧ.app ʹ͸Χοί͍͍ͷ͕ͳ͍…

Slide 14

Slide 14 text

λʔϛφϧ.app ʹ͸͋·Γબ୒ࢶ͕ͳ͍ͷͰɺ iTerm2 Λ࢖͏͜ͱΛΦεεϝ͠·͢ɻ

Slide 15

Slide 15 text

hFps://github.com/mbadolato/iTerm2-‐Color-‐Schemes hFps://github.com/baskerville/iTerm-‐2-‐Color-‐Themes iTerm2 ༻ΧϥʔεΩʔϜΛ഑෍͍ͯ͠Δ͓͢͢ΊαΠτ

Slide 16

Slide 16 text

Tomorrow Night Bright hFps://github.com/mbadolato/iTerm2-‐Color-‐Schemes

Slide 17

Slide 17 text

ݟͨ໨ΛΑͯ͘͠ɺςϯγϣϯΛ͋͛Δ΂͠ʂ

Slide 18

Slide 18 text

ίϚϯυϓϩϯϓτΛ ΧελϚΠζ͠Α͏

Slide 19

Slide 19 text

Yoshihide-‐no-‐Mac:~ jmblog$ cd ~/Desktop Yoshihide-‐no-‐Mac:Desktop jmblog$ ͜ͷ෦෼͕ ίϚϯυϓϩϯϓτ

Slide 20

Slide 20 text

·ͣɺxxxxxxx-‐no-‐Mac ͕໠྽ʹμα͍ Yoshihide-‐no-‐Mac:~ jmblog$

Slide 21

Slide 21 text

OS X ͷ [γεςϜ؀ڥઃఆ] -‐ [ڞ༗] ʹ͋Δ ʮίϯϐϡʔλ໊ʯͰมߋͰ͖·͢

Slide 22

Slide 22 text

ͱ͜ΖͰɺ͜Μͳܦݧ͸͋Γ·ͤΜ͔ʁ

Slide 23

Slide 23 text

$ cd ../site1 $ cd styles/ $ cd ../scripts/ $ cd ../../site2 : cd ίϚϯυͰ͋ͪͪ͜Ҡಈͯͨ͠Β…

Slide 24

Slide 24 text

$ cd ./scripts $ cd .. $ ͋ΕʁࠓͲ͜ʹ͍ΔΜ͚ͩͬʁʁ

Slide 25

Slide 25 text

$ git checkout master : $ git add $ git commit GitϒϥϯνΛ͍Ζ͍Ζ੾Γସ͑ͯͨΒ…

Slide 26

Slide 26 text

commit ͢Δϒϥϯνؒҧ͑ͯͨʂ $ git branch * master develop-‐1

Slide 27

Slide 27 text

$ git add $ git add : $ git commit : $ git add : add ͱ commit Λ܁Γฦͯͨ͠Β…

Slide 28

Slide 28 text

શ෦ commit ͨͭ͠΋Γͩͬͨͷʹ࿙Εͯͨʂ $ git status -‐s ?? aa.txt

Slide 29

Slide 29 text

શ෦ίϚϯυϓϩϯϓτͰղܾ͠·͢ʂ

Slide 30

Slide 30 text

jmblog@mba: ~/src/site1/styles on master [!] $

Slide 31

Slide 31 text

jmblog@mba: ~/src/site1/styles on master [!] $ ↑ ৭͕͍ͭͯݟ΍͍͢ʂ

Slide 32

Slide 32 text

jmblog@mba: ~/src/site1/styles on master [!] $ ݱࡏͷҐஔ ↓ ݱࡏͷϒϥϯν ↓ ɹɹ↑ ϒϥϯνͷঢ়ଶ

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Ͳ͏΍ͬͯมߋ͢Δͷʁ

Slide 35

Slide 35 text

ઃఆϑΝΠϧΛ༻ҙ͠·ͨ͠ʂ hFp://git.io/ZzZuww ࣍ͷϑΝΠϧͷத਎Λ ~/.bash_proﬁle ʹ௥Ճ͢Δ͚ͩ

Slide 36

Slide 36 text

͜͜·Ͱͷ·ͱΊ • ·ͣ͸ࣗ෼޷ΈͷΧϥʔεΩʔϜΛݟ͚ͭͯݟͨ ໨ΛΑ͘͠Α͏ɻ • ίϚϯυϓϩϯϓτΛΧελϚΠζͯ͠ɺλʔϛ φϧૢ࡞ΛΘ͔Γ΍͘͢͠Α͏ɻ

Slide 37

Slide 37 text

ʲิ଍1ʳ.bash_proﬁle Λ GUI ΤσΟλͰฤू͢Δํ๏ # ϗʔϜσΟϨΫτϦʹҠಈ $ cd ~ #.bash_profile ͕ͳ͚Ε͹ۭϑΝΠϧͰ࡞੒ $ [ ! -‐f .bash_profile ] && touch .bash_profile # CotEditor Ͱ։͘ $ open -‐a coteditor .bash_profile # ฤू͕ऴΘͬͨΒಡΈࠐΉ $ source .bash_profile # alias Λ࡞͓ͬͯ͘ͱศར $ alias coteditor="open -‐a coteditor" $ coteditor .bash_profile

Slide 38

Slide 38 text

.. on master[+] ʲิ଍2ʳϒϥϯνͷঢ়ଶදهʹ͍ͭͯ .. on master[!] .. on master[?] .. on master[$] add ͚ͨ͠Ͳ commit ͕·ͩ add ͕·ͩ όʔδϣϯ؅ཧର৅֎ git stash ͯ͋͠Δ

Slide 39

Slide 39 text

γΣϧΛܶతʹ ࢖͍΍͘͢͠Α͏

Slide 40

Slide 40 text

ls ίϚϯυΛ࢖͍΍͘͢

Slide 41

Slide 41 text

## BSD ls (OS X ͸ͪ͜Β) $ ls -‐G ! ### GNU ls (Linux ͳͲ͸ͪ͜Βʣ $ ls -‐-‐color=auto ls ͷ݁Ռʹ৭Λ͚ͭΔ

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

# Ӆ͠ϑΝΠϧΛؚΊ͢΂ͯදࣔ $ ls -‐a ! # `.` ͱ `..` Ҏ֎͢΂ͯදࣔ $ ls -‐A ! # σΟϨΫτϦʹ͸ `/` Λ͚ͭΔ $ ls -‐F ! # ৄࡉͳϑΥʔϚοτͰදࣔ $ ls -‐l ls ͷग़ྗ݁ՌΛΧελϚΠζ

Slide 45

Slide 45 text

alias ls="ls -‐GAF" alias ll="ls -‐l” ! if [ $(uname) = "Linux" ] alias ls="ls -‐-‐color=auto -‐AF" fi alias Λ༻ҙ͓ͯ͘͠ͱΑ͍Ͱ͢ .bash_proﬁle

Slide 46

Slide 46 text

cd ίϚϯυΛ࢖͍΍͘͢

Slide 47

Slide 47 text

$ cd -‐ ௚લͷσΟϨΫτϦʹ໭Δ $ pwd /Users/Yoshihide $ cd Projects/jmblog@github/dotfiles $ cd -‐ $ pwd /Users/Yoshihide

Slide 48

Slide 48 text

cd Ͱ typo ͯ͠΋ࣗಈతʹਖ਼͍͠ύεʹ Ҡಈͯ͘͠ΕΔΑ͏ʹ͢Δ shopt -‐s cdspell .bash_proﬁle ྫ͑͹ɺDocuments σΟϨΫτϦʹҠಈ͠Α͏ͱͯ͠ $ cd Document ͱೖྗͯ͠΋ Documents ʹҠಈͯ͘͠ΕΔɻ

Slide 49

Slide 49 text

ίϚϯυཤྺʢhistoryʣΛ࢖͍͓ͨ͢

Slide 50

Slide 50 text

্Լ໼ҹΩʔͰίϚϯυཤྺΛલํҰகαʔν ίϚϯυͷઌ಄਺จࣈ͚ͩଧ্ͬͯ໼ҹΩʔ࿈ଧ͢Δͱɺ Ұகͨ͠ίϚϯυͷཤྺΛݕࡧͰ͖Δɻ

Slide 51

Slide 51 text

$ (reverse-‐i-‐search)`': ίϚϯυཤྺͷΠϯΫϦϝϯλϧαʔν `Ctrl-‐r` Λԡͯ͠ݕࡧ͍ͨ͠ΩʔϫʔυΛೖྗɻ `Ctrl-‐r` Λ࿈ଧ͢Δͱɺಉ͡ݕࡧޠͰͲΜͲΜḪΔɻ

Slide 52

Slide 52 text

ॏෳ͢ΔίϚϯυΛཤྺʹ࢒͞ͳ͍ export HISTCONTROL=ignoreboth:erasedups .bash_proﬁle

Slide 53

Slide 53 text

ෆཁͳίϚϯυΛཤྺʹ࢒͞ͳ͍ export HISTIGNORE="ls:ls *:ll:ll *:cd:cd -‐:pwd" .bash_proﬁle HISTIGNORE ʹ ཤྺʹ࢒ͨ͘͠ͳ͍ίϚϯυΛʮ:ʯ۠੾ΓͰઃఆ͢Δɻ ls ΍ cd Λઃఆ͓ͯ͘͠ͱΑ͍ɻ

Slide 54

Slide 54 text

ίϚϯυཤྺ਺Λ૿΍͢ export HISTFILESIZE=10000 export HISTSIZE=10000 .bash_proﬁle σϑΥϧτ͸ 500 ͳͷͰ޷͖ͳ਺ʹ૿΍͢ɻ ଟ͗͢ΔͱύϑΥʔϚϯε͕௿Լ͢ΔͷͰ 10000 ఔ౓͕͓͢͢Ίɻ

Slide 55

Slide 55 text

ೖྗิ׬Λݡ͘ར༻͢Δ

Slide 56

Slide 56 text

bash-‐compleVon / git-‐compleVon Λಋೖ͢Δ $ brew install bash-‐completion $ brew install git ίϚϯυͷೖྗ్தͰ Λ 2ճԡ͢ͱ ೖྗิ׬ͯ͘͠ΕΔΑ͏ʹͳΔɻ ! ʢzshͳΒඪ४Ͱڧྗͳೖྗิ׬͕࢖͑·͢ɻʣ

Slide 57

Slide 57 text

Λ 2ճԡ͢ͷ͕ΊΜͲ͍͘͞ set show-‐all-‐if-‐ambiguous on Λ1ճԡ͚ͩ͢Ͱೖྗิ׬͕ग़ΔΑ͏ʹͳΔɻ ! ʢ.bash_profile Ͱ͸ͳ͘ .inputrc ʹهड़͢Δ͜ͱʂʣ .inputrc

Slide 58

Slide 58 text

େจࣈ/খจࣈΛແࢹ͢Δ set completion-‐ignore-‐case on .inputrc ྫ͑͹ɺDocuments σΟϨΫτϦʹҠಈ͠Α͏ͱͯ͠ $ cd docu ͱೖྗͯ͠ Λԡ͢ͱɺDocuments ͕ग़ΔΑ͏ʹͳΔɻ ʢ͜Ε΋ .inputrc ʹهड़͢Δ͜ͱʂʣ

Slide 59

Slide 59 text

ack Λ࢖ͬͯςΩετݕࡧΛΑΓ؆୯ʹ

Slide 60

Slide 60 text

ྫʣΧϨϯτσΟϨΫτϦͷ *.scss ͓Αͼ *.css ϑΝΠϧ͔Β `#fff' ؚ͕·ΕΔ΋ͷΛݕࡧ͍ͨ͠ɻ

Slide 61

Slide 61 text

grep Λ࢖ͬͨ৔߹ $ find . $ -‐name "*.scss" -‐o -‐name "*.css" $ | xargs grep '#fff' ແཧ…

Slide 62

Slide 62 text

ack Λ࢖ͬͨ৔߹ $ ack -‐-‐sass -‐-‐css '#fff' `ack -‐-‐help-‐type` ͰରԠ͍ͯ͠ΔϑΝΠϧλΠϓ͕֬ೝͰ͖·͢ɻ

Slide 63

Slide 63 text

ack ͷΠϯετʔϧ $ brew install ack

Slide 64

Slide 64 text

-‐-‐ignore-‐dir=log -‐-‐ignore-‐dir=tmp -‐-‐ignore-‐dir=vendor -‐-‐ignore-‐dir=.sass-‐cache -‐-‐sort-‐files .ackrc ແࢹ͍ͨ͠σΟϨΫτϦΛઃఆ͓ͯ͘͠ͱศརɻ ack ͷ ઃఆϑΝΠϧʢ.ackrcʣ

Slide 65

Slide 65 text

ΩʔϦϐʔτͷઃఆΛมߋ͢Δ

Slide 66

Slide 66 text

KeyRemap4MacBook Λಋೖ͢Δ

Slide 67

Slide 67 text

No content

Slide 68

Slide 68 text

Delay UnVl Repeat 100 ~ 300 (default is 500) ʹઃఆ͢Δ ૣ͘͠ա͗Δͱίϐϖ͕ॏෳ͢ΔͷͰগ͠཈͑ؾຯʹ͢Δɻ ! Key Repeat 10ʙ30ఔ౓ʢdefault 83ʣ

Slide 69

Slide 69 text

͜͜·Ͱͷ·ͱΊ • .bash_proﬁle ʹ͍Ζ͍ΖͳઃఆΛهड़ͯ͠γΣϧ ͷ࢖͍উखΛΑ͘͠Α͏ • ΩʔϦϐʔτͷઃఆΛม͑Δͱ࢓ࣄ͕ḿΔΑ

Slide 70

Slide 70 text

Do$iles Λ GitHub Ͱ ؅ཧ͠Α͏

Slide 71

Slide 71 text

Do$iles ͱ͸ʁ • ͖͞΄Ͳ͔Βग़͖͍ͯͯΔ .bash_proﬁle ͸ Do

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

ͳͥ GitHub Ͱ؅ཧͨ͠΄͏͕ ͍͍ͷ͔ʁ • ࣗ୐ͱձࣾͰಉ͡։ൃ؀ڥΛอ͓͖͍ͬͯͨ৔ ߹΍ɺ৽͍͠ Mac Λങͬͨ࣌ͳͲʹɺ؆୯ʹࣗ ෼ͷ։ൃ؀ڥΛҠߦ/ಉظ͢Δ͜ͱ͕Ͱ͖Δɻ • DropBox Ͱ΋͍͍͚ͲɺMac Ҏ֎Ͱ΋؀ڥҠߦΛ ͍ͨ͠৔߹͸ɺGitHub ͷ΄͏͕ศརɻ

Slide 74

Slide 74 text

hFp://do

Slide 75

Slide 75 text

Θ͔ΔΜ͚ͩͲɺͳΜ͔ΊΜͲͦ͘͞͏… Կ͔Β࢝ΊΕ͹͍͍ͷ΍Β…

Slide 76

Slide 76 text

ελʔλʔΩοτΛ༻ҙ͠·ͨ͠ʂ hFps://github.com/jmblog/do

Slide 77

Slide 77 text

શମͷ·ͱΊ • ϑϩϯτΤϯυͰλʔϛφϧΛ࢖͍͜ͳ͢ͷ͸ج ຊεΩϧʹͳΓͭͭ͋Δ • ΤσΟλͱಉ༷ɺλʔϛφϧ΋ࣗ෼ͷखʹ͋ͬͨ ಓ۩ʹ࢓ཱ͍ͯͯ͜͏ • Do

Slide 78

Slide 78 text

[PR] KAIZEN pla$orm Ͱ͸ ΤϯδχΞΛืू͍ͯ͠·͢ WantedlyͰʮKAIZENʯͱݕࡧ