Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
github.ioでブログを 公開しよう
Search
taniko
July 16, 2016
3.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
github.ioでブログを 公開しよう
PHPを使った静的サイトジェネレータのお話です
taniko
July 16, 2016
More Decks by taniko
See All by taniko
どうぶつと学ぶGitの考え方
hrgruri
0
38
SLOを考える
hrgruri
0
48
Featured
See All Featured
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
840
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
620
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.4k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
300
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
2
320
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
210
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.2k
Google's AI Overviews - The New Search
badams
0
1.6k
Transcript
github.ioͰϒϩάΛ ެ։͠Α͏ ߥ୩༏ @hrgruri
ࣗݾհ ߥ୩ ༏ @hrgruri ໋ཱؗେֶ ใཧֶ෦ B4 (M0) ITܥͷΠϕϯτॳࢀՃ (LTॳ)
Έͳ͞ΜϒϩάΛ ͍ͬͯ·͔͢?
ࢲgithub.ioͰ࢝Ί·ͨ͠
PHP ✕ github.io
github.io ? • ແྉͰ͡ΊΒΕΔ • GitHubʹpush͢Δͱެ։͞ΕΔ • username.github.io • PHPಈ͔ͳ͍!
(Ұൠతʹ)ϒϩάΛ࡞Δʹ ੩తαΠτδΣωϨʔλΛ༻
• Jekyll • Octopress • Pelican • Hexo • Hugo
੩తαΠτδΣωϨʔλ
• Jekyll • Octopress • Pelican • Hexo • Hugo
→ Ruby ੩తαΠτδΣωϨʔλ
• Jekyll • Octopress • Pelican • Hexo • Hugo
→ Ruby → Ruby ੩తαΠτδΣωϨʔλ
• Jekyll • Octopress • Pelican • Hexo • Hugo
→ Ruby → Ruby → Python ੩తαΠτδΣωϨʔλ
• Jekyll • Octopress • Pelican • Hexo • Hugo
→ Ruby → Ruby → Python → JavaScript ੩తαΠτδΣωϨʔλ
• Jekyll • Octopress • Pelican • Hexo • Hugo
→ Ruby → Ruby → Python → JavaScript → Go ੩తαΠτδΣωϨʔλ
PHP?
͋Δ͜ͱʹ͋Δ͕...
هࣄ͝ͱ(.php)ʹ @extends(), @section()Λهड़ @markdownͱ@endmarkdown ͷؒʹMarkdownΛຒΊࠐΉ
hrgruri/saori ͕࣌ؒ͋ΕσϞ͠·͢
PHPΛ4ߦॻ͚ͩ͘Ͱ (MarkdownͱJSONॻ͘) PHPΛͬͯ github.io༻ͷαΠτΛ ੜͰ͖Δ
main.php <?php require 'vendor/autoload.php'; $saori = new hrgruri\saori\Saori(__DIR__); $saori->run($argv);
hrgruri/saori • ComposerͰΠϯετʔϧͰ͖Δ • MarkdownͱJSONͰهड़͍ͯ͘͠ • λάػೳ, Atom৴ • ࣗ༝ʹ؆қϖʔδΛੜ
• config.jsonͰઃఆ, theme.jsonͰ৭ͳͲͷมߋ
JOJUͰॳظԽ QPTUͰϕʔεϑΝΠϧΛ ੜ BSUJDMFNE DPOpHKTPO Λฤू NBLFͰαΠτ )5.- Λੜ
ίϛοτϓογϡ جຊతͳྲྀΕ ϒϩάใΛهड़ DPOUFOUTDPOpHKTPO
contents/config.json { "id" : "hrgruri", "local" : "http://localhost:8000", "title" :
"blog\\hrgruri", "author" : "Yuya Aratani", "theme" : "saori", "lang" : "ja", "link" : { "github" : "https://github.com/hrgruri", "twitter" : "https://twitter.com/hrgruri", "ϦϙδτϦઆ໌": "/repository" }, "feed" : { "type" : "atom", "number": 30 }, "google-analytics" : "UA-xxxxxxx-x", "share" : [ "twitter" ] }
contents/theme.json { "saori": { "color": { "header" : "#A9EEE6", "title"
:"#F7FBFC", "body":"#FEFAEC", "page-contents": "#FFF1CF" } } }
saoriPHPͰͳͷͰ (ࢲͷΑ͏ͳPHP͔͠ಡΊͳ͍) PHPerͰίʔυΛಡΊΔ
هࣄΛߘ͢Δͨͼʹ GitHub͕ʹͳ͍ͬͯ͘
PHP࠷ߴ "
PHPΛ͔ͭͬͯ github.ioͰ ϒϩάΛΖ͏
DEMO
؆୯ͳ͍ํˣ https://hrgruri.github.io/ repository/saori/