at backyard

Color my life with the chaos of trouble.

備忘録

TestCafeというNode.js製のテストツールを試してみる

まえがき たまたま下記のようなTwitterポストを見つけました TestCafe 1.6.0リリース。フルページスクリーンショットのサポート、スクリーンショットオプションの変更など "TestCafe v1.6.0 Released | TestCafe" https://t.co/eoN4McQ1EX #browser— azu (@a…

next.jsにreact-notificationsを導入しようとしてハマったのでメモ

next.jsでreact-notifications用のcssファイルを読み込もうとしたら、Module parse failed: Unexpected character '@' (1:0) というエラーが出た next.jsで書いたアプリに先日書いたreact-notificationsを導入しようとしたら、コンパイル時に下記のようなエ…

pyinstallerを用いて作成したwindows用のバイナリにてssh接続を実施する

こんなメモがずっと下書きの中で眠っていた。たぶん書いたのは数年前とかかも、、、眠らせておいても、削除することになるだけなので、公開します。 個人的な備忘録といった感じです。 ちなみに内容的には、調べた際に参照したサイトを淡々と張っているとい…

Airbnbが作ったReactのCalendarライブラリ、react-datesを試してみる

Airbnb製のReact用Calendarライブラリ、react-datesというものを試してみました。今回はその備忘録 (結構導入、というかセットアップ段階でハマりどころが個人的に多かったので、この記録には誤りが含まれている可能性があります。割と最後までやるのに疲れ…

Agreeing to the Xcode/iOS license requires admin privileges, please run “sudo xcodebuild -license” and then retry this command.

Xcodeを最新にアップデートしたあとに、git コマンドを叩いたら、下記のような表示が出た Agreeing to the Xcode/iOS license requires admin privileges, please run “sudo xcodebuild -license” and then retry this command. テキストの通り、 sudo xcode…

CircleCIでdocker imageのバージョンを上げたときに、default-mysql-clientのインストールでエラーになった際の対応備忘録

CircleCIで使用しているDocker imageのバージョンを上げたら、default-mysql-client をインストールする箇所でエラーになりました。 最初色々とネットの記事を見ながら、何度か試行錯誤しつつ悩んでいましたが、CircleCI で提供されている Docker Image をロ…

Reactアプリでのi18n対応(国際化/多言語対応)にi18nextを使ってみる

Reactアプリでのi18n対応(国際化/多言語対応)にi18nextを使ってみる 仕事で多言語対応をすることになり、i18nextを使うことにした。 Introduction - i18next documentation Introduction - react-i18next documentation react-intlとi18next ちなみに react …

TypeScriptを使っていて、 Type 'void' is not a valid async function return type in ES5/ES3 because it does not refer to a Promise-compatible constructor value. というエラーがでたとき

Type 'void' is not a valid async function return type in ES5/ES3 because it does not refer to a Promise-compatible constructor value. 自分がまだまだTypeScriptを書き慣れていないのと、意外とググってみてもサクッと答えにたどり着かなかったので(…

Headless CMS の Contentful からデータを取得して、Next.jsのページで表示させるメモ

完全なる備忘録です。 Next.js 9 with TypeScript セットアップ 最近 Next.js 9 を余暇を利用して触っているので、今回はそちらの環境のセットアップから行います。 ちなみに最初からTypeScriptで書けるように設定していきます。 以前Qiitaに書いたNext.jsで…

jest実行時にSecurityError: localStorage is not available for opaque originというエラーが出た場合

jest実行時にSecurityError: localStorage is not available for opaque originというエラーが出た場合 解説などは後で書こうと思っています。 一旦は事象と対応内容だけ備忘録がてら書き残しておきます。 SecurityError: localStorage is not available for…

bitly APIをNode.jsから使う

bitly APIを使って短縮URLを作るために必要なもの 最近 bitly のAPIに触れたので、すぐ忘れる未来の自分のためにメモ 開発者用のドキュメントは下記 dev.bitly.com ちなみに現在bitlyのAPIの最新バージョンはV4。 V3は2020年3月1日に使えなくなるようなの…

Paypalアカウントを持っていない人にもPaypalから請求を行う方法

Paypal.meだとPaypalアカウントを持っている人でないと支払えない 以前こんな記事を書いた。 shinshin86.hateblo.jp Paypal.Me、便利ではあるが、支払う側もPaypalアカウントを持っている必要がある Paypalアカウントを持っていない人にも請求を送りたいシー…

鼻に詰まった角栓は指でつまみ出しちゃダメでした

なんとなく興味持って調べてみたことの備忘録となります。 洗顔後の化粧水をオールインワン化粧水に変えてみたら楽なくせに満足度が高かった 2年ぐらい前から化粧水や乳液を塗るのが面倒になっていた私です。 洗顔後はニベアクリームを塗るだけとなっていま…

vimでconst が使えるようになったので試してみた

Vim scriptにconstが実装されたので早速試してみた備忘録です。 rhysd.hatenablog.com こちらのポストで実際にパッチを書かれたりんだんさんが詳しく解説されているので、ちゃんとした情報が知りたい方は上の記事をご参照ください。 以下は個人的な備忘録と…

三菱東京UFJ銀行のインターネットバンキングで振込をするときに振込名義を変更する方法

インターネットバンキングで別の名義で振り込みする必要があったときに、地味に迷ったので参照すべきドキュメントのURLを備忘録がてら残しておく (ちなみに、メッセージや番号の追加を行う場合は、ユーザの名前の前後に追加する必要があるよう。) faq01.bk.m…

curlを使って自宅のipを調べる方法

curlを使って自宅のipを調べる方法 完全なる自分用メモです。 下記コマンドを打てば IP アドレス が分かる。 curl -s icanhazip.com 私の家もそうなのだがipv6の場合は、 勝手に IPV6 の値が返ってくる。 もし ipv4 の値を取得した場合は、下記のように打て…

さくらのレンタルサーバで取得したサブドメインをNetlifyで使う方法

さくらで取得したサブドメインをNetlifyで使う さくらのレンタルサーバで取得していたドメインから、サブドメインを作成し、そのサブドメインだけNetlifyで使うためにやったことを自身の備忘録として残す。 ネットワークの知識が自分にはないからだが、設定…

コマンド一つでサンプルデータの入ったMySQLの動くDockerをローカルに構築する

最初に 自分がやろうと思っていたことと全く同じことをやっている方がいらっしゃいましたので、先にその方のポストを貼っておきます。 たまたま記事を見つけて、完全にかぶっとる... と思いました。 とても有益な情報でしたので、ぜひチェックしてみてくださ…

Sound Cloudの代替として使える? 音楽サービスのClypを使ってみる

少し前に書いて下書きフォルダに置きっぱにしていました。 理由は明確にあって、書いたはいいけど、結局APIは利用できないことが判明したので、公開しないまま塩漬けにしていました。 (2019.03時点ではAPI利用申請は受け付けていないようですが、利用申請自…

Gormでunsupported Scan的なエラーが出た

Gormを触り始めているのだが、DB(MySQL)にアクセスしてレコードをSELECTする際にこんなエラーが出てきた。 (sql: Scan error on column index 2, name "created_at": unsupported Scan, storing driver.Value type []uint8 into type *time.Time) 取得結果を…

Go Modulesを試してみた。(書きかけ)

Go Modulesを試してみた。 パッと見だと自分の頭ではうまく理解できなかったので、手を動かして理解しようとした。これは自分用に後で見返すための備忘録的な役割を担っている。 また自分は普段はあまりGoを使っていないので、見当違いのことを書いている可…

mac環境でpython mojimoji のインストールに失敗した際の備忘録

mojimojiをインストールしようとした際の備忘録。 mac環境だとコンパイラ関連の要因でインストールに失敗するよう。 下記の記事を参考にさせていただき、問題は解決。 qiita.com ちなみに私の環境はpyenv上でセットアップしたPython3(使用していたバージョン…

pyenv使ってpythonをインストールをしようとしたらzipimport.ZipImportErrorが出たので対応した備忘録

pyenv使ってPythonをインストールをしようとしたらzipimport.ZipImportErrorが出たので対応した備忘録になります。 macOS Mojave 10.14にアップデート後にpyenv install 3.7.2しようとしたら、下記のようなエラーが出ました。 zipimport.ZipImportError: can…

xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory~というエラーができたときの対応法

とあるプロジェクトでyarn installしたとき、node-gyp rebuild周りでエラーが発生した。 xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance…

Babel 7 へのupgrade toolを使ってみたメモ

あくまで個人用メモ、備忘録的なものになります。 babel7がリリースされましたが、Babel7へのupgradeツールもリリースされています。 github.com 試しに自身のリポジトリに適用してみました。 全然更新できていない、todoアプリ。 react/reduxの練習用に、触…

knife solo initでコンフリクトエラーが起きたけど、すぐに解決できてよかった、そんな自分メモ

knife-soloを勉強しようとしてみたところエラーが出ましたが、すぐに解決できたので、その過程を自分用メモとして残しておきます。備忘録。 knife solo init hogeoge initコマンド打ったら、下記のようなエラーが。 原因としてはnet-sshがコンフリクトしてい…

vuexのプラグインのサンプルを書いてみた。

動作を見てみたかったので、とてもシンプルなサンプルを書いてみた。 (ほぼほぼ、Vuexの公式ドキュメントに書いてあるものの写経版) 実行までのメモを自分用の備忘録として残しておく。 セットアップは下記。 # install yarn add vue vuex # dev install yar…

SyntaxError: 'import' and 'export' may appear only with 'sourceType: "module"'ってエラー出て困ったけど、まずはエラーの内容を確認しろよって話

こんなエラーが出ました。 ログは割愛しています。 SyntaxError: 'import' and 'export' may appear only with 'sourceType: "module"' (2:0) このエラー文に解決法がすでに載っているのですが、アホなので、最初になんでエラーなの!?となってしまい、ちょ…

babel7を使用したとき、jestのテストがTypeError: Cannot read property 'loose' of undefinedでコケたので、その対応をメモ

babel7を使ってプラグインを試しに書いてみようとした際、jestのテストがTypeError: Cannot read property 'loose' of undefinedでコケたので、そのときの対応と原因を自分への備忘録としてメモする。 結論 最初に結論から書くと、babel-core@7.0.0-bridge.0…

2018年元旦、コーディングタイムコンパイルにメタプログラミング、トランスパイルという単語が、僕の心を捉えて離さない件

そもそものきっかけは先月、下記の記事を見たことでした。 qiita.com ここで書かれている内容は、これからの時代においてとても大事なものになるだろう、と記事を読んで感じました。 私は経験も技術力もまだまだ乏しい人間ではありますが、コーディング時に…