あとらすの備忘録

チラ裏のメモ帳 | C#とかVue.jsとかAWSとか興味のあることちまちまやってます。

git cloneしたリポジトリを別リポジトリにPUSHする

概要 git cloneしてきたリポジトリを別リポジトリとして管理したかったので GitHubにリポジトリを新規作成してそこにPUSHした感じです。 悪用とかではなく個人のリポジトリで使い回したいものがあるけど別リポジトリとして管理したかった感じのやつです。 目…

Xdebugのvar_display_max_XXXが設定変更されない

概要 Xdebugを使用したPHPのデバッグをする際にvar_dumpの内容をすべて表示するために var_display_max_XXXの設定をする必要がありますがVSCode + Xdebugでのリモートデバッグだと 設定が反映されず詰まったのでメモです。 Dockerを使用したPHP-FPM + nginx…

Xdebugでデバッグしていると504 Timeoutエラーとなる

概要 Dockerを使用したNginx + PHP-FPMの環境でXdebug + VSCodeでデバッグしていると いつの間にか504 Timeoutエラーになってしまったのでその回避策メモです。 目次 概要 目次 参考サイト様 環境 事象 原因 対策 nginx.confを編集 雑感 参考サイト様 debugg…

JavaScriptでテキストボックスの文字数をリアルタイムにカウントしたい

概要 テキストボックスに入力された文字数をカウントしてリアルタイムに表示するよくあるアレを作ります。 目次 概要 目次 参考サイト様 成果物 JSでカウンターの作成 HTML側でイベントを設定 onkeyupイベントについて 雑感 参考サイト様 [JavaScript] リア…

Gitで過去のコミットからコードを検索したい

Git

概要 迷子のクラスがあって過去に使用されていたんじゃないかな?くらいまではわかってるけど実際にコードみたい!みたいな時に使えそう。 てか実際、今日使いました。 目次 概要 目次 参考サイト様 Git logでgrep 補足 雑感 参考サイト様 Git - コミット履…

AWS ソリューションアーキテクトアソシエイト受験計画書

AWS

概要 ※完全にオレオレな記事で見るようなもんじゃありません。 いつまで経っても頭で考えていては行動に移さないのでAWS SAAの受験計画を記録しておく まだ試験対策本を触りだけ読んだだけなので今後詳細をこの記事でブラッシュアップしていく。 2019/06/03…

Gitのcommitメッセージテンプレートを使ってcommit

Git

概要 コミットメッセージの内容を揃えることを目的にGitのコミットメッセージテンプレートを作成し登録します。 そうすることでコミットの際に「こう言うことを書けばいいんだな」と意識できます。 さらに、絵文字Prefixを使っているのであればこの絵文字は…

Gitの離れたcommitをまとめる(git rebase -i)

Git

概要 gitのcommitをまとめる過程で、A・B・Cの並び順でコミットが存在しAとCをまとめるパターンでハマったのでメモです。 単純なことで時間が吸い込まれていきました... 目次 概要 目次 参考サイト様 環境 前提(コミットログの確認&想定シナリオ) 直前の…

Vue CLIでwebpack Dev Server Invalid Optionsエラーが発生する

概要 自身のポートフォリオをアップデートするためにVue.jsプロジェクトを久々に触ったら表題のエラーが発生して詰まったのでメモ。 Vue.jsプロジェクトをnpm outdatedとnpm updateでパッケージアップデート npm run serveで表題のエラー発生 たまたま触り初…

docker-compose.ymlで.envファイルに定義した環境変数を使う

概要 Docker Composeのdocker-compose.yml内に設定値を直接書き込むのではなく別ファイルで環境変数を定義し、その定義した値を使用してコンテナを作成します。 先日、Docker Composeを使用したPHPの環境構築の流れでMySQLを使用したDBサーバ(コンテナ?)…

PHP 7 + MySQLでPDOを使用するとcould not found driverエラーが発生する

概要 Docker Composeで作成したnginx + PHP-FPM + MySQLの環境でPDOを使ったコードを実行するとcould not found driverエラーが発生しました。 解決したのでメモです。 目次 概要 目次 参考サイト様 ソース 事象 コード エラー画面 原因 ドライバが未インス…

Docker Composeで使用するDockerfileの名前を変更する

概要 うまいことタイトルが思いつかなかったんですが任意の名前にファイル名を変更したDockerfileをdocker-compose.ymlで指定する方法です。 Docker Composeで環境を構築する際にDockerfileを任意のファイル名で運用したいなと思ったら方法があったのでその…

Docker ComposeでDB構築(MySQL 5.7)

概要 先日から続けているPHPの実行環境の下りでCRUDを実行したいのでDBサーバを構築します。 MySQLは5.7を使用してdocker-compose upでテーブル作成のSQLスクリプト流し込みまで行います。 DockerのMySQLイメージを使用したDBサーバの構築は過去にASP.NET Co…

VSCode + Docker + XdebugでPHPのデバッグ環境を構築

概要 前回、Docker(nginx + PHP-FPM)を使ってPHPの実行環境を構築しました。 基本構文を覚えたばかりなのでコード毎に動作を追いたいと思った次第です。 Docker(nginx + PHP-FPM + Xdebug)+ VisualStudio Codeでデバッグが行える環境を構築します。 前回…

.gitignore_globalの作成(.gitignoreのテンプレートサイト紹介)

Git

概要 Git管理の必要ないファイルやディレクトリが、作成される場合があります。 Macであれば.DS_Storeであったり、WindowsであればThumbs.db等です。 また、VSCodeを使っていると.vscodeなどのディレクトリもGitで管理する必要がないため除外したい。 Visual…

