kenryuS/sera-new-hp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated and added pages

Browse Source
This commit is contained in:
Kenryu Shibata
2024-10-09 01:40:36 +09:00
parent 780905fb4e
commit 545ac73e0e
37 changed files with 1552 additions and 291 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
pages/projects/cansat.vue
View File

@@ -1,3 +1,108 @@
<script setup lang="ts">
useSeoMeta(
generateSeoMeta(
"CanSat開発チーム",
"岐阜高専宇宙工学研究会の「CanSat開発チーム」についてのページです。",
"/images/cansat_top.jpg"
)
);
</script>
<template>
<div>Page: cansat</div>
<PageTop text="CanSat開発チーム" image-path="/images/page-top.jpg" />
<main>
<section>
<img
src="/images/cansat_top.jpg"
alt="CanSat top image"
class="float-left"
/>
<p>岐阜高専宇宙工学研究会【SERA】CanSat開発チームです。</p>
<p>
CanSat開発チームでは、主にCanSat(缶サット)を製作し、缶サット製作を通じて、機械工学、電気電子工学、情報工学、制御工学等を組み合わせた設計・製作・評価能力の向上を目指しています。
</p>
<p>
また、CanSatの各種競技会にも出場している他、オリジナルのCanSatローバーキットの開発も行っております。
</p>
</section>
<section>
<h2>CanSatとは</h2>
<img
src="/images/cansat/cansat_01.jpg"
alt="CanSat"
class="float-right"
/>
<p>
CanSatとは、教育用の缶サイズの模擬人工衛星で「宇宙開発の縮小版」とも言われています。漫画『宇宙兄弟』11~12巻では、主人公ムッタらの宇宙飛行士候補生の訓練の一環としてアメリカのARLISSという実在する大会に出場する場面があるなど、宇宙教育の面において注目されている存在です。
</p>
<p>
CanSatには350mL缶サイズやその3倍程度のOpenClassなどのサイズがあり、規定のサイズの中にマイコンやセンサ、モータなどの素子を組み込み、ロケットや気球で上空から放出し、パラシュート等を使用して降下している間や着地後に動作する物となっています。降下中に動作するものから着地後に移動するようなものまで、様々なタイプのCanSatが作られています。
</p>
<p>
SERAが参加している缶サット甲子園では350mL缶サイズ、種子島ロケットコンテストでは
OpenClass 直径154mm・高さ300mm以下
という規定があり、規定(レギュレーション)は大会ごとにまちまちとなっています。
</p>
<p>
SERAでは、様々なタイプのCanSatの中でも特に「ローバー型」と呼ばれる、駆動部がついており移動機構を備えたCanSatの開発に力を入れております。
</p>
</section>
<section>
<h2>CanSat開発チームの活動</h2>
<img
src="/images/cansat/cansat_02.jpg"
alt="SERA自作ロケット"
class="float-left"
/>
<p>
CanSat開発チームでは、毎年缶サット甲子園と種子島ロケットコンテストの2大会に出場しています。優勝を目指してCanSatの設計・製作・改良などを行っています。
</p>
<p>
また新たな試みとして、新入会員の教育題材となるような「教育用ローバーキット」の開発を行っております。
</p>
<p>
CanSat開発チームの活動・受賞歴の詳細は
<NuxtLink to="/about/achievements"
>『活動実績』のページ</NuxtLink
>
をご覧ください。
</p>
</section>
<section>
<h3>缶サット甲子園</h3>
<img
src="/images/cansat/koshien2020.jpg"
alt="缶サット甲子園"
class="float-right"
/>
<p>
斬新で独創的な缶サットのCoolさを競う大会として「缶サット甲子園」があります。自分たちでミッションを考えて独自の缶サットを開発し、運用、プレゼンまで行います。様々な技術や経験を身に付けることが出来る大会です。
高校生向けの大会となるため、高専では3年生以下でチームを結成し、出場しています。
</p>
<p>
また
<NuxtLink to="/projects/rocket">Rocket開発チーム</NuxtLink>
と協力し、大会や校内試験で使用する缶サット打ち上げ用ロケットの開発も行っています。
</p>
</section>
<section>
<h3>種子島ロケットコンテスト</h3>
<img
src="/images/cansat/seratank-1.png"
alt="SERATANK-1"
class="float-left"
/>
<p>
CanSat開発チームでは、毎年ペイロード部門に出場しています。優勝を目指して新機体の開発を行っています。
</p>
</section>
</main>
</template>
<style scoped>
@import url("~/assets/styles/page.css");
</style>

