常連

注目の的

自己紹介

Rails5.2で動かしていたRails環境がローカルだとエラーになってしまったためRails6に移行しました。
元のheroku
https://rails-docker-portfolio.herokuapp.com/
ログインid sample123
ログインパスワード sample12345
元のgithub
https://github.com/takoyan33/rails-docker

しかし、Rails6で動かすとこのようなエラーが出るようになりました。（その他の部分は動いています。）
掲示板作成部分
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-02-28/62835133-fc57-4041-8f5f-e21a05575a1c.png)

そのため、解決法が分かる方がいれば教えて頂きたいです。

```Ruby
docker log
| Started POST "/boards" for 172.20.0.1 at 2022-02-28 13:33:08 +0000
rails-docker-2-web-1  | Cannot render console from 172.20.0.1! Allowed networks: 127.0.0.0/127.255.255.255, ::1
rails-docker-2-web-1  | Processing by BoardsController#create as HTML
rails-docker-2-web-1  |   Parameters: 
rails-docker-2-web-1  | {
rails-docker-2-web-1  |     "authenticity_token" => "[FILTERED]",
rails-docker-2-web-1  |                  "board" => {
rails-docker-2-web-1  |           "title" => "サンプル",
rails-docker-2-web-1  |            "name" => "サンプル",
rails-docker-2-web-1  |            "body" => "サンプル",
rails-docker-2-web-1  |         "tag_ids" => [
rails-docker-2-web-1  |             [0] ""
rails-docker-2-web-1  |         ]
rails-docker-2-web-1  |     },
rails-docker-2-web-1  |                 "commit" => "保存"
rails-docker-2-web-1  | }
rails-docker-2-web-1  |   User Load (1.3ms)  
rails-docker-2-web-1  |         SELECT
rails-docker-2-web-1  |                 `users`. *
rails-docker-2-web-1  |         FROM
rails-docker-2-web-1  |                 `users`
rails-docker-2-web-1  |         WHERE
rails-docker-2-web-1  |                 `users`.`id` = 1 LIMIT 1
rails-docker-2-web-1  |   ↳ app/controllers/application_controller.rb:9:in `current_user'
rails-docker-2-web-1  | Redirected to http://localhost:3000/boards/new
rails-docker-2-web-1  | Completed 302 Found in 26ms (ActiveRecord: 3.2ms | Allocations: 24197)
rails-docker-2-web-1  | 
rails-docker-2-web-1  | 
rails-docker-2-web-1  | Started GET "/boards/new" for 172.20.0.1 at 2022-02-28 13:33:08 +0000
rails-docker-2-web-1  | Cannot render console from 172.20.0.1! Allowed networks: 127.0.0.0/127.255.255.255, ::1
rails-docker-2-web-1  | Processing by BoardsController#new as HTML
rails-docker-2-web-1  |   User Load (0.9ms)  
rails-docker-2-web-1  |         SELECT
rails-docker-2-web-1  |                 `users`. *
rails-docker-2-web-1  |         FROM
rails-docker-2-web-1  |                 `users`
rails-docker-2-web-1  |         WHERE
rails-docker-2-web-1  |                 `users`.`id` = 1 LIMIT 1
rails-docker-2-web-1  |   ↳ app/controllers/application_controller.rb:9:in `current_user'
rails-docker-2-web-1  |   Rendering layout layouts/application.html.erb
rails-docker-2-web-1  |   Rendering boards/new.html.erb within layouts/application
rails-docker-2-web-1  |   Rendered shared/_error_messages.html.erb (Duration: 0.1ms | Allocations: 42)
rails-docker-2-web-1  |   Tag Load (1.4ms)  
```

