{"id":4782,"date":"2014-11-28T10:24:44","date_gmt":"2014-11-28T01:24:44","guid":{"rendered":"http:\/\/www.vincentina.net\/?p=4782"},"modified":"2020-02-23T18:55:03","modified_gmt":"2020-02-23T09:55:03","slug":"sinatra-activerecord-mysql-%e3%81%a7%e7%b0%a1%e6%98%93%e3%82%a2%e3%83%97%e3%83%aa%e3%81%a4%e3%81%8f%e3%81%a3%e3%81%a6%e3%81%bf%e3%82%8b","status":"publish","type":"post","link":"https:\/\/www.vincentina.net\/?p=4782","title":{"rendered":"Sinatra + ActiveRecord + MySQL \u3067\u7c21\u6613\u30a2\u30d7\u30ea\u3064\u304f\u3063\u3066\u307f\u308b"},"content":{"rendered":"<p>\u5bd2\u304f\u306a\u308b\u3068\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u3084\u308a\u305f\u304f\u306a\u308b\u306e\u304b\u3001\u3053\u3053\u6570\u65e5\u306fRuby\u306a\u65e5\u3005\u304c\u7d9a\u3044\u3066\u3044\u3066\u3001\u4eca\u56de\u306f\u524d\u56de\u3068\u540c\u3058\u984c\u6750\u3067\u52c9\u5f37\u4f1a\u95a2\u9023\u306eJSON\u3092\u5f15\u3063\u5f35\u3063\u3066\u304f\u308b\u30a2\u30d7\u30ea\u3067\u3059\u304c\u3001\u8907\u6570\u306e\u30a6\u30a7\u30d6\u304b\u3089\u3068\u306a\u308b\u3068\u3084\u3063\u3071\u308aDB\u306f\u5fc5\u9808\u3068\u306a\u3063\u3066\u304f\u308b\u308f\u3051\u3067\u3001Web\u3068DB\u306e\u9023\u643a\u3092\u81ea\u5206\u3067\u3084\u308b\u306e\u306f\u521d\u3081\u3066\u306a\u306e\u3067\u8a66\u884c\u932f\u8aa4\u306a\u611f\u3058\u304c\u7d9a\u304d\u307e\u3057\u305f\u304c\u3084\u3063\u3068\u51fa\u6765\u4e0a\u304c\u308a\u307e\u3057\u305f\u3002<\/p>\n<p>\u3084\u3063\u3071\u308aDB\u3092\u52c9\u5f37\u3059\u308b\u3002\u3068\u3044\u3046\u3088\u308a\u3082\u5fc5\u8981\u306a\u306e\u3067DB\u3092\u52c9\u5f37\u3057\u305f\u3068\u3044\u3046\u4e8b\u8c61\u306e\u65b9\u304c\u81ea\u5206\u306b\u306f\u6027\u306b\u5408\u3063\u3066\u3044\u308b\u3088\u3046\u3060\u3002<\/p>\n<h1>mysql \u3092\u4f7f\u3063\u3066\u307f\u3088\u3046<\/h1>\n<p>\u30ca\u30a6\u3044\u3082\u306e\u306fmysql2\u3068\u3044\u3046\u3084\u3064\u3089\u3057\u304f\u3001\u65e9\u901fGem\u3067\u5165\u308c\u3088\u3046\u3068\u3057\u305f\u3089<br \/>\nlibmysqlclient-dev\u3068\u3044\u3046\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u5fc5\u8981\u3067\u3057\u305f\u3002<\/p>\n<pre>$ gem install mysql2\r\nBuilding native extensions.\u00a0 This could take a while...\r\nSuccessfully installed mysql2-0.3.17\r\n1 gem installed<\/pre>\n<p>\u3053\u308c\u3067\u5165\u308a\u307e\u3057\u305f\u3002<br \/>\nGemfile\u3092\u66f4\u65b0\u3001\u5897\u3048\u305f\u306e\u306factiverecord\u3068mysql2\u3067\u3059\u306d\u3002<\/p>\n<pre>$ cat Gemfile\r\nsource \"https:\/\/rubygems.org\"\r\n\r\ngem 'sinatra'\r\ngem 'thin'\r\n\r\ngem 'activerecord'\r\ngem 'mysql2'<\/pre>\n<p>\u304a\u6b21\u306fRails\u3067\u3082\u5fc5\u8981\u3060\u3063\u305fdatabase.yml\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/p>\n<pre>$ cat database.yml\r\ndevelopment:\r\n\u00a0 adapter: mysql2\r\n\u00a0 database: sinatra_projects\r\n\u00a0 host: localhost\r\n\u00a0 username: root\r\n\u00a0 encoding: utf8<\/pre>\n<h1>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u4f5c\u308a\u307e\u3059<\/h1>\n<p>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306f\u3068\u308a\u307e\u3048\u305a\u30c6\u30b9\u30c8\u3092\u3057\u305f\u3044\u306e\u3067\u3001\u6975\u7c21\u5358\u306bvarchar\u3060\u3051\u306e\u69cb\u6210\u3067\u4f5c\u6210\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/p>\n<pre>create table topics (\r\ntitle VARCHAR(1024) NOT NULL,\r\naddress VARCHAR(2048) NOT NULL,\r\ntheme VARCHAR(4096) NOT NULL\r\n);<\/pre>\n<p>DB\u3078\u306e\u66f8\u304d\u8fbc\u307f\u3092\u3069\u3046\u3059\u308b\u304b\u3067\u3059\u304c\u3001\u3053\u306e\u8fba\u3082\u521d\u3067\u3059\u304cRuby\u3082\u30a4\u30f3\u30c7\u30f3\u30c8\u3068\u304b\u898b\u305f\u76ee\u304c\u304d\u308c\u3044\u3067\u3044\u3044\u306d\u3002<br \/>\nActiveRecord\u3092\u4f7f\u3046\u306e\u3067\u307e\u305a\u5ba3\u8a00\u3057\u3066\u3001Topic\u306b\u7d99\u627f\u3057\u3066\u3068\u3044\u3046\u6d41\u308c\u3067\u3059\u3002<\/p>\n<pre>ActiveRecord::Base.configurations = YAML.load_file('database.yml')\r\nActiveRecord::Base.establish_connection('development')\r\n\r\nclass Topic &lt; ActiveRecord::Base\r\nend<\/pre>\n<p>DB\u3078\u66f8\u304d\u8fbc\u3080\u30b3\u30fc\u30c9\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u3001\u6700\u521d\u306f\u8a18\u8ff0\u3059\u308b\u5834\u6240\u304c\u60aa\u304b\u3063\u305f\u3088\u3046\u3067\u52d5\u304b\u306a\u304b\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u4f4d\u7f6e\u3092\u5909\u3048\u305f\u3089\u3046\u307e\u304f\u3044\u304d\u307e\u3057\u305f\u3002<\/p>\n<pre>\u00a0 url= \"https:\/\/api.atnd.org\/events\/?format=json&amp;keyword=ruby\"\r\n\u00a0 data = JSON.parse(open(url).read)\r\n\u00a0 data[\"events\"].each do |item|\r\n\u00a0\u00a0\u00a0 @title = item[\"event\"][\"title\"]\r\n\u00a0\u00a0\u00a0 @event_url = item[\"event\"][\"event_url\"]\r\n\u00a0\u00a0\u00a0 @address = item[\"event\"][\"address\"]\r\n\u00a0\u00a0\u00a0 @theme = item[\"event\"][\"catch\"]\r\n\r\n\u00a0 topic = Topic.new\r\n\u00a0 topic.title = @title\r\n\u00a0 topic.address = @address\r\n\u00a0 topic.theme = @theme\r\n\u00a0 topic.save\r\n\r\n\u00a0 end<\/pre>\n<p>erb\u30d5\u30a1\u30a4\u30eb\u306b\u5909\u6570\u3068\u3057\u3066\u30c7\u30fc\u30bf\u304c\u53d6\u308c\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u8fba\u306f\u3060\u3044\u305f\u3044\u3067\u66f8\u3044\u3066\u307f\u305f\u3089\u52d5\u3044\u305f\u611f\u3058\u3067\u3059\u3002<\/p>\n<pre>get '\/' do\r\n\u00a0 @topics = Topic.all\r\n\u00a0 erb :index\r\nend<\/pre>\n<p><span style=\"font-size: 14pt;\">\u3057\u304b\u3057\u3001<\/span>\u307e\u3060\u672a\u5b8c\u6210\u3067\u4e88\u60f3\u3057\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u307e\u307e\u3060\u3068\u30a2\u30af\u30bb\u30b9\u3059\u308b\u6bce\u306bDB\u3078\u8ffd\u8a18\u3055\u308c\u3061\u3083\u3046\u306e\u3067\u3057\u305f\u3002\u305d\u306e\u8fba\u306f\u3042\u3068\u3067\u5bfe\u5fdc\u3059\u308b\u3068\u3057\u3066\u3001\u307e\u305a\u306f\u52d5\u4f5c\u304c\u4e0a\u624b\u304f\u3044\u304f\u3068\u3053\u308d\u307e\u3067\u9032\u3081\u307e\u3057\u305f\u3002<\/p>\n<h1>\u3042\u308c\u308c\uff5e\u3001\u30a8\u30e9\u30fc\u304c\u51fa\u308b\u3088\uff5e<\/h1>\n<p>\u65e5\u672c\u8a9e\u304c\u66f8\u3051\u306a\u3044\u3089\u3057\u304f\u3001\u8abf\u3079\u3066\u307f\u308b\u3068\u6587\u5b57\u30b3\u30fc\u30c9\u304clatin\u3060\u3063\u305f\u306e\u3067\u3001utf-8\u306b\u3057\u3066\u6539\u5584\u3067\u304d\u307e\u3057\u305f\u3002<\/p>\n<pre>Mysql2::Error: Incorrect string value<\/pre>\n<pre>mysql&gt; alter table topics convert to character set utf8;\r\nQuery OK, 0 rows affected (0.21 sec)\r\nRecords: 0\u00a0 Duplicates: 0\u00a0 Warnings: 0<\/pre>\n<pre>mysql&gt; show create table topics;\r\n\r\nCREATE TABLE <code>topics<\/code> (\r\n\u00a0 <code>title<\/code> varchar(1024) NOT NULL,\r\n\u00a0 <code>address<\/code> varchar(2048) NOT NULL,\r\n\u00a0 <code>theme<\/code> varchar(4096) NOT NULL\r\n) ENGINE=InnoDB DEFAULT CHARSET=utf8 |\r\n+--------+---------------------------------------------------------------------------------------------------------------------------------------------------------------------+\r\n1 row in set (0.00 sec)<\/pre>\n<p>\u3053\u308c\u3067\u3046\u307e\u304f\u5165\u308a\u307e\u3057\u305f\u3002\u9aa8\u7d44\u307f\u306f\u3053\u308c\u3067\u5b8c\u6210\u3067\u3059\u306a\u3002<\/p>\n<pre>mysql&gt; select * from topics;\r\n+--------------------------------------------------+----------------------------+----------------------------------------------------------------------+\r\n| title\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | address\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | theme\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n+--------------------------------------------------+----------------------------+----------------------------------------------------------------------+\r\n| \u301014\u4eba\u767b\u58c7\uff01\u3011\u7b2c5\u56de HTML5minutes\uff01 ?triton-js?\u00a0\u00a0\u00a0\u00a0\u00a0 \u6771\u4eac\u90fd\u4e2d\u592e\u533a\u6674\u6d771-8-10\u00a0\u00a0\u00a0 | HTML5\u3001CSS3\u3001JavaScript\u3001SVG\u3001WebGL\u306a\u3069\u306b\u3064\u3044\u3066\u71b1\u304f\u8a9e\u308a\u5408\u304a\u3046\uff01\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| \u3072\u3063\u305d\u308a Ruby \u306a\u98f2\u307f\u4f1a\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | \u77f3\u5ddd\u770c\u91d1\u6ca2\u5e02\u7247\u753a\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | kzrb meetup mini\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| \u3042\u3089\u3084.rb(\u6b63\u5f0f\u540d\u79f0:cvip.rb)\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |<\/pre>\n<h1>\u91cd\u8907\u3092\u5bfe\u51e6\u3057\u3088\u3046<\/h1>\n<p>\u91cd\u8907\u3092\u9632\u3050\u306e\u306b\u3056\u3063\u3068\u8003\u3048\u308b\u3068\u4e3b\u30ad\u30fc\u304c\u307e\u305a\u5fc5\u8981\u3060\u306a\u3002<\/p>\n<p>DB\u306b\u3066\u3001&quot;Title&quot; \u3092unique key\u306b\u3057\u3066\u3001INSERT IGNORE INTO table_name \u69cb\u6587\u3092\u4f7f\u3063\u3066INSERT \u3059\u308b\u3068\u3044\u3046\u306e\u304c\u5b9a\u77f3\u306a\u3088\u3046\u306a\u306e\u3067\u3053\u308c\u3092\u8003\u3048\u308b\u3053\u3068\u306b\u306a\u308b\u3002<\/p>\n<p>\u3066\u3053\u3068\u3067\u3001\u30a4\u30d9\u30f3\u30c8ID\u3092\u30ad\u30fc\u306b\u3057\u3066\u53d6\u5f97\u3059\u308b\u3088\u3046\u306b\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n<p>atnd\u3055\u3093\u306e\u5834\u5408\u3067\u306f\u5fc5\u8981\u306a\u30c7\u30fc\u30bf\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n<pre>event_id\r\ntitle\u3000event_url\r\ncatch\u3000\r\naddress\r\nplace\r\nstarted_at<\/pre>\n<pre>create table topics (\r\nevent_id int unique NOT NULL,\r\nevent_url VARCHAR(1024) NOT NULL,\r\ntitle VARCHAR(1024),\r\naddress VARCHAR(2048) NOT NULL,\r\ntheme VARCHAR(4096) NOT NULL,\r\nplace VARCHAR(1024) NOT NULL,\r\nstarted_at DATE\r\n);<\/pre>\n<p>\u3067\u306f\u3001\u4f5c\u3063\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<pre>mysql&gt; create table topics (\r\n\u00a0\u00a0\u00a0 -&gt; event_id int unique NOT NULL,\r\n\u00a0\u00a0\u00a0 -&gt; event_url VARCHAR(1024) NOT NULL,\r\n\u00a0\u00a0\u00a0 -&gt; title VARCHAR(1024),\r\n\u00a0\u00a0\u00a0 -&gt; address VARCHAR(2048) NOT NULL,\r\n\u00a0\u00a0\u00a0 -&gt; theme VARCHAR(4096) NOT NULL,\r\n\u00a0\u00a0\u00a0 -&gt; place VARCHAR(1024) NOT NULL,\r\n\u00a0\u00a0\u00a0 -&gt; started_at DATE\r\n\u00a0\u00a0\u00a0 -&gt; );\r\nQuery OK, 0 rows affected (0.12 sec)\r\n\r\nmysql&gt;\r\nmysql&gt; desc topics;\r\n+------------+---------------+------+-----+---------+-------+\r\n| Field\u00a0\u00a0\u00a0\u00a0\u00a0 | Type\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | Null | Key | Default | Extra |\r\n+------------+---------------+------+-----+---------+-------+\r\n| event_id\u00a0\u00a0 | int(11)\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | NO\u00a0\u00a0 | PRI | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| event_url\u00a0 | varchar(1024) | NO\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| title\u00a0\u00a0\u00a0\u00a0\u00a0 | varchar(1024) | YES\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| address\u00a0\u00a0\u00a0 | varchar(2048) | NO\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| theme\u00a0\u00a0\u00a0\u00a0\u00a0 | varchar(4096) | NO\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| place\u00a0\u00a0\u00a0\u00a0\u00a0 | varchar(1024) | NO\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n| started_at | date\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 | YES\u00a0 |\u00a0\u00a0\u00a0\u00a0 | NULL\u00a0\u00a0\u00a0 |\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 |\r\n+------------+---------------+------+-----+---------+-------+\r\n7 rows in set (0.00 sec)<\/pre>\n<p>\u305d\u308c\u3067\u306f\u3001DB\u306e\u7528\u610f\u304c\u3067\u304d\u305f\u306e\u3067\u30b3\u30fc\u30c9\u306e\u65b9\u3082\u66f8\u304d\u63db\u3048\u3066\u5b9f\u884c\u3059\u308b\u3068\u3002<br \/>\n\u91cd\u8907\u30a8\u30e9\u30fc\u304c\u3067\u3061\u3083\u3063\u305f\u304c\u3001\u3053\u308c\u306f\u3053\u308c\u3067\u3088\u3057\u3002\u30c1\u30a7\u30c3\u30af\u3057\u3066\u306a\u3044\u3057\u3002<\/p>\n<pre>Mysql2::Error: Duplicate entry<\/pre>\n<p>\u3044\u308d\u3044\u308d\u8003\u3048\u305f\u7d50\u679c\u3001ActiveRecord\u3067\u4f55\u304b\u3042\u308b\u306f\u305a\uff01\u3068\u72d9\u3044\u3092\u7d5e\u3063\u305f\u3002<br \/>\n\u305d\u3057\u3066\u3001\u3059\u3050\u306b\u898b\u3064\u304b\u308b\u3002<\/p>\n<pre>class Topic &lt; ActiveRecord::Base\r\n\u3000\u3000validates :event_url, uniqueness: true\r\nend<\/pre>\n<p>\u78ba\u8a8d\u3057\u305f\u7d50\u679cOK\u3067\u3057\u305f\uff01\uff01<\/p>\n<p>\u898b\u305f\u76ee\u306f\u524d\u3068\u540c\u3058\u3060\u3051\u3069\u3001\u5b9f\u306f\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u304b\u3089\u5f15\u3063\u5f35\u3063\u3066\u304d\u305f\u60c5\u5831\u304c<br \/>\n\u30a6\u30a7\u30d6\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u3068\u3044\u3046\u5927\u304d\u306a\u9055\u3044\u304c\u305d\u3053\u306b\u3042\u308b\u3002<\/p>\n<p>\u3042\u3068\u306f\u4ed6\u306e\u52c9\u5f37\u4f1a\u304b\u3089\u3082\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3057\u3066\u65e5\u4ed8\u3067\u30bd\u30fc\u30c8\u3055\u308c\u308c\u3070\u5b8c\u5168\u4f53\u3068\u306a\u308b\u306e\u3060\uff01<br \/>\nRuby\u3092\u3084\u308a\u59cb\u3081\u305f\u6642\u3068\u9055\u3063\u3066\u3060\u3093\u3060\u3093\u3068\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u304d\u305f\u306e\u3067\u3001\u9032\u3080\u30b9\u30d4\u30fc\u30c9\u304c\u5c11\u3057\u4e0a\u304c\u3063\u3066\u304d\u305f\u3002<br \/>\n\u30a4\u30e1\u30fc\u30b8\u3067\u304d\u308c\u3070\u4f55\u3067\u3082\u3067\u304d\u308b\u3063\u3066\u6614\u306e\u4eba\u306f\u3088\u304f\u8a00\u3063\u305f\u3082\u306e\u3060\u3002<\/p>\n<p>\u4eca\u671f\u306f\u308f\u308a\u3068\u30a2\u30cb\u30e1\u3092\u591a\u3081\u306b\u9332\u3063\u3066\u3044\u308b\u3051\u308c\u3069\u3001\u7d9a\u304d\u304c\u6c17\u306b\u306a\u3063\u3066\u308b\u3060\u3051\u306a\u306e\u3082\u3042\u308b\u306e\u3067\u3001\u6d41\u3057\u898b\u306a\u304c\u3089\u3072\u305f\u3059\u3089\u30b3\u30fc\u30c9\u3092\u4fee\u6b63\u3057\u3064\u3064\u3084\u3063\u3068\u51fa\u6765\u307e\u3057\u305f\u3002<\/p>\n<h1>\u65e5\u4ed8\u3067\u30bd\u30fc\u30c8\u3057\u305f\u3044\u306a\uff5e<\/h1>\n<p>\u30a6\u30a7\u30d6\u3060\u3068\u3084\u306f\u308aJquery\u3042\u305f\u308a\u306b\u306a\u308b\u306e\u306f\u4ed5\u65b9\u306a\u3059\u3002<\/p>\n<p>Tablesorter\u3092\u4f7f\u3063\u3066\u30bd\u30fc\u30c8\u53ef\u80fd\u306b\u3057\u307e\u3057\u305f\u3002<br \/>\n\u30fb\u30fb\u30fb\u51fa\u6765\u4e0a\u304c\u308a\u307e\u3057\u305f\uff01<br \/>\nconfig\/application.rb\u306f\u8981\u3089\u306a\u3044\u3068\u601d\u3046\u3057\u3001\u3054\u307f\u30d5\u30a1\u30a4\u30eb\u3082\u3044\u308d\u3044\u308d\u3042\u308b\u3051\u308c\u3069\u7f6e\u3044\u3066\u307e\u3059|\u0434\uff9f)<br \/>\n\u4ed6\u306e\u52c9\u5f37\u4f1a\u95a2\u9023\u306e\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u304b\u3089\u3082\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u3088\u3046\u306b\u3057\u3066\u3001\u898b\u6804\u3048\u3082\u3082\u3046\u3061\u3063\u3068\u8003\u3048\u3066\u304b\u3089\u3001\u305b\u3063\u304b\u304f\u3064\u304f\u3063\u305f\u306e\u3067vincentina.net\u306b\u30c7\u30d7\u30ed\u30a4\u3057\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<pre>$ tree\r\n.\r\n\u251c\u2500\u2500 Gemfile\r\n\u251c\u2500\u2500 Gemfile.lock\r\n\u251c\u2500\u2500 README.md\r\n\u251c\u2500\u2500 app.rb\r\n\u251c\u2500\u2500 app.rb.org\r\n\u251c\u2500\u2500 config\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 application.rb\r\n\u251c\u2500\u2500 database.yml\r\n\u251c\u2500\u2500 public\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 css\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bootstrap-theme.css\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bootstrap-theme.css.map\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bootstrap-theme.min.css\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bootstrap.css\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 bootstrap.css.map\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 bootstrap.min.css\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 database.yml\r\n\u2502\u00a0\u00a0 \u251c\u2500\u2500 fonts\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 glyphicons-halflings-regular.eot\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 glyphicons-halflings-regular.svg\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 glyphicons-halflings-regular.ttf\r\n\u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 glyphicons-halflings-regular.woff\r\n\u2502\u00a0\u00a0 \u2514\u2500\u2500 js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 bootstrap.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 bootstrap.min.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 jquery-latest.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 jquery.min.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 jquery.tablesorter.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 jquery.tablesorter.min.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 npm.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 sortable.min.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u251c\u2500\u2500 sortable_ja.js\r\n\u2502\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u2514\u2500\u2500 tablesort.min.js\r\n\u2514\u2500\u2500 views\r\n\u00a0\u00a0\u00a0 \u251c\u2500\u2500 index.erb\r\n\u00a0\u00a0\u00a0 \u2514\u2500\u2500 layout.erb<\/pre>\n<p>\u4eca\u65e5\u306e\u51fa\u6765<\/p>\n<p><a href=\"https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3.jpg\" width=\"1189\" height=\"701\" class=\"alignnone wp-image-4783 size-full\" srcset=\"https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3.jpg 1189w, https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3-300x176.jpg 300w, https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3-1024x603.jpg 1024w, https:\/\/www.vincentina.net\/wp-content\/uploads\/2014\/11\/sinatra3-624x367.jpg 624w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>\u53c2\u8003\u30b5\u30a4\u30c8<\/p>\n<p><a href=\"http:\/\/allabout.co.jp\/gm\/gc\/434260\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tablesorter\u3067 HTML\u306e\u8868\u3092\u30bd\u30fc\u30c8(\u4e26\u3073\u66ff\u3048)\u53ef\u80fd\u306b\u3059\u308b [\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u4f5c\u6210] <\/a>All About:<\/p>\n<p><a href=\"http:\/\/qiita.com\/sharow\/items\/508bc876ffb564d2d1ec\" target=\"_blank\" rel=\"noopener noreferrer\">atnd &#8211; \u52c9\u5f37\u4f1a\u30b5\u30a4\u30c8\u306eAPI\u6bd4\u8f03 &#8211; Qiita:<\/a>\u3000sharow<\/p>\n<p><a href=\"http:\/\/babiy3104.hateblo.jp\/entry\/2014\/02\/13\/000219\" target=\"_blank\" rel=\"noopener noreferrer\">rails &#8211; Mysql2::Error: Incorrect string value<\/a> &#8211; \u305d\u3046\u3044\u3046\u3053\u3068\u3060\u3063\u305f\u3093\u3067\u3059\u306d:<\/p>\n<p><a href=\"http:\/\/qiita.com\/u1_fukui\/items\/88c10d4d530ec6fbaaa1\" target=\"_blank\" rel=\"noopener noreferrer\">Sinatra+ActiveRecord+MySQL\u3067\u3001\u7c21\u5358API\u30b5\u30fc\u30d0\u69cb\u7bc9 <\/a>&#8211; Qiita:\u3000u1-fukui<\/p>\n<p><a href=\"https:\/\/tamosblog.wordpress.com\/2012\/10\/26\/sinatra\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sinatra\uff0bActiveRecord\uff0bSQLite3\u3067\uff0c\u8efd\u91cf\u306aWeb-DB\u9023\u643a\u4f8b <\/a>| tamo&#8217;s blog:<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class='wp_social_bookmarking_light'>        <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/www.vincentina.net\/?p=4782\" data-text=\"Sinatra + ActiveRecord + MySQL \u3067\u7c21\u6613\u30a2\u30d7\u30ea\u3064\u304f\u3063\u3066\u307f\u308b\" data-via=\"TakekenTw\" data-lang=\"ja\">Tweet<\/a><\/div><\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n","protected":false},"excerpt":{"rendered":"<p>\u5bd2\u304f\u306a\u308b\u3068\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u3084\u308a\u305f\u304f\u306a\u308b\u306e\u304b\u3001\u3053\u3053\u6570\u65e5\u306fRuby\u306a\u65e5\u3005\u304c\u7d9a\u3044\u3066\u3044\u3066\u3001\u4eca\u56de\u306f\u524d\u56de\u3068\u540c\u3058\u984c\u6750\u3067\u52c9\u5f37\u4f1a\u95a2\u9023\u306eJSON\u3092\u5f15\u3063\u5f35\u3063\u3066\u304f\u308b\u30a2\u30d7\u30ea\u3067\u3059\u304c\u3001\u8907\u6570\u306e\u30a6\u30a7\u30d6\u304b\u3089\u3068\u306a\u308b\u3068\u3084\u3063\u3071\u308aDB\u306f\u5fc5\u9808\u3068\u306a\u3063\u3066\u304f\u308b\u308f\u3051\u3067\u3001Web\u3068 &hellip; <a href=\"https:\/\/www.vincentina.net\/?p=4782\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;Sinatra + ActiveRecord + MySQL \u3067\u7c21\u6613\u30a2\u30d7\u30ea\u3064\u304f\u3063\u3066\u307f\u308b&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[106],"tags":[],"class_list":["post-4782","post","type-post","status-publish","format-standard","hentry","category-programming"],"_links":{"self":[{"href":"https:\/\/www.vincentina.net\/index.php?rest_route=\/wp\/v2\/posts\/4782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vincentina.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vincentina.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vincentina.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vincentina.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4782"}],"version-history":[{"count":0,"href":"https:\/\/www.vincentina.net\/index.php?rest_route=\/wp\/v2\/posts\/4782\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.vincentina.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vincentina.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vincentina.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}