常連

#Googleスプレッドシート query関数、impotrange（結合）がエラーになる
以下のことを実現したいのですが
0. importrange関数で別ファイル、同シートの複数列を結合して取得し（データ数が多いため）
0. 1をQuery関数で7列目から都道府県名を指定して取得したい


現在の関数は以下です。

=query({
IMPORTRANGE("スプレッドシートURL","シート名!B3:E"),
IMPORTRANGE("スプレッドシートURL","シート名!F3:I"),
IMPORTRANGE("スプレッドシートURL","シート名!J3:M"),
IMPORTRANGE("スプレッドシートURL","シート名!N3:Q")},
"where col7 = '宮城県'")

B列から7列目の値は都道府県で、
現在の結果が#VALUE!、関数 QUERY のパラメータ 2 のクエリ文字列を解析できません: NO_COLUMN: col7、になっています。

こちらのサイトで似たようなQAがあったので、いくつか試しているのですが一向に上手くいきません。

条件指定しなければimpotrangeの結合が正しく機能するかを以下で試したところ、これは上手くいきます。
={
IMPORTRANGE("スプレッドシートURL","シート名!B3:E"),
IMPORTRANGE("スプレッドシートURL","シート名!F3:I"),
IMPORTRANGE("スプレッドシートURL","シート名!J3:M"),
IMPORTRANGE("スプレッドシートURL","シート名!N3:Q")}

基礎知識が不足しているのは理解しており、調べながら覚えている状態です。
お知恵をお借りできますと、幸いです。

query関数、impotrange（結合）がエラーになる

Instagram Graph API　を使ってWEBサイトに Instagram の投稿のデータを表示させようとしています。

様々なサイトを参照して無制限のアクセストークンを取得し、「media_url」「permalink」「caption」を表示させることはできました。
しかし、なぜか「thumbnail_url」だけが取得できません。

方法は下記のようなurlをコード内で作成し、phpのcurlを使う方法です。

https://graph.facebook.com/v9.0/(instagram_business_id)?fields=business_discovery.username(user_name)%7Bid,followers_count,media_count,ig_id,media%7Bcaption,media_url,media_type,like_count,comments_count,timestamp,id%7D%7D&access_token=(access_token)
https://graph.facebook.com

※(instagram_business_id)(user_name)(access_token)は実際のものを使っています。

上記URLをブラウザに入力して叩くと配列が表示できます。
しかし、上記URLの「media_type」の後などに「thumbnail_url」をカンマ区切りで追加すると下記のようなエラーが出ます。

{
"error": {
"message": "(#100) Tried accessing nonexisting field (thumbnail_url) on node type (IGUser)",
"type": "OAuthException",
"code": 100,
"fbtrace_id": "xxxxxxxxxxxxxxxxxxxxxxx"
}
}

アプリのアクセス許可には以下を追加しています。
business_management
pages_show_list
pages_manage_ads
pages_manage_metadata
pages_read_engagement
pages_read_user_content
instagram_basic
instagram_manage_comments
instagram_manage_insights

どなたか原因がわかる方いらっしゃいましたら、ご教示いただけると非常に助かります。
よろしくお願いいたします。





Instagram Graph APIで投稿データを取得したい

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-05/bc822716-d297-449e-8228-4f57fa8e2070.png)### 前提

ここに質問の内容を詳しく書いてください。
jqueryにて　ハンバーガーメニューを作成しているのですがレスポンシブ対応をしたくて
スマホサイズのブレークポイントを@media screen and (max-width:480px)に設定したのですが
ヘッダー部分から見切れてしまいます。

ヘッダー部分にハンバーガーメニューを載せたいです

### 実現したいこと

ここに実現したいことを箇条書きで書いてください。
ヘッダー部分にハンバーガーメニューを載せたいです




### 該当のソースコード
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>ハンバーガーメニュー</title>
  <link rel="stylesheet" href="reset.css" />
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <header>
    <h1 class="heading">
      SHOGO<span> NAKAMURA</span>
    </h1>

    <nav>
      <ul class="list_nav_header">
        <li>
          <a href="#profile">Profile</a>
        </li>
        <li>
          <a href="#im-skill">Skill</a>
        </li>
        <li>
          <a href="#contact">Contact</a>
        </li>
        <li class="Twitter">
          <a href="https://twitter.com/8K0zwoxb0m93r1q">
            <img src="img/Twitter.png">
          </a>
        </li>
      </ul>
   
    



    </nav>
    <div class="hamburger">
      <span></span>
      <span></span>
      <span></span>
    </div>
    
    <nav class="globalMenuSp">
        <ul>
            <li><a href="#profile">Profile</a></li>
            <li><a href="#im-skill">Skill</a></li>
            <li><a href="#contact">contact</a></li>
          </ul>
    </nav>


  </header>

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  <script>
$(function() {
    $('.hamburger').click(function() {
        $(this).toggleClass('active');
 
        if ($(this).hasClass('active')) {
            $('.globalMenuSp').addClass('active');
        } else {
            $('.globalMenuSp').removeClass('active');
        }
    });
});

$('a[href^="#"]').click(function () {
    var speed = 400;
    var href = $(this).attr("href");
    var target = $(href == "#" || href == "" ? 'html' : href);
    var position = target.offset().top;
    $('body,html').animate({ scrollTop: position }, speed, 'swing');
    return false;
});
 
 </script>



 @media screen and (min-width:480px){
  header{
    width: 100%;
    height: 100px; 
    background-color: #000000;
  }
  header h1{
  width: 100%;
   font-size: 30px;
   color: white;
   float: left;
   position: relative;
   right: 5px;
  }
  span{
    display: block;
  }

  .list_nav_header {
    display: flex;
    align-items: center;
    gap: 40px;
    font-family:Arial Black;
    display: none;
  }


  .Twitter img{
    width: 50px;
    height: 50px;
    border-radius:50%;
  
  }



  main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
   }

 


  .burger img{
    border-radius: 30px;
  }
  
  
  .burger:hover {
    background-color: #ddd;
  }
  .burger.is-active {
    background-image: url(img/close.svg);
  }

