at backyard

Color my life with the chaos of trouble.

備忘録

nikkiという日記を書くためのWebサイトを作った

Gatsby Starter: Minimal Blogを用いて個人的な日記サイトを作った 自分自身の日記をwebに載っけてみようと思い、作った。 nikki.shinshin86.com 日記サイト自体はGatsbyで構築しようと前々から考えており、良い感じのテンプレートがなければいっそ自作テン…

textlintでmdxファイルをチェックする方法

textlintでmdxファイル内のテキストをチェックする方法 textlintでのmarkdownチェック処理の際に、 MDX ファイルも一緒にチェックしたいというお話 github.com textlintではデフォルトでMarkdownとplain textをサポートしている。 (他のファイルについてはpl…

VSCodeでファイルを開いた時に、前に開いたファイルのタブが上書きされる問題を回避する方法(GUIで設定する)

下記のQiita記事と全く同様の問題。なので解決方法は同じ。 qiita.com この設定はGUI上からも行えるので、一応そのやり方を備忘録として残しておく。 (残すほどでもないのかもしれないが、VSCode新しくしたときとかになるべく迷いたくない。。。) VSCode の…

配列内の重複を削除する方法(JavaScript)

例えば下記のような配列の重複を削除したい場合 ['AAA', 'BBB', 'AAA', 'BBB', 'CCC'] ↓ ['AAA', 'BBB', 'CCC'] reduceを使えばシンプルに書けそう。 Array.prototype.reduce() - JavaScript | MDN const list = ['AAA', 'BBB', 'AAA', 'BBB', 'CCC']; const…

自宅のインターネットサービスプロバイダ(ISP)を調べる方法

契約先のインターネットサービスプロバイダ(ISP)の調べ方 少し前のことだが、Googleのドキュメントを見てる時にたまたま発見した。 www.whoismyisp.org 自宅のIPアドレスとかの確認方法はcmanとかがあるけど、ISPはそういえば知らなかったなと思い、メモ。 (…

JavaScriptのクエスチョンを2つ連続で各ショートハンドの正体(??)

コールドリーディングしていたら出てきた、これ ⇒ ?? なんていう名前なのか調べたら、 Null合体演算子 という名前らしい developer.mozilla.org この演算子は左辺が null または undefined の場合に右の値を返し、それ以外の場合に左の値を返します。 実際に…

使用していないDockerコンテナを一括で削除する方法

今更ながら知ったのだが、使用していないDockerコンテナを一括で削除する便利なコマンドがDockerには用意されていた。 (ただしバージョンが 1.13 以上である必要がある。ただ、今であれば基本的に使えるはず) docker container prune | Docker Documentation…

Dockerを使ってmacからwindowsアプリに触る

ちょっとした好奇心でmacからwindowsアプリに触れてみたくなった。 これはそんな備忘録であり、とりあえず試してみた的なメモとなっている。 Dockerでwineを動かす こちらのリポジトリを使わせてもらった。感謝。 github.com なお、こちらのREADMEにも書かれ…

AWSの仮想MFAを失くしそうになって焦った話(携帯を変える際は要注意、Google Authenticator)

先日ひさしぶりにプライベートで利用している個人のAWSにログインしようとした。 ちょいと用事がありでルートでログインしようとしたのだが、そのときにMFAの番号を求められた。 私はこのアカウントのMFAをGoogle Authenticatorで管理していたので、普段どお…

プロジェクトごとの.nvmrcファイルを勝手に読み取って、使用しているNode.jsのversionに自動的に設定する方法

そういう事できないかなーと思っていた。 いや、正確にはできるんだろうけど、ちょっと設定めんどいかもなーなんて勝手に思っていた。 結論、そんなことはなかった。 設定の方法はnvmのREADMEに記載されていた。 私はzshを使っているので、下記を参考にした…

既存のWebページ(静的HTMLのペラサイト)をAMP対応してみた

自身の音楽ポートフォリオサイト(静的HTMLのペラサイト)をAMP対応してみた 以前、自身が作ってきた音楽をまとめた音楽ポートフォリオを、HTML5 UPのテンプレートを用いて、1枚だけのペラサイトとして作成した。 shinshin86.com その時の詳細は下記に書いた…

Next.jsでAMPのサンプルを最速で試す

完全なる自分用メモ(備忘録) 下記を参考にすればOK (Next.jsのAMPのサンプル) github.com 以下のコマンドを順に実行すればAMPのサンプルページが立ち上がる。 あとは localhost:3000にアクセスするだけ。 yarn create next-app --example amp amp-app cd amp…

macOS環境にて、brewでインストールしているgoをupgradeする

macに入っているgoのversionをupgradeしたくなった そもそもmacへのインストールはどうやったのか調べたところ、下記の結果を見るに、どうやら brew を使ってインストールしていたようだ。 which go # => /usr/local/bin/go そのためここに記載されるのは、b…

利用しているデバイスのバッテリー状況を取得するWeb API (Battery Status API)

このAPI自体は現在 Deprecated となっているようなので、使用しないことをお勧めします。 (あくまで自身の勉強メモとしてこちらに書き残しています) 利用しているデバイスのバッテリー状況を取得するWeb API (Battery Status API) たまたま見つけた Battery …

【作曲・DTM 脱初心者向け】既存の楽曲をLogic Pro Xに取り込んで耳コピ・分析環境を整える方法

耳コピ・楽曲分析は【作曲・DTM 脱初心者】になるためには必要不可欠 耳を引きそうなタイトルを付けてしまったが、まず耳コピや既存楽曲の分析は現代における作曲・DTMのスキルアップには必要不可欠なので、このようなタイトルを付けた。 私自身は耳コピはか…

【2020年版】ペラサイトを半日で作って独自ドメインでリリースまで行う方法(費用はドメイン代のみ)

【2020年版】ペラサイトを半日で作って独自ドメインでリリースまで行う方法(かかるお金はドメイン代だけ) 最近自身の音楽的な部分での名刺代わりとなるような、簡単な音楽ポートフォリオサイトを作った。 サイトを作った、という表現はだいぶ大げさで、自分…

【Youtubeで今日のニュース】日本のニュースをひたすら淡々と配信しているだけのYoutube LIVE動画を見つけたので書く

ひたすら淡々と日本のニュースを24時間配信しているYoutube動画 結論から先に書くと、この動画である。 youtu.be 動画内の説明を下記に引用させていただく。 速報ニュースを中心に、事件や政治、自然災害など時事問題から街のトレンドまで24時間配信中! 注…

Markdownでページ内リンクの書き方(はてなのMarkdown対応)

Markdownでページ内リンク(アンカーリンク)の書き方 忘れた頃にいつもページ内リンクを書きたくなるので、こちらに書き残しておくことにした。 なお、このはてなブログ内でも正常に動くことを確認している。 (もちろんプレビューでも動く) 書き方は下記の通…

Googleアカウント連携で作成したTodoistアカウントの削除方法

Googleアカウント連携で作成したTodoistのアカウント削除方法 先日Todoistのアカウントを削除する機会があった。 そのアカウントはGoogleアカウント連携で作成したアカウントだったが、削除する際にちょっとしたコツがあったので備忘録として書き残しておく…

クリックしてクリップボードにコピーする機能をReactで作る

これまた下書きフォルダに入りっぱなしになっていた文章を見つけたので、整理してアウトプットする。 去年書いていたものだ。 よくある、ボタンやテキストなどをクリックしたときに、クリップボードに対象の文字が自動的にコピーされる機能。 あれをReactで…

Node.jsでgRPCを試そうとしたら、Failed to load gRPC binary module because it was not installed for the current systemというエラーが出た

下記の公式を読みながらNode.jsでgRPCを試そうとしたら下記のようなエラーが出た。 grpc.io Error: Failed to load gRPC binary module because it was not installed for the current system Expected directory: node-v72-darwin-x64-unknown Found: [node…

git で一番最初のコミットで追加されたdiffを見る方法

例えば一番最初のコミットで、どんなコードを追加したのかを調べたいようなときに使用する。 実はgitでは 4b825dc642cb6eb9a060e54bf8d69288fbee4904 というIDは空のツリーのIDとしてどのリポジトリでも共通で使用されているものらしい。 stackoverflow.com …

Sequelize v5ではfindByIdの代わりにfindByPkを使うようになっていた

プライベートでSequelizeを触っていた際にfindByIdがなくなっていることに気づいた。 どうやらSequelize v5では findById の代わりに findByPk を使うようになっていたらしい。 (該当するドキュメントは下記) Model | Sequelize 以上、個人的メモでした。 今…

git stash をファイル単位で行いたい

git stash をファイル単位で行いたい これ普段コード書いていて結構やりたくなるときが多い。 いつもはなんとなく耐えてしまっていたが、先日もまたやりたくなったので、今回こそはと意を決して調べてみた。 結果10分もかからずに調べられたので、思いついた…

MySQLで時刻や日付の差分を取得する方法 (TIMEDIFFやDATEDIFFの使い方)

MySQLでTIMEDIFFやDATEDIFFを用いて、時刻や日付の差分を取得する MySQLで時刻や日付の差分を取得するには TIMEDIFF や DATEDIFF が使える。 基本的な使い方を下記にメモした。 一応現在接続している自身のMySQLのversionはこちら。 select version(); # ⇒ 5…

Hootsuiteを無料プランで作る方法 (2020年版)

久しぶりにHootsuiteを使うことにした。 Hootsuiteとはなんぞや、という方はググってみると色々と記事が出てくるので、そちらを見ていただくとして、ざっくりと書くと、ソーシャルメディアを一括管理できるプラットフォーム・ツールである。 hootsuite.com H…

Fitbit APIを使って、本日のActivityを取得するかんたんなサンプルを書いてみた(Node.js)

以前から気になっていたFitbit APIを試してみた。 セットアップなどについては下記の記事がとても参考になった。 qiita.com ひとまずはtokenを取得して、APIを叩けるところまで準備し、下記のコードで本日のactivityが取得できることを確認した。 const fetc…

Logic Proで音量変更したのに、バウンスした音源の音量が変わらないとき

Logicではバウンスするときにノーマライズの設定をできるが、これがオンになっている場合、例えばトラックの音量を低くしたのにも関わらず、勝手に音量を最適なレベルに調整され、音量を変更したのに反映されない!という現象が起きる。 一瞬ハマりかけたの…

Youtubeでチャンネルを追加する方法

Youtubeのチャンネル追加方法 やり方は下記に載っているが、意外とすんなり行けなかった。というか、チャンネルを追加する画面にたどり着けなかった。。 (自分の読解能力が劣っているという可能性は否定できない...) 新しいチャンネルを作成する - YouTube …

iPhoneやiPadを楽器代わりにして、Logic Pro Xでレコーディングする方法

Koala Samplerを使って早速曲を作ろうとLogic Proにつなぎたくなった。 これ見て即ダウンロードした >>> これで490円って…ウソだろ!?めちゃくちゃ使える衝撃のサンプラーアプリ「Koala Sampler」 https://t.co/3oG6GgVLOy via @YouTube— YukiShindo (@shin…