{"id":23188046,"url":"https://github.com/tamshow/jwps","last_synced_at":"2025-08-18T17:33:58.936Z","repository":{"id":30308703,"uuid":"124555697","full_name":"tamshow/jwps","owner":"tamshow","description":"The Japan Web Production Standards is a production system for building fast","archived":false,"fork":false,"pushed_at":"2022-12-04T14:13:40.000Z","size":10733,"stargazers_count":22,"open_issues_count":10,"forks_count":0,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-12-13T21:30:30.798Z","etag":null,"topics":["css","css-framework","html","jwps","production","production-system"],"latest_commit_sha":null,"homepage":"https://tamshow.github.io/jwps/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tamshow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-09T15:09:37.000Z","updated_at":"2020-12-14T21:44:10.000Z","dependencies_parsed_at":"2023-01-11T15:37:18.461Z","dependency_job_id":null,"html_url":"https://github.com/tamshow/jwps","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tamshow%2Fjwps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tamshow%2Fjwps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tamshow%2Fjwps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tamshow%2Fjwps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tamshow","download_url":"https://codeload.github.com/tamshow/jwps/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230260727,"owners_count":18198591,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","html","jwps","production","production-system"],"created_at":"2024-12-18T11:12:33.367Z","updated_at":"2024-12-18T11:12:34.089Z","avatar_url":"https://github.com/tamshow.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Japan Web Production Standards\n\n## UIコンポーネント+プロトタイピング+アクセシビリティ+CMS\n\nJapan Web Production Standardsは統一ルールに基づいたCSSのUIコンポーネントとJavaScriptのUIコンポーネントを組み合わせたwebサイト用のビジュアルスタイルガイドを含むフレームワークです。   \nUIコンポーネントを組み合わせてwebページを構築していく手法を得意とし、CMSを構築に必要なCSS、JavaScriptがまとまっています。   \nまた、アクセシビリティ達成基準のレベルAに加え、AAのうち一部の達成基準に配慮しています。   \n最終的には達成基準のすべてを満たすことを目指していますが、現時点ではすべての達成基準を満たすことはできていません。\n\n - [スタイルガイドを見る](https://tamshow.github.io/jwps/)\n - [テンプレートのサンプルを見る](http://template.tamshow.com/filelist.html)\n\n\n\n\n## デザインリソース (For designers)\n\n![StyleGuide](https://tamshow.github.io/jwps/assets/img/common/JWPS.png)\n\n -  [Download design files (XD)](https://github.com/tamshow/jwps/blob/master/design/JWPS.xd)\n  \n### アイコン部分が文字化けしてしまう方へ\nこのファイルでは「Google Material Icons」をアイコンフォントとして使用しています。   \n以下のURLから「MaterialIcons-Regular.ttf」をダウンロードして、お使いのPCにインストールすることでアイコンが文字化けせずに表示されます。\n  \n[https://github.com/google/material-design-icons/blob/master/iconfont/MaterialIcons-Regular.ttf](https://github.com/google/material-design-icons/blob/master/iconfont/MaterialIcons-Regular.ttf)\n  \n  \n## 開発ガイドライン (For developers)\n\n\n### コーディングマナー\n - メンテナンス性、可読性を意識したコーディングを心がけます。\n - 拡張性、再利用性、柔軟性、効率を意識したルールを持たせます。\n - 要素の追加・削除のし易さを心がけます。\n - アクセシビリティに配慮します。\n\n\n### 対応ブラウザ\n\n - Internet Explorer11、Microsoft Edge 最新ver、Firefox 最新ver、Chrome 最新ver Safari 最新ver\n - スマートフォンOSに搭載されている標準のブラウザ\n - 旧ブラウザは閲覧性を重視します。\n\n\n### おおまかに説明\n`frontend/source`フォルダが作業場所です。   \n`npx gulp serve`することで`frontend/source`を開発用ルートとしてファイルをwatchします。\n`npx gulp build`することで`html/source`を公開用に調整し`html`へ書き出します。   \n画像圧縮はしていません。必要に応じて圧縮してください。   \nSassのmixinは[bourbonファミリー](https://www.bourbon.io/)を参考・使用します。   \n`source/assets/src/bundle/ or /vendor/`以下に配置したJSファイルは1ファイルに結合されます。    \n\n### 環境構築\n\n#### 必要環境\n- Node 10.16.3\n- npm 6.9.0\n- yarn 1.19.0\n\n#### インストール\n```\n//通常\n$ cd frontend\n$ yarn install\n\n//hologramを使う場合\n$ bundle install --path vendor/bundle\n```\n\n#### 開発サイクル\n\n```\n//開発時\n$ npx gulp serve\n\nfrontend/source/フォルダをルートとしてファイルをwatchします。\nlocalhost:9000を見に行きます。\n\n\n//公開時\n$ npx gulp build\n\nJS、CSSなど圧縮、または不要ファイルを削除します。\n画像圧縮はしていません。必要に応じて圧縮してください。\n\n\n\n\n//スタイルガイド作成\n$ cd hologram\n$ hologram\n//docsフォルダ作成\n$ npx gulp docs\nhologramで書き出したファイルをdocsフォルダに移動します。\n\n```\n\n\n#### ディレクトリ構造\n\n```\n.\n ├── frontend\n │   ├── source（開発用）\n │   │   ├── assets\n │   │   │   ├── fonts\n │   │   │   ├── img\n │   │   │   ├── src\n │   │   │   └── sass\n │   │   │\n │   │   ├── styleguide（必要に応じてhologramで作成）\n │   │   │   ├── index.html\n │   │   │   ├── started.html\n │   │   │   └── ....html\n │   │   │\n │   │   ├── index.html（必要に応じてhtmlファイルを追加）\n │   │   ├── 404.html\n │   │   └── ....\n │   │\n │   ├── package.json\n │   ├── yarn.lock\n │   └── gulpfile.js\n │\n ├── html（公開用に書き出される）\n │   ├── index.html\n │   └── assets\n │\n ├── design（デザインファイル）\n │   └── JWPS.xd\n │\n ├── docs（スタイルガイド表示用 必要に応じて作成）\n │   └── ...\n │\n ├── LICENSE.txt\n └── README.md\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftamshow%2Fjwps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftamshow%2Fjwps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftamshow%2Fjwps/lists"}