PHP で構築された一般的な静的サイト構築に最適な初期構築テンプレートです。なるべくモダンな仕様で低コスト開発出来るよう定期的にアップデートしております。スモールスタート・LP 開発・小規模静的サイトとの相性が高いです。
リポジトリよりクローンを行い、npm iをして頂くだけで準備が整います。
$ git clone https://github.com/TsubasaHiga/Percolator.git
$ npm igulp 起動はnpx gulpで可能です。標準でbrowser-sync導入済み。
$ npx gulp基本的に npm 環境があれば即使用することが可能です。Gulp4 系対応済み。
| 項目 | 内容 |
|---|---|
| コンパイル環境、タスクランナー | npm + Gulp4 + Webpack |
| CSS トランスパイラ | npm + Gulp |
| CSS 設計 | FLOCSS |
| JavaScript モジュールバンドラ | npm + Webpack |
| JavaScript ライブラリ | Vanilla JS（Pure JS） |
| パッケージマネージャー | npm |
tree -a -I "node_modules|.git" -N -L 2 --dirsfirstで表示したディレクトリ構造
.
|-- dist
| |-- assets
| |-- hoge1
| |-- hoge2
| |-- hoge3
| |-- hoge4
| |-- inc
| `-- index.php
|-- src
| |-- css
| |-- images
| `-- js
|-- .gitignore
|-- .htaccess
|-- LICENSE
|-- README.md
|-- gulpfile.js
|-- package-lock.json
|-- package.json
`-- webpack.config.js
PSR-2に準拠。ただし以下 Sniff に関しては除外しております。
- Generic.Files.LineLength
サポートしているブラウザは以下の通りです。基本的にはモダンブラウザの内（> 0.5% in JP）に該当するブラウザをデフォルト対応と致します。
プロジェクト管理の履歴を残しておきます。
| Deta | Detail | Public or Private | Repository |
|---|---|---|---|
| 2019.07.06 |
リポジトリ名を正式名称に変更 | Public | https://github.com/TsubasaHiga/Percolator |
| 2019.01.28 - 2019.07.06 |
パブリック版として開発開始。コミットログを持たない様最新ファイルのみインポートしたリポジトリを別途用意。 | Public | https://github.com/TsubasaHiga/fe_html5-template |
| 2019.01.22 - 2019.01.28 |
正式に html5 テンプレートとして開発開始する為別途リポジトリ用意。凍結。 | Private | https://github.com/TsubasaHiga/fe_template_html5 |
| 2018.04.25 - 2019.01.22 |
社内 Fork 版として開発開始。各種テンプレート管理リポジトリの 1 つとして管理。 | Private | https://github.com/TsubasaHiga/fe_template/tree/master/html5 |
MIT License