常連

注目の的

ヘッダー内で、ログイン時の画面、ログインしていないときの画面の切り替え処理をヘルパーでさせたいのですが

していないときの処理時、link_toを２つ（新規登録とログイン）helper内に書くと

最後のだけしか表示されない（下記例だと新規登録のみ）のですが、

２つ表示させる方法はありますか？

教えて頂けると幸いです。

```helper
    def header_login
        if user_signed_in? 
            link_to current_user.email, "/"  
        else
            link_to "ログイン", new_user_session_path, class: 'post' 
            link_to "新規登録", new_user_registration_path, class: 'post' 
        end
    end
```

![イメージ説明](eec6ac80b9839318fdfcbfb4ec7dfa9c.png)

Rails6 helper内でlink_toを複数使うと最後のしか反映されない

以下のようなルーティングとコントローラーの書き方をしている場合、

より少ない行数で書く方法などはないでしょうか？

教えて頂けると幸いです。


```route
get "policy1" => "top#policy1"
get "policy2" => "top#policy2"
get "policy3" => "top#policy3"
get "policy4" => "top#policy4"
get "policy5" => "top#policy5"
             .
             .
             .
             .
get "policy20" => "top#policy20"
```
```conroller
  def policy1
  end
  def policy2
  end
  def policy3
  end
  def policy4
  end
  def policy5
  end
             .
             .
             .
             .
  def policy20
  end
```

Rails ルーティングとアクションの効率的な書きかた

photoshop（illustratorでも可）で画像の縮小を行いたいのですが、画像が劣化してしまいます。

スマートオブジェクトなどに変換してもぼやけてしまうのですが、ぼやかさないで縮小を大幅に行うことは難しいのでしょうか？

教えていただけると幸いです。

700×467を80×53にしています。
![サンプル編集前](db8ed0a4a7f62a8a9fe8a7e29fe40dc1.png)
![サンプル編集後](d05356262243cf6b32e50eb1b7506dd2.png)

photoshop 画像縮小　ぼやかさない

jscrollで無限スクロールを実装しているのですが、

PCだと読み込まれるのが、スマホ版にするとうまく読み込まれません。

試しに、ページの下部10%になった読み込むようにすればうまくいくかなと思い、やってみたのですが、

こちらもうまくいきませんでした。



```jscroll.js
$(document).on('scroll', function() {
    scrollHeight = $(document).height();
    scrollPosition = $(window).height() + $(window).scrollTop();
    if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.1) {
            var jscrollOption = {
                // callback: true,
                loadingHtml: '<div class="loading"><img src="/assets/Preloader_1.gif" alt="Loading" /> Loading...</div>', 
                autoTrigger: true, 
                padding: 20,
                nextSelector: 'span.next:last a', 
                contentSelector:' .ex-con'
            }
            $('.f-container').jscroll(jscrollOption);
        
    }
});

```
上手くいく場合class="pagination"の下にclass="jscroll-added"が追加されてその下にclass="f-item"が続きます。
![PC](1bdde055c641304b62ce87c1e5843ab7.png)

スマホではclass="jscroll-added"追加されない。
![スマホ](178bed26721de784724506cc8c507624.png)

そもそもjscroll.jsがpcだと上手く読み込まれて、スマホでは読み込まれてもいないです(class="jscroll-inner"がスマホでは追加されていない。)。


PCでは動いてスマホでは動かないといった場合は、どのような問題が考えられるのでしょうか？


教えて頂けると幸いです。


---

```ここに言語を入力
$(window).on('load', function() {
    scrollHeight = $(document).height();
    scrollPosition = $(window).height() + $(window).scrollTop();
    if ( (scrollHeight - scrollPosition) / scrollHeight <= 0.1) {
            var jscrollOption = {
                // callback: true,
                loadingHtml: '<div class="loading"><img src="/assets/Preloader_1.gif" alt="Loading" /> Loading...</div>', // 記事読み込み中の表示、画像等をHTML要素で指定することも可能
                autoTrigger: true, 
                padding: 20,
                nextSelector: 'span.next:last a', 
                contentSelector:' .ex-con'
            }
            $('.f-container').jscroll(jscrollOption);
        

    }
});
```

