tekitoumemo’s diary

思ったことを書くだけ。長文版Twitter

(Jest)引数で渡したcallbackのmockをテストする

mockしたメソッドの引数にcallbackを渡してそれをテストしたい。( ͡° ͜ʖ ͡°)べつにテストしたくないけどカバレッジが100%にならないからテストしたい。こういうのがあったとする func(() => { console.log('callback') }) mockImplementationOnceを使う func…

MacBook Pro買うた

PC

macbook買った。 私が買ったMacBook Pro ¥267,080 高っ。 なぜ買うた 今の仕事はPC至急してくれないので自分のPCを使わなければいけません。macbook airを持っていたのですが、 開発環境をdockerで完結する職場なのでメモリが8Gじゃ全然足りず、やむなくPC…

rails sでWebpacker configuration file not found

令和になってこれやってるワロタ railsguides.jpRails6でrails sすると Webpacker configuration file not found .. etcWebpackerってなんやねんって思ったらwebpack関連のやつでこれ rails webpacker:install yarn入れてない人はこれがでる Yarn not instal…

NuxtJSでloglevelを扱う

nodeのロガーはfsに依存しているものが多く、 クライアントで気軽に使えるのが少ない(Winston 、Bunyan、log4js-node全部だめ) loglevelはなんでも行けるマンなのでこちらをNuxtJSで使う。github.complugins/logger.js /** * ref. https://github.com/pimt…

javascriptでregect

var arr = [1,2,3,4,5,6,7,8,9,10]; arr.splice(... [0,arr.length].concat(arr.filter((v) => v % 2 == 0))) 結局こっちがみやすい arr = arr.filter((v) => v % 2 == 0)

fishでrbenv

$ rbenv init # Load rbenv automatically by appending # the following to ~/.config/fish/config.fish: status --is-interactive; and source (rbenv init -|psub) ~/.config/fish/config.fish # rbenv set -x PATH $HOME/.rbenv/bin $PATH status --is-i…

e2eにcypressとjest-puppeteer使った

結論 cypress一択 技術検証+基盤導入の仕事があってどっちも軽く使ってみた。 cypress 導入まで npm install cypress --save-dev package.json "scripts": { ... "test": "jest test", // cypressもテストするのでディレクトリ指定 "cypress:open": "cypres…

NuxtJSでVeeValidate 3.x系を使う

前回の記事で書いたプロフィールサイトでお問い合わせ画面を作ってます。 どうせ作るんならフォームバリデーションを追加してみることにします。なのでVeeValidateを使ってみます。 tekitoumemo.hatenablog.com Nuxtの設定は以下をほぼパクリました設定から…

2019年振り返って

去年もやったので振り返る2018年振り返り 仕事のこと 最悪な会社へ 昨年はAngular5と.Net Coreをやっていたが、Angularが出来なくなってきたので今年からAngularたまにReactみたいな現場に移動。ガチモンのスペシャリストがいて自分の書いたコードをレビュー…

NuxtJS勉強用にプロフィールサイトを作ってみてる

次の案件でNuxtJSを使うためプロフィールサイトを作りました(まだ途中) チュートリアルを一通り終えて、なんとなく理解したものの消化不良感が否めなかったので、フロント、サーバー間を通じて一つのサイトを作れば、それなりの力がつくはずなのでこの冬休…

車買い替えたいから候補を挙げてく

完全自己満日記。次の車検までに車を買い替えたい。 今乗ってる車 ホンダ フィット G・スマートセレクション 多分今なら50あれば上等なやつ買える。18からずっと実家の車乗ってて一人暮らししたときの不便に耐えきれず、ふらっと寄った中古車屋でノリで買っ…

macでAzure CLI入れてApp Serviceにsshするまで

App ServiceはPaasなのでsshを使う意味はほとんどありませんが、検証する際にたまーに必要になったりします。Azure portalから簡易的なsshが使えるので、必要はないのですが、芸がないので一応やってみることにしました。 HomebrewでAzure Cliをインストール…

screenコマンドメモ

iterm使ってたけど、linuxで使えなくて地味なストレスを抱えてたのでこの機会にfish+screenに変更する セッション起動 screen 水平分割 <ctrl> + <a> S 垂直分割 <ctrl> + <a> | 移動 <ctrl> + <a> tab shell起動 <ctrl> + <a> c</a></ctrl></a></ctrl></a></ctrl></a></ctrl>

Azure App Serviceでは.NET Coreの拡張子なしの静的ファイルにアクセス出来ない?

誰の役に立つか不明だが一応。個人的な都合でLet's Encryptの発行をubuntu機で行っていました。ちょうど入院(え?)したこの機会にmacで発行しようといろいろ試した備忘録です。いままではLet's EncryptをDNS認証で行っていましたが、今回はACMEのチェレン…

運営してるサービスのパフォーマンス改善をしました

こんにちは。みんなの洋楽ランキングでパフォーマンス改善をした結果、かなり速度が改善されたのでやったことを記載します。 まずは結果から 計測はPageSpeed Insightsで行っています。この結果はモバイルのみであり、デスクトップの結果は面倒なので載せま…

食洗機が最強すぎた

今までいろいろ購入して便利だったものを書きました。tekitoumemo.hatenablog.com tekitoumemo.hatenablog.com 乗り物ばっかやんけ!! 僕も昔と比べて大人になりました。もう結婚もして子どももいます。なのでもう少し実用的なものを紹介します。 食洗機!…

個人サービスでの設計について

みんなの洋楽ランキングを一年ちょい運用してみて、ある程度それなりの設計をしてるので書き溜めてみる一応ドメイン駆動設計に基づいて作ってる気がするのですが、そこで疲弊するのが辛いからわりかし適当、というか設計わかりません。個人サービスだと開発…

SEOの結果が出るまで

一年ちょい運用してたみんなの洋楽ランキングが望んだキーワードで上位10位に入りました。 まぁ、結局SEOなんてものは気まぐれだし思うようにコントロールなんか出来ないので、ポエムってるところが多いがご了承下さい 狙ったキーワード 洋楽ランキング 洋楽…

原付を購入してよかった

原付を購入しました。クレアスクーピーって可愛いやつで11万円。写真のボケてないやつ突然原チャを買った理由は、自転車があまりにも辛すぎて通勤出来ないレベルで発狂、車だと小回り利かないので衝動買いちなみに僕のブログでダントツで閲覧数が多い記事 原…

App Service on Linuxでnpm iするとシンボリックリンクが使えなくなってエラーになる

みんなの洋楽ランキングのReactを最新にしたらデプロイ時に意味わからないエラーが発生しました。 関連記事 tekitoumemo.hatenablog.com tekitoumemo.hatenablog.com エラーログ Command: /home/site/repository/deploy.sh Handling ASP.NET Core Web Applic…

開発体制を振り返る(2社目 Webベンチャー 後半)

1社目のSIerについてはこちら 2社目Webベンチャー前半はこちら 前回の記事では、モノを作ればヒットするの成功体験をもった傲慢な開発体制を書きましたが、当然流行り廃りがあり、みるみるうちに業績が下がっていきました。その成功体験が通用しないと皆が…

開発体制を振り返る(2社目 Webベンチャー前半)

1社目のSIerについてはこちら SIerを3年勤め、次はWeb系ベンチャーに転職しました。ひとつ言っておくと、Web未経験を入れてくれるベンチャー企業なので全然イケてません。むしろかなりヤバめ。カオスすぎて前半後半で開発体制がガラリと変わったので2部構成…

開発体制を振り返る(1社目 中小SIer)

今社会人になって4社目(フリーランスだから結構転々としてる)ですが、いろんな開発体制の会社※を見てきたので開発体制を振り返ろうと思います。これ見てエンジニア目指す人はどの業種がいいか見分けられると嬉しいな※現場数を書くとキリがないので印象に残…

個人サービス公開して一年経ったので振り返る

このブログに何度も登場してるサービスですが、2018年の4/1に公開してから一年経ったので振り返ります。結論から言うと、 全然上手くいってません!赤字です! 2018/4 公開! 当時はとにかく3月中にリリースする!という目標を持ってやってた。ほぼ3/31の夜…

ユーザー車検に合格したので流れを説明する

本日、中古で買った車の2回目の車検を受けて余裕で合格したので、車検の流れとやったことを書きます。以前に車検を受けるまでにやった整備は記事にしてますので参考にしてもらえれば(参考になるかわからんが) tekitoumemo.hatenablog.com 車検前の整備 過…

現場を去る理由

明日行ったら無職だいやっほい!フリーランスになって業務委託なのですが、10ヶ月もいたので一応備忘録として残しとこうと。 行った会社 誰でも名前は知ってるどデカイ会社 やったこと 新規サービス立ち上げ。まぁそんなカッコいいもんでなくコーディング要…

C#史上最強なORマッパーを使ってみた

C#

C#のORマッパーはEntity Framework(以下EF)をはじめ、Dapper、PetaPoco等が有名ですが、とにかくどれも微妙な完成度でRailsのActiveRecodeみたいなものがありません(Entity Frameworkがそれですが、とにかく遅い)。Dapperほどの速度が出てビルダーマッピ…

ASP.NET Identityの外部ログインで任意の値をClaimに追加する

ASP.NET Identityを使っていて、ログイン後に任意の値を入れたいと思うことが多々あります。例えば、ユーザーを特定するIDやその他ユーザーに付随する情報など。ASP.NET Identityはセキュリティ上認証の際のみClaimに追加できないのでそのイベントのフックと…

Spotifyの.Netライブラリが凄く良かったよ

C#

SpotifyのApiをみんなの洋楽ランキングで使いたかったのでラッパーライブラリを途中まで作ってました。 github.com が、相当完成度の高いライブラリがありましたので自前で実装するのをやめてSpotifyAPI-NETと言うものを使いました。 github.com Client IDと…

vscodeのCode Helperが100%になる問題を解決した

僕はvscodeで開発してるのですが、最近デバッグすると激重になってデバッガをほとんど使っていませんでした。Reactベースの開発がほとんどでChrome DevToolでサーバーサイドは対してデバッグする必要ないので気にしてなかったんです。ただ、最近構造を大幅に…