about.tsx (4675B)
1 import InstagramIcon from '@mui/icons-material/Instagram'; 2 import SchoolIcon from '@mui/icons-material/School'; 3 import XIcon from '@mui/icons-material/X'; 4 import { Box, Divider, List, ListItem, Stack } from '@mui/material'; 5 import Image from 'next/image'; 6 7 import Head from 'client/components/Head'; 8 import Layout from 'client/components/Layout'; 9 import Link from 'client/components/Link'; 10 import WarningOfUse from 'client/components/WarningOfUse'; 11 import { BUG_REPORT_FORM_URL, FEEDBACK_FORM_URL } from 'common/constant'; 12 13 import type { NextPage } from 'next'; 14 15 const AboutPage: NextPage = () => { 16 return ( 17 <> 18 <Head title='このアプリについて' /> 19 <Layout title='このアプリについて'> 20 <Box p={2} height='fit-content'> 21 <Image 22 src='/main_visual.png' 23 width={1920} 24 height={1080} 25 style={{ width: '100%', height: 'auto', borderRadius: '3px' }} 26 alt='岸高時間割アプリ メインビジュアル' 27 /> 28 29 <p> 30 「岸高時間割アプリ」は大阪府立岸和田高等学校IT部が制作・運営を行っているWebアプリです。このアプリでは、時間割変更（曜日変更）が反映されたクラスの時間割を簡単に確認することができます。詳しくは 31 <Link href={{ pathname: '/how-to-use' }}>使い方</Link> 32 をご覧ください。 33 </p> 34 35 <p> 36 このアプリは、課題研究の活動において76期情報ゼミで制作していたものをIT部に引き継いだものです。現在はIT部およびIT部OBが制作・運営を行っています。またアプリの公開にあたり、IT部顧問をはじめ岸和田高校の先生方にご協力頂いております。この場を借りて感謝申し上げます。 37 </p> 38 39 <p> 40 アプリの開発や運営に少しでも興味がある方は、ぜひ下のIT部SNSのDMまでご連絡ください。担い手があまり居なくて困っています。 41 </p> 42 43 <p> 44 2023年度に特に大きな問題無くアプリを運営できたため、2024年度以降は特に期限を定めずにアプリを公開します。なお、アプリの運営を続けることが困難な事態が発生した場合は公開を中断する可能性があります。予めご了承ください。 45 </p> 46 47 <WarningOfUse /> 48 49 {BUG_REPORT_FORM_URL && ( 50 <> 51 <p> 52 アプリの動作に不具合があった場合や、時間割の情報が間違っていた場合などは、以下のGoogleフォームに報告をお願いします。 53 </p> 54 <ul> 55 <li> 56 <Link 57 href={BUG_REPORT_FORM_URL} 58 target='_blank' 59 rel='noopener' 60 > 61 不具合報告フォーム 62 </Link> 63 </li> 64 </ul> 65 </> 66 )} 67 68 {FEEDBACK_FORM_URL && ( 69 <> 70 <p> 71 以下のGoogleフォームから、是非アプリを評価してください！ご意見・ご要望などもお待ちしております。「こんな機能があったらいいな」「こうしたほうが使いやすいな」など、率直に教えていただけると非常に参考になります。 72 </p> 73 <ul> 74 <li> 75 <Link href={FEEDBACK_FORM_URL} target='_blank' rel='noopener'> 76 フィードバックフォーム 77 </Link> 78 </li> 79 </ul> 80 </> 81 )} 82 83 {(BUG_REPORT_FORM_URL || FEEDBACK_FORM_URL) && ( 84 <p>今後の開発に活かすため、皆さんのご協力をお願いします。</p> 85 )} 86 87 <Divider /> 88 89 <List> 90 <ListItem> 91 <Stack direction='row' spacing={1} alignItems='center'> 92 <SchoolIcon fontSize='inherit' /> 93 <Link 94 href='https://www.osaka-c.ed.jp/kishiwada/' 95 target='_blank' 96 rel='noopener' 97 > 98 大阪府立岸和田高等学校 99 </Link> 100 </Stack> 101 </ListItem> 102 103 <ListItem> 104 <Stack direction='row' spacing={1} alignItems='center'> 105 <XIcon fontSize='inherit' /> 106 <Link 107 href='https://twitter.com/Kishiwada_it' 108 target='_blank' 109 rel='noopener' 110 > 111 IT部 X (旧Twitter) 112 </Link> 113 </Stack> 114 </ListItem> 115 116 <ListItem> 117 <Stack direction='row' spacing={1} alignItems='center'> 118 <InstagramIcon fontSize='inherit' /> 119 <Link 120 href='https://www.instagram.com/kishiwada_it/' 121 target='_blank' 122 rel='noopener' 123 > 124 IT部 Instagram 125 </Link> 126 </Stack> 127 </ListItem> 128 </List> 129 </Box> 130 </Layout> 131 </> 132 ); 133 }; 134 135 export default AboutPage;