trkwとmiyaokaの2人で、emoji問答、フロント技術を使ったポッドキャストサイト、Static Site Generator、フロント技術が混沌としていた時代などについて話しました。## Show Notes
emoji 問答
アウトプットとして Podcast だけでなくブログもやっていきたい
これからコードレビューするよって時に一言でもコメントしてあげると、見始めたんだなと安心してもらえるのでオススメです pic.twitter.com/PZ3zTmA8Mn
— やっていき世代 (@cutmail) 2017年6月23日
この絵文字なー。これから見るのか、見てるのか、見終わったのか、意味が曖昧すぎてコンセンサスとるのも維持するのもコスト高すぎて好きじゃないんだよなあ…😥 https://t.co/ZV5RVyAP7Y
— hagiyat (@hagiyat) 2017年6月23日
間違っていても指摘されない。そもそも学ぶ機会が無い問題
フロント技術を使ったポッドキャストサイト作り
soussune 開発ブログsoussune – Mediumsoussune サイトの技術スタック選定GitHub + Phenomic + Netlify(ビルドあり) + CloudFlareGitHub + Nuxt SSR + Heroku(ビルドあり) + CloudFlareGitHub + Nuxt (nuxt generate) + Travis CI(ビルドあり) + GitHub Pages + CloudFlareGitHub + Jekyll(yattecast) + GitHub Pages(ビルドなし) + CloudFlareStatic Site Generator の CMS 化再生プレイヤーをフロント的にもっとモダンにしたい例）Podlove Web Player再生ボタンは重要なんだからでかくシークは画面幅全体使うべき共有用に再生秒数での URLtwitter:player に埋め込みプレイヤー Player Card — Twitter Developers集計Show Notes のリンクに target を指定したいJekyll GitHub でやるには js が手っ取り早いRebuild の処理見てたら集計もしてた$('.post a')
.not('.internal')
.each(function(i, el) {
$(el).attr('target', '_blank')
})
$('.post a').on('click', function(e) {
_gaq.push(['_trackEvent', 'Link', 'click', $(this).attr('href')])
})
学び先Rebuild だけでなく、その先の海外ポッドキャスター勢も参考にしたい脱 Jekyll にすることでフロント技術だけでも Rebuild フォロワーから脱却Static Site Generator
いろんな言語で Static Site Generator
Podcast サイトを作るための Podcast になってきた
いろんな言語を学ぶための Static Site Generator
Phenomic で GitBook 風レイアウト作成
各行の最初についている数字が行番号です。10 からはじめて 10 ずつ増やしていくのが一般的です。こうすれば、後から簡単に行を挿入することができます(ただし 9 行まで)。
フロント技術が混沌としていた 2014 年
Virtual DOM が出始めCoffeeScript最近の勉強会で苦笑が起きたAngular 2.0 が AngularJS 1.3 おじさんを淡々と葬り去っていく小芝居会場笑いと拍手で controller などにさようならAngular 2 Core - Google スライドMEAN Stackhome - Mongo Express Angular NodeMongoDBExpressAngularJSNode.js死の臭いに慣れてきた普段からいろんなところを見ることで早めに死を悟ろうBackbone.js + React v0.10 + TypeScript v1 → 死フロント技術勉強するのに webpack.config からやっていく問題フロント 3 大ライブラリreact vs angular vs vue - npm trendsAtom、Sublime Text、WebStorm に Visual Studio Code、四大エディター真夏の大決戦！HTML5 Conference 2016 行ってきたよ - やまろぐはてなGUI エディタ論争が流行ってたのは 2015 年までで、もはや差が無いので盛り上がれなかったVSCode が最後発だから一番強い。便利な機能はすぐに移植されるVue も後発だから Angular と React のいいとこどりIsuue が特に少ない今は安定しているがこれから先どうしていくか。対アプリなどの戦場へフロントに求められることUI 表現に凝る人とアプリとしての技術スタックを突き詰める人って同じフロントでも方向性が違うフロントエンド試し場としての soussunePWA、AMP 対応genba.fmは AMP 対応してる求められる障害対応力：お名前.com の email 認証きれた問題 1 時間くらいで解決したドメイン情報認証メールの承認は忘れずに！💬おたより募集中
soussuneでは感想や質問などリスナーからのご意見をお待ちしています。
Twitter
感想フォームからお気軽にコメントをお寄せください
