メンチカツ

ロースカツが好きです

【メモ】resizeイベントで変更されたウィンドウの幅を取得するhooks

ウィンドウリサイズイベントで変更されたウィンドウの幅を取得するhooksのメモ リサイズしたとき無駄に発火しないように setTimeout() を入れています。 // useWindowWidth.ts import { useCallback, useLayoutEffect, useState } from "react"; /** * resiz…

【Final Cut Pro】アプリケーション“iMovie”から送信されたXML書類を読み込めませんでした。

iMovie から Final Cut Pro への乗り換えは簡単。 そんなふうに考えていた時期が俺にもありました。 iMovie メニュー 「ファイル」>「ムービーをFinal Cut Proに送信」 で上記のエラー 「アプリケーション“iMovie”から送信されたXML書類を読み込めませんで…

Rust@VSCode で rust-analyzer が proc macro `xxx` not expanded / unsupported ABI エラー

エラー proc macro "xxx" not expanded... という構文エラーになってしまったら ここに対応するissueがあるので github.com バージョンを上記対応版の 0.3.1277 に下げると解消します。 完全なる一時凌ぎですが、エディタが赤いとソワソワしてしまう方は是非👍

【メモ】failed to solve with frontend dockerfile.v0: failed to create LLB definition: unexpected status code [manifests latest]: 400 Bad Request

ECRのイメージをビルドするときに以下のエラーになりました。 => [internal] load build definition from Dockerfile.lambda 0.0s => => transferring dockerfile: 44B 0.0s => [internal] load .dockerignore 0.0s => => transferring context: 2B 0.0s => …

Xcode アップデート後の xcodebuild エラー

mac

Xcodeをアップデートしたら、ターミナル起動時にエラーが出るようになってしまった。 xcodebuild[2933:15402] Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFo…

【メモ】graphql-codegenの「AggregateError: GraphQL Document Validation failed」を解決する

タイトルの通りなんだけど graphql-codegen のValidationエラーの原因がいつもよくわからない $ yarn graphql-codegen ... ❯ Generate outputs ❯ Generate /hoge/fuga/frontend/src/pages/User/graphql.ts ✔ Load GraphQL schemas ✔ Load GraphQL documents …

【メモ】Laravel で思った動きをしないときに唱えるおまじない

