lolipopを使ってnode.jsでメール送信を行う

lolipopでメール送信を行うメモ。 

'use strict';

let nodemailer = require('nodemailer');
let smtpTransport = require('nodemailer-smtp-transport');


let params = {
    from: 'hogehoge@mail.com',
    to: 'foobar@gmail.com',
    subject: 'title',
    text: 'text'
};

let transporter = nodemailer.createTransport(smtpTransport({
     host: 'smtp.lolipop.jp',
     port: 587,
     auth: {
         user: 'hogehoge@mail.com',
         pass: 'xxx',
         auth:'crammd5',
     }
}));

transporter.sendMail(params
  , (err, res)  => {
     if (err) {
          console.log(err);
     } else {
          console.log('メールを送信しました');
     }
});

keyhacを使って左Ctrlと[の同時押しをEscに割り当てる

MacBookPro2016 のTouchBar付きを購入しました。

前に使っていたMacBookAirの2013年モデルに比べて快適になりましたがEscを押した時にクリック感が得られずEscのタイプミスが劇的に増えましたのでキー入力をカスタマイズできるkeyhacを使って左Ctrlと[の同時押しをEscに割り当てます。

keyhacのインストール

公式HPからkeyhacをダウンロードします。

~/Library/Application Support/keyhac/config.pyを編集

keymap_globalが定義されている箇所より下に以下のコードを記述します。 

keymap_global["U-LCtrl-OpenBracket"] = "Escape"

あとはkeyhacを開いて”設定のリロード”を選択すれば完了です。

メッセージアプリみたいに現在見えている要素が見えたまま要素を上に追加させていく

追加した要素の高さだけscrollさせればメッセージアプリみたいな挙動を実現できます。

mygif

Code


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example prepend</title>
  </head>
  <body>
    <ul id="container"></ul>
  </body>


  <script>
  var cnt =0;
  


  window.onscroll = function(e){
    e.preventDefault();
    var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop
    //ページトップにスクロールした場合に要素を追加
    if (scrollTop === -1){
        prepend();
    }

  }

 

  var append = function(){
    var parent  = document.getElementById('container');
    for (var j = 20; j > 0;j --){
      cnt += 1;
      let child = document.createElement("li");
      child.innerHTML = 'cnt:' + j;
      child.id = 'cnt-' +j;
      let css = {
        background: 'lightblue',
        color: 'white',
        textAlign : 'center',
        height: '50px'
      };
      let keys = Object.keys(css);
      for(var i = 0;i < keys.length;i++){
        let key = keys[i];
        let val = css[key];
        child['style'][key] = val;
      }
      parent.insertBefore(child)
    }
  }

  var prepend = function(){
    alert('prepend');
    var pos = 0;
    var lastPos ;

    var parent  = document.getElementById('container');
    //lastElement: prepend()が呼ばれた時点での最新の要素
    //lastElementを起点にスクロール量を計算していく
    var lastElement = document.getElementById('cnt-'+cnt);

    if (lastElement){
      var rect = lastElement.getBoundingClientRect();
      lastPos = rect.top;
    }


    for (var j = 0; j < 20;j ++){
      cnt += 1;
      let child = document.createElement("li");
      child.innerHTML = 'cnt:' + cnt;
      child.id = 'cnt-' +cnt;
      let css = {
        background: 'lightblue',
        color: 'white',
        textAlign : 'center',
        height: '50px'
      };
      let keys = Object.keys(css);
      for(var i = 0;i < keys.length;i++){
        let key = keys[i];
        let val = css[key];
        child['style'][key] = val;
      }
      parent.insertBefore(child, parent.firstChild)
      let height = child.offsetHeight;
      lastPos += height;
    }

    window.scroll(0,lastPos);


  }

  append();
  </script>
</html>