teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問投稿文の開閉設定の変数がうまいこと作用しない。

編集履歴

質問編集履歴

22

情報追加

2016/11/01 03:57

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -247,3 +247,99 @@
247
247
  ////省略////
248
248
 
249
249
  ```
250
+
251
+
252
+
253
+ ###解決できたコード
254
+
255
+
256
+
257
+ 【_feed.html.erb】
258
+
259
+ ```
260
+
261
+ <% if @feed_items.any? %>
262
+
263
+ <ol class="microposts">
264
+
265
+ <%= render @feed_items %>
266
+
267
+ </ol>
268
+
269
+ <%= will_paginate @feed_items %>
270
+
271
+ <% end %>
272
+
273
+ <script>
274
+
275
+ $(document).ready(function() {
276
+
277
+ var showChar = 25;
278
+
279
+ var ellipsestext = "...";
280
+
281
+ var moretext = "more";
282
+
283
+ var lesstext = "less";
284
+
285
+ $('.more').each(function() {
286
+
287
+ var content = $.trim($(this).html());
288
+
289
+
290
+
291
+ if(content.length > showChar) {
292
+
293
+
294
+
295
+ var c = content.substr(0, showChar);
296
+
297
+ var h = content.substr(showChar, content.length - showChar);
298
+
299
+
300
+
301
+ var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
302
+
303
+
304
+
305
+ $(this).html(html);
306
+
307
+ }
308
+
309
+
310
+
311
+ });
312
+
313
+
314
+
315
+ $(".morelink").click(function(){
316
+
317
+ if($(this).hasClass("less")) {
318
+
319
+ $(this).removeClass("less");
320
+
321
+ $(this).html(moretext);
322
+
323
+ } else {
324
+
325
+ $(this).addClass("less");
326
+
327
+ $(this).html(lesstext);
328
+
329
+ }
330
+
331
+ $(this).parent().prev().toggle();
332
+
333
+ $(this).prev().toggle();
334
+
335
+ return false;
336
+
337
+ });
338
+
339
+ });
340
+
341
+ </script>
342
+
343
+
344
+
345
+ ```

21

情報修正

2016/11/01 03:57

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -198,290 +198,52 @@
198
198
 
199
199
 
200
200
 
201
- ```
202
-
203
- <li id="micropost-14">
204
-
205
-
206
-
207
- <!-- ユーザーアイコン -->
208
-
209
- <a href="/users/1"><img alt="名前なので伏せます" class="gravatar" src="https://secure.gravatar.com/avatar/4c1486a659e37659c9473f14cdae1ccf?s=50" /></a>
210
-
211
-
212
-
213
- <!-- ユーザー名 -->
214
-
215
- <!-- User名 -->
216
-
217
- <span class="user"><a href="/users/1">名前なので伏せます</a></span>
218
-
219
-
220
-
221
- <!-- User/Shop 共通 -->
222
-
223
- <span class="content">
224
-
225
- <!-- 投稿文 -->
226
-
227
- <div class="more">
228
-
229
- 123456789abcdefghijklmnopqrstuvwxyz
230
-
231
- </div>
232
-
233
- <!-- 投稿写真 -->
234
-
235
-
236
-
237
- </span>
238
-
239
- <!-- 投稿時間 -->
240
-
241
- <span class="timestamp">
242
-
243
- Posted about 17 hours ago.
244
-
245
- </span>
246
-
247
-
248
-
249
-
250
-
251
- <!-- 削除リンク User ver-->
252
-
253
- <a data-confirm="You sure?" rel="nofollow" data-method="delete" href="/microposts/14">delete</a>
254
-
255
-
256
-
257
- <!-- お気に入り登録リンク user-to-micropost.user-->
258
-
259
-
260
-
261
-
262
-
263
-
264
-
265
-
266
-
267
-
268
-
269
- <a href="/microposts/14">コメントを見る</a>
270
-
271
-
272
-
273
- </li>
274
-
275
- <script>
276
-
277
- $(document).ready(function() {
278
-
279
- var showChar = 25;
280
-
281
- var ellipsestext = "...";
282
-
283
- var moretext = "more";
284
-
285
- var lesstext = "less";
286
-
287
- $('.more').each(function() {
288
-
289
- var content = $.trim($(this).html());
290
-
291
-
292
-
293
- if(content.length > showChar) {
294
-
295
-
296
-
297
- var c = content.substr(0, showChar);
298
-
299
- var h = content.substr(showChar, content.length - showChar);
300
-
301
-
302
-
303
- var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
304
-
305
-
306
-
307
- $(this).html(html);
308
-
309
- }
310
-
311
-
312
-
313
- });
314
-
315
-
316
-
317
- $(".morelink").click(function(){
318
-
319
- if($(this).hasClass("less")) {
320
-
321
- $(this).removeClass("less");
322
-
323
- $(this).html(moretext);
324
-
325
- } else {
326
-
327
- $(this).addClass("less");
328
-
329
- $(this).html(lesstext);
330
-
331
- }
332
-
333
- $(this).parent().prev().toggle();
334
-
335
- $(this).prev().toggle();
336
-
337
- return false;
338
-
339
- });
340
-
341
- });
342
-
343
- </script>
344
-
345
- <li id="micropost-13">
346
-
347
-
348
-
349
- <!-- ユーザーアイコン -->
350
-
351
- <a href="/users/1"><img alt="名前なので伏せます" class="gravatar" src="https://secure.gravatar.com/avatar/4c1486a659e37659c9473f14cdae1ccf?s=50" /></a>
352
-
353
-
354
-
355
- <!-- ユーザー名 -->
356
-
357
- <!-- User名 -->
358
-
359
- <span class="user"><a href="/users/1">名前なので伏せます</a></span>
360
-
361
-
362
-
363
- <!-- User/Shop 共通 -->
364
-
365
- <span class="content">
366
-
367
- <!-- 投稿文 -->
368
-
369
- <div class="more">
370
-
371
- テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
372
-
373
- </div>
374
-
375
- <!-- 投稿写真 -->
376
-
377
-
378
-
379
- </span>
380
-
381
- <!-- 投稿時間 -->
382
-
383
- <span class="timestamp">
384
-
385
- Posted about 18 hours ago.
386
-
387
- </span>
388
-
389
-
390
-
391
-
392
-
393
- <!-- 削除リンク User ver-->
394
-
395
- <a data-confirm="You sure?" rel="nofollow" data-method="delete" href="/microposts/13">delete</a>
396
-
397
-
398
-
399
- <!-- お気に入り登録リンク user-to-micropost.user-->
400
-
401
-
402
-
403
-
404
-
405
-
406
-
407
-
408
-
409
-
410
-
411
- <a href="/microposts/13">コメントを見る</a>
412
-
413
-
414
-
415
- </li>
416
-
417
- <script>
418
-
419
- $(document).ready(function() {
420
-
421
- var showChar = 25;
422
-
423
- var ellipsestext = "...";
424
-
425
- var moretext = "more";
426
-
427
- var lesstext = "less";
428
-
429
- $('.more').each(function() {
430
-
431
- var content = $.trim($(this).html());
432
-
433
-
434
-
435
- if(content.length > showChar) {
436
-
437
-
438
-
439
- var c = content.substr(0, showChar);
440
-
441
- var h = content.substr(showChar, content.length - showChar);
442
-
443
-
444
-
445
- var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
446
-
447
-
448
-
449
- $(this).html(html);
450
-
451
- }
452
-
453
-
454
-
455
- });
456
-
457
-
458
-
459
- $(".morelink").click(function(){
460
-
461
- if($(this).hasClass("less")) {
462
-
463
- $(this).removeClass("less");
464
-
465
- $(this).html(moretext);
466
-
467
- } else {
468
-
469
- $(this).addClass("less");
470
-
471
- $(this).html(lesstext);
472
-
473
- }
474
-
475
- $(this).parent().prev().toggle();
476
-
477
- $(this).prev().toggle();
478
-
479
- return false;
480
-
481
- });
482
-
483
- });
484
-
485
- </script>
486
-
487
- ```
201
+ 【index.html.erb】
202
+
203
+
204
+
205
+ ```
206
+
207
+ <div class="col-md-8">
208
+
209
+ <h3>Micropost Feed</h3>
210
+
211
+ <%= render 'shared/feed' %>
212
+
213
+ </div>
214
+
215
+ ```
216
+
217
+ ↓
218
+
219
+ 【_feed.html.erb】
220
+
221
+
222
+
223
+ ```
224
+
225
+ <% if @feed_items.any? %>
226
+
227
+ <ol class="microposts">
228
+
229
+ <%= render @feed_items %>
230
+
231
+ </ol>
232
+
233
+ <%= will_paginate @feed_items %>
234
+
235
+ <% end %>
236
+
237
+ ```
238
+
239
+
240
+
241
+ ↓
242
+
243
+ 【_micropost.html.erb】
244
+
245
+ ```
246
+
247
+ ////省略////
248
+
249
+ ```

20

情報追加

2016/11/01 03:52

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -194,41 +194,27 @@
194
194
 
195
195
 
196
196
 
197
+ kei344さんへ
198
+
199
+
200
+
197
201
  ```
198
202
 
199
- <li id="micropost-<%= micropost.id %>">
203
+ <li id="micropost-14">
200
204
 
201
205
 
202
206
 
203
207
  <!-- ユーザーアイコン -->
204
208
 
205
- <% if micropost.shop.nil? %>
206
-
207
- <%= link_to gravatar_for(micropost.user, size: 50), micropost.user %>
209
+ <a href="/users/1"><img alt="名前なので伏せます" class="gravatar" src="https://secure.gravatar.com/avatar/4c1486a659e37659c9473f14cdae1ccf?s=50" /></a>
208
-
209
- <% elsif micropost.user.nil? %>
210
-
211
- <%= link_to gravatar_to(micropost.shop, size: 50), micropost.shop %>
212
-
213
- <% end %>
214
210
 
