かなぽんのブログ

フロントエンドエンジニアの雑記

配列をランダムにシャッフルする(JavaScript)

配列をランダムにシャッフルする(JavaScript) 配列をランダムにシャッフルする機能を実装する機会があって、調べたことをメモ。 どうやら、Fisher–Yates shuffle という有名なアルゴリズムがある模様。 配列からランダムに要素を抽出して並べていくアルゴリ…

nodebrew を使って最新の Node.js のバージョンに切り替える

たまにやると忘れているので記録する nodebrew 自体のアップデート nodebrew selfupdate を実行します $ nodebrew selfupdate Fetching nodebrew... Updated successfully 現在インストールされているリストを表示する nodebrew list を実行します $ nodebre…

指定ディレクトリ配下のファイル一覧を表示・コピー・出力するLinuxコマンド

hoge配下のファイル一覧を表示 ls -u $(find hoge/* -type f ) hoge配下のファイル一覧をクリップボードにコピー ls -u $(find hoge/* -type f ) | pbcopy hoge配下のファイル一覧をfilelist.txtに出力 ls -u $(find hoge/* -type f ) > filelist.txt

JavaScriptの配列をspliceを使って変更する

JavaScriptの配列をspliceを使って変更する splice: 古い要素を取り除きつつ新しい要素を追加することで、配列の内容を変更します。 参考サイト MDN web docs(https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)…

JavaScript配列操作まとめ(forEach, map, filter, every, some, find, findIndex, reduce)

JavaScript配列操作まとめ(forEach, map, filter, every, some, find, findIndex, reduce) forEach 与えられた関数を、配列の各要素に対して一度ずつ実行します。 戻り値はundefined const numbers = [1, 4, 2, 5, 2, 5]; numbers.forEach((number) => { con…

HTML5 Conference 2016に参加しました。

昨日、HTML5 Conference 2016に参加しました。 かなりの人数が参加していて、どのセッションも興味深くて、Webの進化は早いと思いました。 lacoさんのAngular2の話がとても良くて、いままでぼんやりしていたAngular2の世界観がまとまった気がします。 内容を…

気がついたら一年経っていた件

一年ぶりの投稿です。 26歳になりました。 前回の記事では、なるべく続けていこうとか書いていたのに、ブログの存在を忘れてました。 去年より仕事が落ち着いて、プライベートの時間が割りと取れるようになったので、ぼちぼち再開しようかなと。 コンテンツ…

誕生日を迎えて初投稿

本日、25歳を迎えた lineの通知を見て、いつの間にか日付を越えていたことに気がついた。 個人でメールを送る文化が薄れてから、おめでとうメールとかは減った気がする。 25歳になったことを機に、何か新しいことに挑戦しようと思って、生まれて初めてブログ…