33. Vueでワイワイやっていき Aftershow

soussune - エンジニアわいわいポッドキャスト「そうっすね」

trkwとmiyaokaとkazuponとhashedrockとpotato4dとktsnの6人で、エディタ、キーボード、作業環境、ポッドキャストなどについて話しました。## Show Notes

エディタ何使ってますか？

• Vim (kazupon)
• Atom (potato4d)
• Visual Studio Code / Atom / IntelliJ IDEA (katashin)
• Langserver.org

Vim 芸人

• VimConf 2017 - An international Vim Conference
• Stack Overflow: 100 万人の開発者を手助けする Vim 終了方法 | プログラミング | POSTD

• Vim が終了できない人はこのプラグイン入れればいい。自動で終了してくれる。jkjkjkjkjk ってタイプし続けないと未保存で強制終了する。https://t.co/6GOhLsZ2kU pic.twitter.com/K5CSa5sv5o

  — mattnっぽい人 (@mattn_jp) 2017年11月7日

• syl20bnr/spacemacs: A community-driven Emacs distribution - The best editor is neither Emacs nor Vim, it's Emacs and Vim!
• scrooloose/nerdtree: A tree explorer plugin for vim.
• Shougo/vimshell.vim: Powerful shell implemented by vim.
• lestrrat さんの vimrc
  • lestrrat.vimrc

File Explorer とインクリメンタルサーチ

• Git status in File Explorer - Visual Studio Code October 2017
• ファイルツリー上で選択中のパスに新規作成するショートカット
  • c# - VS Code - Add a new file under the selected working directory - Stack Overflow
  • “explorer.newFile”, “explorer.newFolder”にキーを割り当てれば OK
• Nuclide | Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community. It provides a first-class development environment for React Native, Hack and Flow projects.
• peco/peco: Simplistic interactive filtering tool

サーバー上で使うエディタ

• やっぱり Vim
• zyedidia/micro: A modern and intuitive terminal-based text editor

ブラウザも CUI 操作していく

• Chrome を Vim ライクに操作
  • Vimium - Chrome ウェブストア
• Google の検索結果のフォーカスを Vim 的に操作
  • もともと Google インスタント検索のついでに実装されていたが、インスタント検索が廃止になって消滅したので Chorome 拡張で代用している
  • 2017-08-08 miyaoka - 日報
  • Google 検索キーボードショートカット - Chrome ウェブストア
• ErgoDox
  • マウスもキーボードで操作してる
  • タブの切替に使う ctrl-tab/shift-ctrl-tab というショートカットは標準だと押しづらいので左手の左右キーに割り当てると快適

使ってるキーボードについて

• HHKB
• Apple Wireless Keyboard
• 東プレ

soussune を始めたのはキーボードの話から

• テック系ポッドキャスト、はじめました（準備編） – soussune – Medium
• HHKB を左右分割エルゴノミクスキーボードにする (OSX) | tech - 氾濫原
• Community Blog - 握力王 vs 日本男児 ヘルシーすぎるプログラマ対談（Part2）

作業スタイルのこだわり

• 高級作業チェア：アーロンチェア、コンテッサ
  • WORKAHOLIC オフィスファニチャーセレクトショップ
• フローリングでちゃぶ台
• 椅子+クッション
• ソファ

怠惰姿勢

• プログラマーの三大美徳 - Mercari Engineering Blog
• #メルカリな日々 2016/8/3 怠け者メガネの次のヒットはこれだよ - mercan（メルカン）
• ErgoDox キーボードのいろいろな使い方を模索してみよう - Qiita

健康に座る椅子

コクヨの揺れる椅子 ing に座ってみた。バランスボールに背もたれもついてるような感覚で楽な感じ。10分くらい座ってみて、物珍しくてずっと揺らし続けたけど、長時間だとどうなるのやら pic.twitter.com/dgn9aYjsq0

— みやおか (@miyaoka) 2017年11月7日

• ing（イング）｜製品｜コクヨ ファニチャー
• アーロンチェアの正しい座り方 ① 　上下昇降調整

ディスプレイ環境

• マルチディスプレイ派
  • コード・ブラウザ・デザインを常に表示
• シングルディスプレイ派
  • マルチだと首を振る必要があるのでけっこうきつい
  • cmd+tab で切り替える

デザインのコーディング作業

• opacity 下げてデザインと重ね合わせ
  • Kiritori - mac 用簡易スクリーンキャプチャツール
  • スクリーンショット拡張 Mac アプリ「Fuwari」を作って公開しました - Qiita
• 数値で取れるデータはそのまま設定して後は目で調整
• 目 grep で自分を信じる

みなさんもポッドキャストやってみませんか

• やる上での障壁
  • 予定が合わない
  • ポッドキャストの名前やテーマが思い浮かばない
  • 継続して回すイメージがつかない
• soussune
  • 一年前に試しでやってみたけどいろいろうまく行かなくてお蔵入りしてた
  • でも半年前くらいに環境が整ってきてやれるようになった
• 先駆者によるガイドがシェアされるエンジニア文化
  • Podcasting Guide 2017 – Tatsuhiko Miyagawa’s Blog
  • Yattecast - Podcast サイトをつくるためのテンプレート
• ポッドキャストで Vue の話をしたらすごい刺さった
  • 2. エンジニアの依存性と、Phenomic、Vue、React、Yarn の話 | soussune - エンジニアわいわいポッドキャスト「そうっすね」
• なんかアウトプットしたい気持ち

聴いているポッドキャスト

• Rebuild、しがないラジオ、PHP の現場、yatteiki.fm など技術系
• 英語系
• 聞き流せるお笑い系
• 自身はあまり聴けてないので全部聴いてるリスナーさんはすごい

どうやって聴いているか

• 番組、出演者のファンになって継続的に聞く
• Twitter などで流れてきて気になったものを聞く
• podcast も全部聞くのは難しいので、ブログのように面白い回が抽出されやすい仕組みを導入したい

もっとポッドキャストを民主化したい

• 今のポッドキャストはブログ以前の時代にサーバー借りて自前でホームページ作ってたくらいの障壁があるイメージ
• audioboo（現 audioboom）
  • アプリに吹き込むだけでポッドキャストとして配信できるので手間が全くかからない
  • 無料版は 3 分制限というのが逆に音声版 Twitter みたいな感覚で面白かった
  • 短いと聴く方もラクというのが発見だった
  • いまの Twitter の動画に近いかもしれない
• nana-歌や演奏の録音＆コラボ SNS

音声インタフェース

• Google Home, Amazon Echo など音声インタフェースの盛り上がりの一環にポッドキャストも組み込んでいけたら
• サイト自動読み上げ
  • JSer.info Podcast
• 寿命が縮むので自動化
  • Togetter matome matome
• 星新一 ゆきとどいた生活（1961 年） - YouTube

---

💬おたより募集中

soussuneでは感想や質問などリスナーからのご意見をお待ちしています。

• Twitter
• 感想フォーム

からお気軽にコメントをお寄せください