https://github.com/isystk/google-form-sample
Googleフォーム風のUIデザインのサンプルを作成しました。
https://github.com/isystk/google-form-sample
Last synced: 3 months ago
JSON representation
Googleフォーム風のUIデザインのサンプルを作成しました。
- Host: GitHub
- URL: https://github.com/isystk/google-form-sample
- Owner: isystk
- License: mit
- Created: 2022-08-07T02:27:23.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-08-07T04:17:51.000Z (almost 3 years ago)
- Last Synced: 2025-01-10T13:53:04.556Z (5 months ago)
- Language: SCSS
- Size: 854 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌙 google-form-sample
## 📗 プロジェクトの概要
Webpack5 のサンプルアプリケーションです。
### 利用している技術
- Webpack5
- Sass
- Typescript
- ESLint
- Prettier
## 🌐 Demo
https://isystk.github.io/google-form-sample/
## 📦 ディレクトリ構造
```
.
├── LICENSE
├── README.md
├── dist
├── node_modules
├── package.json
├── src
│ ├── assets
│ ├── blog.html
│ ├── company.html
│ ├── index.html
│ └── ts
├── tsconfig.json
├── webpack.common.js
├── webpack.dev.js
├── webpack.prod.js
└── yarn.lock
```
## 💬 インストール
```
$ node -v
v16.13.1
$ npm install -g yarn
$ yarn
```
## 🖊️ 使い方
```bash
# 開発環境用にビルドする
$ yarn dev
# 開発環境用にビルド結果をブラウザで表示する
$ yarn start:dev
# 本番環境用にビルドする
$ yarn dev
```
## 🔗 参考
| プロジェクト| 概要|
| :---------------------------------------| :-------------------------------|
| [最新版TypeScript+webpack 5の環境構築まとめ](https://ics.media/entry/16329/)| 最新版TypeScript+webpack 5の環境構築まとめ|
## 🎫 Licence
[MIT](https://github.com/isystk/google-form-sample/blob/master/LICENSE)
## 👀 Author
[isystk](https://github.com/isystk)