3
pages/projects/edu-robot.vue
View File

@@ -1,3 +0,0 @@
<template>
<div>Page: edu-robot</div>
</template>

100
pages/projects/education.vue Normal file
View File

@@ -0,0 +1,100 @@
<script setup lang="ts">
useSeoMeta(
generateSeoMeta(
"教育プロジェクト",
"岐阜高専宇宙工学研究会の教育プロジェクトについてのページです。",
"/images/education/education-1.jpg"
)
);
</script>
<template>
<PageTop text="教育プロジェクト" image-path="/images/page-top.jpg" />
<main>
<section>
<h2>新入生研修</h2>
<p>
人工衛星やロケットを開発するためには、それ相応の技術が必要です。
</p>
<p>
SERAの新人研修では、新入生へ「モデルロケット」「プログラミング」「CAD」「材料の加工」「資料作成」の技術を教え、
大会への参加などの経験を積むための準備をします。
1連の研修が終わると、メンバーと共に大会や活動への参加を通して、実践的な技術を身に着けられます。
</p>
</section>
<section>
<h2>研修で使用する機材/ソフトウェア</h2>
</section>
<section>
<h3>AlphaⅢ</h3>
<img
src="/images/rocket/alpha3.jpg"
alt="Alpha III"
class="float-left"
/>
<p>教育用に使われる、小型の火薬ロケットです。</p>
<p>
モデルロケットの製作、運用の練習として使用しています。
教育用と言えど迫力満載で、自作ロケットの基本的な知識を一通り学べます。
</p>
</section>
<section>
<h3>Raspberry Pi</h3>
<img
src="/images/education/raspberry-pi-4.jpg"
alt="Raspberry Pi 4"
class="float-right"
/>
<p>Raspberry財団が開発している、マイクロコンピュータです。</p>
<p>
我々SERAでは、缶サットを動かすためのコンピュータとして使用しています。
プログラミング言語は、主にPythonを使用しています。
</p>
<p>※こちらの画像は、Raspberry Piの公式ホームページのものです。</p>
</section>
<section>
<h3>Fusion360</h3>
<p>
機械の設計をするソフトウェアです。
研修においては、作成した3Dモデルを3Dプリンタで印刷を行うため、より実践的な設計技術を身に付けることが出来ます。
</p>
</section>
<section>
<h3>Word/Excel/PowerPoint</h3>
<p>
社会人になっても使用する機会の多い、Microsoft社のソフトウェアです。
</p>
<p>
SERAでは、大会のプレゼン作成や各種会議での資料作成の際に使用しています。
研修では、これらのソフトウェアを最低限使用できるように教えます。その後は、実際に使用する機会を設けることで、
実践を重ねることで経験を積むことが出来ます。
</p>
</section>
<section>
<h2>教育用ローバーの開発</h2>
<img
src="/images/education/education-1.jpg"
alt="教育用ローバー"
class="float-left"
/>
<p>上記の新人研修とは別に、教育用ローバーを開発しています。</p>
<p>
新人研修をしてゆく中で学ぶ「プログラミング」「CAD」「材料の加工」などの様々な技術をまとめて学ぼうというプロジェクトです。
宇宙に興味を持つ学生を増やす、衛星開発に触れる機会を増やすことを目標に、現在は開発中です。
</p>
<p>
アイデアをお持ちの方、教育用ローバーに触れてみたいという方は、是非ご連絡ください。
</p>
</section>
</main>
</template>
<style scoped>
@import url("~/assets/styles/page.css");
</style>

