SQLite3内の文字列がRubyで文字化けしてしまう

前提・実現したいこと

SQLite3とRubyを使った、タスク管理ページを作っています。
SQLite3に登録したタスク内容を、ブラウザで表示したいのですが、文字化けしてしまいます。

発生している問題・エラーメッセージ

DBに登録したタスクを取得して、１つずつチェックボックス形式でブラウザ上に表示したいのですが、文字化けしてしまいます。


### 
#!/usr/bin/env ruby
# encoding: utf-8
begin

require "cgi"
cgi = CGI.new
require "sqlite3"

print cgi.header("text/html; charset=utf-8")

#未達成のタスクをチェックボックス形式で表示
unfinished_task = []
db = SQLite3::Database.new("tasks.db")
db.transaction(){
  db.execute("SELECT name FROM mytbl WHERE state=0;"){|t|
    unfinished_task.push("<div><input type='checkbox' name='unfinished_task' value=#{t}>#{t}</div>")
  }
}

print <<EOF
<html>
  <head>
    <meta charset = "utf-8" />
    <title>レポート進捗</title>
  </head>
  <body>
    <h1>レポート進捗管理板</h1>
    <h3>みんなの進捗状況</h3>
    <h3>あなたの進捗状況</h3>
    <h3>残りのタスク</h3>
      終わったらチェック＆送信！
      <form action = "finished_task.rb" method="post">
      #{unfinished_task.join("\n")}
      <input type="submit" value="送信">
      </form>
    <h3>終わったタスク</h3>
    <h3>タスクの追加</h3>
    <form action = "new_task.rb" method="post">
      新しく登録するタスク名を入力してください<br>
        <input type="text" name="new_task">
        <input type="submit" value="登録">
    </form>
  </body>
</html>
EOF

rescue => ex
print <<-EOB
  <html>
    <body>
      <pre>#{ex.message}</pre>
      <pre>#{ex.backtrace}</pre>
    </body>
  </html>
EOB
end

データベースの中身は
「name」「state」の２つのカラムが用意されており、
「state」の値が０であるものの「name」をひとつずつ取得してチェックボックスで表示したいです。

試したこと

調べると、「文字化けは文字コードの問題」という記載を見かけました。
使用するテキストエディタ（ATOM）ではすべてUTF-８にしています。
他に直さなければいけないことがあるのでしょうか。
それ以外にどうすればよいかわかりませんでした・・・。

ターミナルでデータベースの中身を確認すると、文字化けせず読めました。

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

OSはLinux
エディタはATOM
です

投稿者、プログラミング初心者ですので、足りない情報、わかりづらい表現などあるかもしれません・・・。
申し訳ありませんが、ぜひお力を貸していただきたいです。

行動規範の内容に同意します

回答2件

ベストアンサー

文字化けよりも問題なこととして**[""]**で文字列が括られている事が問題です

どういうときにこうなるかというと、文字列をひとつだけ含む配列を(inspectやto_sなどで)文字列化した時に起こりえます。

ruby
1  db.execute("SELECT name FROM mytbl WHERE state=0;"){|(t)|

もしくは

ruby
1  db.execute("SELECT name FROM mytbl WHERE state=0;"){|t|
2    t = t[0]

で、配列から中身の文字列を取り出せば改善するかなと思います

投稿2019/01/11 04:55

asm

総合スコア15147

psycholodiver

2019/01/11 06:41

ありがとうございます！ t[0]と表現することで、文字化けしなくなりました！もし、ご面倒でなければお尋ねしたいのですが、今回、 "SELECT name FROM mytbl WHERE state=0;"　の時点で、 nameは１次元配列として取得できており、 { | t | .....　以下の処理では、配列の一つ一つの要素についての処理を行っているという認識でいました。（実際は、tは0番目の要素だけを持つ配列でありました）この認識はどう間違っていて、次からどのように考えればよいのか、差し支えなければご教授いただけないでしょうか・・・？

asm

2019/01/11 08:22

> nameは１次元配列として取得できており、ここが間違い https://www.rubydoc.info/gems/sqlite3/SQLite3%2FDatabase:execute を見ても、クエリの結果の列数によって1次元配列か否かが決まるようには読めずそのような処理をしていないように思います。 > 次からどのように考えればよいのか外部ライブラリなどから渡されたデータの場合、型(class)を確認する事がまず大事です。

psycholodiver

2019/01/14 00:57

お返事が遅れて申し訳ありません。くわしい解説をありがとうございます！以降、 1. データベースからのデータ取得の際、2次元配列であることに注意する 2. データの取得の際、データの型を確認するようにします。データの型はどのようにチェックすればよいのでしょうか…？

asm

2019/01/14 01:13

スタティックな方法としては、マニュアル類を読むことになります。ダイナミックな方法としては、受け取った値のclassメソッドを呼び出すことでそれがどのクラスに属しているか(もしくは、どのクラスとして扱えるか)が判別できます。 p [1,2,3].class #=> Array p [1,2,3][0].class #=> Integer

psycholodiver

2019/01/15 13:56

なるほど！ .classで確認ができるんですね！ありがとうございます！詳しく、迅速なご回答、ありがとうございました。

行動規範の内容に同意します