215
211
 
216
212
 
217
213
  <!-- ユーザー名 -->
218
214
 
219
- <% if micropost.shop.nil? %>
220
-
221
215
  <!-- User名 -->
222
216
 
223
- <span class="user"><%= link_to micropost.user.username, micropost.user %></span>
217
+ <span class="user"><a href="/users/1">名前なので伏せます</a></span>
224
-
225
- <% elsif micropost.user.nil? %>
226
-
227
- <!-- Shop名 -->
228
-
229
- <span class="user"><%= link_to micropost.shop.shopname, micropost.shop %></span>
230
-
231
- <% end %>
232
218
 
233
219
 
234
220
 
@@ -240,13 +226,13 @@
240
226
 
241
227
  <div class="more">
242
228
 
243
- <%= micropost.content %>
229
+ 123456789abcdefghijklmnopqrstuvwxyz
244
230
 
245
231
  </div>
246
232
 
247
233
  <!-- 投稿写真 -->
248
234
 
249
- <%= image_tag micropost.picture.url if micropost.picture? %>
235
+
250
236
 
251
237
  </span>
252
238
 
@@ -254,7 +240,7 @@
254
240
 
255
241
  <span class="timestamp">
256
242
 
257
- Posted <%= time_ago_in_words(micropost.created_at) %> ago.
243
+ Posted about 17 hours ago.
258
244
 
259
245
  </span>
260
246
 
@@ -262,83 +248,169 @@
262
248
 
263
249
 
264
250
 
265
- <% if user_signed_in? %>
266
-
267
251
  <!-- 削除リンク User ver-->
268
252
 
269
- <% if current_user?(micropost.user) %>
270
-
271
- <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
253
+ <a data-confirm="You sure?" rel="nofollow" data-method="delete" href="/microposts/14">delete</a>
272
-
273
- <% end %>
274
254
 
275
255
 
276
256
 
277
257
  <!-- お気に入り登録リンク user-to-micropost.user-->
278
258
 
279
- <% if micropost.shop.nil? %>
280
-
281
- <% if !current_user?(micropost.user) %>
282
-
283
- <%= render 'evaluates/evaluate_links', micropost: micropost %>
284
-
285
- <% end %>
286
-
287
-
288
-
289
- <% elsif micropost.user.nil? %>
290
-
291
- <!-- いいね！リンク user-to-micropost.shop -->
292
-
293
- <% if !current_user?(micropost.user) %>
294
-
295
- <%= render 'praises/praise_links', micropost: micropost %>
296
-
297
- <% end %>
298
-
299
- <% end %>
300
-
301
-
302
-
303
-
304
-
305
-
306
-
307
- <% elsif shop_signed_in? %>
308
-
309
- <!-- 削除リンク Shop ver-->
310
-
311
- <% if current_shop?(micropost.shop) %>
312
-
313
- <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
314
-
315
- <% end %>
316
-
317
-
318
-
319
- <% if micropost.shop.nil? %>
320
-
321
- #パーシャル
322
-
323
- <% end %>
324
-
325
-
326
-
327
- <% elsif micropost.user.nil? %>
328
-
329
- #リンク
330
-
331
- #パーシャル
332
-
333
- <% end %>
259
+
260
+
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+ <a href="/microposts/14">コメントを見る</a>
270
+
271
+
272
+
273
+ </li>
274
+
275
+ <script>
276
+
277
+ $(document).ready(function() {
278
+
279
+ var showChar = 25;
280
+
281
+ var ellipsestext = "...";
282
+
283
+ var moretext = "more";
284
+
285
+ var lesstext = "less";
286
+
287
+ $('.more').each(function() {
288
+
289
+ var content = $.trim($(this).html());
290
+
291
+
292
+
293
+ if(content.length > showChar) {
294
+
295
+
296
+
297
+ var c = content.substr(0, showChar);
298
+
299
+ var h = content.substr(showChar, content.length - showChar);
300
+
301
+
302
+
303
+ var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
304
+
305
+
306
+
307
+ $(this).html(html);
308
+
309
+ }
310
+
311
+
312
+
313
+ });
314
+
315
+
316
+
317
+ $(".morelink").click(function(){
318
+
319
+ if($(this).hasClass("less")) {
320
+
321
+ $(this).removeClass("less");
322
+
323
+ $(this).html(moretext);
324
+
325
+ } else {
326
+
327
+ $(this).addClass("less");
328
+
329
+ $(this).html(lesstext);
330
+
331
+ }
332
+
333
+ $(this).parent().prev().toggle();
334
+
335
+ $(this).prev().toggle();
336
+
337
+ return false;
338
+
339
+ });
340
+
341
+ });
342
+
343
+ </script>
344
+
345
+ <li id="micropost-13">
346
+
347
+
348
+
349
+ <!-- ユーザーアイコン -->
350
+
351
+ <a href="/users/1"><img alt="名前なので伏せます" class="gravatar" src="https://secure.gravatar.com/avatar/4c1486a659e37659c9473f14cdae1ccf?s=50" /></a>
352
+
353
+
354
+
355
+ <!-- ユーザー名 -->
356
+
357
+ <!-- User名 -->
358
+
359
+ <span class="user"><a href="/users/1">名前なので伏せます</a></span>
360
+
361
+
362
+
363
+ <!-- User/Shop 共通 -->
364
+
365
+ <span class="content">
366
+
367
+ <!-- 投稿文 -->
368
+
369
+ <div class="more">
370
+
371
+ テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
372
+
373
+ </div>
374
+
375
+ <!-- 投稿写真 -->
334
376
 
335
377
 
336
378
 
337
-
379
+ </span>
338
-
380
+
339
- <% end %>
381
+ <!-- 投稿時間 -->
382
+
340
-
383
+ <span class="timestamp">
384
+
385
+ Posted about 18 hours ago.
386
+
341
- #リンク
387
+ </span>
388
+
389
+
390
+
391
+
392
+
393
+ <!-- 削除リンク User ver-->
394
+
395
+ <a data-confirm="You sure?" rel="nofollow" data-method="delete" href="/microposts/13">delete</a>
396
+
397
+
398
+
399
+ <!-- お気に入り登録リンク user-to-micropost.user-->
400
+
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+
409
+
410
+
411
+ <a href="/microposts/13">コメントを見る</a>
412
+
413
+
342
414
 
343
415
  </li>
344
416
 
@@ -413,159 +485,3 @@
413
485
  </script>
414
486
 
415
487
  ```
416
-
417
-
418
-
419
- 【show.html.erb】
420
-
421
- ```
422
-
423
- <div class="row">
424
-
425
- <aside class="col-md-4">
426
-
427
- <!-- 投稿 -->
428
-
429
- <div class="col-md-8">
430
-
431
- <%= render @micropost, micropost: @micropost %> ←micropost.html.erb
432
-
433
- </div>
434
-
435
-
436
-
437
-
438
-
439
-
440
-
441
-
442
-
443
- <!-- コメント -->
444
-
445
- <div class="col-md-8">
446
-
447
-
448
-
449
- <!-- user-to-micropost.user -->
450
-
451
-
452
-
453
- <% @comments. each do |comment| %>
454
-
455
- <div>
456
-
457
- <strong><%= comment.user.username %></strong>
458
-
459
- </br>
460
-
461
- <p><%= comment.body %></p>
462
-
463
- <% if user_signed_in? && comment.user == current_user %>
464
-
465
- <p><%= link_to 'Delete', comment_path(comment), method: :delete %></p>
466
-
467
- <% end %>
468
-
469
- </div>
470
-
471
- <% end %>
472
-
473
-
474
-
475
- <!-- user-to-micropost.shop -->
476
-
477
-
478
-
479
- <% @calls. each do |call| %>
480
-
481
- <div>
482
-
483
- <strong><%= call.user.username %></strong>
484
-
485
- </br>
486
-
487
- <p><%= call.body %></p>
488
-
489
- <% if user_signed_in? && call.user == current_user %>
490
-
491
- <p><%= link_to 'Delete', call_path(call), method: :delete %></p>
492
-
493
- <% end %>
494
-
495
- </div>
496
-
497
- <% end %>
498
-
499
- <% if user_signed_in? %>
500
-
501
- <%= render 'calls/form' %>
502
-
503
- <% end %>
504
-
505
- <!-- shop-to-micropost.shop -->
506
-
507
- <% @says. each do |say| %>
508
-
509
- <div>
510
-
511
- <strong><%= say.shop.shopname %></strong>
512
-
513
- </br>
514
-
515
- <p><%= say.body %></p>
516
-
517
- <% if shop_signed_in? && say.shop == current_shop %>
518
-
519
- <p><%= link_to 'Delete', say_path(say), method: :delete %></p>
520
-
521
- <% end %>
522
-
523
- </div>
524
-
525
- <% end %>
526
-
527
- <% if shop_signed_in? %>
528
-
529
- <%= render 'says/form' %>
530
-
531
- <% end %>
532
-
533
-
534
-
535
- <!-- shop-to-micropost.shop -->
536
-
537
-
538
-
539
- <% @insists. each do |insist| %>
540
-
541
- <div>
542
-
543
- <strong><%= insist.shop.shopname %></strong>
544
-
545
- </br>
546
-
547
- <p><%= insist.body %></p>
548
-
549
- <% if shop_signed_in? && insist.shop == current_shop %>
550
-
551
- <p><%= link_to 'Delete', insist_path(insist), method: :delete %></p>
552
-
553
- <% end %>
554
-
555
- </div>
556
-
557
- <% end %>
558
-
559
- <% if shop_signed_in? %>
560
-
561
- <%= render 'insists/form' %>
562
-
563
- <% end %>
564
-
565
- </div>
566
-
567
- </aside>
568
-
569
- </div>
570
-
571
- ```

19

情報追加

2016/11/01 03:04

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -88,41 +88,265 @@
88
88
 
89
89
 
90
90
 
91
-
91
+ ご教示ください。お願いします。
92
+
93
+
94
+
92
-
95
+ ###<情報追加>
96
+
97
+
98
+
93
-
99
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
100
+
101
+
102
+
94
-
103
+ ・通常の投稿の文字数
104
+
95
-
105
+ ![イメージ説明](56292fb24a038623fa4f60a0fbf4be40.png)
106
+
107
+
108
+
96
-
109
+ ・script記述後
110
+
97
-
111
+ ![イメージ説明](e7431789f670d1602f6812cdc6f2f9c8.png)
112
+
113
+
114
+
98
-
115
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+ 【エラー当初の出力内容】----------------------------------------------------
124
+
125
+
126
+
127
+ ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)
128
+
129
+
130
+
131
+ ↓
132
+
133
+ 投稿内容にたどり着きました
134
+
135
+ ↓
136
+
137
+ ![イメージ説明](d4fbfc8ac7f27f77f960d15aed9b04ec.png)
138
+
139
+
140
+
141
+
142
+
143
+ 【123456789abcdefghijklmnopqrstuvwxyzと投稿した場合】
144
+
145
+ ![イメージ説明](a121d63a6795caf3c7eaeb6522256100.png)
146
+
147
+
148
+
149
+ ![イメージ説明](e0d5532e1b91d4da49ef32df04b688e3.png)
150
+
151
+ ↓
152
+
153
+ 投稿文までたどり着きました。
154
+
155
+ ↓
156
+
157
+ ![イメージ説明](4995f2a92ac8c28bc3e0d5acd9265ff0.png)
158
+
159
+
160
+
161
+ ---------------------------------------------------------------------------
162
+
163
+
164
+
165
+ ###追加の追加
166
+
167
+
168
+
169
+ _micropost.html.erbでは開閉は機能しませんでしたが、
170
+
171
+ show.html.erbでは機能しました。
172
+
173
+
174
+
175
+ _micropost.html.erbはshow.html.erbのパーシャルですので、
176
+
177
+ コード内容には差がないのですが…
178
+
179
+
180
+
181
+ 【moreを押す前】
182
+
183
+ ![イメージ説明](f550ba713107f1350e3a717f9a67baba.png)
184
+
185
+
186
+
187
+ 【moreを押した後】
188
+
189
+ ![イメージ説明](e41115a03226fdb6fe3574819d01dc43.png)
190
+
191
+
192
+
99
- ###該当のソースコード
193
+ ###ソースコード
100
-
101
-
102
-
103
-
104
-
105
- <!-- 投稿文 -->
194
+
106
-
107
- ```ruby
195
+
108
-
109
- <div class="more">
110
-
111
- <%= micropost.content %>
112
-
113
- </div>
114
196
 
