Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
雑なまとめをサイト化したら役に立ちそうって話
Search
yu-kgr
February 05, 2017
Technology
0
180
雑なまとめをサイト化したら役に立ちそうって話
2017/02/03 に社内勉強会「南町ビアバッシュ#03」で発表した内容です。
yu-kgr
February 05, 2017
Tweet
Share
More Decks by yu-kgr
See All by yu-kgr
NotionでBlogを作ったので供養します / Create kglabo NotionBlog
yu_kgr
1
200
開発時のコミュニケーションを円滑化するBOTを作った話 / A story about creating a BOT that facilitates communication during development.
yu_kgr
1
1.3k
俺たちの"MicroFrontend"やっていき宣言。 / Declaration to do our MicroFrontend.
yu_kgr
0
360
改めて考える"コミュニケーション"
yu_kgr
0
46
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
110
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
600
Other Decks in Technology
See All in Technology
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
1
120
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
470
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
460
AIエージェント元年
shukob
0
150
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
300
AIエージェント入門
minorun365
PRO
23
12k
内製化を加速させるlaC活用術
nrinetcom
PRO
2
120
短縮URLをお手軽に導入しよう
nakasho
0
140
【内製開発Summit 2025】イオンスマートテクノロジーの内製化組織の作り方/In-house-development-summit-AST
aeonpeople
1
510
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
170
Active Directory攻防
cryptopeg
PRO
8
5.2k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
180
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
Into the Great Unknown - MozCon
thekraken
35
1.6k
How to Ace a Technical Interview
jacobian
276
23k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Mobile First: as difficult as doing things right
swwweet
223
9.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Thoughts on Productivity
jonyablonski
69
4.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Facilitating Awesome Meetings
lara
52
6.2k
The Pragmatic Product Professional
lauravandoore
32
6.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Transcript
ࡶͳ·ͱΊΛαΠτԽͨ͠Β ʹཱͪͦ͏ͬͯ 2017/2/3ɹೆொϏΞόογϡ %..DPN-BCPϑϩϯτΤϯυ։ൃ෦ɹYuki Minakawa
ࣗݾհ w 2015/09/01 ʙ %..DPN-BCPσβΠϯ෦ʹ ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO w ۀͰɺ)5.-$44+BWB4DSJQUͷ ࣮։ൃڥͷ४උɾԅձ෦·Ͱ ෯͘Β͍ͤͯͯ·͢
ϛφΧϫϢΩ )1LHMBCPDPN
ࣗݾհ w 2015/09/01 ʙ %..DPN-BCPσβΠϯ෦ʹ ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO w ۀͰɺ)5.-$44+BWB4DSJQUͷ ࣮։ൃڥͷ४උɾԅձ෦·Ͱ ෯͘Β͍ͤͯͯ·͢
ϛφΧϫϢΩ )1LHMBCPDPN
ࣗݾհ w 2015/09/01 ʙ %..DPN-BCPσβΠϯ෦ʹ ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO w ۀͰɺ)5.-$44+BWB4DSJQUͷ ࣮։ൃڥͷ४උɾԅձ෦·Ͱ ෯͘Β͍ͤͯͯ·͢
w ࠷ۙίʔυॻ͔ͣʹϓϩδΣΫτϚωδϝϯτɺ ཧۀɾ։ൃϑϩʔߏஙɾࣾφϨοδ࡞ ͚ࣾษڧձӡӦͳͲ ࣾͷࣄҊʹਃ͢Ϛϯ ϛφΧϫϢΩ )1LHMBCPDPN
ࣗݾհ w 2015/09/01 ʙ %..DPN-BCPσβΠϯ෦ʹ ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO w ࠷ۙίʔυॻ͔ͣʹϓϩδΣΫτϚωδϝϯτɺ ཧۀɾ։ൃϑϩʔߏஙɾࣾφϨοδ࡞ ͚ࣾษڧձӡӦͳͲ
ࣾͷࣄҊʹਃ͢Ϛϯ ϛφΧϫϢΩ )1LHMBCPDPN
ࣗݾհ w 2015/09/01 ʙ %..DPN-BCPσβΠϯ෦ʹ ϑϩϯτΤϯυΤϯδχΞͱͯ͠+PJO w ࠷ۙίʔυॻ͔ͣʹϓϩδΣΫτϚωδϝϯτɺ ཧۀɾ։ൃϑϩʔߏஙɾࣾφϨοδ࡞ ͚ࣾษڧձӡӦͳͲ
ࣾͷࣄҊʹਃ͢Ϛϯ w 2016/1/11 ʙ σβΠϯ෦͔Βɺ ϑϩϯτΤϯυ։ൃ෦ʹҟಈ͠·ͨ͠ɻ ϛφΧϫϢΩ )1LHMBCPDPN
None
݁
݁ શ෦·ͱΊΔαΠτ࡞ͬͨ ͬͯͰ͢ɻ
None
ຊ
ࠒͷ৭ʑɺॻ͖ཷΊͯ͘Μʁ w ࠓֶΜͩ͜ͱʢUJMʣ w ษڧձͷײ w ٕज़ɺ৮ͬͯΈ·ͨ͠ܥͷωλFUDʜ
Ξτϓοτઌ͕ଟ͍ʂ
Ξτϓοτઌ͕ଟ͍ʂ • Confluence
Ξτϓοτઌ͕ଟ͍ʂ • Confluence
Ξτϓοτઌ͕ଟ͍ʂ • Confluence
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote • ͯͳϒϩά
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote • ͯͳϒϩά
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote • ͯͳϒϩά • ϙʔτϑΥϦΦαΠτ
Ξτϓοτઌ͕ଟ͍ʂ • Confluence • Evernote • ͯͳϒϩά • ϙʔτϑΥϦΦαΠτ
None
None
ʊਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹશ෦·ͱΊΕ͑͑Μɹʻ ʉ:?:?:?:?:?:?:?:?:?:ʉ
ʊਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹࡶʹϝϞͱͬͯ·ͱΊ͍ͨɹʻ ʉ:?:?:?:?:?:?:?:?:?:ʉ
ϝϞ.BSLEPXOͰͱΖ͏ Markdown
MarkdownʢϚʔΫμϯʣɺจॻΛه ड़͢ΔͨΊͷܰྔϚʔΫΞοϓݴޠͷͻͱ ͭͰ͋Δɻ ຊདྷϓϨʔϯςΩετܗࣜͰ खܰʹॻ͍ͨจॻ͔ΒHTMLΛੜ͢Δͨ Ίʹ։ൃ͞ΕͨͷͰ͋Δɻ ͔͠͠ɺݱࡏ ͰHTMLͷ΄͔ύϫʔϙΠϯτܗࣜ LaTeXܗࣜͷϑΝΠϧม͢Διϑτ ΣΞʢίϯόʔλʣ։ൃ͞Ε͍ͯΔɻ
ϝϞ.BSLEPXOͰͱΖ͏ Markdown WikipediaΑΓҾ༻
MarkdownʢϚʔΫμϯʣɺจॻΛه ड़͢ΔͨΊͷܰྔϚʔΫΞοϓݴޠͷͻͱ ͭͰ͋Δɻ ຊདྷϓϨʔϯςΩετܗࣜͰ खܰʹॻ͍ͨจॻ͔ΒHTMLΛੜ͢Δͨ Ίʹ։ൃ͞ΕͨͷͰ͋Δɻ ͔͠͠ɺݱࡏ ͰHTMLͷ΄͔ύϫʔϙΠϯτܗࣜ LaTeXܗࣜͷϑΝΠϧม͢Διϑτ ΣΞʢίϯόʔλʣ։ൃ͞Ε͍ͯΔɻ
WikipediaΑΓҾ༻ ϝϞ.BSLEPXOͰͱΖ͏
MarkdownʢϚʔΫμϯʣɺจॻΛه ड़͢ΔͨΊͷܰྔϚʔΫΞοϓݴޠͷͻͱ ͭͰ͋Δɻ ຊདྷϓϨʔϯςΩετܗࣜͰ खܰʹॻ͍ͨจॻ͔ΒHTMLΛੜ͢Δͨ Ίʹ։ൃ͞ΕͨͷͰ͋Δɻ ͔͠͠ɺݱࡏ ͰHTMLͷ΄͔ύϫʔϙΠϯτܗࣜ LaTeXܗࣜͷϑΝΠϧม͢Διϑτ ΣΞʢίϯόʔλʣ։ൃ͞Ε͍ͯΔɻ
WikipediaΑΓҾ༻ ϝϞ.BSLEPXOͰͱΖ͏
ίϐϖͰ͍͍ͩͨߦ͚Δ
ղܾᶃ͚ࣾΞτϓοτ
ղܾᶃ͚ࣾΞτϓοτ ίϐϖ
ղܾᶃ͚ࣾΞτϓοτ ίϐϖ
ղܾᶄݸਓతͳΞτϓοτ ίϐϖ
ղܾᶄݸਓతͳΞτϓοτ ❓ ίϐϖ
੩తαΠτδΣωϨʔλʔ͏
HUGOɺ੩తͳhtmlΛੜ͢Δࣄ͕Ͱ͖Δ ੩తϖʔδδΣωϨʔλͰ͢ɻHUGOͷ߹ɺ ϩʔΧϧڥͰHUGOͷಈతػೳΛͬͯಈ తʹαΠτΛ։ൃ͠ɺՌͷग़ྗ࣌ʹಈతཁ ૉΛશͯ੩తཁૉʢhtml,css,js,imgʣͱ͠ ͯग़ྗ͠·͢ɻ ੜ͞ΕͨՌʹαʔό αΠυͷॲཧΛؚ·ͳ͍ͨΊɺαΠτͷදࣔ ߴʹͳΓɺαʔόαΠυͷॲཧ͕ແ͍ ηΩϡϦςΟϦεΫ͕ݮΓ·͢ɻ
βοΫϦઆ໌ Hugo http://www.study-hugo.com/basic/whats-hugo/ ΑΓҾ༻
.BSLEPXOΛ͍͍ײ͡ʹ )5.-ʹม͑ͯ͘ΕΔϠπ
ςʔϚ৭ʑ͋Δ
ʮIVHPOFX NEʯͰهࣄ࡞
ʮIVHPOFX NEʯͰهࣄ࡞
ʮIVHPOFX NEʯͰهࣄ࡞
ʮIVHPOFX NEʯͰهࣄ࡞
ιʔε(JUIVCʹ্͛Δ Github WikipediaΑΓҾ༻
GitHubʢΪοτϋϒʣιϑτΣΞ։ൃϓϩδΣ ΫτͷͨΊͷڞ༗ΣϒαʔϏεͰ͋ΓɺGitόʔ δϣϯཧγεςϜΛ༻͢Δɻ Ruby on Rails͓ ΑͼErlangͰهड़͞Ε͓ͯΓɺGitHubࣾʹΑͬͯอ क͞Ε͍ͯΔɻ ओͳ։ൃऀChris WanstrathɺPJ
HyettɺTom Preston-WernerͰ͋Δɻ GitHub༻ ϓϥϯ͓ΑͼΦʔϓϯιʔεϓϩδΣΫτ͚ͷແ ྉΞΧϯτΛఏڙ͍ͯ͠Δɻ 2009ͷϢʔβʔ ௐࠪʹΑΔͱɺGitHub࠷ϙϐϡϥʔͳGitϗε ςΟϯάαΠτͱͳͬͨɻ βοΫϦઆ໌ Github WikipediaΑΓҾ༻
GitHubʢΪοτϋϒʣιϑτΣΞ։ൃϓϩδΣ ΫτͷͨΊͷڞ༗ΣϒαʔϏεͰ͋ΓɺGitόʔ δϣϯཧγεςϜΛ༻͢Δɻ Ruby on Rails͓ ΑͼErlangͰهड़͞Ε͓ͯΓɺGitHubࣾʹΑͬͯอ क͞Ε͍ͯΔɻ ओͳ։ൃऀChris WanstrathɺPJ
HyettɺTom Preston-WernerͰ͋Δɻ GitHub༻ ϓϥϯ͓ΑͼΦʔϓϯιʔεϓϩδΣΫτ͚ͷແ ྉΞΧϯτΛఏڙ͍ͯ͠Δɻ 2009ͷϢʔβʔ ௐࠪʹΑΔͱɺGitHub࠷ϙϐϡϥʔͳGitϗε ςΟϯάαΠτͱͳͬͨɻ βοΫϦઆ໌ Github WikipediaΑΓҾ༻
.BSLEPXOΛ ུ ͯ͠ (JUIVC1BHFTͰ ͍͍ײ͡ʹެ։
੩తͳΒ8&#ϖʔδͱͯ͠ެ։Ͱ͖Δ
$JSDMF$JͰࣗಈσϓϩΠ͢Δ WikipediaΑΓҾ༻
ܧଓతΠϯςάϨʔγϣϯͦΕΛ͞ Βʹਪ͠ਐΊͨܧଓతσϦόϦʔΛ࣮ ફ͢ΔͨΊͷWebαʔϏεͰ͢ɻ GitHub͘͠BitBacket্ͷGitϦ ϙδτϦͱ࿈ܞͤ͞Δ͜ͱͰɺʮϦϞʔ τϦϙδτϦʹPush͞ΕͨΒςετ࣮ ߦͯ͠ޭͨ͠ΒσϓϩΠʯͱ͍͏ख ॱΛ࣮ݱͰ͖·͢ɻ βοΫϦઆ໌ http://bashalog.c-brains.jp/16/10/11-100000.phpΑΓҾ༻
(JUIVCʹ1VTIͨ͠Βɺ ͍͍ײ͡αΠτʹө͞ΕΔ
(JUͰ1VTI͢Δͱ
৭ʑ͋ͬͯ σϓϩΠͯ͘͠ΕΔ ˞%FQMPZ༻ͷ4IFMMඞཁ
4MBDLʹޭPSࣦഊ௨Ϟν0,
ղܾᶄݸਓతͳΞτϓοτ ❓ ίϐϖ
ղܾᶄݸਓతͳΞτϓοτ ίϐϖ
☺
σϞ͠·͢
·ͱΊ
·ͱΊ w .BSLEPXOͳΒσʔλܗࣜతʹ৭ʑ͍·ΘͤΔ
·ͱΊ w .BSLEPXOͳΒσʔλܗࣜతʹ৭ʑ͍·ΘͤΔ w Ξτϓοτͨ͠ݟɺ ʮ۩ମྫͱབྷΊͨࣾ༻ʯهࣄͱɺ ʮநతʹͨ͠ݸਓ#MPH༻ʯهࣄͰɺ ใڞ༗ใൃ৴Ξτϓοτ͕ग़དྷΔͷͰɺ ҰੴೋௗͳͷͰʂʁ
·ͱΊ w .BSLEPXOͳΒσʔλܗࣜతʹ৭ʑ͍·ΘͤΔ w Ξτϓοτͨ͠ݟɺ ʮ۩ମྫͱབྷΊͨࣾ༻ʯهࣄͱɺ ʮநతʹͨ͠ݸਓ#MPH༻ʯهࣄͰɺ ใڞ༗ใൃ৴Ξτϓοτ͕ग़དྷΔͷͰɺ ҰੴೋௗͳͷͰʂʁ w
ޮԽࣗಈԽΊͬͪΌָ͍͠
5IBOLZPV%