とんかつ時々あんどーなつ

〜たとえ低空でも飛行していられるように〜

週刊フロントエンド vol.6

気になったことトピック

気になった記事

週刊フロントエンド vol.4

前回から 10 以上あいてしまった (週刊とは何なのか)

気になったことトピック

気になった記事

週刊フロントエンド vol.3

週刊フロントエンド

気になったことトピック

気になった記事

週刊フロントエンド vol.2

週刊フロントエンド

気になったことトピック

  • Webdash
    • 使用している Package.json の一覧や build 成果物のファイルサイズなどを表示するダッシュボードが見れる
    • 静的ファイルが出力できるわけではないので少し微妙…
  • react-sketchapp
    • React のコードから Sketch のファイルを生成できるらしい
  • Prettier 1.13
    • 1.13 まで進んだみたい
    • Angular だと TSLint との共存が難しい印象だった
  • Pipeline operator
    • proposal だが JS でも Pipeline operator が検討されているらしい

気になった記事

週刊フロントエンド vol.1

週刊フロントエンド

なんとなく思いつきで今週目についたフロントエンドネタをメモっていく (来週も続くかはわからない)

気になったことトピック

  • Nest
    • サーバーサイドアプリケーションのための Node.js フレームワーク
      • Next, Nuxt と同じノリだと思っている
    • Angular の影響を強く受けているらしい
      • Module や Service のコードは確かに Angular っぽい
    • オブジェクト指向と関数型言語とリアクティブプログラミングを組み合わせているとか
    • 普通に yarn start した感じだとコードを変更してもオートリロードしない…
    • package.json を見ると Webpack を使った Hot Module Replacement もあるっぽいが期待した動きにならなかった
      • yarn webpack をしつつ yarn start:hmr を走らせたが自動で更新されなかった
  • Classcat
    • CSS の className を JS 内で簡単に組み立てるためのライブラリ
    • Hyperapp の人が作っている
    • Classnames と同じようだが早いらしい
  • lynt
    • ゼロコンフィグの JS linter
  • Next.js 6 リリース
  • React 16.4.0 リリース

気になった記事

iTerm から Hyper に移行

Hyper

困ったこと

  • Vim の NERDTree を使ってツリーを表示しているが一部文字化けしてディレクトリが開けない
  • ターミナルの日本語表示がおかしくなるので .bash_profile に LANG=ja_JP.UTF-8 を追加

メモ

  • 昔入れたときはタブ切り替えが ⌘-shift-[ とかでできなかったができるようになった
    • ⌘-d で画面分割もできる
  • config file は ~/.hyper.js にある

追加した Plugin

プラグイン 説明
hypercwd タブを開くときに今いるディレクトリで開く
hyper-statusline ステータス(カレントディレクトリやカレントブランチ)を表示
hyperpower コマンド打つとアニメーション
hyperborder ボーダーにグラデーション