```Ruby
#views/boards/_form.html.erb
<%= render 'shared/error_messages' %>
<%= form_with model: board do |f| %>
  <div class="form-group">
    <%= f.label :title, 'タイトル' %>
    <%= f.text_field :title, class: 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.label :name, '名前' %>
    <%= f.text_field :name, class: 'form-control' %>
  </div>
  <div class="form-group">
    <%= f.label :body, '本文' %>
    <%= f.text_area :body, class: 'form-control', rows: 10 %>
  </div>
  <span class="image">
  <%= f.file_field :image, accept: "image/jpeg,image/gif,image/png" %>
  </span>
    <div class="form-group">
    <span>タグ</span>
    <%= f.collection_check_boxes(:tag_ids, Tag.all, :id, :name) do |tag| %>
      <div class="form-check">
        <%= tag.label class: 'form-check-label' do %>
          <%= tag.check_box class: 'form-check-input' %>
          <%= tag.text %>
        <% end %>
      </div>
    <% end %>
  </div>
  <%= f.submit '保存', class: 'btn btn-primary' %>
<% end %>

<script type="text/javascript">
  $("#board_image").bind("change", function() {
    var size_in_megabytes = this.files[0].size/1024/1024;
    if (size_in_megabytes > 5) {
      alert("Maximum file size is 5MB. Please choose a smaller file.");
      $("#board_image").val("");
    }
  });
</script>

```

```Ruby
#boards_controller

class BoardsController < ApplicationController
  before_action :set_target_board, only: %i[show edit update destroy]

  def index
    @boards = params[:tag_id].present? ? Tag.find(params[:tag_id]).boards : Board.all.order(id: "DESC") 
    @boards = @boards.page(params[:page])
    @boards_count = Board.all.count
    @today_count = Board.created_today.count
    @lastmonth_count = Board.created_last_month.count
    @month_count = Board.created_month.count
  end

  def new
    @board = Board.new(flash[:board])
  end

  def create
    board = Board.new(board_params)
    board.image.attach(params[:board][:image])
    if board.save
      flash[:notice] = "「#{board.title}」の掲示板を作成しました"
      redirect_to board
    else
      redirect_back fallback_location: root_path, flash: {
        board: board,
        error_messages: board.errors.full_messages
      }
    end
  end

  def show
    @comment = Comment.new(board_id: @board.id)
  end

  def edit
    @board.attributes = flash[:board] if flash[:board]
  end

  def update
    if @board.update(board_params)
      redirect_to @board
    else
     redirect_back fallback_location: root_path , flash: {
        board: @board,
        error_messages: @board.errors.full_messages
      }
    end
  end

  def destroy
    @board.destroy
    redirect_to boards_path, flash: { notice: "「#{@board.title}」の掲示板が削除されました" }
  end

  private

  def board_params
    params.require(:board).permit(:content, :image, :name, :title, :body, tag_ids: [])
  end

  def set_target_board
    @board = Board.find(params[:id])
  end
end
```

```Ruby
#model/boards.rb
class Board < ApplicationRecord
  has_many :comments, dependent: :delete_all
  has_many :board_tag_relations, dependent: :delete_all
  has_many :tags, through: :board_tag_relations
  has_one_attached :image
  belongs_to :user

  validates :name, length: { maximum: 10 }
  validates :title, presence: true, length: { maximum: 30 }
  validates :body, presence: true, length: { maximum: 1000 }

  scope :created_today, -> { where(created_at: Time.zone.now.all_day) } # 今日
  scope :created_last_month, -> { where(created_at: Time.zone.now.prev_month.all_day) } # １ヶ月前の投稿
  scope :created_month, -> { where(created_at: Time.zone.now.all_month) } # 今月の投稿

  validates :image,   content_type: { in: %w[image/jpeg image/gif image/png],
                                      message: "must be a valid image format" },
                      size:         { less_than: 5.megabytes,
                                      message: "should be less than 5MB" }

  # 表示用のリサイズ済み画像を返す
  def display_image
    image.variant(resize_to_limit: [500, 500])
  end
end
```

