ソースコードをAAに変換するやつやってみた

2014/08/17に行われた2014年度私立プログラミングキャンプ東京大会のハッカソン成果物発表LT「ソースコードをAAに変換するやつやってみた」のスライドです。
なおこのプログラムは https://github.com/hakatashi/AAify にて公開しております。

Transcript

1. 私立プログラミングキャンプ2014 ソースコードをAAに 変換するやつやってみた @hakatashi
2. 自己紹介 • 博多市(hakatashi) • 本名: 高橋光輝 • 東京大学理科一類2年 • Web開発に興味 ＼コミケうめえ／
3. プログラマの遊び yuruyuri.com
4. プログラマの遊び madoka- rnagica.com
5. 作ったもの AAify
6. 作ったもの • ソースコードと白黒画像を食わせるとAAっぽ く整形してくれる • JavaScriptのみ対応 • 流行りのnode.jsで実装
7. 実演
8. 実演
9. 工程1 パース • UglifyJS付属のtokenizerを使用 • 簡便のため空白が必要な場所に空白1文字の トークンを挿入 – ['new', 'Object'] → ['new', ' ', 'Object']
10. 工程2 画像処理 • pure JavaScriptの画像処理ライブラリ camanを使用 – ブラウザでも動くかも?
11. 工程3 トークン配置 • たいへん • 画像の形に合うように、なるべく多くのトーク ンを詰める必要がある
12. (´-`).｡oO(なるべく多くのトークンを詰める…?)
13. ＿人人人人人人人＿ ＞　動的計画法　＜ ￣Y^Y^Y^Y^Y^Y￣
14. 工程3 トークン配置 • JavaScriptでDPを実装(闇) • さらに1行の中の空白が均等になるようにトー クンを配置 – 1行からあふれる場合の処理は間に合わず…
15. ギャラリー
16. ギャラリー
17. 今後の課題 • バグフィックス • JavaScript以外の言語への対応 • など
18. ありがとう ございました