Laravel で、APIを追加したのにアクセスできないんだよな php artisan route:list にも出てこないんだよな ってことありませんか? わたしは割とかなり良くある。 そういうときは雑に以下のコマンドを叩くとだいたい解決します。 rm bootstrap/cache/* && ph…

【メモ】mov を gif に変換する alias

リモートワークで、作ったものをスクリーンキャプチャで共有する機会が多くなりまして ffmpeg を使って、mov を gif に変換する alias を登録しました。 $ brew install ffmpeg したあとに ~/.zshrc などに以下を追加 function m2g() { command ffmpeg -i $1…

【メモ】 php:7.3-fpm コンテナに多言語対応モジュール intl を入れる

PHPで多言語対応の際使うメソッド Locale::acceptFromHttp() を利用するために intl を有効にします。 https://www.php.net/manual/ja/intro.intl.php んで、合わせて libicu-dev をインストールします。これを忘れちゃう!なのでメモ。 Dockerfile に追加し…

Vue.jsでカウントアップするタイマーのコンポーネントをつくった

必要に駆られて夜な夜な急遽作ったのですがせっかくなので置いておきます。 props でタイマーのON/OFFをセットするよ。 <CountUpTimer :on-start="isStarted" /> <template> <div class="count-up-timer"> <div class="time"> {{ time }} </div> </div> </template> <script> export default { name: 'CountUpTimer', props: { onStart: { type: Boolean, requ…</countuptimer>

【メモ】rails consoleで「Can't connect to MySQL server on '127.0.0.1'」

db:migrate は問題なくできる環境で、 rails console からのDB接続ができない。 $ bundle exec rails console [1] pry(main)> Hoge.all Mysql2::Error::ConnectionError: Can't connect to MySQL server on '127.0.0.1' (111 "Connection refused") from /us…

【メモ】docker-compose 環境の Ruby on Rails で bundler が利用できない

Dockerコンテナのなかで rails console すると起動出来ない。 $ rails console Could not find gli-2.19.0 in any of the sources Run `bundle install` to install missing gems. bundle install しても治らない。 $BUNDLE_PATH が上書きされていた。 $ ech…

【メモ】Visual Studio CodeでPHP CS Fixerが「php general error」

php-cs-fixer.phar もパス通したのに「php general error」が解決出来ない。 拡張機能の組み合わせの相性が悪かったらしく、インテリセンスを変更したらなおった。 PHP IntelliSense をやめて PHP Intelephense に変更。

docker-composeのNuxt.jsからAPIをコールしたら「[HPM] Error occurred while trying to proxy request」

こういう構成のdocker-composeで、frontendコンテナ(Nuxt.js:localhost:3000)から backendコンテナ(Laravel:localhost:8000)にAPIリクエストをしたら [HPM] Error occurred while trying to proxy request /api/hoge from localhost:3000 to http://localhos…

【メモ】docker-composeで起動したNuxt.jsアプリに繋がらない

コンテナでは起動を確認できる( docker-compose exec [コンテナ名] bash で、 curl localhost:8080 とすると起動してればhtmlが返る )のに、ホスト側で見れない。 package.json を以下のように書き換えたら見られるようになった。 # これを "scripts": { "de…

【メモ】create-nuxt-appで失敗する

throw new SAOError(`Failed to install ${packageName} in ${cwd}`) とか出て進まない。メッセージ違うけど、前もあったなこれ・・・ 今回はESListを外したら成功しました。成功した組み合わせ置いておきます。 ? Choose the package manager Yarn ? Choose…

【メモ】Nuxt.js: axiosでオフライン状態(NetworkError)を捕捉する

axiosでAPIにアクセスするとき、エラーレスポンスをハンドリングすることは出来るんだけど、接続エラーなどの、サーバーからレスポンスが何も帰ってこないエラー(ネットワークエラー)は onError にも onResponse にも入ってこない。 // @/plugins/axios.js e…

【メモ】chromeアップデートしたら Unchecked runtime.lastError: The message port closed before a response was received.

Vue.js 開発環境で、chromeアップデートしたら Unchecked runtime.lastError: The message port closed before a response was received. がコンソールに出るようになった。 ぐぐると拡張機能のどれかが影響して出ているらしい。 でも、環境によって犯人が異…

Vue Test Utilsでコンポーネントのdata()を評価したい

なぜかうまくいかず時間がかかったのでメモ こういうページネーションのコンポーネントのテストを書くとき、 コンポーネントのpropsには以下のような値(現在のページ,ページあたりの件数,トータル件数)を設定できるとして <Pagination :config="{ current: 1, limit: 20, total: 100 }" @movePage="load" /> propsに値を設定したことを受け、w</pagination>…

【メモ】Nuxt.js/BulmaのNavbarでdropdownが残ってしまう(:focus-withinが効きっぱなし)

よくあるSPAのドロップダウン。 ドロップダウンだ <n-link class="navbar-link" to="/members"> <span class="icon is-medium"> <i class="fas fa-lg fa-user"></i> </span> <span>メンバー管理</span> </n-link> <div class="navbar-dropdown"> <n-link class="navbar-item" to="/members">メンバー一覧</n-link> </div>

【メモ】Vueコンポーネントのwatchがwatchしない

こういうやつ // NG watch: { config: (val, oldVal) => { console.log(val) console.log(oldVal) } } functionにする必要があります。 // OK watch: { config: function(val, oldVal) { // functionにする console.log(val) console.log(oldVal) } } ウォッ…

【メモ】Vueコンポーネントで再帰的に$emitしたいときの引数

Vueコンポーネントの中で自身のコンポーネントを呼び出してツリー表示をしたいときがあると思います。 今回やりたかったのは以下のこと。 1) 初期表示で最上位の階層(親のいない階層)を表示 2) 子要素があれば hasChild 属性が true。「+」ボタンを表示する…

【メモ】Nuxt.js で「Uncaught Error: [nuxt] store/index.js should export a method that returns a Vuex instance.」

storeの中に new Vuex.Store を返す index.js を作成したらエラー ファイル名を store/index.js から store/store.js に変えたら直った。 store/index.js はNuxtの中では特別な意味があるファイルなのか。 ja.nuxtjs.org

【メモ】openapi-generatorで たくさん出るエラーを無かったことにする

その場しのぎメモ swagger.json から openapi-generator generate でエラーがたくさん出てしまう、おろかなわたしの swagger.json 。。。 openapi-generator generate -i http://localhost:3000/docs/swagger.json -o static/api -g html … Errors: #こうい…

【メモ】VSCode x Vue.js: html(template)のフォーマッターでPrettierがエラー

直したいこと サンプルで入ってるvueファイルにVSCodeのフォーマッターをかけただけで怒涛のエラー⚡️ 解決策 Vetur というプラグインを入れて VSCodeの設定ファイル settings.json に以下の1行を追記したら治ります //settings.json { "vetur.format.default…

【雑メモ】 create-nuxt-app で yarn run dev したら DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead

ぐぐると extract-text-webpack-plugin を devDependencies に追加すると治るよとか書いてあるけど治らなくて、 セットアップオプションの「PWA」を外したらエラーしなくなった。 今回はPWA使わない予定だから良いのだけども、なんだかきもちわるい。 でも同…

【箇条書きメモ】2019/03/27 AWS Startup Day 2019 Tokyo に参加してきました

https://aws.amazon.com/jp/startup-day/tokyo/ に参加してきたのでメモ 仕事があったため冒頭と終盤の内容が薄くなってしまった 10:00~12:00 基調講演 『防犯カメラ×行動解析AIで目指すゆたかな社会』 株式会社VAAK 代表取締役 田中 遼 氏 https://vaak.co…

【メモ】docker-compose 環境の Ruby on Rails で bundle install した Gem が利用できない

記事をかきなおしました!わたしの毎度の嵌まりどころです。 hsuzuki.hatenablog.com

【gRPC-Web】protoc-gen-grpc-web: program not found or is not executable

gRPCのWebクライアントが正式リリースされましたね gRPC-Web is going GA www.cncf.io なんか楽しそうなので触ってみました。 が、早々にprotocでこけた。 protoc todos.proto \ --js_out=import_style=commonjs:./output \ --grpc-web_out=import_style=com…

【メモ】golangのライブリローディング fresh(on Docker Compose) で inotify_init: too many open files

こちらで解決しなかった inotify_init: too many open files watchするファイル数が多すぎるのが原因だったので、freshのconfigを用意してvendorディレクトリをignoredに入れました。 https://github.com/pilu/fresh root: . tmp_path: ./tmp build_name: ru…