20. Podcastとフロントエンド反省会
2017年07月26日
内容紹介
trkwとmiyaokaの2人で、Podcastingサービス、soussuneの課題と解決、Gotanda.js、Vue.js Tokyo v-meetupなどについて話しました。
出演者
Show Notes
Podcastingサービス
- audioBoom
- 『Audioboo』電話みたいに喋って録音・公開できちゃうアプリ
- 無料版制限として3分までしか収録できなかったが、逆にtwitterみたいに使うことができた
- 聞く方にとっても短いとサクッと聞きやすい
- 言いたいことを短くまとめる訓練になる
- SoundCloudが深刻な危機に――ユーザー生成音楽のストリーミング事業に残された時間は50日
- trkwさんのツイート: “Podcast Chaptersで過去の収録すべてにチャプターつけました。”
サイヤ人ではまだない
- 修行としてのポッドキャスト
- ポッドキャストの環境構築について他の人に異常者と言われたが、ちゃんとやってる人を見習うと普通
- [前編]ドラゴンボール外伝 転生したらヤムチャだった件
- 先人を見習って、まずはちゃんとレールに乗っかっていく
収録について
- 各話のテキストまとめはGitHubで共同編集できるが、音源編集はtrkw単独作業というボトルネックを改善したい
- 自動音声認識なども活用していきたい
-
https://t.co/SIYlBUQc9a に第19回の音声をかけてみたところ、面白い子さんとか、ラーメンとか袋うどんとか…https://t.co/OJyAhRNjhp #soussune pic.twitter.com/3UdshIeZsA
— みやおか (@miyaoka) 2017年7月21日
-
- 1年前に比べれば収録技術がマシになった
機材買った話
- Zoom H6 Handy Recorder
- マイク6人分買ってオフライン同時収録
- podcastの適正人数を超えてる
- オンラインだと誰が喋り出すが間合いを測りづらいが、オフラインなら目で見て空気が読める
- Frontend Lunch Podcast - Hatena on GitHub
- オフラインだと同じものを共有できる。ラジオの公開収録的な映像付きポッドキャストやりたい
目指しているものが正しく評価に結びつくか
- ちゃんとポッドキャストができるようになりたい
- 技術的スコアの追求ばかりしても、肝心のユーザーのほうを見てない
- ユーザーがポッドキャストに求めるのは配信技術よりも内容
- ReactやAtomic Designとかでコンポーネントをちゃんと作ってても、見栄えがシンプルだと大したことしてるように見えず、評価されにくい
- 不老不死専用の掲示板「永遠ちゃんねる」
- モダンな技術使ってもめんどくさそうだから感心する
- ISUCON公式Blog
- とある道化の悪戯記録:いすこんっ!!!!!!
- ひたすらパフォーマンスチューニングしていくほうが普通の業務より輝いてる
- アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~
- アメブロ2016 ~ Isomorphic JavaScriptの詳しい話
- アメブロ2017: Isomorphic Web Appの進化編
- スコアを良くする = ユーザー体験が変わることに繋がるかどうか
- amp化で体験向上
soussuneの課題と解決
- リスナーが少ない → 楽しそうなサイトにしないといけない → デザインを良くする
- マーケティングが弱い
- ターゲティングが曖昧
- イベント「Increments、Qiita の振り返りと未来への挑戦 2017」レポート(詳細編・前半) – Work:Q(ワークキュー)
- 日本のIT技術者は20-50万人
- Sponsorship: Rebuild - Podcast by Tatsuhiko Miyagawa
- 1エピソードあたり、推定13,000人がダウンロード、再生しています。(2015/12)
- 中国10億人超の0.1%がVueエンジニアだとしたらそれだけで100万人。つよい
- 日本のIT技術者20万人の中のフロントエンド分野に限ってしまうと1万人。よわい
- いろんなエンジニアにリーチするようにしたい
- そうするとデザイン頑張ってもしょうがないかも
- じゃあamp対応?
- マーケティング → 登壇してアピールしよう
Gotanda.js
- Gotanda.js #8 in Nextbeat - connpass
- Immutable.js with Flowtype // Speaker Deck
- ImmutableもFlowtypeも同じFacebook社のOSSなら大丈夫だろうみたいな雑な考えは良くない
- 20170714_about_fusebox // Speaker Deck
- Takumi Ohashiさんのツイート: “モジュールバンドラー三銃士を連れてきたよ #gotandajs”
- Fusebox vs webpack, rollup.js, browserify
- 🐤kazuya kawaguchi🐤さんのツイート: “え?それStorybookでできるんじゃね? #gotandajs”
- Storybook - UI dev environment you’ll love to use
- Screener.io: Automated Visual Testing
-
screener の visutal testing 、鼻血でそうだ。https://t.co/8YfTv8FPP3 pic.twitter.com/T1cCHbsVRq
— 🐤kazuya kawaguchi🐤 (@kazu_pon) 2017年7月12日
- 勉強会に行きまくると、毎晩ピザとアルコールになってしまい不健康という問題
Vue.js Tokyo v-meetup
- Vue.js Tokyo v-meetup #4 が開催されました - laiso
- Weex by azurewarth
- Write once, run everywhere
- React - A JavaScript library for building user interfaces
- Learn Once, Write Anywhere
- お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs // Speaker Deck
- Vue.jsのTransitionでいい感じのアプリにする - Qiita
- Vueコンポーネントのユニットテスト // Speaker Deck
- Material designがBootstrapじみてきた話
- Element - A Desktop UI Toolkit for Web
- 標準form input周り、チェックボックスとかが小さいからライブラリ使ってる
- Component - Element
- STUDIO - 誰でも簡単にプロトタイプが作れるUXデザインツール
- Firebase
- 技術のために課題を作るのではなく、課題解決のために技術を使いましょう
- VueConf 2017 参加レポート
- セミコロンつけるつけない論争 → Evan Youさんがつけないのでつけない派勝利
- no-unexpected-multiline - Rules - ESLint - Pluggable JavaScript linter
- セミコロン無しの場合、生配列は前行と繋がってしまうので頭にvoidつけるか変数にしないといけない
var vetur = vscode + vue;
- セミコロンついてる
- なんでvarなんだろ? → 全部vvvv
- standard/eslint-config-standard: ESLint Config for JavaScript Standard Style
- eslint standardだとセミコロン無し
- 簡単に書きたい。セミコロンついてるとソースが汚く見える病気