質問編集履歴

2

コードを追加

2018/11/08 03:28

投稿

yappi_tengen
yappi_tengen

スコア23

test CHANGED
File without changes
test CHANGED
@@ -17,3 +17,421 @@
17
17
  コンポーネントの出し分けやデータの受け渡し観点などからこういう風な構成がいい、その考え方は間違えているなどの意見を頂けましたら幸いです。
18
18
 
19
19
  よろしくお願い致します。
20
+
21
+
22
+
23
+ ■app.js
24
+
25
+ ```ここに言語を入力
26
+
27
+ require('./bootstrap');
28
+
29
+
30
+
31
+ window.Vue = require('vue');
32
+
33
+
34
+
35
+ /***************************
36
+
37
+ atoms
38
+
39
+ ***************************/
40
+
41
+ Vue.component('btn_login', require('./components/atoms/Btn_login.vue'));
42
+
43
+ Vue.component('btn_login_icon', require('./components/atoms/Btn_login_icon.vue'));
44
+
45
+ Vue.component('btn_regist', require('./components/atoms/Btn_regist.vue'));
46
+
47
+ Vue.component('logo', require('./components/atoms/Logo.vue'));
48
+
49
+
50
+
51
+ /***************************
52
+
53
+ organisms
54
+
55
+ ***************************/
56
+
57
+ Vue.component('header_nav', require('./components/organisms/Header_nav.vue'));
58
+
59
+ Vue.component('header_nav_sp', require('./components/organisms/Header_nav_sp.vue'));
60
+
61
+ Vue.component('header_menu', require('./components/organisms/Header_menu.vue'));
62
+
63
+ Vue.component('header_menu_sp', require('./components/organisms/Header_menu_sp.vue'));
64
+
65
+ Vue.component('footer_nav', require('./components/organisms/Footer_nav.vue'));
66
+
67
+ Vue.component('login_form', require('./components/organisms/Login_aggre.vue'));
68
+
69
+ Vue.component('login_form_regist_sp', require('./components/organisms/Login_aggre_regist_sp.vue'));
70
+
71
+
72
+
73
+
74
+
75
+ /***************************
76
+
77
+ template
78
+
79
+ ***************************/
80
+
81
+ Vue.component('c-header', require('./components/template/Header.vue'));
82
+
83
+ Vue.component('c-footer', require('./components/template/Footer.vue'));
84
+
85
+
86
+
87
+ /***************************
88
+
89
+ page
90
+
91
+ ***************************/
92
+
93
+ Vue.component('top', require('./components/page/Top.vue'));
94
+
95
+ Vue.component('login', require('./components/page/Login.vue'));
96
+
97
+ Vue.component('logout', require('./components/page/Logout.vue'));
98
+
99
+ Vue.component('about', require('./components/page/About.vue'));
100
+
101
+ Vue.component('privacy', require('./components/page/Privacy.vue'));
102
+
103
+ Vue.component('terms', require('./components/page/Terms.vue'));
104
+
105
+ Vue.component('contact', require('./components/page/Contact.vue'));
106
+
107
+ Vue.component('confirm', require('./components/page/Confirm.vue'));
108
+
109
+ Vue.component('finish', require('./components/page/Finish.vue'));
110
+
111
+ Vue.component('notfound', require('./components/page/404.vue'));
112
+
113
+ Vue.component('reset', require('./components/page/Reset.vue'));
114
+
115
+ Vue.component('withdraw', require('./components/page/Withdraw.vue'));
116
+
117
+ Vue.component('register', require('./components/page/Register.vue'));
118
+
119
+ Vue.component('verify', require('./components/page/Verify.vue'));
120
+
121
+
122
+
123
+ /*----------*/
124
+
125
+
126
+
127
+ const top = new Vue({
128
+
129
+ el: '#top'
130
+
131
+ });
132
+
133
+
134
+
135
+ const login = new Vue({
136
+
137
+ el: '#login'
138
+
139
+ });
140
+
141
+
142
+
143
+ const logout = new Vue({
144
+
145
+ el: '#logout'
146
+
147
+ });
148
+
149
+
150
+
151
+ const about = new Vue({
152
+
153
+ el: '#about'
154
+
155
+ });
156
+
157
+
158
+
159
+ const privacy = new Vue({
160
+
161
+ el: '#privacy'
162
+
163
+ });
164
+
165
+
166
+
167
+ const terms = new Vue({
168
+
169
+ el: '#terms'
170
+
171
+ });
172
+
173
+
174
+
175
+ const contact = new Vue({
176
+
177
+ el: '#contact'
178
+
179
+ });
180
+
181
+
182
+
183
+ const confirm = new Vue({
184
+
185
+ el: '#confirm'
186
+
187
+ });
188
+
189
+
190
+
191
+ const finish = new Vue({
192
+
193
+ el: '#finish'
194
+
195
+ });
196
+
197
+
198
+
199
+ const notfound = new Vue({
200
+
201
+ el: '#notfound'
202
+
203
+ });
204
+
205
+
206
+
207
+ const reset = new Vue({
208
+
209
+ el: '#reset'
210
+
211
+ });
212
+
213
+
214
+
215
+ const withdraw = new Vue({
216
+
217
+ el: '#withdraw'
218
+
219
+ });
220
+
221
+
222
+
223
+ const register = new Vue({
224
+
225
+ el: '#register'
226
+
227
+ });
228
+
229
+
230
+
231
+ const verify = new Vue({
232
+
233
+ el: '#verify'
234
+
235
+ });
236
+
237
+
238
+
239
+ ```
240
+
241
+
242
+
243
+ ■web.php
244
+
245
+ ```ここに言語を入力
246
+
247
+ <?php
248
+
249
+
250
+
251
+ /*
252
+
253
+ |--------------------------------------------------------------------------
254
+
255
+ | Web Routes
256
+
257
+ |--------------------------------------------------------------------------
258
+
259
+ |
260
+
261
+ | Here is where you can register web routes for your application. These
262
+
263
+ | routes are loaded by the RouteServiceProvider within a group which
264
+
265
+ | contains the "web" middleware group. Now create something great!
266
+
267
+ |
268
+
269
+ */
270
+
271
+
272
+
273
+ Route::get('/', function () {
274
+
275
+ return view('top');
276
+
277
+ });
278
+
279
+
280
+
281
+ Route::get('/login/', function () {
282
+
283
+ return view('auth/.login');
284
+
285
+ });
286
+
287
+
288
+
289
+ Route::get('/logout/', function () {
290
+
291
+ return view('auth/.logout');
292
+
293
+ });
294
+
295
+
296
+
297
+ Route::get('/withdraw/', function () {
298
+
299
+ return view('auth/.withdraw');
300
+
301
+ });
302
+
303
+
304
+
305
+ Route::get('/reset/', function () {
306
+
307
+ return view('auth/passwords/.reset');
308
+
309
+ });
310
+
311
+
312
+
313
+ Route::get('/register/', function () {
314
+
315
+ return view('auth/.register');
316
+
317
+ });
318
+
319
+
320
+
321
+ Route::get('/verify/', function () {
322
+
323
+ return view('auth/.verify');
324
+
325
+ });
326
+
327
+
328
+
329
+ Route::get('/about/', function () {
330
+
331
+ return view('about/.about');
332
+
333
+ });
334
+
335
+
336
+
337
+ Route::get('/terms/', function () {
338
+
339
+ return view('terms/.terms');
340
+
341
+ });
342
+
343
+
344
+
345
+ Route::get('/privacy/', function () {
346
+
347
+ return view('privacy/.privacy');
348
+
349
+ });
350
+
351
+
352
+
353
+ Route::get('/contact/', function () {
354
+
355
+ return view('contact/.contact');
356
+
357
+ });
358
+
359
+
360
+
361
+ Route::get('/confirm/', function () {
362
+
363
+ return view('contact/confirm/.confirm');
364
+
365
+ });
366
+
367
+
368
+
369
+ Route::get('/finish/', function () {
370
+
371
+ return view('contact/finish/.finish');
372
+
373
+ });
374
+
375
+
376
+
377
+ Route::get('/404/', function () {
378
+
379
+ return view('error/.404');
380
+
381
+ });
382
+
383
+
384
+
385
+ ```
386
+
387
+
388
+
389
+ ■top.blade.php
390
+
391
+ ```ここに言語を入力
392
+
393
+ <!doctype html>
394
+
395
+ <html lang="{{ app()->getLocale() }}">
396
+
397
+
398
+
399
+ <head>
400
+
401
+ <meta charset="utf-8">
402
+
403
+ <meta name="description" content="description">
404
+
405
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
406
+
407
+ <meta name="viewport" content="width=device-width, initial-scale=1">
408
+
409
+ <meta name="csrf-token" content="{{ csrf_token() }}">
410
+
411
+ <title>top</title>
412
+
413
+ <link rel="stylesheet" href="{{ mix('/css/app.css') }}">
414
+
415
+ </head>
416
+
417
+
418
+
419
+ <body>
420
+
421
+ <div id="top">
422
+
423
+ <top></top>
424
+
425
+ </div>
426
+
427
+ <script src=" {{ mix('js/app.js') }} "></script>
428
+
429
+ </body>
430
+
431
+
432
+
433
+ </html>
434
+
435
+
436
+
437
+ ```

1

誤字

2018/11/08 03:28

投稿

yappi_tengen
yappi_tengen

スコア23

test CHANGED
File without changes
test CHANGED
@@ -14,6 +14,6 @@
14
14
 
15
15
 
16
16
 
17
- こういう風な構成がいい、その考え方は間違えているなどの意見を頂けましたら幸いです。
17
+ コンポーネントの出し分けやデータの受け渡し観点などからこういう風な構成がいい、その考え方は間違えているなどの意見を頂けましたら幸いです。
18
18
 
19
19
  よろしくお願い致します。