SlideShare a Scribd company logo
1 of 64
Download to read offline
GDG Seoul, 26th Feb. 2014
Let's contribute,Let's contribute,
HTML5Rocks/KO!HTML5Rocks/KO!
Chang W. Doh
Chang W. DohChang W. Doh
@cwdoh
+Changwook.Doh
HTML5Rocks/KO
Canyoucanseeme?Ifyoucan,I'msorryforit.Itbecauseyourbrowserdoesn'tsupportCSS3'filter'property.Butdon'tworry,'filter'isapieceofCSS3
specificationinWorkingDraft.Youcanforgetmyfacesoon.
I'm not fluent in english.I'm not fluent in english.
http://2fun2fun.com
Also I'm not a field expert.Also I'm not a field expert.
Finally, I don't know anythingFinally, I don't know anything
about Python & Django.about Python & Django.
HTML5Rocks?HTML5Rocks?
Developer ResourcesDeveloper Resources
dedicated to all that is HTML5
Yay!Yay!
OpenSource ProjectOpenSource Project
byby
What does h5r treats?What does h5r treats?
Sure, HTML5 & development stuffs.
5 Sections5 Sections
TUTORIALS , UPDATES , CONTRIBUTE , SLIDES , RESOURCES
HTML5Rocks/KOHTML5Rocks/KO
Why?Why?
Give me a seconds,Give me a seconds,
I should talk about some histories.I should talk about some histories.
When I sent Pull Request at firstWhen I sent Pull Request at first
Nobody reviewed my work except Paul.
Everybody just thumbs up! :(
I'm not auto-translator. :)
But really thank you!
You're the first reviewer for my commits!! :)
Past is in the Past!Past is in the Past!
Yay!!!
Yaaaaay!!!
What do you help?What do you help?
TranslationsTranslations
Translation of Technical Articles @h5r
Keep attention to Update, Update and Update
Localization of Site String
Requires a little understanding 'Django'
File a bug or patchFile a bug or patch
Using GitHub Issue
MaintenanceMaintenance
AuthoringAuthoring
an article, tutorial or case study!an article, tutorial or case study!
Yay!Yay!
How do we contribute?How do we contribute?
https://github.com/html5rocks
4 Repositories4 Repositories
Mostly we'll push commits to...Mostly we'll push commits to...
html5rocks/www.html5rocks.comhtml5rocks/www.html5rocks.com
Now, I'll just showNow, I'll just show
Getting codes & environment
How to translate an article
How to push commits to www.html5rocks.com
If you want to submit code patch,If you want to submit code patch,
you have to agreeyou have to agree
before it!before it!
Contributor Li-Contributor Li-
cense Agreementscense Agreements
Some links for new Korean Trans-Some links for new Korean Trans-
lators.lators.
I hope they can be helpful to you. :)
Trello BoardTrello Board
www.html5rocks.com/kowww.html5rocks.com/ko
HTML5RocksKO.blogspot.comHTML5RocksKO.blogspot.com
&&Google TranslatorGoogle Translator 2 Pass Trans-2 Pass Trans-
latorlator
Dictionary ServicesDictionary Services
Naver Dictionary
Daum Dictionary
TTA IT Dictionary
Chrome Extension - Tooltip Dictionary
Chrome Extension - Google Dictionary (by Google)
If you know another useful tools,If you know another useful tools,
please let us know.please let us know.
Getting Code & Dev EnvironmentGetting Code & Dev Environment
STEP 1: Fork a repositorySTEP 1: Fork a repository
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="prepro
SourceTree
File > New/Clone >
STEP3: Setup GAESTEP3: Setup GAE
That's all. You're ready!
MAGIC: database/load_allMAGIC: database/load_all
Translating articlesTranslating articles
STEP 1: Finding tutorial path youSTEP 1: Finding tutorial path you
want to translatewant to translate
STEP 2: Creating BranchSTEP 2: Creating Branch
<span class="comment">$</span> <span class="comment">git</span> <span class="comment">branch</span> <s
Highly recommends creating new branch for each translation.
STEP 3: Creating '/ko' directorySTEP 3: Creating '/ko' directory
and copy all files of /en into /ko
<span class="tag"><<span class="title">span</span> <span class="attribute">style</span>=<span class="v
<span style="font-family: monospace; font-size: 17px; font-style: normal; font-variant: normal;">cwdoh
cwdoh-2:shadowdom cwdoh$ ls -l
total 0
drwxr-xr-x 3 cwdoh staff 102 2 14 09:18 en
drwxr-xr-x 3 cwdoh staff 102 2 17 17:35 ko
drwxr-xr-x 7 cwdoh staff 238 2 14 09:18 static
drwxr-xr-x 3 cwdoh staff 102 2 19 09:20 zh
cwdoh-2:shadowdom cwdoh$
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"
STEP 5: ReviewSTEP 5: Review
Review by yourself before others do
If possible, request it :)
Submitting your worksSubmitting your works
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 clas
STEP 2: Creating Pull RequestSTEP 2: Creating Pull Request
STEP 3:STEP 3: You can update your worksYou can update your works
until merginguntil merging
STEP 4:STEP 4: Merging & Live!Merging & Live!
Only One TipOnly One Tip
Don't hesitate!
Useful LinksUseful Links
- I'm guessing it's dead :(
HTML5Rocks GitHub Repository
HTML5Rocks Contribution Guide
Localization Guide
HTML5Rocks Quarter Report (Calendar)
www.html5rocks.com/ko
HTML5Rocks/KO Blog - Unofficial
Trello Board
Mailing List
Unusable LinksUnusable Links
/KO
and THIS!!! :)
Introducing HTML5Rocks
Additionally,Additionally,
I just wanted to say a big ThankI just wanted to say a big Thank
You toYou to forfor
awesome works asawesome works as ..
all other translatorsall other translators
they saidthey said
Currently,Currently,
33+233+2 korean translations onkorean translations on
HTML5Rocks :)HTML5Rocks :)
Q&AQ&A
Rock you!Rock you!

