{"id":19253521,"url":"https://github.com/webcyou/ui-parts-manager","last_synced_at":"2025-04-21T14:32:08.712Z","repository":{"id":57385219,"uuid":"47581841","full_name":"webcyou/ui-parts-manager","owner":"webcyou","description":"UI パーツを管理する「UIPM - UI Parts Manager」のレポジトリです。","archived":false,"fork":false,"pushed_at":"2015-12-08T17:32:22.000Z","size":325,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-01T13:51:12.812Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webcyou.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-07T21:58:39.000Z","updated_at":"2021-11-15T10:30:19.000Z","dependencies_parsed_at":"2022-09-26T16:50:32.711Z","dependency_job_id":null,"html_url":"https://github.com/webcyou/ui-parts-manager","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcyou%2Fui-parts-manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcyou%2Fui-parts-manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcyou%2Fui-parts-manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webcyou%2Fui-parts-manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webcyou","download_url":"https://codeload.github.com/webcyou/ui-parts-manager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249241765,"owners_count":21236340,"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":[],"created_at":"2024-11-09T18:31:30.564Z","updated_at":"2025-04-21T14:32:07.917Z","avatar_url":"https://github.com/webcyou.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/logo_uipm.png)\n\n# UIPM： UI Parts Manager\nFrontEnd Developer Tool\n「UI Parts Manager」\n\n## What is this? 「これは何？」\nフロントエンド開発環境にて、UIパーツをGUIで管理する Nodeモジュールとなっております。\n\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm001.png)\n\n\n## Install\n### npm\n````\n$ npm install ui-parts-manager\n````\n\n\n## Use Module\n````\nvar uipm = require('ui-parts-manager');\nuipm();\n````\nGrant.jsやGulpのタスクに追加すると良いかと思います。\n起動すると、開発環境のルートに「uipm.json」が生成されます。\n追加したUIパーツ情報はこちらのjsonファイルで管理されます。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm002.png)\n\nポート番号はデフォルトは「8818」となっております。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm003.png)\n\ncssの追加を行いましょう。\n開発環境のルートから「/」でcssファイルのあるパスを指定します。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm003b.png)\n\n（レイアウト崩れましたら連絡いただけるとありがたいです。絶賛対応中）\n\ncssファイルを追加したら、メニューバー右にあるプラスアイコンでカテゴリを追加します。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm004.png)\n\nダブルクリックで編集。名前を入力できます。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm005.png)\n\n右下のプラスアイコンでアイテム項目を追加し、ダブルクリックで編集。\nこちらにHTMLを入力していきます。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm006.png)\n\nこのような感じでパーツの種類ごとになど自由に管理していくことが可能となっております。\n\n![UI Parts Manager](http://webcyou.com/ui_parts_manager/img/uipm007.png)\n\n\n\n## Options\n| OptionName        | DefaultValue         | SetValue                 | OptionDetail|\n| --------------- |:---------------:| -------------------- | -------:|\n| root | process.cwd() | path      | 作業行うルートパス     |\n| port | 8818 | number      | ポート番号    |\n\n### Options exsample\n````\nvar uipm = require('ui-parts-manager');\nuipm({\n  root: __dirname + '/app/sp_web',\n  port: 8888\n});\n````\n\n\n## Author\n\nDaisuke Takayama\n\n\n## License\n\nCopyright (c) 2015 Daisuke Takayama\nReleased under the [MIT license](http://opensource.org/licenses/mit-license.php)\n\n\n## Development start!\n````\n$ git clone git@github.com:webcyou/ui-parts-manager.git\n$ npm install\n$ gulp tsd\n$ gulp\n# Let's access http://localhost:8818/ \u0026 coding!!\n````\n\n### Directory structure\n````\n├── data\n│   ├── html\n│   ├── css\n│   ├── js\n│   ├── ts\n│   └── scss\n│       └── common.scss\n├── lib\n│   └──uipm.js\n│ \n├── public\n│   ├── assets\n│   ├── html\n│   ├── css\n│   ├── img\n│   └── js\n│\n├── .gitignore\n├── gulpfile.js\n├── README.md\n├── bower.json\n├── package.json\n├── tsd.json\n├── tslint.json\n└── uipm.json\n````\n\n### gulpfile.js\n- gulp の処理が書かれています。\n\n### bower.json\n- bower package\n\n### package.json\n- gulp で使うパッケージ類がここで管理されている\n\n### uipm.json\n- UI Parts Manager を管理するjsonファイルです。\n\n### data\n基本、dataフォルダ内のファイルを扱います。\nwebアプリ側の処理となっております。\n\n#### data/scss\n- SCSS File\n- styleに関してはscssファイルを修正。（cssファイルは扱いません。）\n\n#### data/ts\n- TypeScript File\n- scriptに関しては、TypeScriptファイルを修正。\n\n#### data/img\n- imageファイルはここに格納します。\n\n### lib\n- uipm.jsにserverの処理を記述しております。\n\n### public\n- 公開フォルダとなっております。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcyou%2Fui-parts-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebcyou%2Fui-parts-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebcyou%2Fui-parts-manager/lists"}