gitの設置ファイルである`.gitconfig`では、`[includeIf]`を指定することで特定の条件の時のみconfigの設定を有効にすることができます。 この記事では、`[includeIf]`を指定したにもかかわらず、設定が有効にならない時の確認ポイントを説明します。 ...


初めてのTerraformチャレンジ

2022年3月31日 | カテゴリ: aws | タグ: ,
Terraformを使ったAWS環境構築を初めて試したとき時のコマンドを備忘録として書いておきます。 ## 作業環境 OS: macOS terraform: ver1.1.7 ## インストール brewでインストールする ```language-bash brew install hashicorp/tap/terraf...


AWS CDKのaws-ecs-patternsでIAMロールを指定する

2022年2月27日 | カテゴリ: aws | タグ: , ,
AWSのCDKのv2では、`aws_ecs_patterns`というモノが、`aws-cdk-lib`に定義されています。 この`aws_ecs_patterns`を利用すると、以下のような感じでecsでよく利用される構成を簡単に作ることができます。 ```language-typescript import {aws_ecs...


## エラー内容 AWSのリソースをCDK経由で生成しようとしたが、デフォルトVPC情報を取得しようとして下記のコードを書いたがエラーが発生した。(使用言語はTypeScript) ### lib/cdk-stack.ts ```language-ts export class CdkStack extends Stack...


[webpack] DevServerをインストールする

2022年2月4日 | カテゴリ: JavaScript | タグ: , ,
webpackへDevSErverをインストールして、作成したプログラムを簡単に確認する方法を説明します。 ## インストール ```language-bash npm add webpack-dev-server --dev ``` ## webpack.config.jsに追記 webpack.config.jsに下記を追記する...


フラッシュカードアプリのAnki(Android版はAnkiDroid)は、カードをhtmlで表示します。 ユーザが指定するのはhtmlのbody内のみですが、Anki側が提供しているhtml全体を調べたところ、以下のような形になっていました。 ## Mac版Anki: htmlの全体 ...


Enhance main windowプラグインの説明ドキュメントを日本語訳しましたので公開しておきます。 基本的には原文に忠実に訳していますが、直訳すると分かりづらい部分は意訳したり表現を変えたりしています。 このドキュメントは2020/08時点のものをベー...


macOSで大量のデータを処理しているときにtopコマンドを実行すると、`bird`というコマンドがCPUを大量に使っている場合があります。 この`bird`コマンドはiCloudのバックグラウンドタスクで、作成されたファイルをiCloud上にバックアップするときに走る...


[Linux] seqコマンドの使い方

2022年1月12日 | カテゴリ: Linux | タグ: , ,
Linuxのseqコマンドを使用することで、規則的に並んだ連番を生成することができます。 seqコマンドは、オプションを説明するよりも実行例を見たほうがわかりやすいので、いくつかの実行例を記載します。 ## 1から10まで表示 数字を指定することで...


macOSでは、Automatorというアプリでクイックアクションを作成できます。 間違えて作成してしまったときに、作ったアクアクションを削除したい場合があるのですが、どこに保存されているかが見つけづらかったため調べた結果を書いておきます。 保存...


AWS認定の領収書を取得 [ピアソンVue]

2022年1月10日 | カテゴリ: aws | タグ: , ,
AWS認定の試験を`ピアソンVue`で受験したときに、領収書を発行依頼する方法を説明します。 (PSIで受験した場合は、手順が異なるようなので注意してください) ## まとめ 結論を先に書くと、以下のような感じでした。 - ピアソンVueでの受験だと...


JavaScriptのスプレッド構文は、下記の目的で利用できる。 - 配列の連結 - イミュータブルな配列の実現 - 残余引数(rest parameter)による配列の分離 ## 配列に対するスプレッド構文 ```language-javascript % node Welcome to Node.js v16...


ブラウザでYoutubeやNetflixを見ていると、全画面モードで動画を表示させることが可能です。 上記のような動画サイトではなくて、普通のページを見ているときに、表示しているページを全画面表示したい時があります。 このような場合は、下記の作業...


## はじめに この記事では、craete-react-appのV5で作成したReactプロジェクトに対して、React RouterのV6をインストールして複数URLでページを表示させるための作業を説明します。 ## バージョン この記事は下記バージョンのパッケージで動作...


PHPStormのGitステージ機能を利用する

2022年1月1日 | カテゴリ: PHPStorm | タグ: , ,
## 背景 PHPStormでは以前はIDEからGitのステージを利用できませんでしたが、PhpStorm 2020.3よりステージ機能をサポートするようになりました。 本記事では、PHPStormで新たにサポートされるようになったGitステージの機能を説明します。 ## 作...


macOSで別パーティーションにOSをインストールし直す方法の忘備録です。 ## ボリュームの追加 - ディスクユーティリティを開く (cmd + space -> "disk utility.app") - サイドバーで、APFSボリュームを選択 - APFSボリュームを追加を選択する ...


DMM英会話の教材が見づらいのでcsv形式に整形する

