うなすけとあれこれ

高専DJ部 #16 でした

Advent Calendars

• #kosen10s Advent Calendar 2017 - Adventar
• 高専DJ部 Advent Calendar 2017 - Adventar

17日目です。

セトリ

1. Saving Light (feat. HALIENE) - Gareth Emery & Standerwick
2. Shelter - Porter Robinson & Madeon
3. Bass Drop - Zero Hero
4. Go Berzerk (Gammer Remix) - Pegboard Nerds & Quiet Disorder
5. Outbreak (feat. MYLK) - Feint
6. Superhuman (Gammer Remix) [feat. Eric Leva] - Slander
7. Burn (Original Mix) - DallasK, KSHMR
8. Insanity (Extended Mix) - Alan Crown, Alicia Madison, Rooverb
9. Kill EVERYBODY - Skrillex
10. Sexy Beast - Stereotronique
11. Stickup (feat. Juliette Lewis) - Karma Fields & MORTEN
12. Saving Light (INTERCOM Remix) [feat. HALIENE] - Gareth Emery & Standerwick

まあ脱チャラと言えるのではないでしょうか。

チャラい #kosendj pic.twitter.com/5DFoaXuxAh

— あそなす (@asonas) 2017年12月16日

ついでに #15

前回のDJ部、#15の再現Mixも録っておいたので貼っておきます。

高専DJ部 #15 でした | うなすけとあれこれ

kosen10sにpaymoを導入して

kosen10s Advent Calendar 2017

#kosen10s Advent Calendar 2017 - Adventar

13日目です。

始まりは秋吉会

8月22日の秋吉会、直前に旅行をしてきたこともあり、僕は現金が枯渇していました。 具体的には、秋吉会での割り勘で確実に足りる、という額は財布に無く、かといって数万円を口座から引き落とすとカードの請求額が払えなくなる、というカツカツっぷりでした。

このような状況だと、一旦僕がカードで払って、他のみんなには人数頭で割った金額を渡してもらう、という割り勘手法になるかと思います。

割り勘面倒問題

でも、そもそも割り勘って面倒ではないですか？人数で割り切れない金額になることもありますし、割り切れたとして、金額をその額面丁度で支払えることなんて稀です。 ざっくり千円単位に丸めて、貸し借りの概念が発生するのもどうかなーと思います。これは気分の問題ですが。

割り勘アプリ

さてその時、ちょうど割り勘アプリがいくつか出てきていました。その時検討対象だったのは、PaymoとKyashでした。

• paymo (ペイモ) | わりかんを思い出に https://paymo.life/
• Kyash 現金のストレスをゼロに。https://kyash.co/

Paymoはレシートの撮影が必要という手間は必要ですが、そのおかげで収納代行業者として機能するので、割り勘した金額をあとから銀行に振り込むことができます。

参考 ユーザー体験から紐解く「個人間送金」アプリの仕組みと歴史（日本編） | hajipion.com

なので、Paymoを使うことにしました。

秋吉会以降

秋吉会で、さく、どくぴー、でなり、puhitakuにPaymoを使ってもらいました。その時の体験が良かったので、以降のkosen10sのイベントで割り勘が必要になったときも、Paymoが使われるようになりました。

僕が記憶しているうちで、Paymoによる割り勘が行われたkosen10sのイベントは以下の3つです。

• 3周年鍋パ in うなすけ宅
• 3周年おしゃスポ
• 第2回秋吉会

まとめ

現金レス割り勘、超便利です。

訂正

2017-12-17 kosen10s Advent Calendar 2017 へのリンクを追加

高専DJ部 #14 とtumblr酒場in東京 #3 の再現Mixをアップロードしました

高専DJ部 Advent Calendar 9日目

高専DJ部 Advent Calendar 2017 - Adventar

そういうことなので、録り直しました。左右に別れているささやきの音声とかがちゃんとなってると思います。

いや〜長いMixだった。

福岡Ruby会議02 前夜祭でLTをしてきました

前夜祭