現状github
```Ruby
#Gemfile

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.7.5'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails', branch: 'main'
gem 'rails', '~> 6.1.4', '>= 6.1.4.6'
gem 'active_storage_validations', '0.8.2'
# Use mysql as the database for Active Record
gem 'mysql2', '~> 0.5'
# Use Puma as the app server
gem 'puma', '~> 5.0'
# Use SCSS for stylesheets
gem 'sass-rails', '>= 6'
# Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
gem 'webpacker', '~> 5.0'
# Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
gem 'turbolinks', '~> 5'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.7'
# Use Redis adapter to run Action Cable in production
# gem 'redis', '~> 4.0'
# Use Active Model has_secure_password
gem 'bcrypt', '~> 3.1.7'

# Use Active Storage variant
# gem 'image_processing', '~> 1.2'

# Reduces boot times through caching; required in config/boot.rb
gem 'bootstrap', '~>4.0.0'
gem 'kaminari'
gem 'rails-i18n'
gem 'jquery-rails'

group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
  gem 'rails-flog', require: 'flog'
  gem 'rspec-rails', '~> 3.8'
  gem 'rails-controller-testing'
end

group :development do
  # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
  gem 'web-console', '>= 4.1.0'
  # Display performance information such as SQL time and flame graphs for each request in your browser.
  # Can be configured to work on production as well see: https://github.com/MiniProfiler/rack-mini-profiler/blob/master/README.md
  gem 'rack-mini-profiler', '~> 2.0'
  gem 'listen', '~> 3.3'
  # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
  gem 'spring'
end

group :test do
  # Adds support for Capybara system testing and selenium driver
  gem 'capybara', '>= 3.26'
  gem 'selenium-webdriver'
  # Easy installation and use of web drivers to run system tests with browsers
  gem 'webdrivers'
end

# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

```


Rails5で動いたコードがRails6で動かなくなった

いつもお世話になっております。

「masonry」 + 「infinite-scroll」 + 「imagesloaded」で、タイル形式の無限スクロールさせていますが、iPhoneのsafariで、タイル内のリンクに遷移後、ブラウザバックした時に元にいた場所に戻ったり戻らなかったり動作が安定しません。元にいた場所に戻る時が正のですが、このように動作が不安定となってしまう事について、何か原因など考えられる事はございますでしょうか。

以下にcodeを記載いたします。

```ここに言語を入力
<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/3.0.6/infinite-scroll.pkgd.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.1/imagesloaded.min.js"></script>
<script>
$(window).unload(function() {$.cookie('scrollTop',$(window).scrollTop());});
$(window).load(function(){

    // Masonry grid var and options
    var $container = jQuery('.centered').masonry({
      itemSelector: '.col2',
      isAnimated: true,
      isFitWidth: true,
      transitionDuration: 0,
      isRTL: false,
      isResizable: true
    });

    // get Masonry instance
    var msnry = $container.data('masonry');

     // Infinite Scroll options
    $container.infiniteScroll({
        path: '.pagenation .next a',
        append: '.col2',
        outlayer: msnry,
        status: '.page-load-status',
        scrollThreshold: 600,
        loadOnScroll: true,
        hideNav: '.pagenation',
        debug: true,
		history: 'push',
        //safari work around - this was one of the attempts but it didnt work on its own so I decided to 
        // leave it here just in case might help someone.
        onInit: function () {
            this.on( 'append', function( event, response, path, items ) {
                $container.imagesLoaded().done( function() {
                    $container.masonry();
                });

            });

        }
    });
$container.on( 'append.infiniteScroll', function( event, response, path, items ) {
  $( items ).find('img[srcset]').each( function( i, img ) {
    img.outerHTML = img.outerHTML;
  });
});

    // initial items reveal
    $container.imagesLoaded( function() {
        $container.removeClass('are-images-unloaded');
        $container.masonry('layout');
    });
});
</script>
```
もしかするとサーバーの負荷が高い時に挙動がおかしくなっているのかもしれませんが、
何か分かる事がありましたら、お教えください。

masonry + 無限スクロール時のスマホのブラウザバック

表題の件について、回答していただきたいです。
（すでにVue.jsでの開発・運用経験がある方！）

どうゆう構成でサーバを立てていますか？
言語とフレームワークは何をつかっていますか？
それらについて詳しい書籍・サイトについてお勧めはありますか？

とりあえず人気っぽいのでという軽い気持ちでVue.jsの勉強しています。
複雑さを抑えつつ大規模なフロントエンドを作れる基盤であることは判って、とりあえず何か作ってみようと思っています。