More Related Content

What's hot

Start! ATS programming
Start! ATS programmingStart! ATS programming
Start! ATS programming
Kiwamu Okabe
 

What's hot (20)

Start! ATS programming
Start! ATS programmingStart! ATS programming
Start! ATS programming
 
Static typing and proof in ATS language
Static typing and proof in ATS languageStatic typing and proof in ATS language
Static typing and proof in ATS language
 
Metasepi team meeting #14: ATS programming on MCU
Metasepi team meeting #14: ATS programming on MCUMetasepi team meeting #14: ATS programming on MCU
Metasepi team meeting #14: ATS programming on MCU
 
ATS language overview'
ATS language overview'ATS language overview'
ATS language overview'
 
Functional IoT: Introduction
Functional IoT: IntroductionFunctional IoT: Introduction
Functional IoT: Introduction
 
ATS programming on ESP8266
ATS programming on ESP8266ATS programming on ESP8266
ATS programming on ESP8266
 
My talk at LVEE 2016
My talk at LVEE 2016My talk at LVEE 2016
My talk at LVEE 2016
 
Real-time OS system state captured by ATS language
Real-time OS system state captured by ATS languageReal-time OS system state captured by ATS language
Real-time OS system state captured by ATS language
 
really really really awesome php application with bdd behat and iterfaces
really really really awesome php application with bdd behat and iterfacesreally really really awesome php application with bdd behat and iterfaces
really really really awesome php application with bdd behat and iterfaces
 
Metasepi team meeting #17: Invariant captured by ATS's API
Metasepi team meeting #17: Invariant captured by ATS's APIMetasepi team meeting #17: Invariant captured by ATS's API
Metasepi team meeting #17: Invariant captured by ATS's API
 
Why you should care about Go (Golang)
Why you should care about Go (Golang)Why you should care about Go (Golang)
Why you should care about Go (Golang)
 
ATS Programming Tutorial
ATS Programming TutorialATS Programming Tutorial
ATS Programming Tutorial
 
ATS2 updates 2017
ATS2 updates 2017ATS2 updates 2017
ATS2 updates 2017
 
Spring-batch Groovy y Gradle
Spring-batch Groovy y GradleSpring-batch Groovy y Gradle
Spring-batch Groovy y Gradle
 
