msksgm’s blog

msksgm’s blog

Webエンジニアです.日々の勉強,読書,映画観賞,美術観賞の記録を載せます.

「コンテナ時代の Web サービスの作り方 ver. 202107」 感想

「コンテナ時代の Web サービスの作り方 ver. 202107」[楽描商店(nasum), 2021]を読みました。 booth.pm 感想について記述していきます。 感想 nasum さんが書かれた本です。 twitter.com 知り合いのエンジニアが強くお勧めされたのと、自身が ecs まわり…

anyenv、phpenvでphpのインストール方法と、発生したエラー一覧

概要 anyenv と phpenv を使用して php 7.3.29 をインストールしたときにいくつかエラーが発生したので、インストール方法と解決方法をメモします。 インストール方法について 先に anyenv, phpenv を用いたインストール方法についてです。 インストール方法…

「OAuth徹底入門 セキュアな認可システムを適用するための原則と実践」 感想

「OAuth 徹底入門 セキュアな認可システムを適用するための原則と実践」[Justin Richer (著), Antonio Sanso (著), Authlete Inc. (監修), 須田 智之 (翻訳), 2019]を読みました。 OAuth徹底入門 セキュアな認可システムを適用するための原則と実践作者:Just…

OAuthについてまとめてみる4 OpenIDConnectについて編

OAuth の勉強会のために「OAuth 徹底入門 セキュアな認可システムを適用するための原則と実践」 を読んでいます。 OAuth徹底入門 セキュアな認可システムを適用するための原則と実践作者:Justin Riche,Antonio Sanso翔泳社Amazon まとめた資料を記事にしまし…

「映画大好きポンポさん」感想

「映画大好きポンポさん」を観ました。 pompo-the-cinephile.com 感想について述べていきます。 感想 映画製作をテーマにしたアニメ映画です。 天才映画ディレクター「ポンポさん」のアシスタントである「ジーン」が、「ポンポさん」の脚本をもとに映画製作…

OAuthについてまとめてみる3 OAuthのトークン(JWT、JOSE、Token Introspection、TokenRevocation)について編

OAuth の勉強会のために「OAuth 徹底入門 セキュアな認可システムを適用するための原則と実践」 を読んでいます。 OAuth徹底入門 セキュアな認可システムを適用するための原則と実践作者:Justin Riche,Antonio Sanso翔泳社Amazon まとめた資料を記事にしまし…

composer test を実行時に"Code coverage needs to be enabled in php.ini by setting 'xdebug.mode' to 'coverage'"(php, xdebug)

概要 anyenv でインストールした php で composer test を実行すると、以下のようなエラーがでてきました。 Code coverage needs to be enabled in php.ini by setting 'xdebug.mode' to 'coverage' 解決方法についてメモします 解決方法 php.ini の確認 確…

OAuthについてまとめてみる2 OAuthの脆弱性について編

OAuth の勉強会のために「OAuth 徹底入門 セキュアな認可システムを適用するための原則と実践」 を読んでいます。 OAuth徹底入門 セキュアな認可システムを適用するための原則と実践作者:Justin Riche,Antonio Sanso翔泳社Amazon まとめた資料を記事にしまし…

mysqlとmysql-promiseの違いについて

概要 node.js のパッケージにmysqlとpromise-mysqlがあります。 何が違うのかがわからないので調べてみました。 以下promise-mysqlのnpmのページから引用 原文 Promise-mysql is a wrapper for mysqljs/mysql that wraps function calls with Bluebird promi…

OAuthについてまとめてみる1 OAuthとは編

OAuth の勉強会のために「OAuth 徹底入門 セキュアな認可システムを適用するための原則と実践」 を読んでいます。 OAuth徹底入門 セキュアな認可システムを適用するための原則と実践作者:Justin Riche,Antonio Sanso翔泳社Amazon まとめた資料を公開します。…

UNIXという考え方―その設計思想と哲学

「UNIX という考え方―その設計思想と哲学」[Mike Gancarz (著), 2001]を読みました。 UNIXという考え方―その設計思想と哲学作者:Mike Gancarzオーム社Amazon 感想について記述していきます。 感想 著名なエンジニア系ビジネス書の一つです。 この本は、以下…

エンジニアの知的生産術 ―効率的に学び、整理し、アウトプットする

「エンジニアの知的生産術 ―効率的に学び、整理し、アウトプットする」[西尾 泰和, 2018]を読みました。 エンジニアの知的生産術 ―効率的に学び、整理し、アウトプットする WEB+DB PRESS plus作者:西尾 泰和技術評論社Amazon 感想とまとめについて記述してい…

git で大文字子文字を区別する方法

概要 git を使っていたときに、ファイル名がa.txtで管理していたものを、A.txtに変更してもファイル名が変更されたことが検知されない問題があったので調査 解決策 公式ドキュメントにもあるとおり、core.ignorecaseが true だと大文字と小文字が区別されな…

8月の振り返り

8月の振り返り 生活習慣 家トレだけだとメリハリがつかないので、ジムに通うことにしました。 いまのところ以前よりも筋肉痛がおこりやすいのでいい感じです。 個人開発関連はモチベーションが下がって全然進まなかったのですが、最近取り戻しました。 プロ…

関数コンポーネントとFormikを使用して画像をブラウザにアップロードする