もともとCFPとして応募していたのですが落選してしまい、どうしようとなっていたところ、pixivさん主催で前夜祭が開催されることになり、その中でLT大会が催されるということなので早速応募しました。

発表資料

https://github.com/unasuke/fukuoka_ruby_kaigi_02_lt

最初は5分枠で応募していたのですが、10分枠で話してみて「5分とか無理だな」ってなりました。

ISUCON 7 やまのほすけ 提出スコア 11,204

メンバー

• やまま @kirikiriyamama
  • 参加は3回目？
• のほ @n0_h0
  • 初参加
• うなすけ @yu_suke1994
  • 参加は2回目

やったこと(順不同)

僕らが高速化したのはRuby実装です。

MySQLのチューニング by のほ

まずはslow query logの有効化、それからinnodb_buffer_pool_sizeを1Gにしました。

deploy scriptの作成 by うなすけ

今回はサーバーが複数台あるので、手元で叩いて各サーバーにssh経由でgit pullとsudo systemctl restartをさせようと思ったのですがなかなかうまくいかず、結局サーバーにsshした上で実行するscriptになってしまいました。

このscriptはちょこちょこ書き替えが発生していました。

user.nameにindexを張る by うなすけ

CREATE TABLE user (
  id BIGINT UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,
  name VARCHAR(191) UNIQUE,
  salt VARCHAR(20),
  password VARCHAR(40),
  display_name TEXT,
  avatar_icon TEXT,
  created_at DATETIME NOT NULL,
  INDEX(name)
) Engine=InnoDB DEFAULT CHARSET=utf8mb4;

ただ、このQueryを実際に流すのを忘れていて、終了10分前とかに気づいてIndexを張ったというポカミスがあります。

RACK_ENVをdeploymentに by うなすけ

定石というか、なんというか。あわせてAPP_ENV(Sinatra)もproductionにしています。

静的ファイルをnginxから返すように by やまま

これも定石。しかし、nginxから返すようにしてから数十件の静的ファイルへのリクエストがタイムアウトするようになってしまいました。はじめはnginxが詰まったのだろうか……と考えていましたが、その後Discordでeth0で頻繁にネットワーク遅延が発生していると報告がなされました。もしやと思って僕からnginxへのリクエストがタイムアウトする旨を使えたところ、報告された方も同様の症状だったそうで、「これはインスタンスガチャか……？」となりました。

しかし競技終了後、Cache-control publicやlast-modified、Etagの値などは考慮していないことに気付き、やはり自分達に原因があったのでは……となりました。(このへん詳細ちょっと不明です)

/loginと/registerへのGETを静的に返す by うなすけ

これは最初、アプリのコードを読むと静的やんけ〜〜となったので雑にpublic以下にhtmlを生成して置いたところ、ステータスコードでひっかかってダメでした。nginxで返すときにステータスコードも強制的に302に書き替えたりもしてみましたが、Locationヘッダーも必要でアーそうですねとなって一旦撤退しました。

しかしその後、「一度File.openとかで変数に格納して、それを返すようにすればいいのでは？」と気付きを得てそのようにしたところ、有意なスコアの上昇が見られてよかったです。もっと早く気付くべきですね。

N+1となるクエリをjoinで解消 by うなすけ

/messageと/history/:channel_idへのGETは、その内部で実行しているSQLにN+1問題があることがわかります。なので、これをjoinして解決することにしました。

 statement = db.prepare(
   'SELECT message.id, message.created_at, message.content, message.user_id, user.name as user_name, user.display_name as display_name, user.avatar_icon as avatar_icon FROM message INNER JOIN user ON user.id = message.user_id WHERE message.channel_id = ? ORDER BY message.id DESC LIMIT ? OFFSET ?'
 )
 rows = statement.execute(@channel_id, n, (@page - 1) * n).to_a
 statement.close
 @messages = []
 rows.each do |row|
   r = {}
   r['id'] = row['id']
   statement = db.prepare('SELECT name, display_name, avatar_icon FROM user WHERE id = ?')
   r['user'] = statement.execute(row['user_id']).first
   r['user'] = { display_name: row['display_name'], avatar_icon: row['avatar_icon'], name: row['user_name'] }
   r['date'] = row['created_at'].strftime("%Y/%m/%d %H:%M:%S")
   r['content'] = row['content']
   @messages << r
 end