.menu {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 20vh;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.menu_header{
  align-items: center;
  gap: 40px;
  font-family:Arial Black;
}
  


.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  margin-top: 15px;
}
.hamburger span {
	display: inline-block;
  font-size: 0;
  position: fixed;
  left: 15px;
  background : #FFFFFF;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition   : 0.5s ease-in-out;
  transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(315deg);
  -moz-transform   : rotate(315deg);
  transform        : rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(-315deg);
  -moz-transform   : rotate(-315deg);
  transform        : rotate(-315deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  background-image: url(img/IMG_4666.JPG);
  margin: 0 auto;
  padding: 0;
  width: 100%;
}



nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}

 }











```ここに言語名を入力
ソースコード
```

### 試したこと
min-width:480pxに変更かけたり
display: inline;に変更


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。


ハンバーガーメニュー　表示位置

初心者のブロガー、且つ初歩的な質問で大変お恥ずかしいですが、
親切な方、ご教示いただけますと幸いです。

【質問】
「Translate wordpress with gtranslate」のプルダウン非表示について

【前提】
・「The Thor」のテーマを使用している。
・「[アッキーのブログ](https://investor-weekend-love.com/)」を運用している。
　※現在、編集中でして、大変お恥ずかしいです。。

【実現したかったケース】
翻訳機能を通して、外国語対応をしたサイトにするために、
「Translate wordpress with gtranslate」を導入し、右上にボタンが反映の上、当該プルダウンも表示させます。
その上、選択した言語に応じて、自動で翻訳させる、というケースになります。

【実際の事象】
「Translate wordpress with gtranslate」を導入し、右上にボタンが反映されるようなったが、
**当該プルダウンが表示されず、そのボタンを押しますと、上部へスクロールしてしまいます。**

推測される原因は、右下にある「上部へのスクロール（The Thorの仕様？）」の機能と
干渉してしまっているのではないか、と思われます。

以上となります、どうぞよろしくお願いいたします。


「Translate wordpress with gtranslate」のプルダウン非表示について

現在SNSアプリをrails7を用いて作成しており、turboによる非同期のいいねシステムを作ろうと思っていた矢先以下のようなエラーが発生してしまいました泣

---------------------------------------------------------------------------------------------

以下のサイトを参考にturboを用いてハートボタン（コード１の１３行目）を押したところ図３のようなビューに移行しました。
ハートボタンの色といいね数を非同期で変更したいのですがどうすればよいでしょうか？
ご教授お願いします

参考サイト
https://blog.aiandrox.com/posts/tech/2021/09/10/

https://zenn.dev/shita1112/books/cat-hotwire-turbo/viewer/turbo-streams-fetch

図３
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-10-23/53c9dade-09c2-42de-b842-859b4e19e5db.png)

--------------------------------------------
コード１

```erb/app/viws/likes/_likes
<% if @posted %>
    <% post = @posted %>
<% end %>
<%# turbo_stream.update :like_buttons do %>
    <turbo_stream id="like_buttons">
    <% if Liker.find_by(content: session[:user_id],content2: post.id) %>
        <%= link_to "/likes/#{post.id}/destroy" do %>
            <span class="fa fa-heart liked-btn"></span>
        <% end%>
    <% else %>
        <%# link_to "/likes/#{post.id}/create", remote: true do %>
        <%# 下記リンクをクリックしたとき、`like_buttons ` という名前の Turbo Frame を更新する %>
        <%= link_to "/likes/#{post.id}/create" do %>
            <span class="fa fa-heart unliked-btn"></span>
        <% end %>
    <% end %>
    <div>
        <%= Liker.where(content2: post.id).count %>
    </div>
    </turbo-frame>
<%# end %>
```
コード２
```ruby/app/controllers/likescontroller
class LikesController < ApplicationController
    before_action :authenticate_user
    def create
        @posted = Posted.find_by(id: params[:post_id])
        @posts = Posted.all.order(created_at: :desc)
        if  !Liker.find_by(content: session[:user_id], content2: params[:post_id])
            @like = Liker.new(
                content: session[:user_id],
                content2: params[:post_id]
            )
            @like.save
        end
        render turbo_stream: turbo_stream.update(
            'like-buttons',
            partial: 'likes/likes',
            locals: { post: @posted}
        )
        #format.html { render :_likes }
        #render :_likes
    end

    def destroy
        @like = Liker.find_by(
            content: session[:user_id],
            content2: params[:post_id]
        )
        @like.destroy
        redirect_to("/")
    end

end
```
コード３
```erb/app/views/home/top

<% @posts.each do |post| %>
<div class="posted-detail-overlay"></div>
<div class="posted-detail">
    <%= link_to("削除する", "/#{post.id}/destroy") %>
</div>
<div>
        <div class="posting-container" id="favorite_<%= post.id%>">
            <a class="three-dot-leader">...</a>
            <%= link_to post.user.content3, "/users/#{post.user.id}" %>
            <%= link_to post.content, "/posts/#{post.id}", class: 'posted-show' %>
            <%= render "likes/likes", post: post %>

            <div class="post-time">
                <%= post.created_at%>
            </div>
        </div>
</div>
<% end %>

```

JQL (JIRA Query Language)