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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
yu-kgr
February 05, 2017
Technology
0
200
雑なまとめをサイト化したら役に立ちそうって話
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
210
開発時のコミュニケーションを円滑化する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
400
改めて考える"コミュニケーション"
yu_kgr
0
83
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
150
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
660
Other Decks in Technology
See All in Technology
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
440
Claude Code for NOT Programming
kawaguti
PRO
1
110
今こそ学びたいKubernetesネットワーク ~CNIが繋ぐNWとプラットフォームの「フラッと」な対話
logica0419
5
520
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.6k
SRE Enabling戦記 - 急成長する組織にSREを浸透させる戦いの歴史
markie1009
0
170
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
170
配列に見る bash と zsh の違い
kazzpapa3
3
170
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
190
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
230
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
150
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
610
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
Featured
See All Featured
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
The Pragmatic Product Professional
lauravandoore
37
7.1k
Mobile First: as difficult as doing things right
swwweet
225
10k
Paper Plane
katiecoart
PRO
0
46k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.7k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Balancing Empowerment & Direction
lara
5
900
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
330
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Paper Plane (Part 1)
katiecoart
PRO
0
4.3k
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%