$(window).on('load', function() にすればスマホでもclass="jscroll-inner"は追加（jscroll.jsは読み込まれた）されましたが、

class="jscroll-added"は追加されませんでした。

Rails6 無限スクロール　スマホだと動かない

開発でログを見てると

Webpacker Everything's up-to-date. Nothing to do 

というのがやけに沢山表示されるのですが、これはどういった意味なのでしょうか？

また、たくさん出ていることに問題はありますか？

教えて頂けると幸いです。

![イメージ説明](a6523ad7f50505984a913d8ab225fadc.png)

Webpacker Everything's up-to-date. Nothing to do

あるページから特定の要素（タイトルなど）を取得してきて、表示させたいのですが、

表示されません。

どこに問題があるのか、また問題の見つけ方など教えて頂けると幸いです。


```ここに言語を入力
$(function(){
    $.ajax({
      url: 'https://www.jftc.or.jp/',    // 表示させたいコンテンツがあるページURL
      cache: false,
      datatype: 'html',
      success: function(html) {
          var h = $(html).find('.title');    // 表示させたいコンテンツの要素を指定
          $('#wrap').append(h);    // append関数で指定先の要素へ出力
      }
    });
  });
```

```ここに言語を入力
  <div id="wrap">

  </div>
```

JQuery Ajaxでページから要素の取得、表示

Rubyのkaminariを用いて、外国企業の業績をスクレイピングをしたく、下記サイトの損益計算書の所をスクレイピングしたのですが、

[リンク内容](https://jp.tradingview.com/symbols/NASDAQ-AAPL/?utm_campaign=symbol-info&utm_medium=widget_new&utm_source=jp.tradingview.com)

数字のところがハイフンになってスクレイピング出来ませんでした。

フリーキャッシュフローや損益計算書の文字は表示できるのですが、

一部をスクレイピングさせないような設定などがされているのでしょうか？

教えて頂けると幸いです。




```ここに言語を入力
require 'open-uri'
require 'nokogiri'
require 'sanitize'

url = 'https://jp.tradingview.com/symbols/NASDAQ-AAPL/?utm_campaign=symbol-info&utm_medium=widget_new&utm_source=jp.tradingview.com'

charset = nil
html = open(url) do |f|
  charset = f.charset
  f.read 
end


doc = Nokogiri::HTML.parse(html, nil, charset)
body = doc.at_css(".tv-widget-fundamentals__value")


File.open("./nokogiri.txt","w") do |f|
  f.write(body)
end




```

Ruby スクレイピング　表示されない仕様？

スマホ用の画面では、setSwipeを用いて横方向のスワイプでサイドバーの出し入れを行っているのですが、

これを用いると、縦方向にスワイプしようとするともたついたり、反応しなかったりします。

試しにsetSwipeが書かれたjsを消すと縦にちゃんとスワイプできるようになるので、

このjsに問題があるのですが、修正点などありましたら教えて頂けきたいです。

```ここに言語を入力
$(function() { function setSwipe(elem) { 
    let t = document.querySelector(elem); 
    let startX; 
    let startY; 
    let moveX; 
    let moveY;  
    let dist = 200; 
    t.addEventListener("touchstart", function(e) { e.preventDefault(); startX = e.touches[0].pageX; startY = e.touches[0].pageY;}, {passive: true});
    t.addEventListener("touchmove", function(e) { e.preventDefault(); moveX = e.changedTouches[0].pageX;moveY = e.changedTouches[0].pageY; }, {passive: false});
    t.addEventListener("touchend", function(e) { if (startX > moveX && startX > moveX + dist) { $(".menubar").toggleClass("show"); } 
    else if (startX < moveX && startX + dist < moveX) { $(".menubar").toggleClass("show"); } }, {passive: false}); }; 
    setSwipe('.f-container'); });
```