let's contribute, html5rocks/ko!

64
GDG Seoul, 26th Feb. 2 Let's contribute, Let's contribute, HTML5Rocks/KO! HTML5Rocks/KO! Chang W. Doh

Upload: chang-w-doh

Post on 15-Jan-2015

97 views

Category:

Technology


1 download

DESCRIPTION

If you can write some code patch, it will be one of great ways for contributing open-sources. but, there is no way to contribute open-sources without writing code? I'd like to encourage doing translation, filing a bug and so on. This is a case study for that. Don't need anything else! Please join us and enjoy! :)

TRANSCRIPT

Page 1: Let's contribute, HTML5Rocks/ko!

GDG Seoul, 26th Feb. 2014

Let's contribute,Let's contribute,HTML5Rocks/KO!HTML5Rocks/KO!

Chang W. Doh

Page 2: Let's contribute, HTML5Rocks/ko!

Chang W. DohChang W. Doh

@cwdoh

+Changwook.DohHTML5Rocks/KO

Can you can see me? If you can, I'm sorry for it. It because your browser doesn't support CSS3 'filter' property. But don't worry, 'filter' is a piece of CSS3

specification in Working Draft. You can forget my face soon.

Page 3: Let's contribute, HTML5Rocks/ko!

I'm not fluent in english.I'm not fluent in english.

http://2fun2fun.com

Page 4: Let's contribute, HTML5Rocks/ko!

Also I'm not a field expert.Also I'm not a field expert.

Page 5: Let's contribute, HTML5Rocks/ko!

Finally, I don't know anythingFinally, I don't know anythingabout Python & Django.about Python & Django.

Page 6: Let's contribute, HTML5Rocks/ko!

HTML5Rocks?HTML5Rocks?

Page 7: Let's contribute, HTML5Rocks/ko!

Developer ResourcesDeveloper Resourcesdedicated to all that is HTML5

Page 8: Let's contribute, HTML5Rocks/ko!

Yay!Yay!

Page 9: Let's contribute, HTML5Rocks/ko!

OpenSource Project OpenSource Project

Page 10: Let's contribute, HTML5Rocks/ko!

byby

Page 11: Let's contribute, HTML5Rocks/ko!

What does h5r treats?What does h5r treats?Sure, HTML5 & development stuffs.

Page 12: Let's contribute, HTML5Rocks/ko!

5 Sections5 Sections

TUTORIALS , UPDATES , CONTRIBUTE , SLIDES , RESOURCES

Page 13: Let's contribute, HTML5Rocks/ko!

HTML5Rocks/KOHTML5Rocks/KO

Page 14: Let's contribute, HTML5Rocks/ko!

Why?Why?

Page 15: Let's contribute, HTML5Rocks/ko!

Give me a seconds,Give me a seconds,I should talk about some histories.I should talk about some histories.

Page 16: Let's contribute, HTML5Rocks/ko!

When I sent Pull Request at firstWhen I sent Pull Request at first

Page 17: Let's contribute, HTML5Rocks/ko!

Nobody reviewed my work except Paul.

Everybody just thumbs up! :(

Page 18: Let's contribute, HTML5Rocks/ko!

I'm not auto-translator. :)But really thank you!

You're the first reviewer for my commits!! :)

Page 19: Let's contribute, HTML5Rocks/ko!
Page 20: Let's contribute, HTML5Rocks/ko!

Past is in the Past!Past is in the Past!

Page 21: Let's contribute, HTML5Rocks/ko!

Yay!!!

Page 22: Let's contribute, HTML5Rocks/ko!

Yaaaaay!!!

Page 23: Let's contribute, HTML5Rocks/ko!

What do you help?What do you help?

Page 24: Let's contribute, HTML5Rocks/ko!

TranslationsTranslationsTranslation of Technical Articles @h5r

Keep attention to Update, Update and Update

Localization of Site StringRequires a little understanding 'Django'

Page 25: Let's contribute, HTML5Rocks/ko!

File a bug or patchFile a bug or patchUsing GitHub Issue

Page 26: Let's contribute, HTML5Rocks/ko!

MaintenanceMaintenance

Page 27: Let's contribute, HTML5Rocks/ko!

AuthoringAuthoringan article, tutorial or case study!an article, tutorial or case study!

Yay!Yay!

Page 28: Let's contribute, HTML5Rocks/ko!

How do we contribute?How do we contribute?

Page 29: Let's contribute, HTML5Rocks/ko!

https://github.com/html5rocks

Page 30: Let's contribute, HTML5Rocks/ko!

4 Repositories4 Repositories

Page 31: Let's contribute, HTML5Rocks/ko!

Mostly we'll push commits to...Mostly we'll push commits to...

Page 32: Let's contribute, HTML5Rocks/ko!

html5rocks/www.html5rocks.comhtml5rocks/www.html5rocks.com

Page 33: Let's contribute, HTML5Rocks/ko!

Now, I'll just showNow, I'll just showGetting codes & environmentHow to translate an articleHow to push commits to www.html5rocks.com

Page 34: Let's contribute, HTML5Rocks/ko!

If you want to submit code patch,If you want to submit code patch,you have to agree you have to agree

before it! before it!Contributor Li-Contributor Li-

cense Agreementscense Agreements

Page 35: Let's contribute, HTML5Rocks/ko!

Some links for new Korean Trans-Some links for new Korean Trans-lators.lators.

I hope they can be helpful to you. :)

Page 36: Let's contribute, HTML5Rocks/ko!

Trello BoardTrello Board

