メンチカツ

ロースカツが好きです

【メモ】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 が利用できない

$ docker-compose run web bundle install ... Bundle complete! ... となったはずなのに、いざ利用しようとすると Could not find [installed gem] in any of the sources Run `bundle install` to install missing gems. と出る。 bundle install をした後…

【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…

【メモ】Docker Compose で inotify_init: too many open files

Docker(compose)に乗せたgolangのアプリにライブリロード(fresh)を入れたら inotify_init: too many open files エラーで起動しなくなりました。 これは docker-compose に以下のように ulimits セクションを追加したら解消されるようです。 ulimits: nproc:…

【メモ】Makefileで複数のターゲットを順番に呼ぶ

Makefileで run: targetA targetB targetAが完了してからtargetBを呼んでほしいときは、 run: targetA; targetB 間にセミコロンを入れると逐次実行してくれます。知らなかった。

ZeitのNowでServerless Docker(Beta)を試す

zeit.co という記事を見たので試してみました。 ▲Nowとは zeit.co Zeit(←ツァイトと読む)が作ってるシンプルなPaaS Dockerizeされたものならデプロイ可能 最大3インスタンスまでは無料で使える Zeitとは Next.js(ReactでSSRを提供するフレームワーク)やMicro…

【メモ】VSCodeでインデントを2(とか4)スペースにしたい

eslintとか抜きにして、もうインデントは全部固定スペースにしたいんじゃ という人は、「Code」-「基本設定」-「設定」を開いて、ユーザー設定に以下を追加しよう! "editor.tabSize": 2, //お好きな整数値を! "editor.insertSpaces": true, "editor.detect…

【メモ】GraphQL触った所感

GolangベースでGraphQLのソースを生成してくれる gqlgen というライブラリを2日触ったので、感想をメモ。 github.com チュートリアルを触って、最初は楽しくエンジョイしていたのだが、本家ではファイルアップロード仕様について言及していないことに気づい…

blockchain.tokyo #10 に行ってきた #blockchaintokyo

今月から業務で唐突にEthereumの機運が高まったので、薄い知識で blockchain.tokyo #10 に参加してきました! blockchain-tokyo.connpass.com blockchain.tokyo - connpassは、月に1度、ブロックチェーンに関わる技術の普及や知識・情報の共有を目的として開…

【メモ】Ethereumのgeth環境をDockerで立てるMakefile

二番煎じのエントリです。すみません。 こちらの記事で気軽にEthereumの環境を構築できたのが嬉しかったので qiita.com Makefileにしてみました。 github.com dockerのオプション覚えられないマンです。

【メモ】Reduxチョット触ってた人がNuxt.jsチョット触った雑感

こちらを参考に触ってみました。 qiita.com スゴイ①: 導入がかんたん ↓だけでどういうものか確認できる。 npm i -g vue-cli vue init nuxt/starter nuxt-starter cd nuxt-starter npm i npm run dev #=> http://localhost:3000 スゴイ②: チルダ ~ がドキュメント…

【メモ】Lambda Functionはtypoに寛容だ

Alexaのスキルを作る予定があり、初めの一歩のチュートリアルとして、こちらを参考にさせていただきました。 datahotel.io datahotel.io Echoデバイス - Alexa - Lambda間のデータの流れが把握しやすく、非常にわかりやすいチュートリアルです。 早速取り組…

brew install go-delve/delve/delve で「undefined method `check_for_bad_install_name_tool'」

brew install go-delve/delve/delve で、以下のエラーが出ました。 Upgrade to delve fails https://github.com/go-delve/homebrew-delve/issues/20 /usr/local/Homebrew/Library/Homebrew/exceptions.rb:426:in `block in dump': undefined method `check_f…

【メモ】VSCode on Macで「Cannot find "go" binary. Update PATH or GOROOT appropriately」

GOROOT設定済みの環境で、VSCodeにgoのプラグインを入れたあと「Cannot find "go" binary. Update PATH or GOROOT appropriately」と言われることがあります。 これは、VSCodeのデフォルトshellがbashだから。 上記のメッセージが出る人は、ふだんzshなどを…

macのgvm導入時に発生する色々なエラーに対応する

Go

macにgvmで環境設定するとき、まずはじめに1.4を入れとかないとダメとかの前提条件があり、毎度はまっている。 自分の欲しいバージョンだけ導入しようとすると、"gvm fatal error: MSpanList_Insert"とか"cannot find package"とか言われる。ほんとアホのよ…

株式会社はてなに入社しました

株式会社はてなに入社しました 株式会社はてなに入社しました - hitode909の日記

【メモ】会社で話し相手がいないエンジニアはRebuild.fm聴けばいいと思う

話し相手がいないっていうか、 エンジニアあるある言いたいときに話せる相手がいない。 共感してくれる人がいない。 話したところで「?」とさせてしまう。 って状況ありませんか? そんなときはイヤホンでpodcastですよ。 JUNK とかもそりゃあ面白いですが…