常連

回答者

ベストアンサー

拍手喝采

情報収集家

支持者

自己紹介

Chromeの右クリック（コンテクストメニュー）からデベロッパーツールを呼び出す添え字が現在「(I)」になっているのですが、これを変更するにはどうしたらよいでしょうか。

現在
「検証(I)」
↓
希望
「検証(W)」


![イメージ説明](125b48f593d9d2c4b858433051e08c7f.png)

Chromeの右クリック（コンテクストメニュー）からデベロッパーツールを呼び出す添え字の変更

こんにちは。

htmlとcssを使ってハンバーガーメニューを作りたいです。
このページ([CodePen Home
PURE CSS SIDEBAR TOGGLE MENU](https://codepen.io/plavookac/pen/qomrMw))を参考にしているのですが、メインコンテンツを表示する場所にカードを作って表示すると、スライドインするメニューがカードの下に隠れてしまいます。
```html
<!doctype html>
<html lang="en">

<head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
        integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

    
    <link rel="stylesheet" href="basic_layout.css">

    <title>Hello, world!</title>
</head>

<body>

    <div class="header"></div>
    <input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
    <label for="openSidebarMenu" class="sidebarIconToggle">
        <div class="spinner diagonal part-1"></div>
        <div class="spinner horizontal"></div>
        <div class="spinner diagonal part-2"></div>
    </label>
    <div id="sidebarMenu">
        <ul class="sidebarMenuInner">
            <li>Jelena Jovanovic <span>Web Developer</span></li>
            <li><a href="https://vanila.io" target="_blank">Company</a></li>
            <li><a href="https://instagram.com/plavookac" target="_blank">Instagram</a></li>
            <li><a href="https://twitter.com/plavookac" target="_blank">Twitter</a></li>
            <li><a href="https://www.youtube.com/channel/UCDfZM0IK6RBgud8HYGFXAJg" target="_blank">YouTube</a></li>
            <li><a href="https://www.linkedin.com/in/plavookac/" target="_blank">Linkedin</a></li>
        </ul>
    </div>
    <div id='center' class="main center">
        <div class="mainInner">
            <div>PURE CSS SIDEBAR TOGGLE MENU</div>
        </div>
        <div class="mainInner">
            <div>PURE CSS SIDEBAR TOGGLE MENU</div>
        </div>
        <div class="mainInner">

// ここからカード
            <section class="card">
                <img class="card-img" src="http://webcreatorbox.com/sample/images/bear.jpg" alt="">
                <div class="card-content">
                    <h1 class="card-title">Webクリエイターボックス</h1>
                    <p class="card-text">WebデザインやWebサイト制作、最新のWeb業界情報などを紹介していくサイト。</p>
                </div>
                <div class="card-link">
                    <a href="http://webcreatorbox.com/about">About</a>
                    <a href="http://webcreatorbox.com/">Website</a>
                </div>
            </section>
        </div>
    </div>

</body>

</html>
```
z-index: 0;をカードが含まれるmainクラスに付与することも試したのですが変わらなかったです。

原因がわかる方いらっしゃいましたら、ご教授いただきたいです。よろしくお願いいたします。

ハンバーガーメニューがコンテンツの下に隠れてしまう

### 前提・実現したいこと
djangoを使用し、ダウンロードしたテンプレートを使用したい。

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ
CSSのbackgroundから画像を読み込まれない。

### 該当のソースコード

```css
#headerwrap {
  background: url('/static/img/header_bg.jpg') no-repeat center top; #この部分
  margin-top: -50px;
  padding-top: 120px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 650px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

```

### 試したこと

BASE_DIRの確認,及びbootstrap4の追加
```settings.py
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'Passion_app.apps.PassionAppConfig',
    'bootstrap4',#追加
    'accounts.apps.AccountsConfig',

    'django.contrib.sites',
    'allauth',
    'allauth.account'
]
＜省略＞

.
.

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
```
おそらく問題ない。

htmlからstaticの読み込み。
```html
{% load static %}
```
これも問題ない。

### 補足情報（FW/ツールのバージョンなど）
ちなみにhtmlからのstaticFileの読み込みはできています。

バージョン：Django3

すみませんが、知見を貸してください。m(_ _)m

Django　CSSのbackground: url('')から画像が読み込まれない。

【問題】
　Springでページネーションを踏まえた検索機能を作成しています。
文字列「%」「_」の記号を検索ボックスに入れた時、
「%」「_」で検索されず、全件検索結果が取得されてます。

恐らくエスケープ文字と識別されている事が原因だと思っていますが、
どのようにコードを訂正すれば良いかわかりません。
どなたかご教示をお願いいたします。


【進捗状況】
・JPAを使用してDBからデータ取得を行っており、問題のエスケープ文字以外は問題なく表示できます
・ページネーションのコーディングも終わっており、最終検証の段階で【問題】を発見いたしました


【使用言語/ツール】
・Java
・MYSQL
・Spring Boot
・STS(spring tools site)

【ソースコード】
参考コード
　・TaskController(Controller)
　・TaskRepository(Repository)
　※参考コードは回答に応じて追加します


TaskController(Controller)
```java
@Service
@Transactional
public class TaskService {

	@Autowired
	private TaskRepository taskrepository;
	@Autowired
	private TaskSpecification taskspecification;

      public Page<TaskEntity> searchmaterial(String title, String titleKana,Pageable pageable) {
		return (Page<TaskEntity>) taskrepository.findAll(Specification
		        .where(taskspecification.titleContains(title))
		        .and(taskspecification.titleKanaContains(titleKana))
		        ,pageable
		        );
	}
}
```
TaskRepository(Repository)
```java
@Repository
public interface TaskRepository extends JpaRepository<TaskEntity,Long>, JpaSpecificationExecutor<TaskEntity>{

        Page<TaskEntity> findByTitleAndTitleKana(String title, String titleKana, Pageable pageable);


}
```

検索ボックスに「%」「_」を入れて検索できない

AJaXでのコメント削除機能がうまく動きません。
どこをどう直せばいいですか？
createのほうはdestroyと同じコードでうまくいきました。
```commentcontroller
class BookCommentsController < ApplicationController
  def create
  	@book_show = Book.find(params[:book_id])
  	@book_comment = current_user.book_comments.build(book_comment_params)
  	@book_comment.book_id = @book_show.id
    @book_comment.save
  end

  def destroy
    @book_comment = BookComment.find_by(id: params[:id], book_id: params[:book_id])
    @book_comment.destroy
  end

  private
  def book_comment_params
  	params.require(:book_comment).permit(:comment)
  end
end
```

```index
% book.book_comments.each do |book_comment| %>
 <li class="comment">
		    <div class="comment-body bb">
		        <div class="comment-avatar">
		            <div class="avatar">
			            <%= attachment_image_tag @user_show, :profile_image, format: 'jpeg', size: '50x50', fallback: "no_image.jpg" %>
			        </div>
			        <div class="comment-text">
			        <div class="comment-author clearfix">
				        <a href="#" class="link-author"><%= book_comment.user.name %></a>
				            <span class="comment-meta">
				              <span class="comment-date"><%= book_comment.created_at.strftime('%Y/%m/%d') %></span>
				            </span>
				    </div>
				    <div class="comment-entry"><%= book_comment.comment %></div>
				   </div>
				    <% if book_comment.user == current_user %>
				        <div>
				        	<%= link_to "delete", book_book_comment_path(book_comment.book_id, book_comment.id), method: :delete, remote: true, class: "btn btn-danger pull-rigth" %>
				        </div>
				    <% end %>
				</div>
		    </div>
	    </li>
<% end %>
```


```destroyjs
$("#comments_area").html("<%= j(render 'book_comments/index', { comments: @book_comment.book.book_comments, book: @book_show }) %>")
$("textarea").val('')
```

rails Ajax コメント削除

#事象
datatablesでフィルター機能をヘッダーに追加してます。ただしソート機能を有効にしているため、フィルターのinputエリアに文字入力をするとソート機能のイベントも発生します。文字入力時のみソート機能を無効にしたいのですが、どのようにすればよいでしょうか?
現在のソースコードを以下に示します。

#html
```
<table class="task-list">
	<thead>
	   <tr>
         <th></th>
         <th></th>
         <th></th>
         <th></th>
       </tr>
	</thead>
	<tbody>
	   <tr>
	     <td>テスト1</td>
	     <td>テスト2</td>																	 
         <td>テスト3</td>
	     <td>テスト4</td>	
       </tr>
	</tbody>
</table>
```

#javascript
```
           $('.task-list thead th').each( function () {
		        $(this).html( '<input type="text"/>' );
		    } );
			
			$('.task-list').DataTable({
				// 件数切替機能 無効
			    lengthChange: false,
			    // 情報表示 無効
			    info: false,
			    // ページング機能 無効
			    paging: false,
			    
			    initComplete: function () {
		            // Apply the search
		            this.api().columns().every( function () {
		                var that = this;
		                
		             
 		                $( 'input', this.header() ).on( 'keyup change clear', function () {
		                    if ( that.search() !== this.value ) {
		                        that.search( this.value ).draw();
		                    }
		                } );
		            } );
		        }
			});
```

datatables フィルター機能をヘッダーにつけた際に文字入力時のみソート機能を無効にしたい

### やりたいこと
* httpステータスが`400`,`500`のテストをしたい
* エラーの場合に、body部にエラーメッセージが入ってくる仕様のため、Mockで設定したい
* MockRestServiceServerのモックでは、200以外の場合、レスポンスボディを設定できないため、確認できるモックか他にやり方があるか知りたい。

## httpステータスが200の場合　＝＞　こちらはうまくいく

```java
    @Test
    public void GetExample() {
        // 返却されるレスポンス
        String jsonResponseBody = "{\"id\": 99999,\"name\": \"exampleUser\"}";

        // 呼び出す想定のURL
        String callEndpoint = "https://get-end-point-url";

        MockRestServiceServer mockServer = MockRestServiceServer.createServer(restTemplate);
        mockServer
            .expect(requestTo(callEndpoint))
            .andExpect(method(HttpMethod.GET))
            .andRespond(withSuccess(jsonResponseBody, MediaType.APPLICATION_JSON_UTF8));

        // 呼出し準備
        URI url = UriComponentsBuilder.fromHttpUrl(callEndpoint).build().toUri();
        HttpHeaders headers = new HttpHeaders();

        // restTemplateで実際に呼出し
        ResponseEntity<User> responseEntity = restTemplate.exchange(url, HttpMethod.GET, new HttpEntity(null, headers), User.class);
        User responseUser = responseEntity.getBody();
    }
```

## httpステータスが400の場合　＝＞　困っている箇所
* `withBadRequest()`では、`jsonResponseBody`を設定できなくて困っている。httpステータス400は設定できている

```java
    @Test
    public void GetExample() {
        // 返却されるレスポンス
        String jsonResponseBody = "{\"message\": \"パラメータが不正です。\"}";

        // 呼び出す想定のURL
        String callEndpoint = "https://get-end-point-url";

        MockRestServiceServer mockServer = MockRestServiceServer.createServer(restTemplate);
        mockServer
            .expect(requestTo(callEndpoint))
            .andExpect(method(HttpMethod.GET))
            .andRespond(withBadRequest());

以下、略
    }
```

API呼び出しのテストでhttpステータスが200以外のケース

### 前提・実現したいこと
centos8環境下で、webpackerを使って、railsを立ち上げたい

ここに質問の内容を詳しく書いてください。
centos8環境下で、railsアプリケーションを作ろうとしています。
bundle installは上手く行き、yum nodejs を入れて、webpackerをインストールしようとし,

bundle exec rails webpacker:install

を実行したところ、エラーが出ました。
他のrailsコマンドでもエラーが出たので、根本的なところで間違えていると思っています。


■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ

```

rails aborted!
LocalJumpError: no block given
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/actionpack-6.0.3.2/lib/action_dispatch/routing/route_set.rb:426:in `instance_exec'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/actionpack-6.0.3.2/lib/action_dispatch/routing/route_set.rb:426:in `eval_block'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/actionpack-6.0.3.2/lib/action_dispatch/routing/route_set.rb:408:in `draw'
/home/vagrant/instagram/photoBase/config/routes.rb:1:in `<main>'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:55:in `load'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:55:in `load'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:40:in `block in load_paths'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:40:in `each'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:40:in `load_paths'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:20:in `reload!'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:29:in `block in updater'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/file_update_checker.rb:83:in `execute'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/routes_reloader.rb:10:in `execute'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application/finisher.rb:184:in `block in <module:Finisher>'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/initializable.rb:32:in `instance_exec'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/initializable.rb:32:in `run'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/initializable.rb:61:in `block in run_initializers'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/initializable.rb:60:in `run_initializers'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application.rb:363:in `initialize!'
/home/vagrant/instagram/photoBase/config/environment.rb:5:in `<main>'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in `block in require_with_bootsnap_lfi'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/loaded_features_index.rb:92:in `register'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:22:in `require_with_bootsnap_lfi'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:31:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/zeitwerk-2.4.0/lib/zeitwerk/kernel.rb:34:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:324:in `block in require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:291:in `load_dependency'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:324:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application.rb:339:in `require_environment!'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/application.rb:523:in `block in run_tasks_blocks'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/commands/rake/rake_command.rb:23:in `block in perform'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/commands/rake/rake_command.rb:20:in `perform'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/command.rb:48:in `invoke'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/railties-6.0.3.2/lib/rails/commands.rb:18:in `<main>'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:23:in `block in require_with_bootsnap_lfi'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/loaded_features_index.rb:92:in `register'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:22:in `require_with_bootsnap_lfi'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/bootsnap-1.4.7/lib/bootsnap/load_path_cache/core_ext/kernel_require.rb:31:in `require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:324:in `block in require'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:291:in `load_dependency'
/home/vagrant/instagram/photoBase/vendor/bundle/ruby/2.7.0/gems/activesupport-6.0.3.2/lib/active_support/dependencies.rb:324:in `require'
./bin/rails:4:in `<main>'
Tasks: TOP => app:template => environment
(See full trace by running task with --trace)
```

### 該当のソースコード

```ターミナル上
[vagrant@centos8 photoBase]$ bundle exec rails webpacker:install
```

### 試したこと

yarn nodejsを導入 
gemfileにgem 'webpacker', github: "rails/webpacker"
を行い、bundle installを行う。　実行済

centos8の環境下で
bundle exec rails new photoBase
cd photoBase
sudo yum install -y yarn
bundle exec rails webpacker:install　ここでエラー

### 補足情報（FW/ツールのバージョンなど）
centos8
yarn 1.22.4
nodejs v14.6.0
ruby 2.7.1
rails 6.0.3.2

centos環境下でwebpackerがインストールできない

### Twitter Developer
"https://qiita.com/cigalecigales/items/16ce0a9a7e79b9c3974e"こちらを参考にdeviseの使い方を勉強しています。
行っている途中で、Twitter Developerの登録を行いTwitterからログイン出来るようにするところがあるのですが、APIのkeyを習得出来たのですが、OAuth::Unauthorizedのエラーが発生してしまい。次へ進めません。
"https://www.tku.ac.jp/iss/guide/web/tipsweb/error.html"
上記のページを確認すると認証のためのユーザー名とパスワードが間違っている。みたいでして、、、
『Keys and tokens タブを開き、 API key と API secret key を以下の該当箇所にコピーして貼り付けます。』と途中に記述があるのですが、どこに貼り付けをしていいのか分からず、貼り付けをしていないため、発生しているのではないかと思っています。

### 行いたい事
エラーを解消したい。

### エラーコード
OAuth::Unauthorized
401 Authorization Required
```ここに言語を入力
    self.token_request(http_method, uri.path, token, request_options, arguments)
      when (400..499)
        raise OAuth::Unauthorized, response　⇦　ここが該当箇所
      else
        response.error!
      end
```
### 該当コード
追加で必要でしたら、編集で追加いたしますので、コメントください。よろしくお願い致します。
```devise
# frozen_string_literal: true
-- 省略 -
  # config.sign_in_after_change_password = true
  config.omniauth :twitter, 'API Key', 'API Secret', callback_url: 'http://127.0.0.1:3000/users/auth/twitter/callback'
end

```
```roures
Rails.application.routes.draw do
  devise_for :users
  get 'pages/index'
  get 'pages/show'
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end
```
```application
<!DOCTYPE html>
<html>
  <head>
    <title>DeviseRails6</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
  </head>

  <body>
  <header>
  <nav>
    <% if user_signed_in? %>
    <strong><%= link_to current_user.username, pages_show_path %></strong>
    <%= link_to 'プロフィール変更', edit_user_registration_path %>
    <%= link_to 'ログアウト', destroy_user_session_path, method: :delete %>
  <% else %>
    <%= link_to 'サインアップ', new_user_registration_path %>
    <%= link_to 'ログイン', new_user_session_path %>
  <% end %>
  </nav>
  </header>
    <p class="notice"><%= notice %></p>
    <p class="alert"><%= alert %></p>
    <%= yield %>
  </body>
</html>

```
**よろしくお願い致します。**

Twitter Developerについて

**背景**
・Aという外部会社のサイト別https://aaa.aaa.comがある
・Bという自社のAPIのhttps://bbb.bbb.com/api/XXXがある（GETメソッド）、Laravel
・Akamaiを利用してhttps://ccc.ccc.comにアクセスするとhttps://bbb.bbb.com/api/XXXにリダイレクトされる
・AサイトのAPIのURLはAkamaiのURL https://ccc.ccc.comを使用してAPIにアクセスしている


**質問内容**
CORS対策の勉強でAの外部会社のサイトからAkamaiを利用して、自社のAPIをたたけるようにサーバ側で許可するコーディングしているんですが、以下のエラーが出ます。

```
Access to XMLHttpRequest at 'https://ccc.ccc.com' from origin 'https://aaa.aaa.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
```

Q: CORS対策で原因の切り分けをどのように調査すればいいのか？
今回の場合はAkamaiのせいなのか、自社のサイトのせいなのか、A社のサイトのフロント側のコードのせいなのか、どうやって切り分ければいいのか。



**補足**

あまりにもCORSに引っかかるのでいったん、Access-Control-Allow-Originをワイルドカード（*）を使用して全部許可してCredentialsはなしにしてアクセステストなどを行っているのですが
どうやらCORSでひっかかるようです。
Access-Control-Allow-Headersの許可する値を何にしていいのか困っている。

今回初めてCORS対策の勉強をしています。
CORSのセキュリティー対策知識ゼロなのでわかるように説明してくださったらありがたいです。

Akamaiを通してのCORS対策

#pyhton urllib.requestモジュールのBasic認証エラー
ご覧いただきありがとうございます。
今行なっていることはwgetの代わりに,pyhton3系でBasic認証付きのHTTPリクエストを発行したいのです。
ステータスコード：401でして、考えらるのはコードの書き方かURLのリンクがおかしいと思うのですが他の考え方で違うことがあれば教えて欲しいと思っています。

```ここに言語を入力
__init__.py

import datetime
import logging

import azure.functions as func
from .import wget


def main(mytimer: func.TimerRequest) -> None:
    utc_timestamp = datetime.datetime.utcnow().replace(
        tzinfo=datetime.timezone.utc).isoformat()

    if mytimer.past_due:
        logging.info('The timer is past due!')

    logging.info('Python timer trigger function ran at %s', utc_timestamp)

```
```ここに言語を入力
wget.py

import urllib.request
import base64

# ファイルが取れるURL
url = "〇〇〇〇〇〇"（とあるデーター）

# Basic 認証
usr = "〇〇"
psw = "〇〇〇〇"

basic_usr_and_psw = base64.b64encode('{}:{}'.format(usr,psw).encode('utf-8'))

request = urllib.request.Request(url, 
 headers={"Authorization": "Basic " + basic_usr_and_psw.decode('utf-8')})


with urllib.request.urlopen(request) as res:
    data = res.read()
    print(data)`
```
##結果
![イメージ説明](251b06ebb10f7088a471bcedf8a3322b.png)

pyhton urllib.requestモジュールのBasic認証エラーについて

ただいまmacにおいてvscodeを用いて、C言語の値を入力を含むコードをデバッグしたいのですが入力ができません。
vscodeを使い始めの初心者です。


## コード
```C

#include <stdio.h>
int main(){
int a ;
printf("整数を入力:");
scanf("%d", &a);
if (a>0)
printf("aは整数です");
｝
```
このようなコードを実行しようとしております。

### やったこと
以下のtask.jsonを用いてビルドし、a.outが作成されてます。
```
{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "c",
      "type": "shell",
      "command": "clang",
      "args": [
        "-g",
        "-O0",
        "test.c"
    ],
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ],
}
```


以下のlaunch.jsonを用いてa.outをデバッグしようとしております。
```
{
    // IntelliSense を使用して利用可能な属性を学べます。
    // 既存の属性の説明をホバーして表示します。
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "name": "C Launch",
            "type": "cppdbg",
            "request": "launch",
            "targetArchitecture": "x86_64",
            "program": "${workspaceFolder}/a.out",
            "args": [],
            "stopAtEntry": false,
            "cwd": "${workspaceFolder}",
            "environment": [],
            "externalConsole": true,
            "MIMode": "lldb",
            "logging": {
                "trace": true,
                "traceResponse": true,
                "engineLogging": true
            }
        }
    ]
}
```

### 現状・知りたいこと
ソースコードの中に入力が必要なscanf関数があります。そのため、デバッグを実行後に入力をどこかでしたいので調べたところ、launch.jsonの中の"externalConsole"をtureに変更すれば入力できるとの記事を紹介していただいて、trueにして実行しました。
するとデバッグ実行直後にターミナルが開かれましたが入力受付状態ではありませんでした。vscode上にも入力できそうなところはなく途方にくれています。
どのようにすれば入力できるでしょうか?

vscodeでC言語のデバッグをしようとしているが"externalConsole"をtrueにしても入力受付状態にならない

### 前提・実現したいこと

お問い合わせフォームを制作する初学者向けの本で学習中です。
お問い合わせフォームの骨組みを制作した後に、phpMyAdminでcontact_formというデータベースを作成しました。
その後、お問い合わせ完了画面のphpに、データベースに接続するためのコードを記述したのですが、ここで詰まりました。
環境はmacでMAMPを使用しております。

### 発生している問題・エラーメッセージ

```
順調に制作できておりましたが、お問い合わせ完了画面のPDO関係のコードを記述したら問題発生。
完了画面ページの1つ前の送信確認画面の「送信ボタン」をクリックすると、
「画面が切り替わらずタブ横のローディングがグルグル回転している状態から動かない」問題が発生しました。
この状態になると、MAMPをSTOP Serverしないと、ローディングが回転している状態が直りません。
(エラーコードは画面遷移しないため、表示されません。)
```

### 該当のソースコード

```PHP
//問い合わせ完了画面です。form3.phpとしています。
<?php 
session_start();

if(isset( $_POST['token'], $_SESSION['token']) && ( $_POST['token'] === $_SESSION['token'] )){
    unset($_SESSION['token']);
      
    $dsn = 'mysql:dbname=contact_form;host=localhost:8888;charset=utf8';
    $user = 'root';
    $password = '';
    
    $dbh = new PDO($dsn,$user,$password);
    var_dump($dbh);
    $dbh = null;

}else{
    header('Loccation:http://localhost:8888/php/form1.php');
    exit();
}

?>

<!doctype html>
<html>
    <head>
        <meta charset="utf8">
        <title>完了画面-お問い合わせ</title>
    </head>
<body>
<p>お問い合わせありがとうございます</p>
</body>
</html>
```
```php
//入力確認画面です。form2.phpとしています。
<?php
session_start();
if(isset($_SESSION['name'])){
    $name = $_SESSION['name'];
    $email =$_SESSION['email'];
    $subject =$_SESSION['subject'];
    $body =$_SESSION['body'];
}

$_SESSION['token'] = base64_encode(openssl_random_pseudo_bytes(48));
$token = htmlspecialchars($_SESSION['token'],ENT_QUOTES);

?>

<!doctype html>
<html>
    <head>
        <meta charset="utf8">
        <title>確認画面-お問い合わせ</title>
    </head>

    <body>
        <form action="form3.php" method="post">
        <input type="hidden" name="token" value="<?php echo $token ?>">
            <table>
                <tr>
                    <th>お名前</th>
                    <td>
                        <?php echo $name; ?>
                    </td>
                </tr>
                <tr>
                    <th>メールアドレス</th>
                    <td>
                    <?php echo $email; ?>
                    </td>
                </tr>
                <tr>
                    <th>お問い合わせの種類</th>
                    <td>
                    <?php echo $subject; ?>
                    </td>
                </tr>
                <tr>
                    <th>お問い合わせ内容</th>
                    <td>
                    <?php echo nl2br($body); ?>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit" name="submit" value="送信する">
                    </td>
                </tr>
            </table>
        </form>
        <p><a href="form1.php?action=edit">入力画面に戻る</a></p>
    </body>

</html>

```

エラーメッセージがなく、手がかりがない状態に加え、MySQLという未学習の要素も絡んでるので、現状どうしたらいいか分からずお手上げ状態です。
こうなった時にまずチェックすること。などもご教示頂けましたら嬉しいです。よろしくお願いいたします。

PHPでMySQLのデータベースに接続しようとしたら、ページが読み込まれなくなった。

### 前提・実現したいこと
[rails5中級チュートリアル](https://techracho.bpsinc.jp/hachi8833/2018_02_21/51678)を行なっています。
チュートリアルの3-3でのテストの部分で
昨日から以下のエラーが発生し、テストをパスすることができず、困っている状態です。

### 発生している問題・エラーメッセージ

 ターミナルでのrspec spec/features/user/login_spec.rb実行時
```
  1) Login ユーザーがloginページにリダイレクトされ、ログインに成功する
     Failure/Error: expect(page).to have_selector('#user-settings')
       expected to find css "#user-settings" but there were no matches
     # ./spec/features/user/login_spec.rb:13:in `block (2 levels) in <top (required)>'

Finished in 4.17 seconds (files took 2.75 seconds to load)
1 example, 1 failure

Failed examples:

rspec ./spec/features/user/login_spec.rb:6 # Login ユーザーがloginページにリダイレクトされ、ログインに成功する
```

### 該当のソースコード
login_spec.rb
```

require "rails_helper"

RSpec.feature "Login", :type => :feature do
  let(:user) { create(:user) }

  scenario 'ユーザーがloginページにリダイレクトされ、ログインに成功する', js: true do
    user
    visit root_path
    find('nav a', text: 'ログイン').click
    fill_in 'user[email]', with: user.email
    fill_in 'user[password]', with: user.password
    find('.login-button').click
    expect(page).to have_selector('#user-settings')
  end

end

```

### 試したこと
①エラー文で検索をかけるも、手がかりを見つけることができなかった。

②エラー文にcssの"#user-setting"とhave_selectorの"#user-setting"が一致しないとあるため、cssの"#user-setting"に問題があると仮説するが、そもそもcssに"#user-setting"というものがなくどうすれば良いのかすらわからない状態であった。

③vscodeの文字列検索で[user-setting]と検索した際に、[_signed_in_links.html.erb]ファイル内でuser-settingをidとして定義してある箇所があったためそちらの記述を"#user-setting"に変更してみたが、解決することができなかった。
_signed_in_links_html.erb
```
<li class="dropdown pc-menu">
# この下の行の"user-settingを変更を試した"
  <a id="user-setting"  class="dropdown-toggle" data-toggle="dropdown" href="#">
   <span id="user-name"><%= current_user.name %></span>
   <span class="caret"></span>
  </a>

  <ul class="dropdown-menu" role="menu">
   <li><%= link_to 'プロフィールを編集', edit_user_registration_path %></li>
   <li><%= link_to 'ログアウト', destroy_user_session_path, method: :delete%></li>
  </ul>
</li>

<li class="mobile-menu">
  <%= link_to 'プロフィールを編集', edit_user_registration_path %>
</li>
<li class="mobile-menu">
  <%= link_to 'ログアウト', destroy_user_session_path, method: :delete %>
</li>
```
### 補足情報（FW/ツールのバージョンなど）
初心者で、初質問でもあるため、情報の不足があると思いますが、そちらも含めてご教授いただけると幸いです。

vscode最新バージョン使用
railsバージョン　5.1.7
bootstrap

テストツール
factory_bot_rails
capybara 2.15
rspec-rails
selenium-webdriver
rails-controller-testing
headless
poktergeist

rails5中級チュートリアルでのテストがうまくいかない

span要素はインライン要素に該当しますが、`position:absolute`を指定するとまるでブロック要素のような動きをし始めます。
```HTML
<div class="rel">
  <span class="abs"></span>
</div>

<style>
  .rel {
    position: relative;
  }

  .abs {
    position: absolute;
    top: 100px;
    left: 100px;
    width: 100px;
    height: 100px;
    background-color: magenta;
    transform: rotate(100deg);
  }
</style>
```
インライン要素に`display:block`や`display:inline-block`などを指定せずとも`position:absolute`で`transform`や`width`、`height`が効く理由が分からなくなりました。

あまり気にすることでもないかと思ったのですが、ちょっとむず痒いのでどなたかご教示いただけますでしょうか。

position:absoluteでtransformが効く理由を知りたい

ツイートアプリにユーザー検索フォームを、form_withで作成したところ、以下のエラーが発生
ArgumentError in Tweets#index
wrong number of arguments (given 1, expected 0)
　

入力したform_withのコード
```
<_header.html.haml>

=form_with search_users_path, local: true, method: :get, class: "search-form" do |f|
  =f.text_field :keyword, placehpsder: "ユーザー検索…", class: "search-input"
```
　
ルーティング
```ruby
<user関連>
resources :users, only: [:index, :show] do
  collection do
    get 'search'
  end
end

<tweet関連>
resources :tweets, only: [:index, :new, :create, :show, :destroy] do
  resources :photos, only: :create
  resources :likes, only: [:create, :destroy]
  resources :dislikes, only: [:create, :destroy]
  resources :comments, only: [:create, :destroy]
end
```
　
tweetsコントローラー
```ruby
def index
  @tweets = Tweet.all.includes(:photos, :user).order('created_at DESC')
  @user = User.find_by(id: params[:id])
end
```
　
まだrubyの理解が浅いためか、エラーの原因が分からず八方塞がりの状況です。
どうかお力添え頂きたいです！

ArgumentErrorで引数の数が合わない

### railsのルーティングのエラーを解決したい### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ
エラーメッセージ
```

railsで　オークションのアプリを作っています。
toppage 実装後　そのペーからlink toで飛ぶ　showページがあります。
rails
toppageの一部です
 %section.pickup__container
      %h2.head ピックアップカテゴリー
      .product_box
        .product__head
          = link_to "#" do
            %h3.title 新規投稿商品
        .product__lists
          .product__lists__list
            = link_to "/products/8" do
              %figure.product__lists__list--img
                = image_tag "https://s3-ap-northeast-1.amazonaws.com/mercarimaster/uploads/captured_image/content/16/IMG_9072.JPG",width:'220',height:'150'
              .product__lists__list--body
                %h3.name ee
                .details
                  %ul
                    %li 1000円
                    %li
                      %i.fa.fa-star
                      0
                  %p (税込)
```

そのページのviewの実装をしたいのですが　ブラウザで表示されるようにルーティングを設定できずエラーが出ます。
ruby
　Routing Error
No route matches [GET] "/products/8"
　
というエラーです。/products/8は　showページの　URLに付くものです。
```
###### 該当のソースコード
######routes.rbのコードです。
```rails
Rails.application.routes.draw do
  devise_for :users
  root 'items#index'
  resources :items, only: [:index, :show] do
  end
end
```


 
######item_controller.rbのコードです。
######ソースコード
```rails
class ItemsController < ApplicationController
  def index
    
  end
  def show
    @items = Item.find(params[:id])
  end
end
```
 ######試したこと
ここに問題に対して試したことを記載してください。
```
link_to を　button_toに変更しても変わりませんでした。
rails routesをして　(コントローラー＃アクション）がitem/show のURI patternが
/items/:id(.:format) なのですが　理解できずにいます。 
```
###### 補足情報（FW/ツールのバージョンなど）
rails   5.2.4.3
mac os catalana 10.15.5
データーベースは作られています。

toppageはlocalhost:3000でみることができます。
showページ　localhost:3000/products/8 はエラーが出てしまいます。
まだまだはじめたばかりなの質問もたどたどしくてすみません。



ここにより詳細な情報を記載してください。

railのルーティングのエラーを解消してしたい。

表題についてです。
某spring参考書にて

JSPの利用は様々な制約があるため推奨されていないため、本書でも扱いません。

との１文があります。
具体的にthymeleafでできてjspで実現できないことって何があるんですかね？

spring boot jsp非推奨について

Spring Bootについての調べ物をしていると、「Spring Bootでjspを使うと制限があるのでthymeleafを使ったほうがいい」という話をよく見かけます。私自身それに流されるようにthymeleafを利用しているのですが、
Spring Bootでjspを利用するに当たって具体的にどういう制限があるのでしょうか。

また、jspが推奨されていないといった旨の記述があるSpringのリファレンス等の場所を教えてください。英文でもかまいません。