hashにぶち込んでレスポンスを返すところ、特にuserの情報の部分では、/history/:channel_idではerbから参照しているのでhashのkeyがSymbolになっているとベンチマークでエラーが出るのにはちょっとハマりました。

あと競技終了後のDiscordで、statement.closeの漏れがけっこうあることを指摘されていて、この辺の知識がなくstatement.closeの有無がどう影響してくるのか不明で放置してしまっていました。

/fetchでのsleepを5秒にした(けどやめた) by うなすけ

レギュレーションには/fetchへのアクセスは採点対象ではないことが書いてあり、/fetchへのアクセス回数を減らせられればその分リクエストの処理が可能なのではないかと思い5秒までのばしてみましたが、ベンチで有意なスコア上昇が見られなかったことと、pumaのスレッド使い尽したらリクエスト受けられないのでは？と思いrevertしました。短くしようかとも思いましたが時間が足りず挑戦していません。

Varnishを用いたリクエストの分散 by やまま

もともとサーバーそのものは3台提供されていましたが、リクエストはapp1台とdb1台で処理していました。

これをVarnishにより、まずリクエストはapp1で受け、/profileへのPOSTと静的ファイルへのリクエストはapp2のnginx + pumaで、それ以外はapp1のpumaで受け、裏のdb1にデータを取りに行くという構成にしました。

多分今回のなかで一番大仕事かつ成果のあった作業だと思います。(これでベストスコアが出た)

よくわからなかったところ

pumaが重くなっていく

長時間サーバーを起動しっぱなしにしていると、/initializeが規定時間内に終わらなくなってしまいました。これは、isubata.ruby.serviceの再起動で解消されるので、ベンチマーク実行前にserviceの再起動をかけるようにして凌いでました。

感想

去年の提出スコアが0だったことを考えると、スコアが11204というのはもう去年の何倍というスケールには収まらない成長っぷり(？)でめちゃくちゃ嬉しいです。が、もっとやれることあっただろ、というところでもあります。

あと予習とか訓練が足りなかったかなーと思います。(2週間前にisucon4の予選問題でリハーサルをしただけ)

行動ログ

分単位で記入していますが曖昧です。

追記

2017-10-23 0:14

誤字の修正とメンバー紹介を追加しました。 (ykztsさんありがとうございます )

高専DJ部 #15 でした

セトリ

1. aaaa
2. Fight My Way feat. Moses Keenan (Extended Mix) - Morgan Page, Moses Keenan
3. With You feat. Emelie Cyreus (Progressive Extended Mix) - Magnificence, Venomenal, Emelie Cyreus
4. Forever (Kill The Buzz Extended Mix) - Rico & Miella
5. Party Till The Daylight feat. D3FAI (D3FAI Remix) - Hardwell, D3FAI
6. Do Or Die feat. Lara (Extended Mix) - Lara, Blasterjaxx
7. What It Looks Like (Extended Mix) - Daniel Garrick, Karra
8. Rumble (Extended Mix) - Reggio, Sansixto
9. What It Looks Like (Extended Mix) - Daniel Garrick, Karra
   • ミスって同じ曲を2回流すという失態
10. Rage (Extended Mix) - Arston
11. Kreatine (Original Mix) - Adam Sky
12. Whatcha Need (Extended Mix) - W&W
13. Break The House Down (Hardwell Extended Edit) - Kill The Buzz

aaaについて

このイベントで新曲披露できなかったら土下座と宣言して、なんとか土下座せずに済みました。タイトルは色々な音を弄ってみるために適当に付けたプロジェクトファイル名がそのまま残っています。

欲を言えば高専DJ部の度に1曲つくっていきたいけど、できるかな……

評判

スノーで加工されてリアルタイムでVJのおもちゃになってるうなすけ君の様子です #kosendj pic.twitter.com/hozPlyaKed