Go lang
Go langGo lang
Go lang
 
Functional IoT: Hardware and Platform
Functional IoT: Hardware and PlatformFunctional IoT: Hardware and Platform
Functional IoT: Hardware and Platform
 
떠먹는 '오브젝트' Ch05 책임 할당하기
떠먹는 '오브젝트' Ch05 책임 할당하기떠먹는 '오브젝트' Ch05 책임 할당하기
떠먹는 '오브젝트' Ch05 책임 할당하기
 
Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)
 
Metasepi team meeting #20: Start! ATS programming on MCU
Metasepi team meeting #20: Start! ATS programming on MCUMetasepi team meeting #20: Start! ATS programming on MCU
Metasepi team meeting #20: Start! ATS programming on MCU
 
Grooscript in Action SpringOne2gx 2015
Grooscript in Action SpringOne2gx 2015Grooscript in Action SpringOne2gx 2015
Grooscript in Action SpringOne2gx 2015
 

Similar to Let's contribute, HTML5Rocks/ko!

Github github-github
Github github-githubGithub github-github
Github github-github
fusion2011
 
Docker in Production: Reality, Not Hype - DevOps Chicago
Docker in Production: Reality, Not Hype - DevOps ChicagoDocker in Production: Reality, Not Hype - DevOps Chicago
Docker in Production: Reality, Not Hype - DevOps Chicago
bridgetkromhout
 

Similar to Let's contribute, HTML5Rocks/ko! (20)

A rough guide to JavaScript Performance
A rough guide to JavaScript PerformanceA rough guide to JavaScript Performance
A rough guide to JavaScript Performance
 
Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016Mind Your lang — Accessibility Camp Toronto 2016
Mind Your lang — Accessibility Camp Toronto 2016
 
Cfgmgmt Challenges aren't technical anymore
Cfgmgmt Challenges aren't technical anymoreCfgmgmt Challenges aren't technical anymore
Cfgmgmt Challenges aren't technical anymore
 
Ruby in the Browser - RubyConf 2011
Ruby in the Browser - RubyConf 2011Ruby in the Browser - RubyConf 2011
Ruby in the Browser - RubyConf 2011
 
Github github-github
Github github-githubGithub github-github
Github github-github
 
Streaming 101: Hello World
Streaming 101:  Hello WorldStreaming 101:  Hello World
Streaming 101: Hello World
 
Kubernetes - State of the Union (Q1-2016)
Kubernetes - State of the Union (Q1-2016)Kubernetes - State of the Union (Q1-2016)
Kubernetes - State of the Union (Q1-2016)
 
Docker in Production: Reality, Not Hype - DevOps Chicago
Docker in Production: Reality, Not Hype - DevOps ChicagoDocker in Production: Reality, Not Hype - DevOps Chicago
Docker in Production: Reality, Not Hype - DevOps Chicago
 
groovy & grails - lecture 6
groovy & grails - lecture 6groovy & grails - lecture 6
groovy & grails - lecture 6
 
Docker for Development
Docker for DevelopmentDocker for Development
Docker for Development
 
Madison PHP 2015 - DevOps For Small Teams
Madison PHP 2015 - DevOps For Small TeamsMadison PHP 2015 - DevOps For Small Teams
Madison PHP 2015 - DevOps For Small Teams
 
Intro. to Git and Github
Intro. to Git and GithubIntro. to Git and Github
Intro. to Git and Github
 
Boxen: How to Manage an Army of Laptops
Boxen: How to Manage an Army of LaptopsBoxen: How to Manage an Army of Laptops
Boxen: How to Manage an Army of Laptops
 
CRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual MachineCRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual Machine
 
CRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual MachineCRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual Machine
 
CRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual MachineCRaSH the shell for the Java Virtual Machine
CRaSH the shell for the Java Virtual Machine
 
DDoS Attacks and Countermeasures
DDoS Attacks and CountermeasuresDDoS Attacks and Countermeasures
DDoS Attacks and Countermeasures
 
Hands-on Lab: Red Hat Container Development & OpenShift
Hands-on Lab: Red Hat Container Development & OpenShiftHands-on Lab: Red Hat Container Development & OpenShift
Hands-on Lab: Red Hat Container Development & OpenShift
 
