Recolog

1月に使った奴

February 08, 2018

vue.js

案件の一部に使った。
ページ内のお気に入り機能にlocalStorage + vue.jsで対応
ざっと見て案件に使用して使い終わった今、チュートリアルちょいちょい進めている。
お手軽OP感。

なぜ仮想DOMという概念が俺達の魂を震えさせるのか

browsersync

ログインが必要なサイトのcss/jsを自動更新効かせて修正したい際に
proxyを噛まし、Cookieを直接コピペして強引にログイン状態を維持したまま更新作業する。

プロキシサーバとは

bs-config.js
module.exports = {
  proxy: {
    target: "サイトURL",
    proxyReq: [
      function(proxyReq) {
        proxyReq.setHeader(
        "Cookie","直接Cookieを張る"
        );
      }
    ]
  },
  socket: {
    domain: "localhost:3000"
  },
  rewriteRules: [
    {
      match: "http://target.com/script.min.js",
      replace: "http://localhost:3000//build/script.min.js"
    },
  ]
};

gatsby.js

このブログの作成に使用。
React + GraphQL で作る静的プログレッシブウェブアプリケーションジェネレータ
数年前に作られたMiddleman改修で消耗したHugoよりビルドは遅いが生成されたページが先読みで表示等クソ早いのとRaectでナウいしReactNative触ってるので選択。
GitHubPagestschaub/gh-pagesを使って公開

StaticGen/静的サイトジェネレーター比較サイト
一応Jekyll→Hugo→Hexo→Gatsbyの順issueは多い