File tree Expand file tree Collapse file tree 3 files changed +7
-16
lines changed
Expand file tree Collapse file tree 3 files changed +7
-16
lines changed Original file line number Diff line number Diff line change 6262
6363ローカル環境でWebサイトを修正・確認したい場合は **以下のいずれかの方法** でローカルサーバーを立ち上げてください。
6464
65- # ## A. Docker イメージをリモートで構築する方法
65+ # ## A. Docker で立ち上げる (要: [Docker](https://www.docker.com/ja-jp/get-started/))
6666
6767` ` ` shell
68- # 下記コマンドでローカル環境にWebサーバーが立ち上がります
69- $ docker-compose up
70- ` ` `
71-
72- 無事にローカルサーバーが立ち上がったら、[http://localhost:4000/](http://localhost:4000/) にアクセスしてWebサイトを修正・確認します。
73-
74- # ## B. Docker イメージをローカルで構築する方法
75-
76- ` ` ` shell
77- # Dockefile から dojocon-japan-2024 イメージを作成する
78- $ docker build -t dojocon-japan-2024 -f Dockerfile .
68+ # Dockefile から dojocon-japan-2025 イメージを作成する
69+ $ docker build -t dojocon-japan-2025 -f Dockerfile .
7970
8071# 下記コマンドでローカル環境にWebサーバーが立ち上がります
81- $ docker- compose up
72+ $ docker compose up
8273` ` `
8374
8475無事にローカルサーバーが立ち上がったら、[http://localhost:4000/](http://localhost:4000/) にアクセスしてWebサイトを修正・確認します。
8576
86- # ## C . Ruby をインストールして構築する方法
77+ # ## B . Ruby をインストールして立ち上げる
8778
8879エラーなどで困ったら [Rails Girls インストール・レシピ](https://railsgirls.jp/install)を見るのがオススメです。
8980Ruby がインストールできれば十分で、 **Rails のインストールは不要** です。
Original file line number Diff line number Diff line change 1010 gtag ( 'js' , new Date ( ) ) ;
1111
1212 gtag ( 'config' , 'G-40RZ5HKFJ0' ) ;
13- </ script > < link rel ="icon " href ="/favicon.svg " sizes ="any " type ="image/svg+xml "> < link rel ="apple-touch-icon " href ="/apple-touch-icon.png "> < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css " integrity ="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A== " crossorigin ="anonymous " referrerpolicy ="no-referrer "/> < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css " rel ="stylesheet " integrity ="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM " crossorigin ="anonymous "> < link rel ="stylesheet " href ="/css/main.css "/> < script src ="https://code.jquery.com/jquery-3.7.1.min.js " integrity ="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo= " crossorigin ="anonymous "> </ script > < script src ="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js " integrity ="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo " crossorigin ="anonymous "> </ script > < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js " integrity ="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz " crossorigin ="anonymous "> </ script > </ head > < body > < header class ="fixed-top "> < nav class ="navbar navbar-expand-xxl header-nav "> < a class ="navbar-brand " href ="/#top "> < img src ="/img/header/logo-bk.svg " class ="d-inline-block align-top site-logo " alt ="DojoCon Japan 2024 "> </ a > < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarNav " aria-controls ="navbarNav " aria-expanded ="false " aria-label ="Toggle navigation "> < span class ="navbar-toggler-icon "> </ span > </ button > < div class ="collapse navbar-collapse " id ="navbarNav "> < div class ="navbar-nav "> < a class ="nav-item nav-link active " href ="/ "> TOP</ a > < a class ="nav-item nav-link active " href ="/#overview "> 開催概要</ a > < a class ="nav-item nav-link active " href ="/#news "> お知らせ</ a > < a class ="nav-item nav-link active " href ="/posts/sponsors/ "> スポンサー</ a > < a class ="nav-item nav-link active " href ="/sessions "> セッション</ a > < a class ="nav-item nav-link active " href ="/events "> 企画</ a > < a class ="nav-item nav-link active " href ="https://forms.gle/7wSMSLEmjc4ucVoHA " target ="_blank "> 問い合わせ</ a > < a class ="nav-item nav-link active link_button " href ="/registration " style ="padding-left:30px;padding-right: 30px;color:white;font-weight: normal; "> 参加申込</ a > </ div > </ div > </ nav > </ header > < h1 style ="padding-top: 150px; padding-bottom: 30px; text-align: center; font-weight: bold; "> サンプル</ h1 > < div class ="main_content "> < a href ="https://example.com " target ="_blank " rel ="noopener "> < img class ="top-img lazyload " loading ="lazy " alt ="サムネイル画像 " style ="margin-bottom: 10px; border-radius: 6px;width: 100%; " src ="/img/exhibition/1.jpg "/> </ a > < p > 作者: サンプル < small > (CoderDojo < a href ="https://vtmacs003b.github.io/maebashi.jp/ "> 前橋</ a > )</ small > </ p > < div class ="contents "> < div class ="box "> < h5 > 作品の説明</ h5 > < p > サンプルです</ p > </ div > < div class ="box "> < h5 > 参考・参照元、工夫したところ</ h5 > < p > サンプルです</ p > </ div > </ div > </ div > < div > < a href ="https://example.com " target ="_blank " rel ="noopener " class ="button "> < i class ="fas fa-scroll "> </ i > 作品を見る </ a > < a href ="https://twitter.com/intent/tweet?text=サンプル+%7C+ニンジャ大博覧会&hashtags=DojoConJapan,CoderDojo&url=https://dojocon2024.coderdojo.jp/exhibition/1&lang=jp&related=DojoConJapan " target ="_blank " rel ="noopener " class ="button " style ="margin: 50px auto; "> < i class ="fab fa-twitter "> </ i > 作品を共有する </ a > < a href ="https://www.facebook.com/share.php?u=https://dojocon2024.coderdojo.jp/exhibition/1 " target ="_blank " rel ="noopener " class ="button "> < i class ="fab fa-facebook "> </ i > 作品を共有する </ a > </ div > < div class ="content main_content "> < a href ="/exhibition " class ="back-to-top text-left " style ="margin: 50px auto; "> < i class ="fas fa-chevron-circle-left "> </ i > 作品一覧に戻る </ a > </ div > < div class ="article-navigation " style ="margin-bottom: 100px; "> < a href ="/exhibition/1 " title ="サンプル " style ="margin-right: 20px; "> < i class ="fas fa-arrow-left "> </ i > 前の作品へ< br /> < span style ="font-size: 8px; "> サンプル</ span > </ a > < a href ="/exhibition/1 " title ="サンプル " style ="margin-left: 20px; "> 次の作品へ < i class ="fas fa-arrow-right "> </ i > < br /> < span style ="font-size: 8px; "> サンプル</ span > </ a > </ div > < style type ="text/css ">
13+ </ script > < link rel ="icon " href ="/favicon.svg " sizes ="any " type ="image/svg+xml "> < link rel ="apple-touch-icon " href ="/apple-touch-icon.png "> < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css " integrity ="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A== " crossorigin ="anonymous " referrerpolicy ="no-referrer "/> < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css " rel ="stylesheet " integrity ="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM " crossorigin ="anonymous "> < link rel ="stylesheet " href ="/css/main.css "/> < script src ="https://code.jquery.com/jquery-3.7.1.min.js " integrity ="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo= " crossorigin ="anonymous "> </ script > < script src ="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js " integrity ="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo " crossorigin ="anonymous "> </ script > < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js " integrity ="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz " crossorigin ="anonymous "> </ script > </ head > < body > < header class ="fixed-top "> < nav class ="navbar navbar-expand-xxl header-nav "> < a class ="navbar-brand " href ="/#top "> < img src ="/img/header/logo-bk.svg " class ="d-inline-block align-top site-logo " alt ="DojoCon Japan 2024 "> </ a > < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarNav " aria-controls ="navbarNav " aria-expanded ="false " aria-label ="Toggle navigation "> < span class ="navbar-toggler-icon "> </ span > </ button > < div class ="collapse navbar-collapse " id ="navbarNav "> < div class ="navbar-nav "> < a class ="nav-item nav-link active " href ="/ "> TOP</ a > < a class ="nav-item nav-link active " href ="/#overview "> 開催概要</ a > < a class ="nav-item nav-link active " href ="/#news "> お知らせ</ a > < a class ="nav-item nav-link active " href ="/posts/sponsors/ "> スポンサー</ a > < a class ="nav-item nav-link active " href ="/sessions "> セッション</ a > < a class ="nav-item nav-link active " href ="/events "> 企画</ a > < a class ="nav-item nav-link active " href ="https://forms.gle/7wSMSLEmjc4ucVoHA " target ="_blank "> 問い合わせ</ a > < a class ="nav-item nav-link active link_button " href ="/registration " style ="padding-left:30px;padding-right: 30px;color:white;font-weight: normal; "> 参加申込</ a > </ div > </ div > </ nav > </ header > < h1 style ="padding-top: 150px; padding-bottom: 30px; text-align: center; font-weight: bold; "> サンプル</ h1 > < div class ="main_content "> < a href ="https://example.com " target ="_blank " rel ="noopener "> < img class ="top-img lazyload " loading ="lazy " alt ="サムネイル画像 " style ="margin-bottom: 10px; border-radius: 6px;width: 100%; " src ="/img/exhibition/1.jpg "/> </ a > < p > 作者: サンプル < small > (CoderDojo < a href ="https://vtmacs003b.github.io/maebashi.jp/ "> 前橋</ a > )</ small > </ p > < div class ="contents "> < div class ="box "> < h5 > 作品の説明</ h5 > < p > サンプルです</ p > </ div > < div class ="box "> < h5 > 参考・参照元、工夫したところ</ h5 > < p > サンプルです</ p > </ div > </ div > </ div > < div > < a href ="https://example.com " target ="_blank " rel ="noopener " class ="button "> < i class ="fas fa-scroll "> </ i > 作品を見る </ a > < a href ="https://twitter.com/intent/tweet?text=サンプル+%7C+ニンジャ大博覧会&hashtags=DojoConJapan,CoderDojo&url=https://dojocon2024.coderdojo.jp/exhibition/1&lang=jp&related=DojoConJapan " target ="_blank " rel ="noopener " class ="button " style ="margin: 50px auto; "> < i class ="fab fa-twitter "> </ i > 作品を共有する </ a > < a href ="https://www.facebook.com/share.php?u=https://dojocon2024.coderdojo.jp/exhibition/1 " target ="_blank " rel ="noopener " class ="button "> < i class ="fab fa-facebook "> </ i > 作品を共有する </ a > </ div > < div class ="content main_content "> < a href ="/exhibition " class ="back-to-top text-left " style ="margin: 50px auto; "> < i class ="fas fa-chevron-circle-left "> </ i > 作品一覧に戻る </ a > </ div > < div class ="article-navigation " style ="margin-bottom: 100px; "> < a href ="/exhibition/1 " title ="サンプル " style ="margin-right: 20px; "> < i class ="fas fa-arrow-left "> </ i > 前の作品へ< br /> < span style ="font-size: 8px; "> ãµã³ãã...</ span > </ a > < a href ="/exhibition/1 " title ="サンプル " style ="margin-left: 20px; "> 次の作品へ < i class ="fas fa-arrow-right "> </ i > < br /> < span style ="font-size: 8px; "> ãµã³ãã...</ span > </ a > </ div > < style type ="text/css ">
1414 /* 作品説明などのスタイル */
1515 .box { width : auto; margin : 50px auto 30px ; }
1616 .box h5 { text-align : left; }
You can’t perform that action at this time.
0 commit comments