慶応日吉キャンバスにおりますので、自分用のメモを残しておきます。
Opening / lestrrat さん
諸事情で英語(スライドは日本語)。
- builderscon は YAPC::Asia の直系のカンファレンス
- いろんな技術の話を集めたものがbuilderscon
- 近年、様々な技術が互いに関わり合うようになっている
- 新しいものを発見する場 (Discover something new)
- #builderscon @builderscon
- スポンサーランチあるよ
- ベストスピーカー賞投票してね
- パネルで写真撮ってね
- STAFFは腕章つけてるよ
- 問い合わせは Twitter か google group のメールで
- LTの通知していた時間が間違っていたので、ごめんなさい
- LTはその場の熱意で登壇するのが一番いいです！
Desktop Apps with JavaScript / felixrieseberg さん
- Slackは会社としてはまだ3年目
- 仕事をよくする => チャットアプリを提供するのがいいと考えた
- デスクトップ版の開発チームは4人
- 効率の良い開発方法を常に考える必要がある
- Windows, macOS, Linux
- それぞれの環境に数人担当をつけるのが普通だが、Slackはそうしてない
- それぞれ、見た目やIMEがちょっとずつ違う
- JSでDesktop App ?
- Electron
- Electron は Node.js のプロセスである
- Slack : Electron, TypeScript, Node.js, C++
- JSで書かれたコードが遅ければ、全てがJSで書かれてしまっている
- 複雑なところはC++で書くべき
- Monaco Editor / VS codeの原型
- 20分あれば簡単にできるので作ってみる
package.jsonのみがある状態mainに実行されるファイルが書いてある
index.jsを書くと動くnodeの代わりにelectronコマンドを使って実行するelectronモジュールappオブジェクト : ライフサイクルreadyイベント : 最初に受けるイベントnew BrowserWindow (): chromium のウインドウが出る
index.htmlを作る (テンプレから)- 普通のHTML
- HTMLから読んでいるCSSを作る
style.css- ここまでだけでは何も起きない
mainWindow.loadURL('file://${__dirname}/index.html')- Node.js の機能がすべて使える
- ファイルシステムにもフルで触れる
- electron 下では
index.htmlにrequire('./render.js')と書くことができる console.log()で絵文字は扱えないmonaco-loaderパッケージを利用- 実行すると
monacoオブジェクトが得られる monaco.editor.createに<div>を渡してエディタにするtheme:automaticLayout:など必要なオプションを渡す
- 実行すると
- ファイルのドラッグへの対応
- プロセス間通信
file:///を捨てる- メインプロセス
mainWindow.webContents.send('open-file', url) - レンダラ
ipcRenderer.on('open-file' ...)で受け取る
- electron 関連 : 1700パッケージある
- 透過ウインドウなど
- electron-forge : Electronを試したい時
- プロジェクトの初期化やビルドなど
- まとめ
- Electron で JS を Desktopで作るのは楽しい
- Electronモジュールは充実している(C++などより活用できるものが多い)
- electron-forge を使おう！
- メモリ消費量を削減する努力は？
- アプリをreactに移している。会社の成長のほうが早くて追いついてない。これから最適化していくことになりそう
- Electronをそのまま使ってますか？
- githubと直接Electronの開発をしている。Electronの開発者は東京にいる
- Electronのアプリのテストはどうしてる？
- Spectronを使う, Electronの内部でテストする, Jestを使ったモック, の3つの方法
- Electronは素晴らしいアプリが作れる
electron-code-editorを使ってエディタを作って、面接でエディタを聞かれたら自分で作ってますと答えよう
横山三国志に「うむ」は何コマある？〜マンガ全文検索システムの構築 / heruheru3 さん
- 「うむ」は458回 http://mitchell-fts.appspot.com/
- 横山光輝三国志を選んだ理由
- コマが矩形
- ぶち抜き、突き抜けコマが少ない
- 作画が一定 (張飛だけ身長が縮んでいる)
- 線画のみなので2値化が効く
- どこを切ってもネタになる
- GAE, Google CV API (画像を切る), さくらレンタルサーバ(画像)
- コマ分割アルゴリズム
- 画像を反転 (左上を0にしたい)
- 斜めの線を上から落としてきて、ぶつかった順にコマを拾う
- 切り抜く
- 次のコマを探すために走査する (終わるまで続ける)
- 三国志
- 99.9% 成功
- 52000コマ
- 200ページあたり1分
- 三国志以外
- 矩形じゃないとうまくいかない
- 波線ていどならうまくいく
- 新しい手法 (v2)
- openCVのflood_fillを使って、外枠を塗りつぶしで判定
- 斜めの枠でもきれいに取れる
- 1冊200ページが10秒
- v3も開発中
- OCR
- Google Computer Vision OCR
- 縦文字もほぼO.K. (コマ分割後)
- 1,000枚まで無料
- OCR後の処理
- 余分に検出させて、消す
- 横長の領域を削除（横文字と認識されてる）
- MeCabで日本語以外の文字を捨てる
- 文字同士の距離を見て、文字の塊を作る
- 1,000枚ごとに$1.5。52,000枚だと8,913円
- 36,000 枚にしか文字はない
- 全文検索
- Python Whoosh
- N-gram インデックス
- N文字ずつに区切り、インデックス化
- 検索性能 0.044s 結構いいのでは
- WEBのガワはGAEを利用
- PythonのFlask (簡単)
- 20行強で十分
- UI側
- 活用
- Twitter, LINE, Slack にそのまま貼れるよ
- 応用
- 「ドラゴンボールのフリーザのとこに悟空が来るところ」のデモ
- 枠外の塗りつぶしはじめは、なにもないところから
- セリフの突き抜けなどもうまく拾えている
- 「・・・」がOCRで取れない(消しきらない)
- エロ漫画はダメ (コマがない)
- 著作権の問題で調べたことなどは？
- 何も調べてない。今回公開したものも削除されるでしょう。が、声はすでに頂いている
- コマ分割、OCRの評価は、人力？
- はい。確認のためにお金がいる。
Haskellを使おう / hiratara
自分のトークでした。 https://speakerdeck.com/hiratara/haskellwoshi-ou
Building high performance push notification server in Go / cubicdaiya さん
- 絵文字を付けるとコンバージョンが上がる
- 直接端末ではなく、pushサービスを通って通知が行く
- APNs : Binary Provider API と APNs Provider API がある
- 後者はHTTP2でcurlでも叩ける
- GCM/FCM
- 新しいものはFCMを使うべき
- こちらもHTTP2
- レイテンシが高いので、Keep-aliveにする
- 10 millions のターゲット
- 昔はPHP内から直接push notificationを送ってた
- 応答に数秒かかる
- その後、Queueを導入
- App => nginx => Gaurun => APNs / GCM という構成
- Gaurun から APNs / GCM は HTTP2
- Gaurun github.com/mercari/gaurun
- Go の理由
- goroutineがたくさん作れる
- 5年前のMacで 5万QPS
- Gaurunはプロクシ＋キュー
- キューはChannelを使って実現
- workerとpusher
- workerがdequeしてpusherを起動
- コネクション管理
http.Clientを使うhttp.TransportのMaxIdleConnsMaxIdleConnsPerHostIdleConnTimeoutでコントロール- さまざまなタイムアウトがあるので面倒 https://blog.cloudflare.com/the-complete-guide-to-golang-net-http-timeouts/
GETはキューの数、成功失敗の数、goroutineの数、など- 数値が変えれば監視は簡単
- 監視はMackerel
- High PerformanceにするにはTOMLをいじる
- Bulkで enqueue もできる
notification_maxによる制限有
- 無効トークンの削除
- Gaurunのエラーログを拾う
- ログをS3に投げておいて、バッチでMySQLから削除
- まとめ
- push通知は高レイテンシ、高並列性
- Goがよい
- gaurunにどう送ってる？
- クライアントがMySQLから取るだけ
- 全体に配信するときも同じ仕組み？
- WEB UIがある。
- 重複制御？
- 1台に重複はないが、複数デバイスを持っていれば受け取ってしまう
- FCMはhttp2？
- goがhttp2に対応しているので。コネクション数もいい感じに
- ボトルネックは？
- ネットワーク通信。CPUやメモリは使いきれてない
- スケーリングは？
- 一斉配信でも3～4台で済むので、困ってない
- デプロイでキューをロストしない方法は？
- nginxから外す。GaurunにもGracefulリスタートがある（queueを吐いてから終了)
LT
「ドラを忘れたので、時間が来たらエアドラします。」
分割QRコードの読み取り方 / Satoshi Shmdさん
- QRコードは16分割できる
- 日本のデンソーが作った。Quick Response
- 仕様書で「構造的連接」として定められている
- メタデータが
3だと分割。最大16分割 - 4分割のQRコードを読む例
- 横に並んでいると高速に読み込める
- 小さく分割したほうがエラー率が低い
- 標準APIを使って、internalからメタデータを拾って実装してる
- 「これ、発表できて良かったです」
RaspberryPi+AWSでIoT(っぽい)GPSロガーを作ってみた / Toshihiko Kimuraさん
- ラズパイにGPSアンテナを付けたもの
- はんだ付け
- 10数年ぶり
- ミスってる
- あきらめた
- 慢心せずハンダゴテ練習しましょう。ハンダ吸い取り線は便利
- サーバレス → 7円だったのでよかった
- 座標が正しいのか確認は？
- DynamoのデータをCSVで落として、Google APIで
- 今日の仙台から東京の移動のロギングは失敗したので割愛
- 「おちこんだりした」『「おちこんだり」になってますね、大丈夫ですね』
- スマホでよくね？ はい！
- 自分で作ってなんぼ
できる！！！Validation！！！ / sasezakiさん
- LTは15分という世界から来ました
- 「世界は真偽で満ちているのにバリデートとは？」
- バリデーション == 入力値検証
- assert, guard, 例外
- バリデーションをきちんとしないと末代まで遺恨を残す
- 「空白ははじいて」空白の種類が多い
- 「アルファベットで」日本語は
- 「この正規表現を使って」死ぬ
- 「正義とは何か」
- 「人類の存在が誤りだった」
カンファレンスアプリを作ったぞ！！ / morizoooさん
- buildersconアプリは明日までの命なので使って下さい
- WEBのモバイルは使いにくい。最高のタイムテーブルが欲しかった
- POをしたかった
- PO業務
- 「頑張らせる」
- 7/21 時点でiOSしかなかった
- Android版 冗談だと思った
- Droidkaigiを参考に
- 最高ではないけどなんとかできた
- 今日のセッションで学んだ
- iOSデザインの流用と、回転時の処理がよくない
- 直したがリリースは間に合わなかった
アイドルフェスのタイムテーブル管理アプリを作った話 - sugyanさん
- 今日から東京アイドルフェスティバル
- 去年までドルオタだった
- タイムテーブルがある
- 公式の管理ツールが存在する
- 個人ツールも存在する
- 去年のものを流用して今年の分も
- reactでやってる（無駄にSPA)
- Twitter共有機能を追加
- 普通は画像は流せない
- ダミーアカウントで画像URLを作り、それを共有する仕組み
- 今年、めちゃくちゃダウンロードされた。出演者にも使ってもらえた
- 自作サービスでも、ちょっとした工夫で効果が上がる
アドテクやってるエンジニアだけど、どうしてもみんなに伝えたいことがある。 / HonMarkHuntさん
- アドテクって何？
- インタネット広告の配信・最適化技術の総称
- どうしても伝えたいこと
- スマホのバナー広告が多重影分身広告
- 動画プレイヤーにかぶさる広告のクローズボタンがかなり小さい
- 「ほんとにごめんなさい！！！！」といいたかった
- クリックするとお金が儲かるのでクリックさせる
- テレビ広告は関連内ユーザにも届いてしまう
- インタネット広告は適切な人にのみ広告が届く
- ユーザからのフィードバックを利用できる
- 広告主の利益最大化、ユーザへの配信の最適化
- 「ムカつくと思うけど、頑張るので見守って下さい」
Discovered Something New? / tomzohさん
- YAPC::Asia 2015 のベストトークショウが面白かった
- 別のカンファレンスでやった → よかった
- 名札が好き → 名前とSNSアイコンが紐付かない
- ベストトークショウと名札をやりたい
- SNSアイコンとQRが難しい
- 印刷方法は？
- 言葉を知らないのでググれない
- 「バリアブル印刷」という
- 画像の集め方は？
- チケット販売期間と入稿起源の問題
- 遅くチケットを買うと印刷できない
- ベストトーク賞投票お願いします
- 牧さん「じゃーーーーーん」
吾輩が作ったものを淡々と / codehexさん
- 沖縄から上京するのでよろしく
- 全てのgoroutineにシグナルを通知する
- シグナルを拾って全てのgoroutineに通知してくれるくん
- perlのProcletライク → 止めても止まらないから設計やり直し
- batteryコマンド → mattnさんがWindows版を
- Neo-Cowsel / 音楽はバックグラウンドで流しているので消えない
- 世に役立つものを作ります
Node8.3.0について / @about_hiroppy
- current v9.0.0 / latest v8.2.1 / LTS v4, v6 v8
- V8がv6.0にアップグレード。パフォーマンスプロファイルの変更
- TurboFan、Ignitionがあり、初めてデフォルトになる
- JIT CompilerでCrankshaftから置き換え
- try-catch 最適化など、最適化が可能になる
- Ignition : androidなどの環境のため、バイトコード化してメモリを小さくなる
- v5.9では色々パフォーマンスが悪化したが、v6.0以降では期待できる
- ベンチマークは基本的には改善されている
- 8月中に8.3.0
- 牧さん「はいじゃーーーーーん」
正規表現の変形で作る独自記法のWiKi parser / shokaiさん
- wikiの独自記法を乱立させたい
- ページ間リンクを充実させたかった
- 覚えやすい記法を採用 (タイトルとリンクの順序が逆でもいいとか)
- 正規表現のカッコの位置はよく似ているが場所が違う
?:を使ってキャプチャを抑止する- 「なんかもうわけわからない感じ」
- 一個の記法でノードのツリーが書けるように
- 公開しているライブラリを使って記法をたくさん作るといいんじゃないですかね
バックエンドからのSEO対策 〜JSON-LDでのschema.org入門〜 / uessy-akrさん
- schema.org
- 料金、ページ数、バンドメンバー、アダルトエンタメ施設、など、すごくこまい指定が可能
- 通貨コード、営業時間
- JSON-LDはHTMLと分離できるので、きれい
- 牧さん「マイクがkamipo持ちですね」
