備忘録

備忘録

Laravel MixにESLintをインストールする方法

Ⅰ. はじめに

タイトルの通り「Laravel MixにESLintをインストールする方法」です。

この記事は、以下の記事の通り作成した環境にESLintを導入する事を想定して書かれています。
LaravelでVue.jsを使う方法 - 備忘録

Ⅱ. やり方

1. 必要なパッケージをインストールする
npm install eslint eslint-config-airbnb eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react laravel-mix-eslint eslint-plugin-vue eslint-config-standard eslint-plugin-node eslint-plugin-promise eslint-plugin-standard babel-eslint --save-dev
2. .eslintrc.jsを作成する
// .eslintrc.js
// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  globals: {
    '_': true, // lodash
    'Enumerable': true // linq
  },
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  extends: [
    'standard', // https://github.com/standard/standard/blob/master/docs/RULES-en.md,
    'plugin:vue/essential'
  ],
  // required to lint *.vue files
  plugins: [
    'vue'
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off'
  }
}
4. npm run watchを実行する
npm run watch
実行結果

f:id:kagasu:20180506230229p:plain

.soファイルのシンボルテーブルを出力する方法

Ⅰ. はじめに

タイトルの通り「.soファイルのシンボルテーブルを出力する方法」です。

Ⅱ. やり方

以下のコマンドを実行する
nm -D libhoge.so

実行結果

U abort
U accept
U access
U acos
(以下省略)

WordPressのフィード形式をRSS(XML)からJSONに変更する方法

Ⅰ. はじめに

タイトルの通り「WordPressRSSフィードXMLからJSON形式に変更する方法」です。

Ⅱ. やり方

1. JSON Feed プラグインをインストールする

2. フィードURLに /json を追加する

例.
http://blog.example.com/feed

http://blog.example.com/feed/json

マジックナンバーまとめ

iframeの高さを自動調整する方法

Ⅰ. はじめに

タイトルの通り「iframeの高さを自動調整する方法」です。

Ⅱ. やり方

サンプルプログラム
<!doctype html>
<html>
  <body>
    <div>
      <iframe id="myiframe"></iframe>
    </div>
    
    <script>
      let myiframe = document.getElementById('myiframe')
      // 100行ダミーテキストを入れる
      let str = '';
      for (let i = 0; i < 100; i++) {
        str += i + '<br>';
      }
      myiframe.contentDocument.write(str)

      // 高さを調節する
      let height = document.getElementById('myiframe').contentWindow.document.body.scrollHeight
      myiframe.style.height = height + 'px'
    </script>
  </body>
</htmL>

実行結果

f:id:kagasu:20180507135610p:plain