Introduce Django
Introduce DjangoIntroduce Django
Introduce Django
 
ZendCon 2015 - DevOps for Small Teams
ZendCon 2015 - DevOps for Small TeamsZendCon 2015 - DevOps for Small Teams
ZendCon 2015 - DevOps for Small Teams
 

More from Chang W. Doh

Kotlin, 어떻게 동작하나요
Kotlin, 어떻게 동작하나요Kotlin, 어떻게 동작하나요
Kotlin, 어떻게 동작하나요
Chang W. Doh
 
Service Worker 201 (en)
Service Worker 201 (en)Service Worker 201 (en)
Service Worker 201 (en)
Chang W. Doh
 

More from Chang W. Doh (20)

Exploring what're new in Web for the Natively app
Exploring what're new in Web for the Natively appExploring what're new in Web for the Natively app
Exploring what're new in Web for the Natively app
 
Kotlin의 코루틴은 어떻게 동작하는가
Kotlin의 코루틴은 어떻게 동작하는가Kotlin의 코루틴은 어떻게 동작하는가
Kotlin의 코루틴은 어떻게 동작하는가
 
Hey Kotlin, How it works?
Hey Kotlin, How it works?Hey Kotlin, How it works?
Hey Kotlin, How it works?
 
Kotlin, 어떻게 동작하나요
Kotlin, 어떻게 동작하나요Kotlin, 어떻게 동작하나요
Kotlin, 어떻게 동작하나요
 
introduction to Web Assembly
introduction to Web Assembly introduction to Web Assembly
introduction to Web Assembly
 
PWA Roadshow Seoul - Keynote
PWA Roadshow Seoul - KeynotePWA Roadshow Seoul - Keynote
PWA Roadshow Seoul - Keynote
 
PWA Roadshow Seoul - HTTPS
PWA Roadshow Seoul - HTTPSPWA Roadshow Seoul - HTTPS
PWA Roadshow Seoul - HTTPS
 
CSS 다시 파서 어디에 쓰나
CSS 다시 파서 어디에 쓰나CSS 다시 파서 어디에 쓰나
CSS 다시 파서 어디에 쓰나
 
Natively Web App & Service Worker
Natively Web App & Service WorkerNatively Web App & Service Worker
Natively Web App & Service Worker
 
초보 개발자를 위한 웹 프론트엔드 개발 101
초보 개발자를 위한 웹 프론트엔드 개발 101초보 개발자를 위한 웹 프론트엔드 개발 101
초보 개발자를 위한 웹 프론트엔드 개발 101
 
Service Worker 201 (한국어)
Service Worker 201 (한국어)Service Worker 201 (한국어)
Service Worker 201 (한국어)
 
Service Worker 201 (en)
Service Worker 201 (en)Service Worker 201 (en)
Service Worker 201 (en)
 
Service Worker 101 (en)
Service Worker 101 (en)Service Worker 101 (en)
Service Worker 101 (en)
 
Service Worker 101 (한국어)
Service Worker 101 (한국어)Service Worker 101 (한국어)
Service Worker 101 (한국어)
 
What is next for the web
What is next for the webWhat is next for the web
What is next for the web
 
Instant and offline apps with Service Worker
Instant and offline apps with Service WorkerInstant and offline apps with Service Worker
Instant and offline apps with Service Worker
 
Chrome enchanted 2015
Chrome enchanted 2015Chrome enchanted 2015
Chrome enchanted 2015
 
프론트엔드 개발자를 위한 크롬 렌더링 성능인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능인자 이해하기프론트엔드 개발자를 위한 크롬 렌더링 성능인자 이해하기
프론트엔드 개발자를 위한 크롬 렌더링 성능인자 이해하기
 
Polymer Codelab: Before diving into polymer
Polymer Codelab: Before diving into polymerPolymer Codelab: Before diving into polymer
Polymer Codelab: Before diving into polymer
 
알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations알아봅시다, Polymer: Web Components & Web Animations
알아봅시다, Polymer: Web Components & Web Animations
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 

Let's contribute, HTML5Rocks/ko!