175
pages/projects/index.vue
View File

@@ -1,4 +1,11 @@
<script setup lang="ts">
useSeoMeta(
generateSeoMeta(
"Projects",
"岐阜高専宇宙工学研究会の活動の詳細に関するページです。",
"/sera-logo-text.svg"
)
);
</script>
<template>
@@ -6,172 +13,58 @@
<main>
<ul class="cards-list">
<li>
<NuxtLink to="/projects/cansat">
<img src="/images/cansat_top.jpg" alt="CanSat-s">
<h2>CanSat開発チーム</h2>
<p>SERA CanSat開発チームです。缶サットの製作を中心に活動しており、人工衛星などに関する知識を高めることを目指しています。</p>
</NuxtLink>
<LinkCard
title="Rocket開発チーム"
description="SERA Rocket開発チームです。モデルロケットの製作を中心に活動しており、ロケットに関する知識を高めることを目指しています。"
link="/projects/rocket"
image-path="/images/rocket_top.jpg"
/>
</li>
<li>
<NuxtLink to="/projects/rocket">
<img src="/images/rocket_top.jpg" alt="ロケット達">
<h2>Rocket開発チーム</h2>
<p>SERA Rocket開発チームです。モデルロケットの製作を中心に活動しており、ロケットに関する知識を高めることを目指しています。</p>
</NuxtLink>
<LinkCard
title="CanSat開発チーム"
description="SERA CanSat開発チームです。缶サットの製作を中心に活動しており、人工衛星などに関する知識を高めることを目指しています。"
link="/projects/cansat"
image-path="/images/cansat_top.jpg"
/>
</li>
<li>
<NuxtLink to="/projects/edu-robot">
<img src="/images/education-1.jpg" alt="教育用ローバー">
<h2>教育プロジェクト</h2>
<p>SERAでは主に新入会員の教育を目的に、教育用ローバー(CanSat)の開発を行っています。外部でも使用できるようなキットを目指して開発中です。</p>
</NuxtLink>
<LinkCard
title="教育プロジェクト"
description="SERAでは主に新入会員の教育を目的に、教育用ローバー(CanSat)の開発を行っています。外部でも使用できるようなキットを目指して開発中です。"
link="/projects/education"
image-path="/images/education/education-1.jpg"
/>
</li>
<li>
<NuxtLink to="/projects/kosen-x">
<img src="/images/kosen1_gunma-cgv5-a.JPG" alt="KOSEN-1">
<h2>CubeSat KOSEN-X</h2>
<p>高専連携による超小型衛星開発についてです。高専スペース連携が中心となって製作しているCubeSatのプロジェクトに一部の部員が参加させて頂いております。</p>
</NuxtLink>
<LinkCard
title="CubeSat KOSEN-X"
description="高専連携による超小型衛星開発についてです。高専スペース連携が中心となって製作しているCubeSatのプロジェクトに一部の部員が参加させて頂いております。"
link="/projects/kosen-x"
image-path="/images/kosen1_gunma-cgv5-a.JPG"
/>
</li>
</ul>
<LinkCard title="テスト" description="これはテストカードです。" link="/" image-path="/sera-logo-text.svg" />
</main>
</template>
<style scoped>
.cards-list {
--card-width-normal: 25rem;
--card-height-normal: 30rem;
list-style: none;
display: grid;
grid: repeat(2, var(--card-height-normal)) / repeat(2, var(--card-width-normal));
grid: repeat(2, auto) / repeat(2, auto);
gap: 2rem;
width: fit-content;
padding: 0;
margin: auto;
}
.cards-list li {
width: var(--card-width-normal);
height: var(--card-height-normal);
background-color: var(--starlight);
border-radius: 1rem;
transition: all 0.2s ease-in-out;
& > a {
display: grid;
grid: 13rem 7rem auto / 1fr;
padding: 2rem;
text-decoration: none;
height: calc(100% - 4rem);
}
}
.cards-list li:hover {
transition: all 0.2s ease-in-out;
scale: 105%;
}
.cards-list li a {
& > img {
width: 20rem;
height: auto;
max-height: 12rem;
place-self: center;
}
& > h2 {
position: relative;
color: var(--neptune1);
background-color: var(--starlight5);
border-radius: 1rem;
padding: 1rem 1.5rem;
}
& > h2::after {
display: block;
position: absolute;
top: 0.75rem;
left: 0.6rem;
width: 7px;
height: 3rem;
border-radius: 3px;
background-color: var(--neptune1);
content: '';
}
& > p {
color: var(--deep-space);
}
}
@media screen and (max-width: 1024px) {
main {
margin: var(--main-margin-top-bottom) 0;
}
.cards-list {
--card-width-medium: 20rem;
--card-height-medium: 25rem;
grid: var(--card-height-medium) / repeat(auto-fill, var(--card-width-medium));
}
.cards-list li {
width: var(--card-width-medium);
height: var(--card-height-medium);
}
.cards-list li a {
grid: 10rem 5rem auto / 1fr;
padding: 1rem;
& > img {
width: 15rem;
margin: 0.5rem 0;
}
& > h2 {
font-size: 16pt;
margin: 0.5rem 0;
height: fit-content;
}
& > h2::after {
height: 2rem;
top: 1rem;
width: 5px;
}
& > p {
margin: 0.5rem 0;
}
grid: repeat(4, 1fr) / 1fr;
}
}
@media screen and (max-width: 640px) {
main {
margin: var(--main-margin-top-bottom) 0;
}
.cards-list {
--card-width-small: 18rem;
--card-height-small: 25rem;
grid: var(--card-height-small) / repeat(auto-fill, var(--card-width-small));
}
.cards-list li {
width: var(--card-width-small);
height: var(--card-height-small);
}
.cards-list li a {
grid: 9rem 5rem auto / 1fr;
padding: 1rem;
& > img {
width: 12rem;
margin: 0.5rem 0;
}
& > h2 {
font-size: 16pt;
margin: 0.5rem 0;
height: fit-content;
}
& > h2::after {
height: 2rem;
top: 1rem;
width: 5px;
}
& > p {
margin: 0.5rem 0;
}
}
}
</style>
</style>

