ここ一年でやったこと
まとめ
私立プログラミングキャンプ 2015 関東大会 研究発表
@hakatashi
たそかれ
- 博多市(hakatashi)
- 世の中の役に立たないものを作るのに特化したJSer
- 大学2年生
- pixivアルバイト
- セキュキャン
書類選考3年連続敗退中
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1694857/hako_new-02.png)
今日の発表
前回のシプキャン2014から1年…
博多市がいかにして貴重な青春を無為に過ごしたか
その総決算がいまここに
replybot
2014/12~
replybot
- chatai.hakatashi.com
- いわゆるチャットボット
- Twitterのツイートとそのリプライ先のツイートから生成したコーパスを元に返答を生成
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1694966/2015-09-05_02_33_44-.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1694983/2015-09-05_02_37_53-____.png)
あいさつは得意
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695000/2015-09-05_02_43_38-MouseGestureL.ahk.png)
それ以外は壊滅的
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695012/2015-09-05_02_46_16-____.png)
XSSしようとすると
「手羽先になれ」と言われる
主な使用技術
- ElasticSearch
- Socket.io
japanese.js
2015/01~
日本語のさまざまな変換モジュールを
1つにまとめたパッケージ
var japanese = require('japanese');
japanese.hiraganize('板垣死ス𪜈'); // 板垣死すとも
japanese.katakanize('ゐ゙よろん'); // ヸヨロン
japanese.romanize('ツァトゥグァ'); // tsatugwa
japanese.transcribeNumber(9007199254740991);
// 九千七兆千九百九十二億五千四百七十四万九百九十一
無駄に多い
オプション
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695827/2015-09-05_11_57_04-____.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695834/2015-09-05_12_06_31-____.png)
Top Repository入り
1つにまとめるのよくない
モジュラビリティ低いのでなんとかしたい
主な使用技術
- Browserify
- Mocha.js
- should.js
- Istanbul
sl-chrome
2015/06~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695829/2015-07-12_04_01_36-hakatashi_sl-chrome.png)
検索ボックスに“sl”とタイプすると
「あのSL」が走るChrome拡張機能
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695836/2015-07-11_01_25_59-sl_-_Google___.png)
“-a”, “-l”など
コマンドラインオプションに対応
主な使用技術
- Yeoman
jQuery.howmuchread
2015/06~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695845/2015-09-05_12_13_14-MouseGestureL.ahk.png)
スクロールに応じて
「何文字読んだか?」を計測するjQueryプラグイン
DOMには文字の位置を取得するAPIは存在しない
一文字一文字<span>で囲って
二分探索でゴリゴリ書く
主な使用技術
- Yeoman
- QUnit
- Saucelabs
PingMonitor.nw
2015/03~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695850/2015-03-18_21_39_53-PingMonitor.nw.png)
pingの応答時間を常時監視し
グラフにして画面の隅に表示しておくアプリ
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695851/2015-03-18_22_26_13-PingMonitor.nw.png)
右から左ににょきにょき伸びる
重いと背景色が変わる
主な使用技術
- NW.js(node-webkit)
kyujitai.js
2014/09~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695853/2015-09-05_12_26_29-MouseGestureL.ahk.png)
漢字を旧字体に変換するJavaScriptライブラリ
完璧な旧字体変換ライブラリは存在しない
- IVD対応
- 同音書き換え字対応
- 固有名詞除外
- 実際の出版物をソースとし検証可能性向上
の旧字体変換を目指す
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695894/2015-09-05_12_52_05-____.png)
主な使用技術
- Unicode Variation Selector Database
- GlyphWiki
- 漢字データベース
- CHISE IDS
- Babel(6to5)
kammusu-map
2015/08~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695906/2015-09-05_12_58_43-Greenshot.png)
pixivのイラスト投稿数をもとに
艦娘どうしの親近度を計算し
力学モデルで可視化
艦これの拡散力
特に宣伝してないのに
微バズった
まとめブログにも載った
艦これ民こわい
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695908/2015-09-05_13_01_57-__________-_________Ver_0.1.0.png)
主な使用技術
- D3.js
yayanaru
2014/11~
駒場祭展示作品
鳴子に加速度センサーを取り付けて音ゲー化
主な使用技術
- Arduino
- express.js
- Snap.svg
- WebSocket
- ハナヤマタ
NPCA Christmas Golf
2014/12~
NPCA Christmas Golf
- golf.hakatashi.com
- クリスマスの灘校パソコン研究部(NPCA)OB会のイベント用に製作したサイト
- 指定されたお題をもとにさまざまな言語でコードゴルフを行う
- IDEONEでコードを実行してもらい
そのURLをアプリケーションが取りに行く - 現在サイト死亡中
主な使用技術
- Hackathon Starter
- express.js
- Passport
- Jade
- Less
- MongoDB
ここからWIP
時間がなかったらおしまい
RFC Karuta
2014/11~
RFC Karuta
RFC番号と内容が読み上げられるので、可能な限り素早く正しいタイトルの札を取る
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695912/2015-09-05_13_27_45-____.png)
Color of Anime
2014/11~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695938/2015-09-05_14_02_23-Color_of_Anime.png)
カラースライダーを動かして
アニメキャラの本来の色を当てる
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695941/2015-09-05_14_04_12-Color_of_Anime.png)
採点してくれる(現在全10問)
Kanji Factory
2015/07~
Kanji Factory
漢字部品が15個表示されるので
組み合わせて任意の漢字を作る
得点が高いとうれしい
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695945/2015-09-05_14_06_04-______.png)
Soroban
2014/07~
![](https://s3.amazonaws.com/media-p.slid.es/uploads/370811/images/1695955/2015-09-05_14_11_41-_____.png)
そろばんが動く それだけ
ありがとうございました
博多市の1年間まとめ
By Koki Takahashi
博多市の1年間まとめ
私立プログラミングキャンプ2015関東大会 研究発表スライド
- 1,691