azu / slide

スライド置き場

Slide

Github Pagesで公開しているスライドが置いてあります

https://azu.github.io/slide/

• azu/pdf-slide-html: Generator cli for azu/slide-pdf.js.
• azu/slide-pdf.js: Presentation tools for pdf file in browser.

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

ライセンスについて記述がないもの以外は、デフォルトでMITライセンス

slide's Issues

JSer.info 6周年のスライド

• JSer.info について
• 今年の話

JSer.info 6周年の概要

JSer.info 5周年: JavaScript情報って何だっけ？

テーマ: JavaScript情報って何だっけ？

原点回帰して考えてみよう

登場人物

• Person
• Browser(Vendor)
• Spec
• Library
• EcoSystem

---

jser/jser.info#54 のスライドを考える

• JSer.infoについて
• JavaScript情報ってなんだっけ?

テーマ

jser.infoのスライド

JSer.info 200回記念イベント - connpass

世界のJavaScriptを見ようの方のスライド

連想ゲーム的に色々振り返りながら未来の話を軽く触れていく感じのやつ。
(細かいまとまりがあると時間調整がしやすそう)

ブラウザ

• JSer.info始めた頃のブラウザのバージョン
  • Firefox4
  • IE9
  • Chrome10
• IEの変化
• ヘッドレスブラウザの登場
  • WebkitベースのJavaScriptコマンドラインツール「PhantomJS」 - JSer.info
• SlimerJS
• sdesalas/trifleJS
• PhantomJS 2 · ariya/phantomjs Wiki
• PhantomJS APIがデファクトへ
  • CasperJS, a navigation scripting and testing utility for PhantomJS and SlimerJS
  • Nightmare
• 一方Selenium/WebDriver
• WebDriver
  • Protractor - end to end testing for AngularJS
  • Leadfoot docs: Index
  • Nightwatch.js | Node.js powered End-to-End testing framework
• IE11がWebDriver サポート
• August updates for Internet Explorer - IEBlog - Site Home - MSDN Blogs
• 全国のSeleniumer必読 - Qiita

アーキテクチャー

• MV*
• React
• Flux
• isomorphic

リリースノート

• blog
• medium
• Twitter
• Github
• ChangeLog
• コミットから自動生成
• Watchスタイルの変化

Watcher

• 必然的にコミットを追う必要が出てくる
• GitHub Releaseを追うスタイル
• Browser Watcher
• Webkit Watcher
• Mozilla Watcher
• Blink Watcher
• Watch Watcher

ECMAScript

• es-discuss
• TC39 MTG Notes
• Web Spec hosting としての GitHub
• やっぱりGitHub Watcher

CI

• Travis
• Github page
• WebSpecもTravisで自動生成
• Respec

ツール

• リポジトリを見ると色々なメタファイルがある
• JSHint
• ESLint
• JSCS
• https://github.com/jshint/fixmyjs/
• editorconfig
• AST

非同期

• promise
• localforge
• google api
• es6
• stream
• browserify
• gulp
• gruntnext
• web stream api

JSオジサンのスライド作成

JSオジサン #1 : ATND

{
    "title" : "カジュアルJS AST",
    "name" : "azu",
    "organization" : null
}

で登録したので、LTのスライドを作る。

• 実は使われてるJavaScript AST
• Tern、Bracket、Plat
• CoffeeScript、Browserify、power-assert
• Grasp で AST 検索
• ESLintで局所的Lint
  • Avoid "push" with multiple arguments due to performance issue. · 48bfe19 · Constellation/escodegen
• 書いてみよう - Mochaのテストをパース

OGP

ogpを生成したい

技術文書をソフトウェア開発する話

目的

• 技術文書がもっと気軽に書けることを伝える
  • GitBook
  • textlint
• 技術文書の間違いを減らすのは才能じゃなくてテスト
  • テスト
  • CI
• ブログ以上の技術文書における設計
  • ブログぐらいのサイズだと適当に書いても問題ない
  • 技術書とかを書こうと思うと、表記が揺れたり、モジュール化されなくて管理できなくなったりする

文章のレビューが目視によるものだけという前にもっと自動化出来ることがあるという話

内容の流れ

• JavaScript Plugin Architectureでやってる事ベースの話
• ブログを校正する自動化について
• このスライドもGitBookで書かれているという話

具体的なものじゃないとやっぱり書きにくいという事が分かったのでMarkdownで書く電子書籍開発環境ベースで移行

スライドのIndexページを作る

スライドのインデックスをまとめたページを自動生成する。

ASTの現状

efcl/efcl.github.io#14