86
pages/projects/kosen-x.vue
View File

@@ -1,3 +1,87 @@
<script setup lang="ts">
useSeoMeta(
generateSeoMeta(
"CubeSat KOSEN-X",
"岐阜高専宇宙工学研究会の高専連携衛星プロジェクトに関するページです。",
"/images/kosen1_gunma-cgv5-a.JPG"
)
);
</script>
<template>
<div>Page: kosen-x</div>
<PageTop text="CubeSat KOSEN-X" image-path="/images/page-top.jpg" />
<main>
<section>
<p>
宇宙に打ち上げる本物の超小型人工衛星を他高専の教員や学生と協力して開発するプロジェクトです。
</p>
<p>
高専の授業、実習やSERAで身に付けたことを存分に発揮することで、
社会人技術者が仕事で求められるような事柄を学生のうちから経験し、身に付けることが出来ます。
</p>
<p>
2021年11月9日に、高知高専を中心とする木星電波観測技術実証衛星
KOSEN-1が打ち上げられ、現在運用されています。
並行して、米子高専を中心とする海洋観測データ収集衛星
KOSEN-2の開発が進められています。
</p>
<p>
KOSEN-1、KOSEN-2ともに宇宙航空研究開発機構(JAXA)のイプシロンロケットで打ち上げられます。
</p>
</section>
<section>
<p>詳細はこちらから</p>
<p>[KOSEN-1]</p>
<ul>
<li>
<NuxtLink
to="http://www.kenkai.jaxa.jp/kakushin/kakushin02.html"
>
JAXA革新的衛星技術実証2号機
</NuxtLink>
</li>
<li>
<NuxtLink to="https://www.kochi-ct.ac.jp/news/archives/247">
高知高専の新着情報
</NuxtLink>
</li>
</ul>
<p>[KOSEN-2]</p>
<ul>
<li>
<NuxtLink
to="https://www.kenkai.jaxa.jp/kakushin/kakushin03.html"
>
JAXA革新的衛星技術実証3号機
</NuxtLink>
</li>
<li>
<NuxtLink
to="https://www.yonago-k.ac.jp/a112/a116/a117/b383/"
>
米子高専の新着情報
</NuxtLink>
</li>
</ul>
</section>
<section>
<img src="/images/kosen1_gunma-cgv5-a.JPG" alt="KOSEN-1" />
<p>画像：菅原達弥(群馬高専)</p>
</section>
</main>
</template>
<style scoped>
@import url("~/assets/styles/page.css");
section:last-of-type {
width: fit-content;
justify-self: center;
}
img {
width: 60rem;
}
</style>

