ここ一年でやったこと

まとめ

私立プログラミングキャンプ 2015 関東大会 研究発表

@hakatashi

たそかれ

  • 博多市(hakatashi)
  • 世の中の役に立たないものを作るのに特化したJSer
  • 大学2年生
  • pixivアルバイト
  • セキュキャン
    書類選考3年連続敗退中

今日の発表

前回のシプキャン2014から1年…

博多市がいかにして貴重な青春を無為に過ごしたか

その総決算がいまここに

replybot

2014/12~

replybot

  • chatai.hakatashi.com
  • いわゆるチャットボット
  • Twitterのツイートとそのリプライ先のツイートから生成したコーパスを元に返答を生成

あいさつは得意

それ以外は壊滅的

XSSしようとすると

「手羽先になれ」と言われる

主な使用技術

  • ElasticSearch
  • Socket.io

japanese.js

2015/01~

日本語のさまざまな変換モジュールを

1つにまとめたパッケージ

var japanese = require('japanese');

japanese.hiraganize('板垣死ス𪜈'); // 板垣死すとも
japanese.katakanize('ゐ゙よろん'); // ヸヨロン
japanese.romanize('ツァトゥグァ'); // tsatugwa
japanese.transcribeNumber(9007199254740991);
    // 九千七兆千九百九十二億五千四百七十四万九百九十一

無駄に多い
オプション

Top Repository入り

1つにまとめるのよくない
モジュラビリティ低いのでなんとかしたい

主な使用技術

  • Browserify
  • Mocha.js
  • should.js
  • Istanbul

sl-chrome

2015/06~

検索ボックスに“sl”とタイプすると
「あのSL」が走るChrome拡張機能

“-a”, “-l”など
コマンドラインオプションに対応

主な使用技術

  • Yeoman

jQuery.howmuchread

2015/06~

スクロールに応じて
「何文字読んだか?」を計測するjQueryプラグイン

DOMには文字の位置を取得するAPIは存在しない

一文字一文字<span>で囲って

二分探索でゴリゴリ書く

主な使用技術

  • Yeoman
  • QUnit
  • Saucelabs

PingMonitor.nw

2015/03~

pingの応答時間を常時監視し
グラフにして画面の隅に表示しておくアプリ

右から左ににょきにょき伸びる
重いと背景色が変わる

主な使用技術

  • NW.js(node-webkit)

kyujitai.js

2014/09~

漢字を旧字体に変換するJavaScriptライブラリ

完璧な旧字体変換ライブラリは存在しない

  • IVD対応
  • 同音書き換え字対応
  • 固有名詞除外
  • 実際の出版物をソースとし検証可能性向上

の旧字体変換を目指す

主な使用技術

  • Unicode Variation Selector Database
  • GlyphWiki
  • 漢字データベース
  • CHISE IDS
  • Babel(6to5)

kammusu-map

2015/08~

pixivのイラスト投稿数をもとに
艦娘どうしの親近度を計算し
力学モデルで可視化

艦これの拡散力

特に宣伝してないのに

微バズった

まとめブログにも載った

艦これ民こわい

主な使用技術

  • 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番号と内容が読み上げられるので、可能な限り素早く正しいタイトルの札を取る

Color of Anime

2014/11~

カラースライダーを動かして
アニメキャラの本来の色を当てる

 

採点してくれる(現在全10問)

Kanji Factory

2015/07~

Kanji Factory

漢字部品が15個表示されるので

組み合わせて任意の漢字を作る

得点が高いとうれしい

Soroban

2014/07~

そろばんが動く それだけ

ありがとうございました

博多市の1年間まとめ

By Koki Takahashi

博多市の1年間まとめ

私立プログラミングキャンプ2015関東大会 研究発表スライド

  • 1,750