常連

注目の的

自己紹介

PlayFramework2.4のJavaで非同期処理を行おうと考えております。

やりたい事と致しましては、
スレッド1ではHTMLをレンダリングして表示させる。
スレッド2ではAPIを用いた計算処理をおこなう。

スレッド2の処理が重たいためすぐにHTMLで表示をさせたいと考えております。
そして、計算が終了後にAjax等を用いて値を渡して画面に表示させたいです。

上記の要件の場合は下記のようにAkkaを利用する方法がよろしいのでしょうか？
[https://www.playframework.com/documentation/ja/2.2.x/JavaAsync](https://www.playframework.com/documentation/ja/2.2.x/JavaAsync)

いまいち理解ができずに困っております。

わかり易いサンプルコードや理解し易い資料等がありましたらご教授の程宜しく御願い致します。

PlayFrameworkで非同期処理【Java】

MySQLのデータ型で、BIGINT、MEDIUMINT、INTの違いについて教えてください。

名前通り数字の大きさによって使い分けるのはわかるのですが、INT(30)やBIGINT(30)を作ることが出来るので、サイズだけの違いではないのかなと思い始めました。

ちょっと気になっただけなので、どなたか教えていただけると嬉しいです。

MySQLのBIGINTとINTの使い分けについて。

任意の順番をもったデータがあり、後からそのデータの順番を変えた場合にどのようにデータを更新すれば良いのか知恵をお貸しください。具体的には以下のような例です。

- 初期データが以下とする。

|No|名前|年齢|
|:--|:--:|--:|
|1|John|20|
|2|Bob|19|
|3|James|21|
|4|Jack|20|


- No.2のBobとNo.3のJamesの間にNickを追加し、Nickを新たなNo.3としJames以降はひとつずつNo.を増やす。

|No|名前|年齢|
|:--|:--:|--:|
|1|John|20|
|2|Bob|19|
|3|Nick|22|
|4|James|21|
|5|Jack|20|

この場合for loopなどで一つずつJames以降の値を更新する仕組みにしてしまうと、データが大量になった場合に処理量が増えてしまいます。この他にも、例えば並んだデータの順番を入れ替える上下ボタンのようなものを実装したいのですが、それも同じく時間がかかってしまう気がしています。

|No|名前|年齢|
|:--|:--:|--:|
|1|John|20|
|2|Bob|19|
|3|Nick|22|
|4|James|21|
|5|Jack|20|


- BobとNickの入れ替えボタンを押す。

|No|名前|年齢|
|:--|:--:|--:|
|1|John|20|
|2|Nick|22|
|3|Bob|19|
|4|James|21|
|5|Jack|20|


- NickとBobが入れ替わりNoが合わせて入れ替わる。

別途IDを用意して順番を管理するDBを作ることも考えたのですが結局同じことになる気がしていて悩んでおります。よろしくお願いいたします。

DB設計 順番を持ったデータの順序を更新する際の処理方法について

### 前提・実現したいこと

以前投稿した下記のコードを修正していたところ、突然java.net.ConnectException: Connection refused: connectエラーが出るようになってしまいました。
原因を調べたところ、下記4点が考えられるということ。

①サーバーが起動していない。
②誤ったIPアドレス・ポート番号で接続しようとしている。
③サーバーは開いているが、リスニング状態にない。
④ファイアウォールがローカル以外のホストからの接続を拒否している。
⇒ファイアウォールの設定をoffにしても変わらず。

①に関してコマンドプロンプト「netstat -nao」で調べてみると、tomcatのデフォルトポート番号である「8080」を使用しているようでしたので、eclipse上でtomcatのポート番号を8001,8002等に変更しましたが、何れにしても、サーバーの再起動時に「javaw.exe」がtomcatのポートを使用してしまい、サーバーの接続が出来なくなってしまいます。

ネット検索でも同様の事例が見当たらず、こちらで質問させていただくことにしました。
アドバイスの程宜しくお願い致します。

### 発生している問題・エラーメッセージ

```
com.mysql.cj.jdbc.exceptions.CommunicationsException: Communications link failure

The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.
	at com.mysql.cj.jdbc.exceptions.SQLError.createCommunicationsException(SQLError.java:174)
	at com.mysql.cj.jdbc.exceptions.SQLExceptionsMapping.translateException(SQLExceptionsMapping.java:64)
	at com.mysql.cj.jdbc.ConnectionImpl.createNewIO(ConnectionImpl.java:827)
	at com.mysql.cj.jdbc.ConnectionImpl.<init>(ConnectionImpl.java:447)
	at com.mysql.cj.jdbc.ConnectionImpl.getInstance(ConnectionImpl.java:237)
	at com.mysql.cj.jdbc.NonRegisteringDriver.connect(NonRegisteringDriver.java:199)
	at java.sql/java.sql.DriverManager.getConnection(DriverManager.java:677)
	at java.sql/java.sql.DriverManager.getConnection(DriverManager.java:228)
	at blogservlet.Blogservlet.getDB(Blogservlet.java:58)
	at blogservlet.Blogservlet.doGet(Blogservlet.java:41)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:634)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:741)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:231)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166)
	at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166)
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:199)
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:96)
	at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:528)
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:139)
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:81)
	at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:678)
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:87)
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:343)
	at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:798)
	at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:66)
	at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:810)
	at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1498)
	at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49)
	at java.base/java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1128)
	at java.base/java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:628)
	at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
	at java.base/java.lang.Thread.run(Thread.java:835)
Caused by: com.mysql.cj.exceptions.CJCommunicationsException: Communications link failure

The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
	at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:62)
	at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
	at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:500)
	at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:481)
	at com.mysql.cj.exceptions.ExceptionFactory.createException(ExceptionFactory.java:61)
	at com.mysql.cj.exceptions.ExceptionFactory.createException(ExceptionFactory.java:105)
	at com.mysql.cj.exceptions.ExceptionFactory.createException(ExceptionFactory.java:151)
	at com.mysql.cj.exceptions.ExceptionFactory.createCommunicationsException(ExceptionFactory.java:167)
	at com.mysql.cj.protocol.a.NativeSocketConnection.connect(NativeSocketConnection.java:91)
	at com.mysql.cj.NativeSession.connect(NativeSession.java:150)
	at com.mysql.cj.jdbc.ConnectionImpl.connectOneTryOnly(ConnectionImpl.java:947)
	at com.mysql.cj.jdbc.ConnectionImpl.createNewIO(ConnectionImpl.java:817)
	... 31 more
Caused by: java.net.ConnectException: Connection refused: connect
	at java.base/java.net.PlainSocketImpl.connect0(Native Method)
	at java.base/java.net.PlainSocketImpl.socketConnect(PlainSocketImpl.java:101)
	at java.base/java.net.AbstractPlainSocketImpl.doConnect(AbstractPlainSocketImpl.java:399)
	at java.base/java.net.AbstractPlainSocketImpl.connectToAddress(AbstractPlainSocketImpl.java:242)
	at java.base/java.net.AbstractPlainSocketImpl.connect(AbstractPlainSocketImpl.java:224)
	at java.base/java.net.SocksSocketImpl.connect(SocksSocketImpl.java:403)
	at java.base/java.net.Socket.connect(Socket.java:591)
	at com.mysql.cj.protocol.StandardSocketFactory.connect(StandardSocketFactory.java:155)
	at com.mysql.cj.protocol.a.NativeSocketConnection.connect(NativeSocketConnection.java:65)
	... 34 more

```

### 該当のソースコード

```ここに言語名を入力
package blogservlet;

import java.io.IOException;
import java.sql.Connection;
import java.sql.Driver;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;
import java.util.Properties;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import jp.dendai.blogDTO;

/**
 * Servlet implementation class Blogservlet
 */
@WebServlet("/Blogservlet")
public class Blogservlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    /**
     * @Resource(name = "jdbc/")
     * @see HttpServlet#HttpServlet()
     */

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //DBからデータ取得
        getDB(request);

        response.setCharacterEncoding("UTF-8");

        ServletContext context = this.getServletContext();
    RequestDispatcher dispatcher = context.getRequestDispatcher("/WEB-INF/NewFile.jsp");
    dispatcher.forward(request, response);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

    private void getDB(HttpServletRequest req) {
        try {            
            Connection con = null;
            con = DriverManager.getConnection("jdbc:mysql://localhost:3306/testdb2?serverTimezone=JST","bloguest", "blog");
            System.out.println("MySQLに接続できました。");
            Statement stm = con.createStatement();
            String sql = "select * from prefectures";
            ResultSet rs = stm.executeQuery(sql);
            List<blogDTO> blog_list = new ArrayList<blogDTO>();

            while(rs.next()){
                int id = rs.getInt("id");
                String name = rs.getString("name");
                String population = rs.getString("population");
                blogDTO blogDTO = new blogDTO(id, name, population);
                blog_list.add(blogDTO);


            //この時点では、データの取得ができている。
                System.out.println(id);
                req.setAttribute("blog_list",blogDTO);
            }
            rs.close(); 
            stm.close();
            con.close();
        }            
            catch (Exception e) {
                e.printStackTrace();
            } finally {    
            }
    }
}
```


### 補足情報（FW/ツールのバージョンなど）
<実行環境>
Widows 10 Home
Eclipse_2019-06 (4.12.0)
MySQL 8.0.17
apache-tomcat-8.5.45

java.net.ConnectExceptionを解決したい

いつもお世話になっております。

animationプロパティを使って、
上から下にフェードインしてくるアニメーションを実現したいのですが、

animation-delay を、たとえば1sで設定すると

指定した要素は最初「表示」された状態で、
1秒たってから改めて非表示になってフェードインするアニメーションになってしまいます。


これを


アニメーションが始まる前は「非表示」の状態で
1秒たったらフェードインしてきて表示のまま固定


という動作にするにはどのように設定すると良いのでしょうか。


現在設定しているのは以下のような状態です。


```CSS
/* 「TopToBottom」の動作内容 */
@keyframes TopToBottom {
  0% {
    opacity: 0;/* 透明 */
    transform: translateY(-20px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
  }
}

/* 「TopToBottom」を適用する箇所 */
.effect-fade {
  animation-duration: 2s;/* アニメーション時間 */
  animation-delay : 1s;/* 変化開始の時間 */
  animation-name: TopToBottom;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}
```

```HTML
<div class="copy effect-fade">
<h1>1秒後にフェードインしながら上から下に動かしたい要素</h1>
</div>
```

どうぞご教授のほどよろしくおねがいします。

CSSでanimationが始まる前は非表示にする設定方法

PC版のLINEの定期バックアップをするプログラムでも組めたらと思ったのですが、
そもそもどこにデータが保存されてるのかわかりませんでした。

Android版にはsqliteが使われてるという情報は見つかったのですがPC版に関する情報が見つかりませんでした。

Mac版やWindows版のデータはどこに保存されているのでしょうか？
またそのデータは外部プログラムから読み出せるものなのでしょうか？

PC版 LINEのデータ保存場所とデータ形式

Rails関連のコマンドを実行するときに、

```sh
$ bundle exec rails s
```

とするのと、

```sh
$ rails s
```

と実行するのでは何が違うのでしょうか？

入門書などでは`rails s` の表記をしているものが多いですが、実開発ですと`bundle exec rails s`としている場合が多いです。

どちらのコマンドを実行してもうまく動いているようにみえるのですが、この2つのコマンドの違いがありましたら教えていただきたいです。


### バージョン
Ruby 2.3.1
bundle 1.13.7
Rails 5.0.1

railsコマンドを実行するときにbundle execをつけた場合とつけない場合の挙動について

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
プログラミング初心者です。
Ruby Railsを使用しています。
アップロードした画像を四角枠内でカーソルで自由に移動できるようにしたいです。
イメージとしては、パワーポイントに配置した画像もカーソル移動で自由に移動・大きさ変更ができると思います。
そのようなイメージです。
そして、その枠内に配置した画像を、保存することはできるのでしょうか。
調べてもやり方が分からず困っております。
（下にやりたいことのイメージを添付致します）

![イメージ説明](96efe0252644eae7b9f86339f642be33.jpeg)

これを作りたいページ関連として、
corde.controller.rbとnew.html.erbはあり、
マイグレーションファイルは
lass CreateCordes < ActiveRecord::Migration[5.2]
  def change
    create_table :cordes do |t|
      t.integer :item_id
      t.text :corde_name
      t.integer :image
      t.integer :season

      t.timestamps
    end
  end
end
のようにはしております。
上記を行うに当たって、追加でコントローラなどの他何かが必要でしょうか。

検索してみて
自由移動	cmanOMat="move"
範囲移動	cmanOMat="movearea"
をつければいい、というものは見つけたのですが、
<img src="画像.jpg" class="画像"cmanOMat="move">
というように表記した画像を動かせるようにしているだけで、アップロードした画像を動かす方法が書いていないため、
混乱しています。


プログラミング自体始めたばかりで、色々分からないことが多く、大変恐縮ではございますが、
何卒ご教示いただけると助かります。

宜しくお願い致します。

画像をアップロードした後に枠内でカーソル移動（可能なら保存も）できるようにしたいです。

いつもお世話になっております。

ふと疑問に思ったのですが、メソッドとアクションの違いって何でしょうか？
`Controller`の中にある`new`や`create`などはアクションと呼ばれますが、これらも結局はメソッドの1つですよね？

初歩的な質問で申し訳ないですが、ご教授いただければと思います。
どうぞよろしくお願い致します。

Railsでのメソッドとアクションの違いは？

bundle installとgem installの違いがよくわかりません。
結局bundle install　したものもローカル環境にダウンロードされるのなら別にgem installを使えばいいのではないかと思います。ただ一つづつgem installするのはめんどくさいですが..

つまりbundle installはgem　を一括ダウンロードするためのツールという認識でいいでしょうか。

bundle install と gem install 違い

bundle installって何のために使うかさっぱり。
bundle installってinstall gemでインストールしたgemを更新するんでしょ。
なら、bundle installってあまり使わない？ていうかbundleってどのタイミングで打てば良いの？完成した後？わからなすぎて、学習が全く進まない。

 Railsのbundle installって何？

よくRubyやPHPはCで実装されている。などと書かれていますがあれはどういう意味なのでしょうか？
Ruby（CRuby）の処理系（RubyMRI）はCで実装されているのはわかるのですが、言語本体がCで実装されているのでしょうか？

またそうなるとCは何で実装されているのでしょうか？

加えて、最近の新しめな言語でSwiftなどは処理系はClang/LLVMなので確かC++？であるのはわかるのですがSwiftの言語自体は何で実装されているのでしょうか？

もしかすると自分の中で言語仕様、言語本体、言語処理系の区別があまりついていないのかもしれません…
宜しくお願い致します。

RubyやPHPがCで実装されているの意味

プログラミング初心者です。
初歩的な質問になってしまいますが、回答して頂けると幸いです。

データベースにマイグレーションする等に```rails db:migration```と```rake db:rails db:migration```の様に「rails」コマンドと「rake」コマンドの２通りあるのですが双方の違いを解説お願いしたいです。

そのレベルも分からないのかと思われるかもしれないですがよろしくお願いします。