[HTML/CSS]マウスオーバーして下線を表示するアニメーション

2017.04.19 l＠ha

他のサイトでよく見る下線が伸びてくるアニメーションを試してみました。他のソースを参考にしたわけではないので、もっと効率のいい方法はあるかもしれません。下記の文字列にマウスオーバーすると下線が表示されます。 …

素のJavaScriptとJQueryの角度を変更する方法

2017.04.11 l＠ha

transform:rotateで角度の操作をする方法がJQueryのものばかりだったので、素のJavaScriptでの操作をメモします。

//JavaScript
var rect = document.getElementById("rect");
rect.style.transform = "rotateX(0deg) rotateY(0deg)";


//JQuery
$("#rect").css({"transform":"rotateX(0deg) rotateY(0deg)"});

var rect = document.getElementById("rect");

rect.style.transform = "rotateX(0deg) rotateY(0deg)";

//JQuery

$("#rect").css({"transform":"rotateX(0deg) rotateY(0deg)"});

JQueryは…

ランダムな文字の後に指定した文字を表示する

2017.04.09 l＠ha

いろいろなサイトを勉強のため、見回っていると文字列の表示で工夫をしているところが多かったので自分でも試してみました。ボタンを押すと文字列が表示されます。文字列を表示 [crayon-66229f977a8d14871…

[Node.js]URLを指定して画像を保存する

2017.04.01 l＠ha

「request」と「fs」を使用して指定したURLの画像をローカルに保存してみます。

var req = require('request');
var fs = require('fs');

req(
  {method: 'GET', url: "取得したい画像のURL", encoding: null},
  function (error, response, body){
    if(!error && response.statusCode === 200){
      fs.writeFileSync('保存する場所のパス/ローカルに保存する画像名', body, 'binary');
      console.log(i);
    }
  }
);