Vueの学習という意味では、サーバに置いたJSONファイルGETして、というので良いとは思うのですが、バックエンドもある程度きちんと組んでみたいです。イメージとしてはRESTfulなAPIサーバをたてるのがよいと思いますし、Railsでいいんじゃないかと思ってはいますが、なんとなく他にしっくりくるフレームワークがあるような気がしています。

漠然とした質問で申し訳ないです。やんわりした回答でもいただけると方向性だけでも決まる気がしますのでよろしくお願いします。

フロントエンドをVue.jsで構築したときって、バックエンドはどうしてますか？

![イメージ説明](3ff4e133c91143dae01b022387c3589c.jpeg)
A,B,Cというアニメーションがある。
十字キーの↓を押すとしゃがみ続ける動きをさせたい。
つまり一度だけBを再生し、その後はずっとCを再生する
という動きをさせたい。色々やり方はあると思うのですが
まだ慣れていないのでよくわかりません。
何か例を挙げて説明してもらえたら幸いです。

【unity】Aを一度だけ再生、その後ずっとCを再生

PHPを使用して、メッセージを送信するアカウント(以下発信側)と友達になっているアカウントに対してAPIを通じてメッセージを送りたいと考えております。
Botとしての運用ではなく、全体に対してメッセージを一方的に送る(アカウントからメッセージを受け取っても返信はしないという仕様です。)
既に、１人を対象にして送る部分は完成しており、動作も確認済みです。

## 実際のコード
``` PHP
// POSTデータを設定してJSONにエンコード
$post = [
    'to' => 'LINE developerで確認したユーザーID',
    'messages' => [
        [
            'type' => 'text',
            'text' => $_POST['message'], //フォームを用意して、そのフォームで入力されたものを送信する予定です
        ],
    ],
];
$post = json_encode($post);

// HTTPリクエストを設定
$ch = curl_init('https://api.line.me/v2/bot/message/push');
$options = [
    CURLOPT_CUSTOMREQUEST => 'POST',
    CURLOPT_HTTPHEADER => $headers,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_BINARYTRANSFER => true,
    CURLOPT_HEADER => true,
    CURLOPT_POSTFIELDS => $post,
];
curl_setopt_array($ch, $options);

// 実行
$result = curl_exec($ch);

// エラーチェック
$errno = curl_errno($ch);
if ($errno) {
    return;
}
```

## 質問したい内容
LINE Messaging APIのリファレンスを読みましたが、複数のアカウントに対してメッセージを送ることは可能であることは確認しました。
その上で、
- 友達かどうかはAPIを使用して取得→該当したアカウントにメッセージを送るという手法が良いのでしょうか。
- 指定したWebhook URLから、そのログから友達であるアカウントを記録、もしくは取得するという手法が良いのでしょうか。

上記2つのやり口があると思うのですが、どちらにせよ方法がうまく思いつかないのが現状です。
もし過去に行ったことがあれば、ご教示いただきたいです。

LINE Messaging APIで自分と友達になっているアカウントに対してメッセージを一括送信したい

###前提・実現したいこと

swift3.0
xcode8.21 で作業しています

スクロールビューの中にテキストビューとイメージビューを何個か並べて、スクロールビューをその２つの大きさによって、スクロールできるようにするのが目標です

テキストビューの高さはviewcontrollerで指定した内容によって、変化するようにしていて、イメージビューをそのテキストビューのから一定距離のところに配置したいです

できればAutolayoutで編集する方法を知りたいのですが、自分で調べてみて今はコードで動かす方法しかないのかなー、と考えています

![イメージ説明](da72540d70b14ec4f275cebda6d6f5a0.png)

###該当のソースコード
```ここに言語を入力
    override func viewDidLoad() {
        imgview.translatesAutoresizingMaskIntoConstraints = false
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        
//      ここもいつか可変長にしたいです
        myscroll.contentSize.height = 1000
        
// テキストビューの大きさを文字の量に合わせる
        testtext.sizeToFit()

//        「//」を外すと画像自体が消えてしまいました
//        imgview.removeConstraints(imgview.constraints)
        
        myscroll.addConstraints([
            NSLayoutConstraint(item: imgview,
                               attribute: NSLayoutAttribute.top,
                               relatedBy: NSLayoutRelation.equal,
                               toItem: testtext,
                               attribute: NSLayoutAttribute.bottom,
                               multiplier: 1.0,
                               constant:5
            )
            ])
        
    }

```