Page 37: Let's contribute, HTML5Rocks/ko!

www.html5rocks.com/kowww.html5rocks.com/ko

Page 38: Let's contribute, HTML5Rocks/ko!

HTML5RocksKO.blogspot.comHTML5RocksKO.blogspot.com

Page 39: Let's contribute, HTML5Rocks/ko!

& & Google TranslatorGoogle Translator 2 Pass Trans-2 Pass Trans-latorlator

Page 40: Let's contribute, HTML5Rocks/ko!

Dictionary ServicesDictionary ServicesNaver DictionaryDaum DictionaryTTA IT DictionaryChrome Extension - Tooltip DictionaryChrome Extension - Google Dictionary (by Google)

Page 41: Let's contribute, HTML5Rocks/ko!

If you know another useful tools,If you know another useful tools,please let us know.please let us know.

Page 42: Let's contribute, HTML5Rocks/ko!

Getting Code & Dev EnvironmentGetting Code & Dev Environment

Page 43: Let's contribute, HTML5Rocks/ko!

STEP 1: Fork a repository STEP 1: Fork a repository

Page 44: Let's contribute, HTML5Rocks/ko!

or cloning with Git Client such as

STEP 2: Cloning codeSTEP 2: Cloning code$ git clone https://github<span class="preprocessor">.com</span>/{YOUR_ACCOUNT}/www<span class="preprocesso

SourceTreeFile > New/Clone >

Page 45: Let's contribute, HTML5Rocks/ko!

STEP3: Setup GAESTEP3: Setup GAE

That's all. You're ready!

Page 46: Let's contribute, HTML5Rocks/ko!

MAGIC: database/load_allMAGIC: database/load_all

Page 47: Let's contribute, HTML5Rocks/ko!

Translating articlesTranslating articles

Page 48: Let's contribute, HTML5Rocks/ko!

STEP 1: Finding tutorial path youSTEP 1: Finding tutorial path youwant to translatewant to translate

Page 49: Let's contribute, HTML5Rocks/ko!

STEP 2: Creating BranchSTEP 2: Creating Branch<span class="comment">$</span> <span class="comment">git</span> <span class="comment">branch</span> <span c

Highly recommends creating new branch for each translation.

Page 50: Let's contribute, HTML5Rocks/ko!

STEP 3: Creating '/ko' directorySTEP 3: Creating '/ko' directoryand copy all files of /en into /ko

<span class="tag"><<span class="title">span</span> <span class="attribute">style</span>=<span class="value"<span style="font-family: monospace; font-size: 17px; font-style: normal; font-variant: normal;">cwdoh-2:shcwdoh-2:shadowdom cwdoh$ ls -ltotal 0drwxr-xr-x 3 cwdoh staff 102 2 14 09:18 endrwxr-xr-x 3 cwdoh staff 102 2 17 17:35 kodrwxr-xr-x 7 cwdoh staff 238 2 14 09:18 staticdrwxr-xr-x 3 cwdoh staff 102 2 19 09:20 zhcwdoh-2:shadowdom cwdoh$

Page 51: Let's contribute, HTML5Rocks/ko!

STEP 4: Translating!STEP 4: Translating!But, Don't forget commit for each work

$ git <span class="keyword">add</span> index<span class="preprocessor">.html</span> $ git commit -m "Completed translation of 'Supercharging your Gruntfile' into Korean"

Page 52: Let's contribute, HTML5Rocks/ko!

STEP 5: ReviewSTEP 5: ReviewReview by yourself before others doIf possible, request it :)

Page 53: Let's contribute, HTML5Rocks/ko!

Submitting your worksSubmitting your works

Page 54: Let's contribute, HTML5Rocks/ko!

STEP 1: Pushing to your remoteSTEP 1: Pushing to your remote $ git <span class="keyword">push</span> origin article<span class="preprocessor">.ko</span><span class="pr

Page 55: Let's contribute, HTML5Rocks/ko!

STEP 2: Creating Pull RequestSTEP 2: Creating Pull Request

Page 56: Let's contribute, HTML5Rocks/ko!

STEP 3: STEP 3: You can update your worksYou can update your worksuntil merginguntil merging

Page 57: Let's contribute, HTML5Rocks/ko!

STEP 4: STEP 4: Merging & Live!Merging & Live!

Page 58: Let's contribute, HTML5Rocks/ko!

Only One TipOnly One TipDon't hesitate!

Page 59: Let's contribute, HTML5Rocks/ko!

Useful LinksUseful Links

- I'm guessing it's dead :(

HTML5Rocks GitHub RepositoryHTML5Rocks Contribution GuideLocalization GuideHTML5Rocks Quarter Report (Calendar)www.html5rocks.com/koHTML5Rocks/KO Blog - UnofficialTrello BoardMailing List

Page 60: Let's contribute, HTML5Rocks/ko!

Unusable LinksUnusable Links /KO

and THIS!!! :)Introducing HTML5Rocks

Page 61: Let's contribute, HTML5Rocks/ko!

Additionally,Additionally,I just wanted to say a big ThankI just wanted to say a big ThankYou to You to for forawesome works as awesome works as ..

all other translatorsall other translatorsthey saidthey said

Page 62: Let's contribute, HTML5Rocks/ko!

Currently,Currently,33+233+2 korean translations on korean translations on

HTML5Rocks :)HTML5Rocks :)

Page 63: Let's contribute, HTML5Rocks/ko!

Q&AQ&A

Page 64: Let's contribute, HTML5Rocks/ko!

Rock you!Rock you!