KoniSanのBlog

自分の趣味を発信していきます。

ネイティブのJavaScriptでライブラリなしのスムーズスクロール

ネイティブのJavaScriptでライブラリとか自分でイチから作ったりとかしなくても、一応スムーズスクロールできることを知った(っていうか今まで知らなかった)ので、備忘録も兼ねて投稿。

はいこれだけ。
スクロールしたい要素をElementに、上からスクロールしたい座標をnum1に、左からスクロールしたい座標をnum2に入れればいいだけです。
アニメーション時間とか細かいことは指定できないけど、ちょっとスムーズスクロールしたいときとかは便利かも。

YouTube動画保存をするなら絶対これ!!4K Video Downloader

みなさん、YouTubeから動画をどうやってダウンロードしていますか?
ダウンロードサイトやソフトが使いにくい、欲しい機能がない、そもそもダウンロードできない、ウイルスに感染した、などの悩みはありませんか?

そんな中でダントツに使いやすく、おすすめしたいダウンロードソフト、4K Video Downloaderを紹介したいと思います。

f:id:myprogramming:20180709213405j:plain

4K Video Downloaderとは

4K Video Downloaderとは、YouTubeの動画をダウンロードできるフリーソフトです。
このソフトは、WindowsmacOSUbuntuに対応しています。

このソフトの特徴は、高機能さとシンプルなUIによって操作性の高さの両方を実現しているという点です。
高機能なソフトは直感的に操作しづらかったり、ダウンロードサイトなどシンプルな作りのものは欲しい機能がなかったりします。
そんな中で、4K Video Downloaderはとても使いやすく、欲しい機能も揃っていることが多いかと思います。

また、海外製ですが日本語にも対応しており、不自然な日本語はほとんどありません。
英語とかだとわからないっていう人にもおすすめです。

www.4kdownload.com

4K Video Downloaderは安全なのか

他のダウンロードサービスにはウイルスが含まれていることが多いですよね。
なのでやはり、安全性は気になるところです。

これだけ推していたらわかるかもしれませんが、結論から言いますと、安全です。
virustotalで調べても検出されませんでしたし、1年以上このソフトを使っていますが、一回もウイルスが検出されたことはありませんでした。
virustotalの結果
Antivirus scan for 5a45ad02fe34b7f02eefea37f0bf43291d6afa7d0c01eec50fb3719f0a2feeeb at 2018-07-09 12:30:13 UTC - VirusTotal

使える機能たち

みなさん、一番これが気になっているんではないでしょうか?
では、早速紹介していきたいと思います。

まず、当たり前ですがダウンロード機能がついています。
4K Video Downloaderっていう名前ですしね。
しかし、ダウンロードできるのはYouTubeだけではありません。
YouTubeはもちろん、DailyMotion、FacebookSoundCloudなどからダウンロードできるようになっています。

さらに、SoundCloudでわかった方がいるかも知れませんが、ダウンロードできるのは動画だけではないのです。
4K Video Downloaderでは、動画(MP4・FLV・MKV・3GP)、音声(MP3・M4A・OGG)・字幕のダウンロードができるようになっています。
字幕のダウンロードができるのは便利ですよね。
ちなみに、SoundCloudからのダウンロードは他の方法をおすすめしています。
myprogramming.hatenablog.com

また、スマートモードというので毎回のダウンロード設定しておけば、リンクをコピーしてリンクを貼り付けボタンだけでダウンロードしてくれます。

他にも、360°ビデオのダウンロードなどができるようになっています。

ただ、一つだけ残念なところを言えば、4K Video Downloaderっていう名前なのに4Kでのダウンロードができなくなっていることです。
まぁ、気にする人は気にするかもしれませんが、今までダウンロードサイトなどを使ってきたのならば全然問題にならないと思います。

f:id:myprogramming:20180709224111p:plain
これだけ高機能でこのシンプルなUIはスゴイ!

インストール

www.4kdownload.com
インストーラーをここからダウンロードできるので、自分の環境にあったインストーラーをダウンロードしてください。

使い方

本当に直感的に操作できるので載せる必要はないと思いますが、一応おすすめの使い方サイトだけ載せておきます。
YouTube動画保存の決定版!!便利すぎる「4k video downloader」の使い方 | カンカンライフ

実際は、わからないところがあったときに、ググル程度でいいかと思います。

まとめ

使える機能などを改めて振り返ってみると、やはり高機能な上にUIのシンプルさがあるところがこの4K Video Downloaderの一番の良さなのではないかなと思います。
また、安全性が保証されていて、ちゃんとした日本語というのも大きいですよね。

僕も、本当に気に入っているソフトなので、使ったことがないという人はぜひ使ってみてください!

MMD一作目投稿!山風で君色に染まる

MMDの一作目が一応完成したので投稿したいと思います。

f:id:myprogramming:20180706022308j:plain