###試したこと

上記の方法とは別にこのリンク先の内容も試したのですが、テキストビューごと消えました。。。
[参考先２](https://iscene.jimdo.com/2015/07/12/swift-scroll-uiscrollvie-%E7%94%BB%E5%83%8F%E3%82%92%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%88-%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%95%E3%81%9B%E3%82%8B-%E7%B8%A6%E6%96%B9%E5%90%91/)
###補足情報(言語/FW/ツール等のバージョンなど)
ちなみにこのままだとautolayoutに従って、テキストにかぶって画像が表示されています

もし足りない情報があれば、教えていただけたら助かります
よろしくお願いいたします。

scrollviewの中にtextviewとimageviewを並べる

趣味で小説サイトから小説をダウンロード、閲覧するアプリを作っています。

小説内で使われている単語などの上の行間に小さい文字でルビを付けたいと思っています。
iBook で購入した小説などは、単語の右側の行間（縦書き）にルビが挟んでありますが、そのようなに上手い具合に行間に収めたいです。

現在 UITextView にてテキストの表示を行なっているのですが、ルビを表示するのに何か上手い方法はないでしょうか？

初めは単語の上にラベルを置けばいいや、と思ったのですが、単語の途中で改行されている場合、ルビを二つに分割して出すことになるのであまりスマートじゃないやり方な気がしまして。。

上手い方法が思いつきません、、
UITextView ではなくても構いません。
上手い解決方法があれば教えてください。。
よろしくお願いします。

Swift UITextViewにて単語の上にルビを付ける方法

###前提・実現したいこと
xcode8.1 swift3
iPhoneからヘルスケアにアクセスし、心拍数の平均値を取得するアプリを考えております。
取得するときにHealthKitを用いております。
その最中に値が読み取れていないエラーが発生しました。

###発生している問題・エラーメッセージ

```
my heartrate is nil
（「HealthStoreから心拍数データを取得します」の「日付処理」、「データ抽出のクエリ」のところです）
```

###該当のソースコード
```ここに言語を入力

import UIKit
import HealthKit

class ViewController: UIViewController {

    let button = UIButton()
    let readDataButton = UIButton()
    var testarray: [String] = []
    let dataLabel = UILabel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        view.backgroundColor = UIColor.lightGray
        
        // データ追加ボタン
        button.setTitle("データ追加", for: .normal)
        button.addTarget(self, action: #selector(ViewController.didTapAddData), for: .touchUpInside)
        button.sizeToFit()
        button.center = view.center
        view.addSubview(button)
        
        // データ取得ボタン
        readDataButton.setTitle("データ取得", for: .normal)
        readDataButton.addTarget(self, action: #selector(ViewController.didTapReadData), for: .touchUpInside)
        readDataButton.sizeToFit()
        readDataButton.center = CGPoint(x: view.center.x, y: view.center.y + 50)
        view.addSubview(readDataButton)
        
        // 取得したデータの表示
        dataLabel.text = ""
        dataLabel.textAlignment = .center
        dataLabel.frame = CGRect(x: 0, y: 0, width: 150, height: 30)
        dataLabel.center = CGPoint(x: view.center.x, y: view.center.y + 100)
        view.addSubview(dataLabel)
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    func didTapAddData(){
        saveHealthData()
    }
    
    /// 心拍数データを保存します
    private func saveHealthData(){
        /* 保存するデータの準備 */
        // 心拍数
        let heatRate = "60"
        // 心拍数の単位
        let unit2 = HKUnit(from: "count/min")
        // 心拍数情報のタイプ
        let type2 = HKObjectType.quantityType(forIdentifier: HKQuantityTypeIdentifier.heartRate)!
        
        // healthKitデータ保存領域のインスタンス化
        let healthStore = HKHealthStore()
        let helthData2 = HKQuantity(unit: unit2, doubleValue: Double(heatRate)!)
        
        // 時間設定
        let now: NSDate = NSDate()
        let formatter = DateFormatter()
        formatter.dateFormat = "yyyy/MM/dd HH:mm:ss"
       
        let dateStr = formatter.string(from: now as Date)
        print("current time : \(dateStr)")
        
        let calendar = Calendar(identifier: .gregorian)
        let inAfterMintes = calendar.date(byAdding: .minute, value: 30, to: now as Date)!
        
        let dateStrAfterMinutes = formatter.string(from: inAfterMintes)
        print("30 minutes after time : \(dateStrAfterMinutes)")
        
        let sample2 = HKQuantitySample(type: type2, quantity: helthData2, start: now as Date, end: inAfterMintes)

        let authorizedStatus2 = healthStore.authorizationStatus(for: type2)

        // HealthKitデータ保存領域へのアクセス権限があればデータ保存。なければ、アクセス権限の確認画面へ移動
        if authorizedStatus2 == .sharingAuthorized{
            healthStore.save(sample2, withCompletion: { (success, error) in
                if error != nil {
                    //                 NSLog(error!.description);
                    return
                }
                
                if success {
                    healthStore.save(sample2, withCompletion:{ (success, error) in
                        print("保存成功")
                    })
                }
            })
        }else{
            
            healthStore.requestAuthorization(toShare: [type2], read: [type2], completion: { (success, error) in
                
                if error != nil {
                    //                    NSLog(error!.description);
                    return
                }
                
                // アクセス権限を得たらデータを保存
                if success {
                    healthStore.save(sample2, withCompletion:{ (success, error) in
                        print("保存成功")
                    })
                }
            })
        }

    }

    func didTapReadData(){
        readHealthData()
    }
    
    /// HealthStoreから心拍数データを取得します。
    private func readHealthData(){
        // データの種類
        let type2 = HKObjectType.quantityType(forIdentifier: HKQuantityTypeIdentifier.heartRate)!
        
        // データ取得
        let healthStore = HKHealthStore()
        
        // 日付処理
        let now: NSDate = NSDate()
        let calendar = Calendar(identifier: .gregorian)
        let inAfterMintes = calendar.date(byAdding: .minute, value: 30, to: now as Date)!
        let predicate: NSPredicate = HKQuery.predicateForSamples(withStart: now as Date, end: inAfterMintes, options: HKQueryOptions.strictStartDate)
        let startOptions: HKStatisticsOptions = HKStatisticsOptions.discreteAverage
        
        // データ抽出クエリ
        let query: HKStatisticsQuery = HKStatisticsQuery(quantityType: type2, quantitySamplePredicate: predicate, options: startOptions, completionHandler: {
            (query, result, error) in DispatchQueue.global().async {
                print("my heartrate is \(result!.averageQuantity())")
            }
        })
        
        healthStore.execute(query)
        
        let query2 = HKSampleQuery(sampleType: type2, predicate: nil, limit: 0, sortDescriptors: nil) { (query, results, error) in
            // データ抽出処理完了後の処理
            if error != nil{
                print("エラー")
            }
            
            if let samples2 = results as? [HKQuantitySample]{
                DispatchQueue.main.async{
                    self.dataLabel.text = samples2.first?.quantity != nil ? "\(samples2.first!.quantity)" : ""

                }
            }
        }

        
        // HealthStoreへのアクセス権限確認
        let authorizedStatus2 = healthStore.authorizationStatus(for: type2)
        
        // 権限があれば、実行。権限がなければ、権限確認画面へ。
        if authorizedStatus2 == .sharingAuthorized{
            healthStore.execute(query2)
        }else{
            healthStore.requestAuthorization(toShare: [type2], read: [type2]) {
                success, error in
                
                if error != nil {
                    //                    print(error!.description);
                    return
                }
                
                if success {
                    // 引数に指定されたクエリーを実行します
                    healthStore.execute(query2)
                }
            }
        }
    }
    
}
```

###試したこと
読み込む時間を保存したものと同じにしましたが、nilが表示されました。

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

swiftでヘルスケアのデータから心拍数の平均値を取得する

### 前提・実現したいこと

「ゼロから作るディープラーニング」を読み終えた学生です。
せっかくディープラーニングをかじり始めたため、自分に役に立つことをディープラーニングを利用してやってみようと考えました。
そこで、KerasもしくはChainerを使用して、下記のmake.girls.moeサイトで自動生成された女の子たち
![自動生成された女の子たち](93aaa149392f1e54b5b5435c8cc58c7c.png)
を自分のタイプか、タイプでないかを分類し、自分の最高の嫁を探そうと考えました。


### 発生している問題

自分の好みか好みでないかを判断するために、まずは自分が好きなタイプのデータセットを作成しなければいけません。
そこで、データはおよそ12000個あるため約1000個のデータに
1・・嫌い　2・・少し嫌い　3・・普通 4・・少し好き　5・・好き
の5分類を自分でつけて、学習を行い残りのデータを分類しようと考えました。

しかし、ゼロから作るディープラーニングではMNISTを使用し、データセットの作成が記述されておらず関数を使用してデータセットをダウンロードする方式だったので、データ・セットを作るやり方が記述されておりませんでした。
また、インターネットで調べてみても、データセットをすでに作り終わっており、分類し始めるところからでした。

データセットをどうやって作っているのかアドバイスいただければ幸いです。


### 補足情報（FW/ツールのバージョンなど）

環境
・iMac
・Jupyter Notebook
・make.girls.moe（画像を生成させていただいたサイト）

データセットの作り方がわからない

`SublimeText3`の`SublimeTextXdebug`パッケージで
ブレークポイントに全く止まりません。
正しい設定に関して詳しい方ご教授頂けませんでしょうか？

また、現在の`SublimeTextXdebug`パッケージで
動作している方がいらっしゃいましたら設定などを教えて欲しいです。
よろしくお願い致します。
(現在の`SublimeTextXdebug`パッケージは動作しない可能性ありなどの回答も
歓迎です。)
環境情報等で足りないものがあればご指摘お願い致します。


環境
SublimeText3 Build3143
Linux向けXAMPP 7.2.4 (PHP 7.2.4)
xdebugは、phpinfoで有効
[SublimeTextXdebugパッケージを利用](https://github.com/martomo/SublimeTextXdebug)


設定
```
hoge.sublime-project
{
	"folders":
	[
		{
			"path": "."
		}
	],
	"settings":
     {
            "xdebug": {
               "url": "http://hoge/***/"
            }
     }
}
```

```
/opt/lampp/etc/php.ini
[xdebug]
zend_extension = /opt/lampp/lib/php/extensions/no-debug-non-zts-20170718/xdebug.so
xdebug.remote_enable = 1
xdebug.remote_host = "127.0.0.1"
xdebug.remote_port = 9000
xdebug.remote_handler = "dbgp"
xdebug.remote_mode = req
xdebug.remote_connect_back = 1
```

SublimeTextのXdebug用パッケージでブレークポイントが無視される

### 前提・実現したいこと

オレンジジュース・・・・・・350円
レモンスカッシュ・・・・・・450円
トマトジュース・・・・・・・300円
欧州カレーセット・・・・・1,000円

レスポンシブでこのような表を作りたいです。

### 条件

1. **間のナカグロ（・）は自動で埋める（レスポンシブのためナカグロの数は可変する）**
2. 外枠は100％にし、**商品名は左揃え、価格は右揃えにする**


### 該当のソースコード

```html
<dl>
<dt>オレンジジュース</dt><dd>350円</dd>
<dt>レモンスカッシュ</dt><dd>450円</dd>
<dt>トマトジュース</dt><dd>300円</dd>
<dt>欧州カレーセット</dt><dd>1,000円</dd>
</dl>

or

<ul>
<li>オレンジジュース<span>350円</span></li>
<li>レモンスカッシュ<span>450円</span></li>
<li>トマトジュース<span>300円</span></li>
<li>欧州カレーセット<span>1,000円</span></li>
</ul>

```

### 試したこと

ググったんですが、キーワードが分からず見つけることができませんでした。。。
flexboxと:afterなどを使ってやるのかと思いますが。。。

5分考えても分からなかったので、何卒よろしくお願いいたします。