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
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
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
390
改めて考える"コミュニケーション"
yu_kgr
0
72
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
140
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
640
Other Decks in Technology
See All in Technology
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
7
3.6k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
120
可観測性は開発環境から、開発環境にもオブザーバビリティ導入のススメ
layerx
PRO
4
1.8k
様々なファイルシステム
sat
PRO
0
260
abema-trace-sampling-observability-cost-optimization
tetsuya28
0
360
Observability — Extending Into Incident Response
nari_ex
1
570
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
160
OPENLOGI Company Profile for engineer
hr01
1
46k
DSPy入門
tomehirata
3
490
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
4
900
データとAIで明らかになる、私たちの課題 ~Snowflake MCP,Salesforce MCPに触れて~ / Data and AI Insights
kaonavi
0
120
現場の壁を乗り越えて、 「計装注入」が拓く オブザーバビリティ / Beyond the Field Barriers: Instrumentation Injection and the Future of Observability
aoto
PRO
1
690
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Embracing the Ebb and Flow
colly
88
4.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
RailsConf 2023
tenderlove
30
1.3k
Building Applications with DynamoDB
mza
96
6.7k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
How to train your dragon (web standard)
notwaldorf
97
6.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
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%