{"id":23270439,"url":"https://github.com/umanari145/vue","last_synced_at":"2026-05-07T04:39:51.435Z","repository":{"id":24611781,"uuid":"102046888","full_name":"umanari145/vue","owner":"umanari145","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-28T22:44:45.000Z","size":7633,"stargazers_count":0,"open_issues_count":17,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-06T09:46:15.999Z","etag":null,"topics":["vue","webpack"],"latest_commit_sha":null,"homepage":"","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/umanari145.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-31T21:26:58.000Z","updated_at":"2023-01-31T16:52:26.000Z","dependencies_parsed_at":"2024-12-19T18:51:50.358Z","dependency_job_id":"9f7699d3-8ba6-479d-8259-a42f336afa03","html_url":"https://github.com/umanari145/vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/umanari145/vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umanari145%2Fvue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umanari145%2Fvue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umanari145%2Fvue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umanari145%2Fvue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/umanari145","download_url":"https://codeload.github.com/umanari145/vue/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/umanari145%2Fvue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274777673,"owners_count":25347648,"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","status":"online","status_checked_at":"2025-09-12T02:00:09.324Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["vue","webpack"],"created_at":"2024-12-19T18:51:41.432Z","updated_at":"2026-05-07T04:39:46.417Z","avatar_url":"https://github.com/umanari145.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#vue\n\n## ファイル概要\n\n### vueサンプル(超基礎)\n- index.html+vue.js cdn読み込み+vueの一番簡単でシンプルなパターン(blur時にtodoに入れる)\n\n### vueサンプル(基本文法)\n- d01.html 基本文法の説明\n- d01.js   基本文法の説明(javascipt)\n\n### Redis KVS(超高速:12万件の登録、読み込みがすぐなため)\n- redis\n    - RedisUtil.php Redisに関わる処理全般を記録\n    - importCSVtoRedis.php RedisUtilを読み込んで登録を行う(2秒で終わる)\n    - zenkoku.csv 住所録の元データ\n### vueサンプル(都道府県パネル＋基本ライブラリの読み込み+vue)\n- index2.html 都道府県の選択による画面化 cdn読み込み(vue+vue.resource)\n- resources/js/sample_rs.js まとめて読み込みたいライブラリ(jQuery,Sugar,bootstrapなど)\n- resources/css/common.scss まとめて読み込みたいcss(bootstrap)\n- vue2.js フロント側でのvueの実際の処理\n- js/build.js 成果物JS\n- css/common.css 成果物CSS\n- config.js コンパイル時の設定ファイル\n\n\n#### コンパイルコマンド\n```\nnpm run gulp\n```\n\n- utilib/fileutil.py 外部ファイルのダウンロード\n- utilib/dbutil.py  DB処理\n- config.yaml DBの設定ファイル\n- kenapi.py pythonでの県リストなどを返すRESTAPI\n\n### vueサンプル(templateの活用 不完全)\n- index3.html cdnではなくコンパイル式＋コンポーネントタイプ\n\n- vueresource/app.js   ライブラリ(vue+コンポーネント)の読み込みファイル\n- vueresource/pref.js  vueの実処理をするjs\n- vueresource/pref.vue コンポーネント\n- vuedist/build.js 成果物のjs\n- webpack.config.js コンパイル時の設定ファイル\n\n#### コンパイルコマンド\n```\nnpx webpack   --mode development  --config ./webpack.config.js\n```\n\n### vueサンプル(npmライブラリ読み込み＋外部ファイル 不完全)\n- index4.html コンパイル式＋外部ファイル式\n- resoure4.js ソースファイル(Vue+VueResource)\n- build4.js 成果物\n\n#### コンパイルコマンド\n```\nnpx webpack --mode development resource4.js --output ./build4.js\n```\n\n### vueサンプル(npmライブラリ読み込みvue,axios,jquery,Sugar＋外部ファイル )\n- index5.html コンパイル式＋外部ファイル式\n- resoure5.js ソースファイル(Vue+axios+Sugar)\n- build5.js 成果物\n\n#### コンパイルコマンド\n```\nnpx webpack --mode development resource5.js --output ./build5.js\n```\n\n### vueサンプル(laravel-mix npmライブラリ読み込みvue,axios,jquery,Sugar＋component化)\n- vuecompo_sample/dist 成果物\n- vuecompo_sample/src/app.js JSのエントリーポイント\n- vuecompo_sample/src/config.js 設定ファイル\n- vuecompo_sample/src/component/CheckPref.vue コンポーネント\n- vuecompo_sample/src/component/checkpref.js checkprefのJS\n- vuecompo_sample/src/component/checkpref.html checkprefのhtml\n- vuecompo_sample/webpack.mix.js laravel-mixの設定ファイル\n- vuecompo_sample/build.js 成果物\n\n#### コンパイルコマンド\n```\nnpm run dev\n```\n\n### vueサンプル2(laravel-mix npmライブラリ読み込みvue,axios,jquery,Sugar＋component化+vue-router+Firebase+vuex+mixins)\n- vuecompo_sample2/dist 成果物\n- vuecompo_sample2/src/app.js JSのエントリーポイント\n- vuecompo_sample2/src/config.js 設定ファイル(主にfirebaseの情報)\n- vuecompo_sample2/src/component/regist(新規登録),list(一覧),edit(編集)のそれぞれのコンポーネント\n- vuecompo_sample2/src/store vuex関連の処理\n- vuecompo_sample2/src/component/mixin* mixinがらみの処理全般\n- vuecompo_sample2/webpack.mix.js laravel-mixの設定ファイル\n- vuecompo_sample2/.htaccess htaccess\n- vuecompo_sample2/build.js 成果物\n\n#### コンパイルコマンド\n```\nnpm run dev\n#監視(app.jsで読み込んだファイル全てが対象に)\nnpm run watch\n\n```\n### よくある帳票系の計算プログラム(cdnのsugar+vue)\nコンパイルをせずにjQueryのように手軽に使えるかどうかの実験\n- report.js\n- report.php\n\n### よくある顧客管理のプログラム(cdnのsugar+vue)\nコンパイルをせずにjQueryのように手軽に使えるかどうかの実験\n- customer.js\n- customer.php\n\n\n### vueのいろいろなサンプル\n(Vue.js入門 基礎から実践アプリケーション開発まで )\nhttps://www.amazon.co.jp/Vue-js%E5%85%A5%E9%96%80-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E5%AE%9F%E8%B7%B5%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA%E3%81%BE%E3%81%A7-%E5%B7%9D%E5%8F%A3-%E5%92%8C%E4%B9%9F/dp/4297100916/ref=tmm_pap_swatch_0?_encoding=UTF8\u0026qid=\u0026sr=\n\n- filter,computed,lifecycleについて\n    - filter_computed.html filterとcomputedについて\n    - lifecycle.html ライフサイクルについて\n- component\n    - component_basic.html コンポーネント\n    - parent_children_component.html 親子のコンポーネント \n    - pa_chi_compo_event.html emitでの子→親への伝播\n    - login_component.html ログインコンポーネントのサンプル\n- vue-router\n    - vue_router.html vuerouterを使った簡単なサンプル\n- 特殊なエフェクト系\n    - animation.html v-XXXX系のcss\n    - pulldown.html  mouseover(leave)などのエフェクト\n- slot\n    - basic_slot.html\n    - named_slot.html\n    - scoped_slot.html\n- custom_directive 独自のディレクティブ(v-if,v-showみたいなものを独自に作る)\n    - custom_directive\n- mixin 継承に近い\n    - mixin.html 通常のmixin (再利用可能なパーツの内部的な動きなど)\n    - global_mixin.html 全パーツ共通での動き(loginなど)\n\n- vue_store1.html vue_storeを使ったサンプル (storeに関して,state,getters,mutations,actionsを実装)\n- vue_store2.html vue_storeを使ったサンプル","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fumanari145%2Fvue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fumanari145%2Fvue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fumanari145%2Fvue/lists"}