ソフトウェア

大阪の高等学校すべてと、近隣の私立学校の一部の学校のデータを載せてあります。

作成に当たり、大阪府教育委員会 HP、大阪私立中学校高等学校連合会のサイトを参考にしました。

💻DEMO

地図タブ	リストタブ

詳細表示	フィルター機能

🌐App URL

• https://drthomas246.github.io/OsakaHightSchool/

📦Requirement

• 
• 
• 
• 
• 
• 
• 
• 

🔧Development

• 
• 
• 
• 

🔧devDevelopment

• 
• 
• 
• 
• 
• 
• 
• 

📥Installation

からクローンしてもらいで必要なパッケージをダウンロードしてください。

$ git clone https://github.com/drthomas246/OsakaHightSchool.git
$ npm install

💬Usage

• デモ起動は $ npm start を実行することででサーバーが起動するので、ブラウザでhttp://localhost:3000にアクセスするとデモを確認できます。（要インターネット）
• ビルドは npm build で dist フォルダーに作成されます。
• 高校データを JSON ファイルで読み込んでいます。JSON データはアプリには扱いやすいですが、人には扱いにくいので、人に扱いやすい CSV データを JSON に変換しています。 npm csv2json を実行することでを使って、hightSchoolData.csv を file.json に変換しています。
• でのテスティングは コンポーネント用 npm test:playright-ct それ以外 npm test:playright で行なうことができます。 結果ログは npm test:show-report で確認できます。
• でのコンポーネント一覧は npm storybook でサーバーが起動し、ブラウザでhttp://localhost:6006にアクセスすると確認できます。

📑Version information

1.2.0

• 現在地表示時に半径 5km と 10km の円を描けるようにする

1.1.0

• highSchoolData.csv を file.json に変更するための csv2json を実装

1.0.2

• 地図の最大スクロール、最小スクロールを設定
• playwright のテストを設置

1.0.1

• Google Analytics を導入
• playwright のテスト環境を設置

1.0.0

• 初版リリース

🙍‍♂️Author

• 作成者: 山原喜寛
• E-mail: yoshihiro@yamahara.email

• README の女の子の絵は【TRPG 沼】無料立ち絵置き場からお借りしました。

🎫License

“大阪周辺高校情報” is under Business Source License 1.1 modification.