— とーかさん🦐10/21 kosendj (@touka_tt) 2017年10月21日

うなすけくん、DJだけはどんどんチャラくなっていく #kosendj

— HolyGrail@10/29ハコクラ (@HolyGrail) 2017年10月21日

うなすけくんこのままナイトプールDJとかやったら虚無捨て太郎いけそう(いや、いけない) #kosendj

— HolyGrail@10/29ハコクラ (@HolyGrail) 2017年10月21日

DJ. DJだけチャラ太郎 じゃん #kosendj

— JC手作り料理@10.21(土)茶箱 (@furaji) 2017年10月21日

スピーカーからモテたいという気持ちが伝わってくる #kosendj

— あそなす@高専DJ部10/21早稲田 (@asonas) 2017年10月21日

VJのお気持ちが出てしまった #kosendj pic.twitter.com/H41DB1MuM0

— HolyGrail@10/29ハコクラ (@HolyGrail) 2017年10月21日

これからもチャラチャラズンズンパリピEDMでやっていくぞ！！！！！！！！

FINAL FANTASY XIVを始めました

経緯

経緯です pic.twitter.com/pvO2zH6ODy

— 🌈✨HolyGrail✨🌈 (@HolyGrail) 2017年9月7日

うなすけくんにFF14のゲームカードをプレゼントします！ #光のうなすけくん https://t.co/2r1biLIlF7

— 🌈✨HolyGrail✨🌈 (@HolyGrail) 2017年9月18日

プレゼント完了しました！！！ #光のうなすけくん pic.twitter.com/5vRGzoHo9u

— 🌈✨HolyGrail✨🌈 (@HolyGrail) 2017年9月18日

#光のうなすけくん pic.twitter.com/p6hUAgyhzG

— うなすけ (@yu_suke1994) 2017年9月23日

詳しくは #光のうなすけくん でよろしくお願いします。

#光のうなすけくん - Twitter検索

いやー、おとなってこわいですね！！！！！

これから

敵に絡まれまくるUnasukeちゃんが可愛い。　#光のうなすけくん pic.twitter.com/Uc5uiSbZ9d

— ふーすのー (@fooyuta) 2017年9月23日

ふーすのーありがとう……

とりあえず200日くらいは遊べる(ありがとうございます)のでやります。気が向くか要求されたらYoutube Liveで配信もします。以後よろしくお願いします……

高専DJ部 #14 でした

セトリ

1. Ritual (Extended Mix) 催眠Mix - Sunstars
2. Sushi Of God (Original Mix) - Nom De Strip, Nezzo
3. Showdown (Extended Mix) - Maddix, LoaX
4. Show Me Your Love (Extended Mix) - Firebeatz, Lucas & Steve
5. Booyah feat. We Are Loud & Sonny Wilson (Original Mix) - Showtek, Sonny Wilson, We Are Loud
6. 薬物はやめろ - SHO
7. Freak It (Original Mix) with 黒柳徹子 - Dual Size
8. Saving Light (NWYR Remix) [feat. HALIENE] - Gareth Emery & Standerwick
9. Time To Jack (Extended Mix) - TJR
10. アンパンマンたいそう with キズナアイ - ドリーミング

録音で片方のチャンネルがごっそり抜け落ちているので聞いてると違和感があるかと思います。

感想

今回は色々がありましたね…… そうめんが美味しかったです。

抱負

さて、

• Ritual (Extended Mix) 催眠Mix - Sunstars
• Freak It (Original Mix) with 黒柳徹子 - Dual Size
• アンパンマンたいそう with キズナアイ - ドリーミング

の3曲は、FL Studioを買って編集したものなのですが、打ち上げで「曲作らないの」と言われたので、次回の高専DJ部までに1曲作ることを目標にします。

togetter

KosenDJ-bu #14 - Togetterまとめ

Hyper.shでTwitter botを運用する

Hyper.shとは

Hyper.sh - Container-native Cloud