143
pages/projects/rocket.vue
View File

@@ -1,109 +1,102 @@
<script setup lang="ts">
useSeoMeta(
generateSeoMeta(
"Rocket開発チーム",
"岐阜高専宇宙工学研究会の「Rocket開発チーム」についてのページです。",
"/images/rocket_top.jpg"
)
);
</script>
<template>
<PageTop text="Rocket開発チーム" image-path="/images/page-top.jpg" />
<main>
<section>
<img src="/images/rocket_top.jpg" alt="Rocket top image" class="float-left">
<img
src="/images/rocket_top.jpg"
alt="Rocket top image"
class="float-left"
/>
<p>岐阜高専・宇宙工学研究会【SERA】Rocket開発チームです。</p>
<p>Rocket開発チームは、主に自作のモデルロケットを製作しており、モデルロケット製作を通じた設計・製作・評価能力の向上を目指しています。</p>
<p>また、モデルロケットの各種競技会にも出場している他、新入生向けのモデルロケット打上げ体験等を行っております。</p>
<p>
Rocket開発チームは、主に自作のモデルロケットを製作しており、モデルロケット製作を通じた設計・製作・評価能力の向上を目指しています。
</p>
<p>
また、モデルロケットの各種競技会にも出場している他、新入生向けのモデルロケット打上げ体験等を行っております。
</p>
</section>
<section>
<h2>モデルロケットとは</h2>
<img src="/images/rocket/alpha3.jpg" alt="Alpha III" class="float-right">
<p>モデルロケットは、火薬エンジンを使用しておよそ時速180km (モデルロケット：AlphaⅢ、エンジン：A8-3の場合) で大空高く飛ぶ模型ロケットです。世界で50年間5億回無事故を記録しています。(日本モデルロケット協会HPより)</p>
<p>モデルロケットの打ち上げにはライセンスの取得が必要であり、C型のエンジンを扱うには4級ライセンス、G型ロケットを扱うには3級ライセンスが必要となります。</p>
<p>画像は「AlphaⅢ」という、入門用モデルロケットです。約50mほどの高度まで打ち上げることが可能です(A8-3エンジンを使用した場合)。 簡単に製作できるようになっている為、モデルロケット教室やSERA新入生向け打上げ体験などで広く使用されています。</p>
<img
src="/images/rocket/alpha3.jpg"
alt="Alpha III"
class="float-right"
/>
<p>
モデルロケットは、火薬エンジンを使用しておよそ時速180km
(モデルロケット：AlphaⅢ、エンジン：A8-3の場合)
で大空高く飛ぶ模型ロケットです。世界で50年間5億回無事故を記録しています。(日本モデルロケット協会HPより)
</p>
<p>
モデルロケットの打ち上げにはライセンスの取得が必要であり、C型のエンジンを扱うには4級ライセンス、G型ロケットを扱うには3級ライセンスが必要となります。
</p>
<p>
画像は「AlphaⅢ」という、入門用モデルロケットです。約50mほどの高度まで打ち上げることが可能です(A8-3エンジンを使用した場合)。
簡単に製作できるようになっている為、モデルロケット教室やSERA新入生向け打上げ体験などで広く使用されています。
</p>
<p>
モデルロケット・エンジンやライセンスについての詳細は、
<NuxtLink to="https://www.ja-r.net/">日本モデルロケット協会HP</NuxtLink>
<NuxtLink to="https://www.ja-r.net/">
日本モデルロケット協会HP
</NuxtLink>
をご覧ください。
</p>
</section>
<section>
<h2>Rocket開発チームの活動</h2>
<img src="/images/rocket/rocket_02.jpg" alt="2 staged rocket" class="float-left">
<p>Rocket開発チームでは、毎年種子島ロケットコンテストに出場しています。優勝を目指してロケットの設計・解析・製作などを行っています。</p>
<img
src="/images/rocket/rocket_02.jpg"
alt="2 staged rocket"
class="float-left"
/>
<p>
Rocket開発チームでは、毎年種子島ロケットコンテストに出場しています。優勝を目指してロケットの設計・解析・製作などを行っています。
</p>
<p>
また、オリジナルのモデルロケットや缶サット搭載用ロケットの製作も行っています。缶サット搭載用ロケットは、缶サット甲子園の大会及び校内試験を行う為に
<NuxtLink to="/projects/cansat">CanSat開発チーム</NuxtLink>
と協力して製作・改良を行っています。</p>
と協力して製作・改良を行っています。
</p>
<p>
Rocket開発チームの活動・受賞歴の詳細は
<NuxtLink to="/about/achievements">『活動実績』のページ</NuxtLink>
<NuxtLink to="/about/achievements">
『活動実績』のページ
</NuxtLink>
をご覧ください。
</p>
</section>
<section>
<h3>種子島ロケットコンテスト</h3>
<p>Rocket開発チームでは、滞空・定点回収部門と高度部門への出場経験があります。第13回大会では、<strong>滞空・定点回収部門で優勝</strong>を収めました。この優勝を機に、同好会へと昇進することが出来たのです。</p>
<p>
Rocket開発チームでは、滞空・定点回収部門と高度部門への出場経験があります。第13回大会では、<strong>滞空・定点回収部門で優勝</strong>を収めました。この優勝を機に、同好会へと昇進することが出来たのです。
</p>
</section>
<section>
<h3>缶サット搭載用ロケット</h3>
<p>CanSat開発チームと協力し、缶サット甲子園で使用する為のモデルロケットを製作しています。</p>
<p>これらはペイロードロケットと呼ばれ、缶サットを上空に打ち上げることを目的に設計されています。</p>
<p>
CanSat開発チームと協力し、缶サット甲子園で使用する為のモデルロケットを製作しています。
</p>
<p>
これらはペイロードロケットと呼ばれ、缶サットを上空に打ち上げることを目的に設計されています。
</p>
</section>
</main>
</template>
<style scoped>
main {
display: grid;
width: 60%;
justify-self: center;
}
section {
display: block;
}
img {
width: 20rem;
}
p {
margin: 0.5rem 0;
}
.float-right {
float: right;
margin-left: 2rem;
}
.float-left {
float: left;
margin-right: 2rem;
}
a, h2 {
color: var(--neptune1);
}
a:visited {
color: var(--neptune1);
}
h3 {
color: var(--neptune2);
}
strong {
color: var(--sun4);
}
@media screen and (max-width: 1024px) {
main {
width: 90%;
margin: 1rem;
}
section {
display: inherit;
}
img {
margin: auto !important;
}
}
</style>
@import url("~/assets/styles/page.css");
</style>