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
45
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
yu_kgr
0
110
1年間、闇を食べる妖怪としてがんばった話
yu_kgr
1
590
Other Decks in Technology
See All in Technology
プロダクト開発、インフラ、コーポレート、そしてAIとの共通言語としての Terraform / Terraform as a Common Language for Product Development, Infrastructure, Corporate Engineering, and AI
yuyatakeyama
6
1.6k
ObservabilityCON on the Road Tokyoの見どころ
hamadakoji
0
210
EDRからERM: PFN-SIRTが関わるセキュリティとリスクへの取り組み
pfn
PRO
0
110
Tech Blog執筆のモチベート向上作戦
imamura_ko_0314
0
750
Postman Vaultを使った秘密情報の安全な管理
nagix
3
140
srekaigi2025-hajimete-ippo-aws
masakichieng
0
250
【Λ(らむだ)】アップデート機能振り返りΛ編 / PADjp20250127
lambda
0
120
プロダクト価値を引き上げる、「課題の再定義」という習慣
moeka__c
0
210
AIエージェントについてまとめてみた
pharma_x_tech
14
8.9k
地方企業がクラウドを活用するヒント
miu_crescent
PRO
1
110
アクセシブルなマークアップの上に成り立つユーザーファーストなドロップダウンメニューの実装 / 20250127_cloudsign_User1st_FE
bengo4com
2
1.2k
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
0
120
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
113
50k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Automating Front-end Workflow
addyosmani
1367
200k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Mobile First: as difficult as doing things right
swwweet
222
9.2k
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%