Hyper.shは、とても手軽にDocker containerをhostingできるサービスです。課金は秒単位で行なわれ、一番安いプランだと月に$1ちょっとしか費用がかかりません。

これを使って、特定の単語に反応するTwitter Botを運用してみます。

Twitter Botを作る

Applicationの作成

Twitter Application Management

まずはここからCreate New Appします。Consumer Key、Consumer Secret、Access Token、Access Token Secretを入手します。

Bot本体の作成

今回つくるBotは、特定の文字列からなるDMを受けとったときに返信するというものです。

require 'logger'
require 'twitter'
logger = Logger.new(STDOUT)

config = {
  consumer_key:        ENV['CONSUMER_KEY'],
  consumer_secret:     ENV['CONSUMER_SECRET'],
  access_token:        ENV['ACCESS_TOKEN'],
  access_token_secret: ENV['ACCESS_TOKEN_SECRET'],
}

rest_client = Twitter::REST::Client.new(config)
logger.info 'REST client initialized'

streaming_client = Twitter::Streaming::Client.new(config)
logger.info 'Streaming client initialized'

streaming_client.user do |tweet|
  if tweet.is_a?(Twitter::DirectMessage) && %r[\A年収\z].match?(tweet.text)
    logger.info "Recieved DM #{tweet.text} from #{tweet.sender.screen_name}"
    rest_client.create_direct_message(tweet.sender, "#{ENV['ANNUAL_INCOME']}万円")
  end
end

このようになりました。

unasuke/annual-income-bot

Hyper.shにdeployする

さて、まずはこのDocker imageをDocker Hubにpushします。 unasuke/annual-income - Docker Hub

次に、hyperの中にpullしてきます。hyperをローカルマシンと同様のものだと考えるとわかりやすいかもしれません。

$ hyper pull unasuke/annual-income:v0.1.1

そして、docker-compose.ymlを作成してあるので、次のコマンドでもうBotが動作し始めます。

# project名にハイフンが使えないと怒られたので直接指定
$ hyper compose up -d -p unasuke_annual_income

という訳で、僕に「年収」とだけ書いたDMを送ると僕の年収が返ってきます。

超簡単Hyper.sh

どうですか、Hyper.sh。ちなみにプランは自動で決まるのか、僕のBotはS4(月$5.18)で実行されています。

以下にinvitation linkを置いておくので是非活用してください。 https://console.hyper.sh/register/invite/yApE4Arn3osDm9RPDG3LuLJPj1BwR8fK

訂正(2017/08/15 00:27)

デフォルトでS4になり、docker-compose.yml内で指定できるそうです。

Compose File Reference | Hyper.sh User Guide

Oculus Riftを買った

サマーセールだったものでつい

もともと去年組んだPCは、VRを楽しむために組んだものでした。でも資産的に厳しい状態が結構続き、VRデバイスには手を出せずにいました。

そしたらなんと、Oculus Riftがいきなり5万円まで値下げしたじゃないですか。数十分悩んだ末、購入を決めました。

というわけで、やっていきましょう pic.twitter.com/PZVuuv5Xmk

— うなすけ (@yu_suke1994) 2017年7月15日

装着感

僕は眼鏡をかけているのですが、Oculusを装着するのが一番大変で、コンテンツの視聴やゲームのプレイ自体には支障ありませんでした。

しばらくしたら少し小さめの眼鏡を買おうと思います。

操作感

セットアップの過程でセンサーによる部屋の認識が(と言っていいのか？)あるのですが、それにてこずりました。そんなに広くない部屋なので、何度も「もう少し離れてください」と表示されてしまいました。

ゲーム

サマーセールで購入した場合には、5つほどのゲームが無料でバンドルされてきます。そのうちで惹かれたRobo Recallをやってみました。

Robo Recallが、というよりやっぱりVRはすごいもので、VRという意識が薄れていないゲーム開始時のムービーですらヒヤッと思わせられました。没入感がとにかく凄いです。

操作性に関しては、僕があまりゲームをやらないのと、とにかく敵が迫って来て焦るので、終始わちゃわちゃしてしまいました。

総評

ヤバい