2021年12月29日 | カテゴリ: PHP | タグ: , , ,
DMM英会話では大半の教材がブラウザで表示できる形になっています。ですが教材ページのhtmlでの装飾が少し見づらいなと感じることがあります。このため、余計な情報を全部カットしてcsv形式に整形し直してみました。 ## 本記事の対象読者 この記事は...


Amazon RDS(not aurora)で、修正プログラム適用が必要な時にダウンタイムを最小にしたいばあいがあります。 この場合は、マルチAZにしておくことでローリングアップデートが行われるため、ダウンタイムが最小化されます。DBにアクセスできないのは別のA...


[AWS]Cloud9でNo module named 'boto3'が出る時

2021年12月19日 | カテゴリ: python
AWSのCloud9を使用していて、pythonのスクリプトを実行したときにエラーModuleNotFoundError: No module named 'boto3'が発生するときがあります。 ```language-bash $ python scripts/create_table.py Traceback (most recent call last): File "...


VSCodeではコマンドラインからエディタを開けるように`code`コマンドを用意しています。 通常はコマンドパレットから`code`コマンドのセットアップが行えるのですが、何らかの事情により手作業でセットアップしたい場合、cliから下記のコマンドを実行す...


この記事では、`React` + `TypeScript`でmuiを使ったページを作り始めるための準備をするための手順を説明します。 muiは以前はMaterialUIと呼ばれていました。 ## プロジェクトを作る ```language-bash npx create-react-app 211107-create-rea...


CloudFormationのyamlファイルを使って、AWS上にS3バケットを作成します ## yamlファイル 以下の内容で`CloudFormation.yml`ファイルを作成します。my-backet-nameの部分は、作成したバケット名に置き換えてください。 ```language-yaml Resourc...


例えば、以下のようなクラスがあって、`const MAX_ITEM_PER_USER = 200`として定義されている200の値を、PHPUnitによるテストのときだけ変更したい場合があります。 ```language-php class UserItem { const MAX_ITEM_PER_USER = 200; } ``` ...


AWS SOA-C02のラボ型試験を受けてみた

2021年7月31日 | カテゴリ: aws
AWSの認定試験であるSysOpsアドミニストレーターは、2021/07より新しいSOA-C02試験が始まります。 SOA-C02では、これまでの多肢選択式の問題に加えて、ラボ環境による実務試験が追加されます。ラボ環境の試験は、実際にブラウザでAWSコンソールや、cli...


AWSのソリューションアーキテクト試験では、EC2インスタンスタイプの先頭にあるアルファベットとそのタイプの特徴を知っていないと解けない問題が出ることがあります。 そこで、覚えやすくするために、暗記用のキーワードを作りました。AWSからのオフィ...


2021年4月時点でのAWSサービス一覧を表形式にしてみました。 AWS認定試験のクラウドプラクティショナーなどでは、サービスの名称と概要を知っているだけで解ける問題もあるため、単語帳アプリなどに登録してしまい、ざっくりと暗記してしまうのもよいか...


[mac]zshのコマンドライン補完を有効にする

2021年3月17日 | カテゴリ: Mac | タグ:
macOSで、zshのコマンドライン補完を有効にするには、下記の一行を~/.zshrcに追記します。 ```language-bash autoload -Uz compinit && compinit ``` ## insecure directoriesエラーが出るとき compinitのコマンドで、下記のエラーが出ること...


Ankiでは、カードの検索(ブラウザ)画面でフィルターを指定することで、特定の条件に一致するカードのみを抽出することができます。 ここで、特定の条件を*含まない*カードのみをフィルタリングしたい場合は、条件の前にハイフン"-"を入力すれば良いです...


Laravelでは文字列操作のためのヘルパクラスとして、Strクラス(Illuminate\Support\Str)が用意されています。 これのFluent版のメソッドを使うとメソッドチェーンで文字列を加工できるのでコードを簡潔に書くことができます。 ```language-php $str...


PHPにはphpcsというコードチェッカがあります。 実行することで問題があるコードをチェックでき、どのファイルに問題があるかが一目でわかります。 ```language-bash $ docker-compose exec app vendor/bin/phpcs ... FILE: /var/www/html/app/...


Laravelでcomposerを利用したクラスのオートロードがうまくいかない場合、下記のワンライナーでComposerが持っているクラスマップをダンプできます。 ```language-bash % ./artisan tinker Psy Shell v0.10.5 (PHP 7.3.11 — cli) by Justin Hileman ...


LaravelのFormValidatorでは、validationに失敗すると自動で遷移元のページにリダイレクトされます。 これは、通常の入力フォームでバリデーションを行う場合は、自動的にユーザに再入力を促せるので便利なのですが、この戻り先のページをカスタマイズ...


gitでチーム開発を行っているとき、コメットメッセージに特定のルールが指定されている場合があります。 gitではフック処理というものがあり、commit-msgフックを利用することで、コミットログが特定の条件を満たしていないときにcommit処理を行えない...