115
197
  ```
116
198
 
117
-
199
+ <li id="micropost-<%= micropost.id %>">
200
+
201
+
202
+
118
-
203
+ <!-- ユーザーアイコン -->
204
+
205
+ <% if micropost.shop.nil? %>
206
+
207
+ <%= link_to gravatar_for(micropost.user, size: 50), micropost.user %>
208
+
209
+ <% elsif micropost.user.nil? %>
210
+
211
+ <%= link_to gravatar_to(micropost.shop, size: 50), micropost.shop %>
212
+
213
+ <% end %>
214
+
215
+
216
+
217
+ <!-- ユーザー名 -->
218
+
219
+ <% if micropost.shop.nil? %>
220
+
221
+ <!-- User名 -->
222
+
223
+ <span class="user"><%= link_to micropost.user.username, micropost.user %></span>
224
+
225
+ <% elsif micropost.user.nil? %>
226
+
227
+ <!-- Shop名 -->
228
+
229
+ <span class="user"><%= link_to micropost.shop.shopname, micropost.shop %></span>
230
+
231
+ <% end %>
232
+
233
+
234
+
235
+ <!-- User/Shop 共通 -->
236
+
237
+ <span class="content">
238
+
239
+ <!-- 投稿文 -->
240
+
241
+ <div class="more">
242
+
243
+ <%= micropost.content %>
244
+
245
+ </div>
246
+
247
+ <!-- 投稿写真 -->
248
+
249
+ <%= image_tag micropost.picture.url if micropost.picture? %>
250
+
251
+ </span>
252
+
253
+ <!-- 投稿時間 -->
254
+
255
+ <span class="timestamp">
256
+
257
+ Posted <%= time_ago_in_words(micropost.created_at) %> ago.
258
+
259
+ </span>
260
+
261
+
262
+
263
+
264
+
265
+ <% if user_signed_in? %>
266
+
267
+ <!-- 削除リンク User ver-->
268
+
269
+ <% if current_user?(micropost.user) %>
270
+
271
+ <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
272
+
273
+ <% end %>
274
+
275
+
276
+
277
+ <!-- お気に入り登録リンク user-to-micropost.user-->
278
+
279
+ <% if micropost.shop.nil? %>
280
+
281
+ <% if !current_user?(micropost.user) %>
282
+
283
+ <%= render 'evaluates/evaluate_links', micropost: micropost %>
284
+
285
+ <% end %>
286
+
287
+
288
+
289
+ <% elsif micropost.user.nil? %>
290
+
291
+ <!-- いいね！リンク user-to-micropost.shop -->
292
+
293
+ <% if !current_user?(micropost.user) %>
294
+
295
+ <%= render 'praises/praise_links', micropost: micropost %>
296
+
297
+ <% end %>
298
+
299
+ <% end %>
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+ <% elsif shop_signed_in? %>
308
+
309
+ <!-- 削除リンク Shop ver-->
310
+
311
+ <% if current_shop?(micropost.shop) %>
312
+
313
+ <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
314
+
315
+ <% end %>
316
+
317
+
318
+
319
+ <% if micropost.shop.nil? %>
320
+
321
+ #パーシャル
322
+
323
+ <% end %>
324
+
325
+
326
+
327
+ <% elsif micropost.user.nil? %>
328
+
329
+ #リンク
330
+
331
+ #パーシャル
332
+
333
+ <% end %>
334
+
335
+
336
+
337
+
338
+
339
+ <% end %>
340
+
341
+ #リンク
342
+
119
- ```javascript
343
+ </li>
120
344
 
121
345
  <script>
122
346
 