Docker Composeを使ってnginxとPHP-FPMでPHPの実行環境を構築する

概要 PHPを触るにあたりローカルでPHPを使って開発できる環境が欲しかったのでDocker Composeを使ってnginx + PHP-FPMで実行環境を構築しました。 PHPやPHP-FPM、Dockerの知識不足で構築に結構時間がかかってしまったので忘れないよう記事にします。 PHPのロ…

【実験】C# HttpClientのソケット大量消費の回避

概要 ちょっとしたものを作っている過程でHttpClientを使用した場合のソケット数について気になることがあったので netstatコマンドで計測しながら下記の2パターン実験しました。 公式ドキュメントに記載のあるSocketExceptionエラーを回避する方法ですが自…

AWS CodeBuildのビルド結果をLambdaを使ってLINEへ通知する

概要 タイトルの通りAWS CodeBuildのビルドステータスをCloudWatchと使って監視し イベントを検知したらLambdaを起動し自身のLINEへビルド結果を通知します。 トークに返信して自動で再ビルド実行とかは組み込んでません。純粋にビルド結果の通知です。 世間…

AWS CodeBuildでGitHub Webhookイベントをフィルタリングする

概要 CodeBuildでGitHubのWebhookイベントをフィルタリングします。 少し前まではCodeBuildのbranch filterで「masterブランチだけ検知する」と言ったことができてたんですが 2019/2/8のアップデートでbranch filterが廃止され代替としてWebhook filterが実…

.NET CoreプロジェクトのC#言語バージョンを変更する

概要 Mac環境の.NET CoreプロジェクトでMainメソッドにasync Taskを使おうとしたらC#の言語バージョンをC# 7.2に上げなさいよって怒られたのでバージョン変更方法のメモです。 VisualStudio for MacからC#の言語バージョンを変更します。 目次 概要 目次 参…

VuePressでAlgolia DocSearchを有効化する(申請パターン)

概要 VuePressでAlgolia DocSearchでの検索を有効にします。 VuePressの標準機能でAlgoliaの検索機能は組み込まれているので有効化すること自体は簡単です。 しかし、AlgoliaとDocSearchが何者なのかを理解していなかったために時間がかかったので備忘録とし…

Algolia DocSearch-Scraperでクロールを実行する(INDEXを作成する)

概要 Algolia DocSearch-Scraperをローカルで動かして、クロールを実行してINDEXを作成します。 Algoliaを使って検索機能を実装するにはINDEXを登録する必要があります。 そこで、Algoliaでは技術文書向けに最適化されたクローラであるDocSearchが提供されて…

GitHub + AWS CodePipeline|Build|Deployで自動ビルド・デプロイ環境の構築

概要 ASP.NET CoreアプリをAWS LightsailでホスティングされているCentOS 7のサーバで公開するにあたり自動ビルド・自動デプロイ環境を構築しました。 所謂、CI環境と言うものですが自動テストは組み込んでいないためタイトルを「自動ビルド・デプロイ環境の…

VuePressに GoogleSearchConsole のメタタグを埋め込む

概要 ブログがどれだけ人に見られてるかってのは更新するモチベーションの1つです。 そこで、VuePress で作成したサイトに GoogleSearchConsole のメタタグを追加してアクセス解析を閲覧できるようにします。 GoogleAnalytics の場合は標準でトラッキングコ…

ASP.NET Core MVC スキャフォールドでコードを自動生成する

概要 ASP.NET Core MVC で認証付きプロジェクトを作成した際に ASP.NET Core Identity の認証関連をカスタマイズしたいことが多々あります。 ASP.NET Core MVC のテンプレートでは ASP.NET Core Identity のコードが生成されておらずカスタマイズできません…

VuePressのLastUpdated表示フォーマットを変更する。

概要 VuePressで表示可能な最終更新日( LastUpdated )の表示フォーマットを変更します。 デフォルトではMM/DD/YYYY hh:mm:ssとなっていますが日本では馴染みの無いフォーマットなのでYYYY/MM/DD hh:mm:ssのフォーマットに変更します。 VuePress 0.14.10を…

VuePressを起動するとres.getHeader is not a functionエラーが発生する。

概要 VuePress 0.14.10をインストール後、開発環境でローカルサーバを起動しブラウザでアクセスするとエラーが発生する問題が発生しています。 件のエラーはこちらのISSUEで確認できます。 全て解決法はISSUEに書いてあるのでISSUEを見たほうが早い説ありま…

git mvでディレクトリ(フォルダ)をリネームする際にエラーが発生する

Git

概要 git管理下のディレクトリをリネームする際にエラーが発生したのでそのメモです。 git管理下のディレクトリをリネームする際、mvコマンドやGUI操作でのリネームではgitに変更が反映されず困っていました。 調べてみるとgit mvコマンドなるものが存在し実…

CodeDeployを使用したデプロイがタイムアウトとなり失敗する

概要 CodePipelineを使用してGitHub + CodeBuild + CodeDeployを使用してオンプレミスな環境にASP.NET Coreアプリを自動ビルド・デプロイする環境を構築していました。 構築の過程でデプロイの際にタイムアウトとなりエラーログも何も出力されない状況となり…

ASP.NET CoreアプリをCentOSでサービス登録し自動起動を設定する

概要 AWS LightsailでホスティングされているCentOS 7のサーバで ASP.NET Coreアプリケーションを公開するにあたりサービス化して自動起動設定を行ったのでそのメモです。 手順的には公式ドキュメント通りなので公式ドキュメント見たほうが早い説あります。 …