概要 関数コンポーネントと Formik を使用して画像をブラウザにアップロードする方法が見当たらなかったので作成しました。 ソースコードは以下 github.com codesandboxは以下 codesandbox.io 実装 全体像 実装の全体は以下のようになります(./src/App.tsx…

「風景画のはじまり コローから印象派へ」感想

8月の振り返り 生活習慣 家トレだけだとメリハリがつかないので、ジムに通うことにしました。 いまのところ以前よりも筋肉痛がおこりやすいのでいい感じです。 個人開発関連はモチベーションが下がって全然進まなかったのですが、最近取り戻しました。 プロ…

サイダーのように言葉が湧き上がる

「サイダーのように言葉が湧き上がる」を観ました。 フライングドックの 10 周年記念作品で、監督は「4月は君の嘘」のイシグロキョウヘイ監督です。 近くの松竹が経営している映画館で何度もトレーラーを観たのでみにいきました。 感想 一つのオリジナル作…

ソフトウェアテスト技法練習帳 ~知識を経験に変える40問~

ソフトウェアテスト技法練習帳 ~知識を経験に変える 40 問~ (第2版)[2020, 梅津 正洋 他] を読みました。 感想を述べていきます。 ソフトウェアテスト技法練習帳 ~知識を経験に変える40問~作者:梅津 正洋,竹内 亜未,伊藤 由貴,浦山 さつき,佐々木 千絵美,…

「Vue.js 入門 基礎から実践アプリケーション開発まで」 感想

「Vue.js 入門 基礎から実践アプリケーション開発まで」[川口 和也 (著), 喜多 啓介 (著), 野田 陽平 (著), 手島 拓也 (著), 片山 真也 (著))]を読みました。 Vue.js入門 基礎から実践アプリケーション開発まで作者:川口 和也,喜多 啓介,野田 陽平,手島 拓也…

formikとyupでReactのFormを作成

概要 formik を使って、React の form を作成方法についてまとめます。 formik は React で Form を作成するときに便利なライブラリです。 初期値やバリデーションを React らしく作成することが可能です。 また Yup というバリデーションを簡潔に記述できる…

typeormで多対多(@ManyToMany)を実装する

概要 過去に typeorm の交差(中間)テーブルを手動で実装する方法について記事にまとめました。 今回は、typeorm で交差(中間)テーブルを自動生成する方法についてまとめます。 Cascade を指定しないとうまく動作しなかったりするので、そちらについても…

typeormでMySQLを使用時の文字化け(?が表示される)を解決する

概要 typeorm で MySQL の DB を作成すると、日本語が文字化け(?が表示される)するので解決するためにおこなった方法をまとめます。 解決方法 主な原因は2つあると考えられます。 それぞれに対して解決策を記述していきます。 原因1 MySQL 自体の文字コ…

Node.jsデザインパターン 感想 まとめ

「Node.js デザインパターン 第 2 版」[Mario Casciaro (著), Luciano Mammino (著), 武舎 広幸 (翻訳), 阿部 和也 (翻訳)]を読みました。 Node.jsデザインパターン 第2版作者:Mario Casciaro,Luciano MamminoオライリージャパンAmazon 感想 デザインパター…

typeormに中間テーブルを挿入する方法(ManyToManyを使わない)

概要 typeorm で中間テーブルを手動で作成する方法についてまとめます。 ManyToMany で自動生成されるので、あまり意味がなかったりしますが、気になったので調べました。 ソースコードはこちら。 実装方法 typeorm、docker-compose を使います。 若干異なり…

「竜とそばかすの姫」感想

「竜とそばかすの姫」を観ました。 細田守の3年ぶりの新作です。 「未来のミライ」はみていませんが、「デジモンアドベンチャー」、「ぼくらのウォーゲーム」、「時をかける少女」、「サマーウォーズ」、「おおかみこども」、「バケモノの子」は試聴済みで…

react-router-domでLayoutとPrivateRouteを導入する(Reactでレイアウトの共通化とルーティングの保護)

概要 react-router-dom を使って、ログイン時とログアウト時でページ遷移の許可をわける、PrivateRoute(ProtectedRoute?)を実装する方法についてまとめます。 この方法を使えば、Layout コンポーネントの有無も切り替えられるようになります。 ソースコード…

「ハッカーと画家 コンピュータ時代の創造者たち」感想

「ハッカーと画家 コンピュータ時代の創造者たち」[2005, ポール グレアム (著), Paul Graham (原著), 川合 史朗 (翻訳)]を読みました。 ハッカーと画家 コンピュータ時代の創造者たち作者:ポール グレアムオーム社Amazon 感想 エンジニア系ビジネス書の一つ…

jwt-decodeでunknownの解決方法

問題概要 jwtDecode を使って、jwt を複合すると、以下のように、従来のオブジェクトに加えてiatとexpが追加されています。 typescript で型を指定して取得しようとすると、unkownのエラーが発生してしまいます。 ちなみにiatとexpは両方とも unix 時間を示…

「Atomic Design ~堅牢で使いやすいUIを効率良く設計する」感想・まとめ

「Atomic Design ~堅牢で使いやすい UI を効率良く設計する」[2018, 五藤佑典]を読みました。 Atomic Design ~堅牢で使いやすいUIを効率良く設計する作者:五藤 佑典技術評論社Amazon 感想 フロントエンドのデザインパターンの一つの「Atomic Design」につ…

「STEPS AHEAD: Recent Acquisitions」感想 "13歳からのアート思考"を読んだら是非一度訪れてほしい

STEPS AHEAD: Recent Acquisitionsにいってきました。 STEPS AHEAD: Recent Acquisitions について STEPS AHEAD: Recent Acquisitions は、アーティゾン美術館で開催されました。 会期は 2021 年 2 月 13 日(土) ~ 9 月 5 日(日)となっています。 Instagram …