123
347
  $(document).ready(function() {
124
348
 
125
- var showChar = 25; ←閉じている時に表示される文字数
349
+ var showChar = 25;
126
350
 
127
351
  var ellipsestext = "...";
128
352
 
@@ -132,7 +356,7 @@
132
356
 
133
357
  $('.more').each(function() {
134
358
 
135
- var content = $(this).html();
359
+ var content = $.trim($(this).html());
136
360
 
137
361
 
138
362
 
@@ -140,13 +364,13 @@
140
364
 
141
365
 
142
366
 
143
- var c = content.substr(0, showChar); ←閉じている時に表示される文字
144
-
145
- var h = content.substr(showChar, content.length - showChar); ←開いたときに表示される文字
146
-
147
-
148
-
149
- var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>'; ←投稿文が開ているときと閉じている時の表示内容
367
+ var c = content.substr(0, showChar);
368
+
369
+ var h = content.substr(showChar, content.length - showChar);
370
+
371
+
372
+
373
+ var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';
150
374
 
151
375
 
152
376
 
@@ -192,182 +416,156 @@
192
416
 
193
417
 
194
418
 
195
-
196
-
197
- ```css
198
-
199
- .morecontent span {
200
-
201
- display: none;
419
+ 【show.html.erb】
202
-
203
- }
204
420
 
205
421
  ```
206
422
 
207
-
208
-
209
-
210
-
211
-
212
-
213
- ご教示ください。お願いします。
214
-
215
-
216
-
217
- ###<情報追加>
218
-
219
-
220
-
221
- ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
222
-
223
-
224
-
225
- ・通常の投稿の文字数
226
-
227
- ![イメージ説明](56292fb24a038623fa4f60a0fbf4be40.png)
228
-
229
-
230
-
231
- ・script記述後
232
-
233
- ![イメージ説明](e7431789f670d1602f6812cdc6f2f9c8.png)
234
-
235
-
236
-
237
- ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
238
-
239
-
240
-
241
-
242
-
243
- cssコードは消しました。
244
-
245
- sii_sideさん、kei344さんへ！
246
-
247
-
248
-
249
-
250
-
251
- 【エラー当初の出力内容】----------------------------------------------------
252
-
253
-
254
-
255
- ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)
256
-
257
-
258
-
259
- ↓
260
-
261
- 投稿内容にたどり着きました
262
-
263
- ↓
264
-
265
- ![イメージ説明](d4fbfc8ac7f27f77f960d15aed9b04ec.png)
266
-
267
-
268
-
269
-
270
-
271
- 【123456789abcdefghijklmnopqrstuvwxyzと投稿した場合】
272
-
273
- ![イメージ説明](a121d63a6795caf3c7eaeb6522256100.png)
274
-
275
-
276
-
277
- ![イメージ説明](e0d5532e1b91d4da49ef32df04b688e3.png)
278
-
279
- ↓
280
-
281
- 投稿文までたどり着きました。
282
-
283
- ↓
284
-
285
- ![イメージ説明](4995f2a92ac8c28bc3e0d5acd9265ff0.png)
286
-
287
-
288
-
289
- ---------------------------------------------------------------------------
290
-
291
-
292
-
293
- 【sii-sideさんの指摘を受けてコード変更し、出力したときのブラウザ】^^^^^^^^^^^^^^^^^^^^
294
-
295
- ![イメージ説明](d00444a5dec962660754a3f8b919841c.png)
296
-
297
-
298
-
299
- →moreを押しても隠された文字は表示されませんでした...
300
-
301
-
302
-
303
- 【このときの出力表示】
304
-
305
- ![イメージ説明](6fe3fc6c84cffa7fd66d5925ee784cc4.png)
306
-
307
-
308
-
309
- ↓
310
-
311
- 投稿文までたどり着いたもの
312
-
313
- ↓
314
-
315
- ![イメージ説明](26aab96491d59f9ffd65210344e255e9.png)
316
-
317
-
318
-
319
- 【div周辺コード】
423
+ <div class="row">
424
+
425
+ <aside class="col-md-4">
426
+
427
+ <!-- 投稿 -->
428
+
429
+ <div class="col-md-8">
430
+
431
+ <%= render @micropost, micropost: @micropost %> ←micropost.html.erb
432
+
433
+ </div>
434
+
435
+
436
+
437
+
438
+
439
+
440
+
441
+
442
+
443
+ <!-- コメント -->
444
+
445
+ <div class="col-md-8">
446
+
447
+
448
+
449
+ <!-- user-to-micropost.user -->
450
+
451
+
452
+
453
+ <% @comments. each do |comment| %>
454
+
455
+ <div>
456
+
457
+ <strong><%= comment.user.username %></strong>
458
+
459
+ </br>
460
+
461
+ <p><%= comment.body %></p>
462
+
463
+ <% if user_signed_in? && comment.user == current_user %>
464
+
465
+ <p><%= link_to 'Delete', comment_path(comment), method: :delete %></p>
466
+
467
+ <% end %>
468
+
469
+ </div>
470
+
471
+ <% end %>
472
+
473
+
474
+
475
+ <!-- user-to-micropost.shop -->
476
+
477
+
478
+
479
+ <% @calls. each do |call| %>
480
+
481
+ <div>
482
+
483
+ <strong><%= call.user.username %></strong>
484
+
485
+ </br>
486
+
487
+ <p><%= call.body %></p>
488
+
489
+ <% if user_signed_in? && call.user == current_user %>
490
+
491
+ <p><%= link_to 'Delete', call_path(call), method: :delete %></p>
492
+
493
+ <% end %>
494
+
495
+ </div>
496
+
497
+ <% end %>
498
+
499
+ <% if user_signed_in? %>
500
+
501
+ <%= render 'calls/form' %>
502
+
503
+ <% end %>
504
+
505
+ <!-- shop-to-micropost.shop -->
506
+
507
+ <% @says. each do |say| %>
508
+
509
+ <div>
510
+
511
+ <strong><%= say.shop.shopname %></strong>
512
+
513
+ </br>
514
+
515
+ <p><%= say.body %></p>
516
+
517
+ <% if shop_signed_in? && say.shop == current_shop %>
518
+
519
+ <p><%= link_to 'Delete', say_path(say), method: :delete %></p>
520
+
521
+ <% end %>
522
+
523
+ </div>
524
+
525
+ <% end %>
526
+
527
+ <% if shop_signed_in? %>
528
+
529
+ <%= render 'says/form' %>
530
+
531
+ <% end %>
532
+
533
+
534
+
535
+ <!-- shop-to-micropost.shop -->
536
+
537
+
538
+
539
+ <% @insists. each do |insist| %>
540
+
541
+ <div>
542
+
543
+ <strong><%= insist.shop.shopname %></strong>
544
+
545
+ </br>
546
+
547
+ <p><%= insist.body %></p>
548
+
549
+ <% if shop_signed_in? && insist.shop == current_shop %>
550
+
551
+ <p><%= link_to 'Delete', insist_path(insist), method: :delete %></p>
552
+
553
+ <% end %>
554
+
555
+ </div>
556
+
557
+ <% end %>
558
+
559
+ <% if shop_signed_in? %>
560
+
561
+ <%= render 'insists/form' %>
562
+
563
+ <% end %>
564
+
565
+ </div>
566
+
567
+ </aside>
568
+
569
+ </div>
320
570
 
321
571
  ```
322
-
323
- <!-- User/Shop 共通 -->
324
-
325
- <span class="content">
326
-
327
- <!-- 投稿文 -->
328
-
329
- <div class="more">
330
-
331
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
332
-
333
- </div>
334
-
335
-
336
-
337
- <div class="more">
338
-
339
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
340
-
341
- </div>
342
-
343
-
344
-
345
- <div class="more">
346
-
347
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
348
-
349
- </div>
350
-
351
- <div class="more">
352
-
353
- <%= micropost.content %>
354
-
355
- </div>
356
-
357
- <!-- 投稿写真 -->
358
-
359
- <%= image_tag micropost.picture.url if micropost.picture? %>
360
-
361
- </span>
362
-
363
- <!-- 投稿時間 -->
364
-
365
- <span class="timestamp">
366
-
367
- Posted <%= time_ago_in_words(micropost.created_at) %> ago.
368
-
369
- </span>
370
-
371
- ```
372
-
373
- ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

18

構成変更

2016/10/31 13:07

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -218,6 +218,10 @@
218
218
 
219
219
 
220
220
 
221
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
222
+
223
+
224
+
221
225
  ・通常の投稿の文字数
222
226
 
223
227
  ![イメージ説明](56292fb24a038623fa4f60a0fbf4be40.png)
@@ -230,6 +234,10 @@
230
234
 
231
235
 
232
236
 
237
+ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
238
+
239
+
240
+
233
241
 
234
242
 
235
243
  cssコードは消しました。
@@ -240,7 +248,7 @@
240
248
 
241
249
 
242
250
 
243
- 【エラー当初の出力内容】
251
+ 【エラー当初の出力内容】----------------------------------------------------
244
252
 
245
253
 
246
254
 
@@ -278,9 +286,11 @@
278
286
 
279
287
 
280
288
 
281
-
289
+ ---------------------------------------------------------------------------
282
-
290
+
291
+
292
+
283
- 【sii-sideさんの指摘を受けてコード変更し、出力したときのブラウザ】
293
+ 【sii-sideさんの指摘を受けてコード変更し、出力したときのブラウザ】^^^^^^^^^^^^^^^^^^^^
284
294
 
285
295
  ![イメージ説明](d00444a5dec962660754a3f8b919841c.png)
286
296
 
@@ -359,3 +369,5 @@
359
369
  </span>
360
370
 
361
371
  ```
372
+
373
+ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

17

情報追加

2016/10/31 11:03

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -240,6 +240,8 @@
240
240
 
241
241
 
242
242
 
243
+ 【エラー当初の出力内容】
244
+
243
245
 
244
246
 
245
247
  ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)

16

情報削除

2016/10/31 10:59

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -240,54 +240,6 @@
240
240
 
241
241
 
242
242
 
243
- 【ブラウザ】
244
-
245
- ![イメージ説明](c9b2b487b4733a735e8a2e45ac11ddf1.png)
246
-
247
-
248
-
249
-
250
-
251
- イメージとどう順に出力された内容を記述していますね！
252
-
253
-
254
-
255
- ```
256
-
257
- <div class="more">
258
-
259
- テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
260
-
261
- </div>
262
-
263
- ```
264
-
265
-
266
-
267
- ```
268
-
269
- <div class="more">
270
-
271
- testtesttesttest
272
-
273
- </div>
274
-
275
- ```
276
-
277
-
278
-
279
- ```
280
-
281
- <div class="more">
282
-
283
- TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST
284
-
285
- </div>
286
-
287
- ```
288
-
289
-
290
-
291
243
 
292
244
 
293
245
  ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)

15

情報追加

2016/10/31 10:58

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -349,3 +349,59 @@
349
349
  ↓
350
350
 
351
351
  ![イメージ説明](26aab96491d59f9ffd65210344e255e9.png)
352
+
353
+
354
+
355
+ 【div周辺コード】
356
+
357
+ ```
358
+
359
+ <!-- User/Shop 共通 -->
360
+
361
+ <span class="content">
362
+
363
+ <!-- 投稿文 -->
364
+
365
+ <div class="more">
366
+
367
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
368
+
369
+ </div>
370
+
371
+
372
+
373
+ <div class="more">
374
+
375
+ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
376
+
377
+ </div>
378
+
379
+
380
+
381
+ <div class="more">
382
+
383
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
384
+
385
+ </div>
386
+
387
+ <div class="more">
388
+
389
+ <%= micropost.content %>
390
+
391
+ </div>
392
+
393
+ <!-- 投稿写真 -->
394
+
395
+ <%= image_tag micropost.picture.url if micropost.picture? %>
396
+
397
+ </span>
398
+
399
+ <!-- 投稿時間 -->
400
+
401
+ <span class="timestamp">
402
+
403
+ Posted <%= time_ago_in_words(micropost.created_at) %> ago.
404
+
405
+ </span>
406
+
407
+ ```

14

情報追加

2016/10/31 10:55

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -321,3 +321,31 @@
321
321
  ↓
322
322
 
323
323
  ![イメージ説明](4995f2a92ac8c28bc3e0d5acd9265ff0.png)
324
+
325
+
326
+
327
+
328
+
329
+ 【sii-sideさんの指摘を受けてコード変更し、出力したときのブラウザ】
330
+
331
+ ![イメージ説明](d00444a5dec962660754a3f8b919841c.png)
332
+
333
+
334
+
335
+ →moreを押しても隠された文字は表示されませんでした...
336
+
337
+
338
+
339
+ 【このときの出力表示】
340
+
341
+ ![イメージ説明](6fe3fc6c84cffa7fd66d5925ee784cc4.png)
342
+
343
+
344
+
345
+ ↓
346
+
347
+ 投稿文までたどり着いたもの
348
+
349
+ ↓
350
+
351
+ ![イメージ説明](26aab96491d59f9ffd65210344e255e9.png)

13

画像追加

2016/10/31 10:52

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -309,3 +309,15 @@
309
309
  【123456789abcdefghijklmnopqrstuvwxyzと投稿した場合】
310
310
 
311
311
  ![イメージ説明](a121d63a6795caf3c7eaeb6522256100.png)
312
+
313
+
314
+
315
+ ![イメージ説明](e0d5532e1b91d4da49ef32df04b688e3.png)
316
+
317
+ ↓
318
+
319
+ 投稿文までたどり着きました。
320
+
321
+ ↓
322
+
323
+ ![イメージ説明](4995f2a92ac8c28bc3e0d5acd9265ff0.png)

12

情報追加

2016/10/31 10:25

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -301,3 +301,11 @@
301
301
  ↓
302
302
 
303
303
  ![イメージ説明](d4fbfc8ac7f27f77f960d15aed9b04ec.png)
304
+
305
+
306
+
307
+
308
+
309
+ 【123456789abcdefghijklmnopqrstuvwxyzと投稿した場合】
310
+
311
+ ![イメージ説明](a121d63a6795caf3c7eaeb6522256100.png)

11

情報追加

2016/10/31 10:20

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -291,3 +291,13 @@
291
291
 
292
292
 
293
293
  ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)
294
+
295
+
296
+
297
+ ↓
298
+
299
+ 投稿内容にたどり着きました
300
+
301
+ ↓
302
+
303
+ ![イメージ説明](d4fbfc8ac7f27f77f960d15aed9b04ec.png)

10

情報追加

2016/10/31 10:13

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -285,3 +285,9 @@
285
285
  </div>
286
286
 
287
287
  ```
288
+
289
+
290
+
291
+
292
+
293
+ ![イメージ説明](1da626079451a19e1cb182e2a3d736cd.png)

9

情報修正

2016/10/31 10:09

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -268,20 +268,20 @@
268
268
 
269
269
  <div class="more">
270
270
 
271
+ testtesttesttest
272
+
273
+ </div>
274
+
275
+ ```
276
+
277
+
278
+
279
+ ```
280
+
281
+ <div class="more">
282
+
271
283
  TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST
272
284
 
273
285
  </div>
274
286
 
275
287
  ```
276
-
277
-
278
-
279
- ```
280
-
281
- <div class="more">
282
-
283
- testtesttesttest
284
-
285
- </div>
286
-
287
- ```

8

情報追加

2016/10/31 09:56

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -234,7 +234,7 @@
234
234
 
235
235
  cssコードは消しました。
236
236
 
237
- sii_sideさんへ！
237
+ sii_sideさん、kei344さんへ！
238
238
 
239
239
 
240
240
 

7

情報追加

2016/10/31 09:52

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -238,212 +238,50 @@
238
238
 
239
239
 
240
240
 
241
- 【投稿を出力するコード】
242
-
243
- ```
244
-
245
- <li id="micropost-<%= micropost.id %>">
246
-
247
-
248
-
249
- <!-- ユーザーアイコン -->
250
-
251
- <% if micropost.shop.nil? %>
252
-
253
- <%= link_to gravatar_for(micropost.user, size: 50), micropost.user %>
254
-
255
- <% elsif micropost.user.nil? %>
256
-
257
- <%= link_to gravatar_to(micropost.shop, size: 50), micropost.shop %>
258
-
259
- <% end %>
260
-
261
-
262
-
263
- <!-- ユーザー名 -->
264
-
265
- <% if micropost.shop.nil? %>
266
-
267
- <!-- User名 -->
268
-
269
- <span class="user"><%= link_to micropost.user.username, micropost.user %></span>
270
-
271
- <% elsif micropost.user.nil? %>
272
-
273
- <!-- Shop名 -->
274
-
275
- <span class="user"><%= link_to micropost.shop.shopname, micropost.shop %></span>
276
-
277
- <% end %>
278
-
279
-
280
-
281
- <!-- User/Shop 共通 -->
282
-
283
- <span class="content">
284
-
285
- <!-- 投稿文 -->
286
-
287
- <div class="more">
288
-
289
- <%= micropost.content %>
290
-
291
- </div>
292
-
293
- <!-- 投稿写真 -->
294
-
295
- <%= image_tag micropost.picture.url if micropost.picture? %>
296
-
297
- </span>
298
-
299
- <!-- 投稿時間 -->
300
-
301
- <span class="timestamp">
302
-
303
- Posted <%= time_ago_in_words(micropost.created_at) %> ago.
304
-
305
- </span>
306
-
307
-
308
-
309
-
310
-
311
- <% if user_signed_in? %>
312
-
313
- <!-- 削除リンク User ver-->
314
-
315
- <% if current_user?(micropost.user) %>
316
-
317
- <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
318
-
319
- <% end %>
320
-
321
-
322
-
323
- <!-- お気に入り登録リンク user-to-micropost.user-->
324
-
325
- <% if micropost.shop.nil? %>
326
-
327
- <% if !current_user?(micropost.user) %>
328
-
329
- <%= render 'evaluates/evaluate_links', micropost: micropost %>
330
-
331
- <% end %>
332
-
333
-
334
-
335
- <% elsif micropost.user.nil? %>
336
-
337
- <!-- いいね！リンク user-to-micropost.shop -->
338
-
339
- <% if !current_user?(micropost.user) %>
340
-
341
- <%= render 'praises/praise_links', micropost: micropost %>
342
-
343
- <% end %>
344
-
345
- <% end %>
346
-
347
-
348
-
349
-
350
-
351
-
352
-
353
- <% elsif shop_signed_in? %>
354
-
355
- <!-- 削除リンク Shop ver-->
356
-
357
- <% if current_shop?(micropost.shop) %>
358
-
359
- <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
360
-
361
- <% end %>
362
-
363
-
364
-
365
- <% if micropost.shop.nil? %>
366
-
367
- <!-- お気に入り登録リンク shop-to-micropost.user-->
368
-
369
- <% if !current_shop?(micropost.shop) %>
370
-
371
- <%= render 'sympathizes/sympathize_links', micropost: micropost %>
372
-
373
- <% end %>
374
-
375
-
376
-
377
- <% elsif micropost.user.nil? %>
378
-
379
- <!-- いいね！リンク shop-to-micropost.shop -->
380
-
381
- <% if !current_shop?(micropost.shop) %>
382
-
383
- <%= render 'likes/like_links', micropost: micropost %>
384
-
385
- <% end %>
386
-
387
- <% end %>
388
-
389
-
390
-
391
-
392
-
393
- <% end %>
394
-
395
-
396
-
397
- <%= link_to 'コメントを見る', micropost_path(micropost.id) %>
398
-
399
-
400
-
401
- </li>
402
-
403
- ```
404
-
405
-
406
-
407
- 【投稿フォームコード】
408
-
409
- ```
410
-
411
- <%= form_for(@micropost, html: { multipart: true }) do |f| %>
412
-
413
- <%= render 'shared/error_messages', object: f.object %>
414
-
415
- <div class="field">
416
-
417
- <%= f.text_area :content, placeholder: "Compose new micropost..." %>
418
-
419
- </div>
420
-
421
- <%= f.submit "Post", class: "btn btn-primary" %>
422
-
423
- <span class="picture">
424
-
425
- <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
426
-
427
- </span>
428
-
429
- <% end %>
430
-
431
-
432
-
433
- <script type="text/javascript">
434
-
435
- $('#micropost_picture').bind('change', function() {
436
-
437
- var size_in_megabytes = this.files[0].size/1024/1024;
438
-
439
- if (size_in_megabytes > 5) {
440
-
441
- alert('Maximum file size is 5MB. Please choose a smaller file.');
442
-
443
- }
444
-
445
- });
446
-
447
- </script>
448
-
449
- ```
241
+
242
+
243
+ 【ブラウザ】
244
+
245
+ ![イメージ説明](c9b2b487b4733a735e8a2e45ac11ddf1.png)
246
+
247
+
248
+
249
+
250
+
251
+ イメージとどう順に出力された内容を記述していますね！
252
+
253
+
254
+
255
+ ```
256
+
257
+ <div class="more">
258
+
259
+ テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト
260
+
261
+ </div>
262
+
263
+ ```
264
+
265
+
266
+
267
+ ```
268
+
269
+ <div class="more">
270
+
271
+ TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST
272
+
273
+ </div>
274
+
275
+ ```
276
+
277
+
278
+
279
+ ```
280
+
281
+ <div class="more">
282
+
283
+ testtesttesttest
284
+
285
+ </div>
286
+
287
+ ```

6

情報修正

2016/10/31 09:49

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -238,7 +238,7 @@
238
238
 
239
239
 
240
240
 
241
- 【micropost.html.erb】
241
+ 【投稿を出力するコード】
242
242
 
243
243
  ```
244
244
 

5

コード追加

2016/10/31 09:31

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -401,3 +401,49 @@
401
401
  </li>
402
402
 
403
403
  ```
404
+
405
+
406
+
407
+ 【投稿フォームコード】
408
+
409
+ ```
410
+
411
+ <%= form_for(@micropost, html: { multipart: true }) do |f| %>
412
+
413
+ <%= render 'shared/error_messages', object: f.object %>
414
+
415
+ <div class="field">
416
+
417
+ <%= f.text_area :content, placeholder: "Compose new micropost..." %>
418
+
419
+ </div>
420
+
421
+ <%= f.submit "Post", class: "btn btn-primary" %>
422
+
423
+ <span class="picture">
424
+
425
+ <%= f.file_field :picture, accept: 'image/jpeg,image/gif,image/png' %>
426
+
427
+ </span>
428
+
429
+ <% end %>
430
+
431
+
432
+
433
+ <script type="text/javascript">
434
+
435
+ $('#micropost_picture').bind('change', function() {
436
+
437
+ var size_in_megabytes = this.files[0].size/1024/1024;
438
+
439
+ if (size_in_megabytes > 5) {
440
+
441
+ alert('Maximum file size is 5MB. Please choose a smaller file.');
442
+
443
+ }
444
+
445
+ });
446
+
447
+ </script>
448
+
449
+ ```

4

情報追加

2016/10/31 09:30

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -232,6 +232,12 @@
232
232
 
233
233
 
234
234
 
235
+ cssコードは消しました。
236
+
237
+ sii_sideさんへ！
238
+
239
+
240
+
235
241
  【micropost.html.erb】
236
242
 
237
243
  ```

3

情報追加

2016/10/31 09:24

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -230,700 +230,168 @@
230
230
 
231
231
 
232
232
 
233
- ```css
234
-
235
- @import "bootstrap-sprockets";
236
-
237
- @import "bootstrap";
238
-
239
-
240
-
241
- /* mixins, variables, etc. */
242
-
243
-
244
-
245
- $gray-medium-light: #eaeaea;
246
-
247
-
248
-
249
- @mixin box_sizing {
250
-
251
- -moz-box-sizing: border-box;
252
-
253
- -webkit-box-sizing: border-box;
254
-
255
- box-sizing: border-box;
256
-
257
- }
258
-
259
-
260
-
261
- /* universal */
262
-
263
-
264
-
265
- body {
266
-
267
- padding-top: 60px;
268
-
269
- }
270
-
271
-
272
-
273
- section {
274
-
275
- overflow: auto;
276
-
277
- }
278
-
279
-
280
-
281
- textarea {
282
-
283
- resize: vertical;
284
-
285
- }
286
-
287
-
288
-
289
- .center {
290
-
291
- text-align: center;
292
-
293
- h1 {
294
-
295
- margin-bottom: 10px;
296
-
297
- }
298
-
299
- }
300
-
301
-
302
-
303
- /* typography */
304
-
305
-
306
-
307
- h1, h2, h3, h4, h5, h6 {
308
-
309
- line-height: 1;
310
-
311
- }
312
-
313
-
314
-
315
- h1 {
316
-
317
- font-size: 3em;
318
-
319
- letter-spacing: -2px;
320
-
321
- margin-bottom: 30px;
322
-
323
- text-align: center;
324
-
325
- }
326
-
327
-
328
-
329
- h2 {
330
-
331
- font-size: 1.2em;
332
-
333
- letter-spacing: -1px;
334
-
335
- margin-bottom: 30px;
336
-
337
- text-align: center;
338
-
339
- font-weight: normal;
340
-
341
- color: $gray-light;
342
-
343
- }
344
-
345
-
346
-
347
- p {
348
-
349
- font-size: 1.1em;
350
-
351
- line-height: 1.7em;
352
-
353
- }
354
-
355
-
356
-
357
-
358
-
359
- /* header */
360
-
361
-
362
-
363
- #logo {
364
-
365
- float: left;
366
-
367
- margin-right: 10px;
368
-
369
- font-size: 1.7em;
370
-
371
- color: white;
372
-
373
- text-transform: uppercase;
374
-
375
- letter-spacing: -1px;
376
-
377
- padding-top: 9px;
378
-
379
- font-weight: bold;
380
-
381
- &:hover {
382
-
383
- color: white;
384
-
385
- text-decoration: none;
386
-
387
- }
388
-
389
- }
390
-
391
-
392
-
393
- /* footer */
394
-
395
-
396
-
397
- footer {
398
-
399
- margin-top: 45px;
400
-
401
- padding-top: 5px;
402
-
403
- border-top: 1px solid $gray-medium-light;
404
-
405
- color: $gray-light;
406
-
407
- a {
408
-
409
- color: $gray;
410
-
411
- &:hover {
412
-
413
- color: $gray-darker;
414
-
415
- }
416
-
417
- }
418
-
419
- small {
420
-
421
- float: left;
422
-
423
- }
424
-
425
- ul {
426
-
427
- float: right;
428
-
429
- list-style: none;
430
-
431
- li {
432
-
433
- float: left;
434
-
435
- margin-left: 15px;
436
-
437
- }
438
-
439
- }
440
-
441
- }
442
-
443
-
444
-
445
- /* miscellaneous */
446
-
447
-
448
-
449
- .debug_dump {
450
-
451
- clear: both;
452
-
453
- float: left;
454
-
455
- width: 100%;
456
-
457
- margin-top: 45px;
458
-
459
- @include box_sizing;
460
-
461
- }
462
-
463
-
464
-
465
-
466
-
467
- /* sidebar */
468
-
469
-
470
-
471
- aside {
472
-
473
- section.user_info {
474
-
475
- margin-top: 20px;
476
-
477
- }
478
-
479
- section {
480
-
481
- padding: 10px 0;
482
-
483
- margin-top: 20px;
484
-
485
- &:first-child {
486
-
487
- border: 0;
488
-
489
- padding-top: 0;
490
-
491
- }
492
-
493
- span {
494
-
495
- display: block;
496
-
497
- margin-bottom: 3px;
498
-
499
- line-height: 1;
500
-
501
- }
502
-
503
- h1 {
504
-
505
- font-size: 1.4em;
506
-
507
- text-align: left;
508
-
509
- letter-spacing: -1px;
510
-
511
- margin-bottom: 3px;
512
-
513
- margin-top: 0px;
514
-
515
- }
516
-
517
- }
518
-
519
- }
520
-
521
-
522
-
523
- .gravatar {
524
-
525
- float: left;
526
-
527
- margin-right: 10px;
528
-
529
- }
530
-
531
-
532
-
533
- .gravatar_edit {
534
-
535
- margin-top: 15px;
536
-
537
- }
538
-
539
-
540
-
541
- .stats {
542
-
543
- overflow: auto;
544
-
545
- margin-top: 0;
546
-
547
- padding: 0;
548
-
549
- a {
550
-
551
- float: left;
552
-
553
- padding: 0 10px;
554
-
555
- border-left: 1px solid $gray-lighter;
556
-
557
- color: gray;
558
-
559
- &:first-child {
560
-
561
- padding-left: 0;
562
-
563
- border: 0;
564
-
565
- }
566
-
567
- &:hover {
568
-
569
- text-decoration: none;
570
-
571
- color: blue;
572
-
573
- }
574
-
575
- }
576
-
577
- strong {
578
-
579
- display: block;
580
-
581
- }
582
-
583
- }
584
-
585
-
586
-
587
- .likes {
588
-
589
- overflow: auto;
590
-
591
- margin-top: 0;
592
-
593
- padding: 0;
594
-
595
- a {
596
-
597
- float: left;
598
-
599
- padding: 0 10px;
600
-
601
- border-left: 1px solid $gray-lighter;
602
-
603
- color: gray;
604
-
605
- &:first-child {
606
-
607
- padding-left: 0;
608
-
609
- border: 0;
610
-
611
- }
612
-
613
- &:hover {
614
-
615
- text-decoration: none;
616
-
617
- color: blue;
618
-
619
- }
620
-
621
- }
622
-
623
- strong {
624
-
625
- display: block;
626
-
627
- }
628
-
629
- }
630
-
631
-
632
-
633
- .user_avatars {
634
-
635
- overflow: auto;
636
-
637
- margin-top: 10px;
638
-
639
- .gravatar {
640
-
641
- margin: 1px 1px;
642
-
643
- }
644
-
645
- a {
646
-
647
- padding: 0;
648
-
649
- }
650
-
651
- }
652
-
653
- .shop_avatars {
654
-
655
- overflow: auto;
656
-
657
- margin-top: 10px;
658
-
659
- .gravatar {
660
-
661
- margin: 1px 1px;
662
-
663
- }
664
-
665
- a {
666
-
667
- padding: 0;
668
-
669
- }
670
-
671
- }
672
-
673
-
674
-
675
- .users.follow {
676
-
677
- padding: 0;
678
-
679
- }
680
-
681
- .shops.follow {
682
-
683
- padding: 0;
684
-
685
- }
686
-
687
-
688
-
689
-
690
-
691
- /* forms */
692
-
693
-
694
-
695
- input, textarea, select, .uneditable-input {
696
-
697
- border: 1px solid #bbb;
698
-
699
- width: 100%;
700
-
701
- margin-bottom: 15px;
702
-
703
- @include box_sizing;
704
-
705
- }
706
-
707
-
708
-
709
- input {
710
-
711
- height: auto !important;
712
-
713
- }
714
-
715
-
716
-
717
-
718
-
719
- #error_explanation {
720
-
721
- color: red;
722
-
723
- ul {
724
-
725
- color: red;
726
-
727
- margin: 0 0 30px 0;
728
-
729
- }
730
-
731
- }
732
-
733
-
734
-
735
- .field_with_errors {
736
-
737
- @extend .has-error;
738
-
739
- .form-control {
740
-
741
- color: $state-danger-text;
742
-
743
- }
744
-
745
- }
746
-
747
-
748
-
749
- .checkbox {
750
-
751
- margin-top: -10px;
752
-
753
- margin-bottom: 10px;
754
-
755
- span {
756
-
757
- margin-left: 20px;
758
-
759
- font-weight: normal;
760
-
761
- }
762
-
763
- }
764
-
765
-
766
-
767
- #session_remember_me {
768
-
769
- width: auto;
770
-
771
- margin-left: 0;
772
-
773
- }
774
-
775
-
776
-
777
- /* Users index */
778
-
779
-
780
-
781
- .users {
782
-
783
- list-style: none;
784
-
785
- margin: 0;
786
-
787
- li {
788
-
789
- overflow: auto;
790
-
791
- padding: 10px 0;
792
-
793
- border-bottom: 1px solid $gray-lighter;
794
-
795
- }
796
-
797
- }
798
-
799
- .shops {
800
-
801
- list-style: none;
802
-
803
- margin: 0;
804
-
805
- li {
806
-
807
- overflow: auto;
808
-
809
- padding: 10px 0;
810
-
811
- border-bottom: 1px solid $gray-lighter;
812
-
813
- }
814
-
815
- }
816
-
817
-
818
-
819
-
820
-
821
- /* microposts */
822
-
823
-
824
-
825
- .microposts {
826
-
827
- list-style: none;
828
-
829
- padding: 0;
830
-
831
- li {
832
-
833
- padding: 10px 0;
834
-
835
- border-top: 1px solid #e8e8e8;
836
-
837
- }
838
-
839
- .user {
840
-
841
- margin-top: 5em;
842
-
843
- padding-top: 0;
844
-
845
- }
846
-
847
- .shop {
848
-
849
- margin-top: 5em;
850
-
851
- padding-top: 0;
852
-
853
- }
854
-
855
- .content {
856
-
857
- display: block;
858
-
859
- margin-left: 60px;
860
-
861
- img {
862
-
863
- display: block;
864
-
865
- padding: 5px 0;
866
-
867
- }
868
-
869
- }
870
-
871
- .timestamp {
872
-
873
- color: $gray-light;
874
-
875
- display: block;
876
-
877
- margin-left: 60px;
878
-
879
- }
880
-
881
- .gravatar {
882
-
883
- float: left;
884
-
885
- margin-right: 10px;
886
-
887
- margin-top: 5px;
888
-
889
- }
890
-
891
- }
892
-
893
-
894
-
895
- aside {
896
-
897
- textarea {
898
-
899
- height: 100px;
900
-
901
- margin-bottom: 5px;
902
-
903
- }
904
-
905
- }
906
-
907
-
908
-
909
- span.picture {
910
-
911
- margin-top: 10px;
912
-
913
- input {
914
-
915
- border: 0;
916
-
917
- }
918
-
919
- }
920
-
921
- .morecontent span {
922
-
923
- display: none;
924
-
925
- }
926
-
927
-
928
-
929
- ```
233
+
234
+
235
+ 【micropost.html.erb】
236
+
237
+ ```
238
+
239
+ <li id="micropost-<%= micropost.id %>">
240
+
241
+
242
+
243
+ <!-- ユーザーアイコン -->
244
+
245
+ <% if micropost.shop.nil? %>
246
+
247
+ <%= link_to gravatar_for(micropost.user, size: 50), micropost.user %>
248
+
249
+ <% elsif micropost.user.nil? %>
250
+
251
+ <%= link_to gravatar_to(micropost.shop, size: 50), micropost.shop %>
252
+
253
+ <% end %>
254
+
255
+
256
+
257
+ <!-- ユーザー名 -->
258
+
259
+ <% if micropost.shop.nil? %>
260
+
261
+ <!-- User名 -->
262
+
263
+ <span class="user"><%= link_to micropost.user.username, micropost.user %></span>
264
+
265
+ <% elsif micropost.user.nil? %>
266
+
267
+ <!-- Shop名 -->
268
+
269
+ <span class="user"><%= link_to micropost.shop.shopname, micropost.shop %></span>
270
+
271
+ <% end %>
272
+
273
+
274
+
275
+ <!-- User/Shop 共通 -->
276
+
277
+ <span class="content">
278
+
279
+ <!-- 投稿文 -->
280
+
281
+ <div class="more">
282
+
283
+ <%= micropost.content %>
284
+
285
+ </div>
286
+
287
+ <!-- 投稿写真 -->
288
+
289
+ <%= image_tag micropost.picture.url if micropost.picture? %>
290
+
291
+ </span>
292
+
293
+ <!-- 投稿時間 -->
294
+
295
+ <span class="timestamp">
296
+
297
+ Posted <%= time_ago_in_words(micropost.created_at) %> ago.
298
+
299
+ </span>
300
+
301
+
302
+
303
+
304
+
305
+ <% if user_signed_in? %>
306
+
307
+ <!-- 削除リンク User ver-->
308
+
309
+ <% if current_user?(micropost.user) %>
310
+
311
+ <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
312
+
313
+ <% end %>
314
+
315
+
316
+
317
+ <!-- お気に入り登録リンク user-to-micropost.user-->
318
+
319
+ <% if micropost.shop.nil? %>
320
+
321
+ <% if !current_user?(micropost.user) %>
322
+
323
+ <%= render 'evaluates/evaluate_links', micropost: micropost %>
324
+
325
+ <% end %>
326
+
327
+
328
+
329
+ <% elsif micropost.user.nil? %>
330
+
331
+ <!-- いいね！リンク user-to-micropost.shop -->
332
+
333
+ <% if !current_user?(micropost.user) %>
334
+
335
+ <%= render 'praises/praise_links', micropost: micropost %>
336
+
337
+ <% end %>
338
+
339
+ <% end %>
340
+
341
+
342
+
343
+
344
+
345
+
346
+
347
+ <% elsif shop_signed_in? %>
348
+
349
+ <!-- 削除リンク Shop ver-->
350
+
351
+ <% if current_shop?(micropost.shop) %>
352
+
353
+ <%= link_to "delete", micropost, method: :delete, data: { confirm: "You sure?" } %>
354
+
355
+ <% end %>
356
+
357
+
358
+
359
+ <% if micropost.shop.nil? %>
360
+
361
+ <!-- お気に入り登録リンク shop-to-micropost.user-->
362
+
363
+ <% if !current_shop?(micropost.shop) %>
364
+
365
+ <%= render 'sympathizes/sympathize_links', micropost: micropost %>
366
+
367
+ <% end %>
368
+
369
+
370
+
371
+ <% elsif micropost.user.nil? %>
372
+
373
+ <!-- いいね！リンク shop-to-micropost.shop -->
374
+
375
+ <% if !current_shop?(micropost.shop) %>
376
+
377
+ <%= render 'likes/like_links', micropost: micropost %>
378
+
379
+ <% end %>
380
+
381
+ <% end %>
382
+
383
+
384
+
385
+
386
+
387
+ <% end %>
388
+
389
+
390
+
391
+ <%= link_to 'コメントを見る', micropost_path(micropost.id) %>
392
+
393
+
394
+
395
+ </li>
396
+
397
+ ```

2

情報追加

2016/10/31 09:23

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -227,3 +227,703 @@
227
227
  ・script記述後
228
228
 
229
229
  ![イメージ説明](e7431789f670d1602f6812cdc6f2f9c8.png)
230
+
231
+
232
+
233
+ ```css
234
+
235
+ @import "bootstrap-sprockets";
236
+
237
+ @import "bootstrap";
238
+
239
+
240
+
241
+ /* mixins, variables, etc. */
242
+
243
+
244
+
245
+ $gray-medium-light: #eaeaea;
246
+
247
+
248
+
249
+ @mixin box_sizing {
250
+
251
+ -moz-box-sizing: border-box;
252
+
253
+ -webkit-box-sizing: border-box;
254
+
255
+ box-sizing: border-box;
256
+
257
+ }
258
+
259
+
260
+
261
+ /* universal */
262
+
263
+
264
+
265
+ body {
266
+
267
+ padding-top: 60px;
268
+
269
+ }
270
+
271
+
272
+
273
+ section {
274
+
275
+ overflow: auto;
276
+
277
+ }
278
+
279
+
280
+
281
+ textarea {
282
+
283
+ resize: vertical;
284
+
285
+ }
286
+
287
+
288
+
289
+ .center {
290
+
291
+ text-align: center;
292
+
293
+ h1 {
294
+
295
+ margin-bottom: 10px;
296
+
297
+ }
298
+
299
+ }
300
+
301
+
302
+
303
+ /* typography */
304
+
305
+
306
+
307
+ h1, h2, h3, h4, h5, h6 {
308
+
309
+ line-height: 1;
310
+
311
+ }
312
+
313
+
314
+
315
+ h1 {
316
+
317
+ font-size: 3em;
318
+
319
+ letter-spacing: -2px;
320
+
321
+ margin-bottom: 30px;
322
+
323
+ text-align: center;
324
+
325
+ }
326
+
327
+
328
+
329
+ h2 {
330
+
331
+ font-size: 1.2em;
332
+
333
+ letter-spacing: -1px;
334
+
335
+ margin-bottom: 30px;
336
+
337
+ text-align: center;
338
+
339
+ font-weight: normal;
340
+
341
+ color: $gray-light;
342
+
343
+ }
344
+
345
+
346
+
347
+ p {
348
+
349
+ font-size: 1.1em;
350
+
351
+ line-height: 1.7em;
352
+
353
+ }
354
+
355
+
356
+
357
+
358
+
359
+ /* header */
360
+
361
+
362
+
363
+ #logo {
364
+
365
+ float: left;
366
+
367
+ margin-right: 10px;
368
+
369
+ font-size: 1.7em;
370
+
371
+ color: white;
372
+
373
+ text-transform: uppercase;
374
+
375
+ letter-spacing: -1px;
376
+
377
+ padding-top: 9px;
378
+
379
+ font-weight: bold;
380
+
381
+ &:hover {
382
+
383
+ color: white;
384
+
385
+ text-decoration: none;
386
+
387
+ }
388
+
389
+ }
390
+
391
+
392
+
393
+ /* footer */
394
+
395
+
396
+
397
+ footer {
398
+
399
+ margin-top: 45px;
400
+
401
+ padding-top: 5px;
402
+
403
+ border-top: 1px solid $gray-medium-light;
404
+
405
+ color: $gray-light;
406
+
407
+ a {
408
+
409
+ color: $gray;
410
+
411
+ &:hover {
412
+
413
+ color: $gray-darker;
414
+
415
+ }
416
+
417
+ }
418
+
419
+ small {
420
+
421
+ float: left;
422
+
423
+ }
424
+
425
+ ul {
426
+
427
+ float: right;
428
+
429
+ list-style: none;
430
+
431
+ li {
432
+
433
+ float: left;
434
+
435
+ margin-left: 15px;
436
+
437
+ }
438
+
439
+ }
440
+
441
+ }
442
+
443
+
444
+
445
+ /* miscellaneous */
446
+
447
+
448
+
449
+ .debug_dump {
450
+
451
+ clear: both;
452
+
453
+ float: left;
454
+
455
+ width: 100%;
456
+
457
+ margin-top: 45px;
458
+
459
+ @include box_sizing;
460
+
461
+ }
462
+
463
+
464
+
465
+
466
+
467
+ /* sidebar */
468
+
469
+
470
+
471
+ aside {
472
+
473
+ section.user_info {
474
+
475
+ margin-top: 20px;
476
+
477
+ }
478
+
479
+ section {
480
+
481
+ padding: 10px 0;
482
+
483
+ margin-top: 20px;
484
+
485
+ &:first-child {
486
+
487
+ border: 0;
488
+
489
+ padding-top: 0;
490
+
491
+ }
492
+
493
+ span {
494
+
495
+ display: block;
496
+
497
+ margin-bottom: 3px;
498
+
499
+ line-height: 1;
500
+
501
+ }
502
+
503
+ h1 {
504
+
505
+ font-size: 1.4em;
506
+
507
+ text-align: left;
508
+
509
+ letter-spacing: -1px;
510
+
511
+ margin-bottom: 3px;
512
+
513
+ margin-top: 0px;
514
+
515
+ }
516
+
517
+ }
518
+
519
+ }
520
+
521
+
522
+
523
+ .gravatar {
524
+
525
+ float: left;
526
+
527
+ margin-right: 10px;
528
+
529
+ }
530
+
531
+
532
+
533
+ .gravatar_edit {
534
+
535
+ margin-top: 15px;
536
+
537
+ }
538
+
539
+
540
+
541
+ .stats {
542
+
543
+ overflow: auto;
544
+
545
+ margin-top: 0;
546
+
547
+ padding: 0;
548
+
549
+ a {
550
+
551
+ float: left;
552
+
553
+ padding: 0 10px;
554
+
555
+ border-left: 1px solid $gray-lighter;
556
+
557
+ color: gray;
558
+
559
+ &:first-child {
560
+
561
+ padding-left: 0;
562
+
563
+ border: 0;
564
+
565
+ }
566
+
567
+ &:hover {
568
+
569
+ text-decoration: none;
570
+
571
+ color: blue;
572
+
573
+ }
574
+
575
+ }
576
+
577
+ strong {
578
+
579
+ display: block;
580
+
581
+ }
582
+
583
+ }
584
+
585
+
586
+
587
+ .likes {
588
+
589
+ overflow: auto;
590
+
591
+ margin-top: 0;
592
+
593
+ padding: 0;
594
+
595
+ a {
596
+
597
+ float: left;
598
+
599
+ padding: 0 10px;
600
+
601
+ border-left: 1px solid $gray-lighter;
602
+
603
+ color: gray;
604
+
605
+ &:first-child {
606
+
607
+ padding-left: 0;
608
+
609
+ border: 0;
610
+
611
+ }
612
+
613
+ &:hover {
614
+
615
+ text-decoration: none;
616
+
617
+ color: blue;
618
+
619
+ }
620
+
621
+ }
622
+
623
+ strong {
624
+
625
+ display: block;
626
+
627
+ }
628
+
629
+ }
630
+
631
+
632
+
633
+ .user_avatars {
634
+
635
+ overflow: auto;
636
+
637
+ margin-top: 10px;
638
+
639
+ .gravatar {
640
+
641
+ margin: 1px 1px;
642
+
643
+ }
644
+
645
+ a {
646
+
647
+ padding: 0;
648
+
649
+ }
650
+
651
+ }
652
+
653
+ .shop_avatars {
654
+
655
+ overflow: auto;
656
+
657
+ margin-top: 10px;
658
+
659
+ .gravatar {
660
+
661
+ margin: 1px 1px;
662
+
663
+ }
664
+
665
+ a {
666
+
667
+ padding: 0;
668
+
669
+ }
670
+
671
+ }
672
+
673
+
674
+
675
+ .users.follow {
676
+
677
+ padding: 0;
678
+
679
+ }
680
+
681
+ .shops.follow {
682
+
683
+ padding: 0;
684
+
685
+ }
686
+
687
+
688
+
689
+
690
+
691
+ /* forms */
692
+
693
+
694
+
695
+ input, textarea, select, .uneditable-input {
696
+
697
+ border: 1px solid #bbb;
698
+
699
+ width: 100%;
700
+
701
+ margin-bottom: 15px;
702
+
703
+ @include box_sizing;
704
+
705
+ }
706
+
707
+
708
+
709
+ input {
710
+
711
+ height: auto !important;
712
+
713
+ }
714
+
715
+
716
+
717
+
718
+
719
+ #error_explanation {
720
+
721
+ color: red;
722
+
723
+ ul {
724
+
725
+ color: red;
726
+
727
+ margin: 0 0 30px 0;
728
+
729
+ }
730
+
731
+ }
732
+
733
+
734
+
735
+ .field_with_errors {
736
+
737
+ @extend .has-error;
738
+
739
+ .form-control {
740
+
741
+ color: $state-danger-text;
742
+
743
+ }
744
+
745
+ }
746
+
747
+
748
+
749
+ .checkbox {
750
+
751
+ margin-top: -10px;
752
+
753
+ margin-bottom: 10px;
754
+
755
+ span {
756
+
757
+ margin-left: 20px;
758
+
759
+ font-weight: normal;
760
+
761
+ }
762
+
763
+ }
764
+
765
+
766
+
767
+ #session_remember_me {
768
+
769
+ width: auto;
770
+
771
+ margin-left: 0;
772
+
773
+ }
774
+
775
+
776
+
777
+ /* Users index */
778
+
779
+
780
+
781
+ .users {
782
+
783
+ list-style: none;
784
+
785
+ margin: 0;
786
+
787
+ li {
788
+
789
+ overflow: auto;
790
+
791
+ padding: 10px 0;
792
+
793
+ border-bottom: 1px solid $gray-lighter;
794
+
795
+ }
796
+
797
+ }
798
+
799
+ .shops {
800
+
801
+ list-style: none;
802
+
803
+ margin: 0;
804
+
805
+ li {
806
+
807
+ overflow: auto;
808
+
809
+ padding: 10px 0;
810
+
811
+ border-bottom: 1px solid $gray-lighter;
812
+
813
+ }
814
+
815
+ }
816
+
817
+
818
+
819
+
820
+
821
+ /* microposts */
822
+
823
+
824
+
825
+ .microposts {
826
+
827
+ list-style: none;
828
+
829
+ padding: 0;
830
+
831
+ li {
832
+
833
+ padding: 10px 0;
834
+
835
+ border-top: 1px solid #e8e8e8;
836
+
837
+ }
838
+
839
+ .user {
840
+
841
+ margin-top: 5em;
842
+
843
+ padding-top: 0;
844
+
845
+ }
846
+
847
+ .shop {
848
+
849
+ margin-top: 5em;
850
+
851
+ padding-top: 0;
852
+
853
+ }
854
+
855
+ .content {
856
+
857
+ display: block;
858
+
859
+ margin-left: 60px;
860
+
861
+ img {
862
+
863
+ display: block;
864
+
865
+ padding: 5px 0;
866
+
867
+ }
868
+
869
+ }
870
+
871
+ .timestamp {
872
+
873
+ color: $gray-light;
874
+
875
+ display: block;
876
+
877
+ margin-left: 60px;
878
+
879
+ }
880
+
881
+ .gravatar {
882
+
883
+ float: left;
884
+
885
+ margin-right: 10px;
886
+
887
+ margin-top: 5px;
888
+
889
+ }
890
+
891
+ }
892
+
893
+
894
+
895
+ aside {
896
+
897
+ textarea {
898
+
899
+ height: 100px;
900
+
901
+ margin-bottom: 5px;
902
+
903
+ }
904
+
905
+ }
906
+
907
+
908
+
909
+ span.picture {
910
+
911
+ margin-top: 10px;
912
+
913
+ input {
914
+
915
+ border: 0;
916
+
917
+ }
918
+
919
+ }
920
+
921
+ .morecontent span {
922
+
923
+ display: none;
924
+
925
+ }
926
+
927
+
928
+
929
+ ```

1

情報追加

2016/10/31 09:01

投稿

s.k
s.k

スコア423

test CHANGED
File without changes
test CHANGED
@@ -211,3 +211,19 @@
211
211
 
212
212
 
213
213
  ご教示ください。お願いします。
214
+
215
+
216
+
217
+ ###<情報追加>
218
+
219
+
220
+
221
+ ・通常の投稿の文字数
222
+
223
+ ![イメージ説明](56292fb24a038623fa4f60a0fbf4be40.png)
224
+
225
+
226
+
227
+ ・script記述後
228
+
229
+ ![イメージ説明](e7431789f670d1602f6812cdc6f2f9c8.png)