承èªã•ã‚ŒãŸ CoderDojo ã§ã‚ã‚Œã°ã€ä»¥ä¸‹ã®æ‰‹é †ã§æœ¬ãƒ†ãƒ³ãƒ—レートをãŠä½¿ã„ã„ãŸã ã‘ã¾ã™ã€‚
- GitHub ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’作る
- 本ページã®ç”»é¢å³ä¸Šã«ã‚ã‚‹
Use this template->Create a new repositoryを押㙠- å„é …ç›®ã«æƒ…å ±ã‚’å…¥åŠ›ã—ã€æœ¬ãƒ†ãƒ³ãƒ—レートã‹ã‚‰æ–°ã—ã„リãƒã‚¸ãƒˆãƒªã‚’作æˆã™ã‚‹
- README ã®å‹•ã‹ã™æ–¹æ³•ã«ã—ãŸãŒã£ã¦ã€é©å®œWebサイトを修æ£ãƒ»ç¢ºèªã™ã‚‹
- 準備ãŒã§ããŸã‚‰ GitHub Pages ã‹ã‚‰å…¬é–‹ã™ã‚‹
Settings->Pagesã«è¡Œãã€Branch欄ã«ã‚ã‚‹Noneã‚’mainã«å¤‰æ›´ã—ã€Saveを押ã™Custom domain欄ãŒè¡¨ç¤ºã•ã‚ŒãŸã‚‰ãƒ‰ãƒ¡ã‚¤ãƒ³å (例:dojocon2024.coderdojo.jp) を入力ã—ã€Saveを押ã™âš ï¸ ãƒ‰ãƒ¡ã‚¤ãƒ³ã®é©ç”¨ã«ã¯ DNS è¨å®šãŒå¿…è¦ã§ã™ã€‚ココã¾ã§è¨å®šã§ããŸã‚‰ @yasulab ã¾ã§ã”連絡ãã ã•ã„! 📧 💨
- DNS è¨å®šãŒå®Œäº†ã—ãŸã‚‰ã€ãƒ†ã‚£ã‚¶ãƒ¼ã‚µã‚¤ãƒˆãŒå…¬é–‹ã§ãã¦ã„ã‚‹ã¯ãšã§ã™!
- 公開例 (1/2): https://dojocon2024-teaser.coderdojo.jp/
- 公開例 (2/2): https://teaser-template.coderdojo.jp/
下記ã®æ‰‹é †ã§ãƒ†ã‚£ã‚¶ãƒ¼ã‚µã‚¤ãƒˆã‚’ãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§ç¢ºèªã§ãã¾ã™ã€‚無事ã«ç«‹ã¡ä¸Šã’られるã¨ã€ãƒ–ラウザ㧠http://localhost:8080/ ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸéš›ã€ä¸Šè¨˜ã®ã‚ˆã†ãªãƒ†ã‚£ã‚¶ãƒ¼ã‚µã‚¤ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
# Ruby ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ (ç„¡ã‘ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹)
$ ruby --version
# ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã‚‹
$ ruby -run -e httpd# Python ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ (ç„¡ã‘ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹)
$ python --version
# ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã‚‹
$ python -m SimpleHTTPServer 8080# Node.js ã® npx ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ (ç„¡ã‘ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹)
$ npx --version
# ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã‚‹
$ npx http-server# PHP ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’確èªã™ã‚‹ (ç„¡ã‘ã‚Œã°ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹)
$ php --version
# ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã‚‹
$ php -S localhost:8080å‰é …ã®æ‰‹é †ã§ http://localhost:8080/ ã‹ã‚‰ãƒ†ã‚£ã‚¶ãƒ¼ã‚µã‚¤ãƒˆã‚’表示ã§ããŸã‚‰ã€ä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚ã‚‹å„é …ç›®ã‚’ä¿®æ£ã—ã¦å®Œæˆã§ã™ã€‚
index.html: é–‹å‚¬å ´æ‰€ã€é–‹å‚¬æ—¥ã€ãƒ†ãƒ¼ãƒžã€OGP ç”»åƒã®ãƒ‘スãªã© (å¿…é ˆ)site.webmanifest: スマホã§ãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚µã‚¤ãƒˆå (ä»»æ„)sitemap.xml: ドメインå (å¿…é ˆ)
入力例: 
coderdojo-japan/dojocon2025-teaser.coderdojo.jp - fill date / location #1
- GitHub - ティザーサイト用テンプレート
- GitHub - DojoCon Japan リãƒã‚¸ãƒˆãƒªä¸€è¦§
- GitHub - CoderDojo Japan organization (approved by GitHub for Nonprofit)
- â˜¯ï¸ The CoderDojo logo in header - See the CoderDojo Charter.
- 📸 The CoderDojo object in footer is crafted by DojoCon Japan 2016 team and photo by @yasulab.
- 🎨 This template is based on the DojoCon Japan 2023's teaser site, designed by @kwaka1208.
Other than the logo and photo above, the source codes, such as HTML and CSS, are published under The MIT License. Feel free to refer, copy, or share them.
Copyright © DojoCon Japan & CoderDojo Japan