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
220
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
雑なまとめをサイト化したら役に立ちそうって話
2017/02/03 に社内勉強会「南町ビアバッシュ#03」で発表した内容です。
yu-kgr
February 05, 2017
More Decks by yu-kgr
See All by yu-kgr
NotionでBlogを作ったので供養します / Create kglabo NotionBlog
yu_kgr
1
220
開発時のコミュニケーションを円滑化するBOTを作った話 / A story about creating a BOT that facilitates communication during development.
yu_kgr
1
1.4k
俺たちの"MicroFrontend"やっていき宣言。 / Declaration to do our MicroFrontend.
yu_kgr
0
420
改めて考える"コミュニケーション"
yu_kgr
0
97
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
160
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
690
Other Decks in Technology
See All in Technology
ポストモーテム! DDoSからサイトは守れた。 でもビジネスは守れなかった。
bengo4com
0
1.9k
記録をかんたんに、提案をパーソナルに ── AIであすけんが目指すもの
oprstchn
0
170
生成AIの活用/high_school2026
okana2ki
0
110
地域 SRE コミュニティ最前線 / SRE NEXT 2026 Discussion Night Track C
muziyoshiz
0
160
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
120
AWS Blocks を触ってみた/first-tach-aws-blocks
fossamagna
2
150
しぶいSRE: サーバから見えない障害にどう向き合うか。ラストワンマイルのデバッグ実践 / Shibui SRE
kanny
12
5.1k
インフラ寄りSREでも 開発に踏み出せる〜境界を越えてユーザー体験に向き合いたい〜
sansantech
PRO
1
2.7k
証券システムを10年Scalaで作り続けるということ - 関数型まつり2026
krrrr38
3
750
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
zettaittenani
0
190
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
cscengineer
PRO
1
3.6k
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
8.1k
Featured
See All Featured
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
260
Deep Space Network (abreviated)
tonyrice
0
220
How STYLIGHT went responsive
nonsquared
100
6.2k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Accessibility Awareness
sabderemane
1
150
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.6k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
870
We Are The Robots
honzajavorek
0
270
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%