艦これはちょっとだけかじってたんですけど最近になってちゃんとした作品を作ってみたいなと思ってやりました。
ちゃんとした作品を作ろうとしたら思った以上に苦戦して大変でした。
今後も、MMD作品を投稿していこうと思っていますので、成長過程を楽しんでいただけたらと思います。
MMDネタも少しづつ紹介できたらいいなと思っています。

この作品は艦これの山風が君色に染まるを踊ってみたというものです。
リアル調にしたかったのでNCHLShader2を使っていますが、あまり使いこなせませんでしたw

今回投稿した作品

お借りしたもの
◆Music
君色に染まる / kimiiro ni somaru - TOKOTOKO(西沢さんP) feat.GUMI
◆Model
山風ver1.02(cham様)
◆Motion & Camera
君色に染まる(足太ぺんたさん)モーション(つん様)
◆Stage
高級洋室ステージver.2.1(@Ai様)
スカイドーム(青空) VOL.X5(怪獣対若大将P様)
◆Effect
AutoLuminous4(そぼろ様)
ExcellentShadow(そぼろ様)
HgSAO(針金様)
NCHLShadow2(nil様)

参考にさせていただいたサイト
「NCHLShader2」の使い方 (静画):タカシアのブロマガ - ブロマガ

Windows10でモノラル出力する方法!

僕は学生なので夜遅くにパソコンを使っていると親に怒られるわけです。
でも、親が来たら急いでパソコンをスリープさせればいいわけです。
しかし、イヤホンやヘッドホンを使っていたら親が来たことに気づきません。
そう、片耳だけイヤホンをつければいいのです。

そんなとき、便利なのがモノラル出力なわけです。

f:id:myprogramming:20180705222027j:plain

そもそもモノラル出力とは

オーディオ機器に音を出力する方法として大きく分けてモノラルとステレオがあります。

ステレオはイヤホンやヘッドホンの左右から別々の音が出力されるというものです。
それに対して、モノラルは同じ音を出力しているのです。

つまり、イヤホンを片耳だけつけた場合、ステレオ出力だと今までもう片方の耳で聞こえていた音が聞こえなくなり違和感を覚えます。
そんなときに、モノラル出力を使えばいいのです。

Windows10でモノラル出力をする方法

Windows10でモノラル出力をオンにする方法はとても簡単で特別なソフトなどは一切いりません。

まず設定の簡単操作を開きます。
f:id:myprogramming:20180705223119p:plain

次にその他のオプションを選択します。
f:id:myprogramming:20180705223244p:plain

そしてオーディオオプションのモノラルオーディオをオンにすればいいのです。
f:id:myprogramming:20180705223452p:plain

f:id:myprogramming:20180705223536p:plain

ChromeでSoundCloudをmp3ダウンロードするにはこれが一番!

SoundCloudのmp3をダウンロードしたいと思った方、またいちいちダウンロードサイトからダウンロードするのが面倒だと感じている方、GoogleChromeSoundCloudをmp3でダウンロードできる拡張機能を知っていますか?

f:id:myprogramming:20180705214627p:plain

SoundCloud Downloader Freeとは

SoundCloudのmp3をダウンロードする方法はダウンロードサイトなどを経由したりする方法などいくつかありますが、いちいちURLをコピペしてなど面倒くさいですよね。
そこで、便利なのがSoundCloud Downloader Freeです。

これは、GoogleChrome拡張機能でインストールするだけでSoundCloudの楽曲ページに直接リンクを作成してくれます。

インストールと使い方

SoundCloud Downloader Free - Chrome Web Store
このリンクからインストールできます。

f:id:myprogramming:20180705215513p:plain
このように、右上におじさんマークが追加されていたら、インストール完了です。

使い方は、とても簡単です。
楽曲ページや検索結果などとにかく楽曲が表示されていればそこに、ダウンロードリンクを作成してくれます。

f:id:myprogramming:20180705221021p:plain

f:id:myprogramming:20180705221024p:plain

f:id:myprogramming:20180705221027p:plain

ね?簡単でしょ?

Javascriptでの配列のコピーには注意が必要

Javascriptで配列をコピーするには注意が必要です。

なぜなら、Javascriptでは配列はオブジェクトなので参照渡しになるため、そのままコピーすると、どちらかが変更されるともう片方も変更されてしまうからです。

私も、それでだいぶひっかかったのでみなさんも気をつけてください。

参考
JavaScriptで配列のコピー(値渡し) - Qiita

for文とforEachで気をつけること

とても簡単なことでつまずいていたので、備忘録も兼ねてここに書いておきます。

これを見ていただくとわかると思うのですが、forEachは繰り返し処理の部分が関数になっているので、繰り返すごとに変数aが定義され、変数aが上書きされることはありません。
これに対して、for文は関数ではないので変数aが上書きされてしまいます。

これで何十分も悩んでしまった・・・