Config
Spring Bootで@RequiredArgsConstructorを使用してコンストラクタインジェクションを使用する
AWS AWSのCloudWatchのイベントルールを利用してcronでEC2の停止や開始を行う
AWSのCloudWatchのイベントルールを利用してcronでEC2の停止や開始を行うCloudWatchのルールで「EC2 StopInstances呼び出し」というターゲットが用意されているので、これを選択し、EC2のインスタンスID...
AWS AWSのCloudWatchのイベントルールを利用してcronで定期実行する
AWSのCloudWatchのイベントルールを利用してcronで定期実行するCloudWatchのイベント機能を利用して、「一定速度」か「cron式」でLambdaやKinesis,SNSなどを定期実行することができます。ここでは1分ごとに...
AWS ローカルマシン（Mac）からAWS RDSへ接続を試みる
ローカルマシン（Mac）からAWS RDSへ接続を試みるパブリックサブネットに配置されているRDSは、EC2からではなくてもローカルマシンから接続をすることができます。RDS以外の設定で、前提として以下設定が必要になります。 VPCのホスト...
Git Bash Git Bashでmysqlコマンドを実行できるようにする
Git Bashでmysqlコマンドを実行できるようにするGit Bashでsshとか使えるのでWindowsでAWS使う時にすごく便利です。ただyumとかsudoとかaptコマンドが使えません。ということでmysqlコマンドを使えるように...
AWS AWS EC2で踏み台サーバを作成して80ポートと22ポートを分ける
AWS EC2で踏み台サーバを作成して80ポートと22ポートを分けるEC2にWebサーバを立ち上げると80ポート（要件によっては443ポートも）や22ポートを開けると思います。が、22ポートを問答無用で開放しておくのはセキュリティ上好ましく...
API Gateway AWSのCloudFrontでS3,EC2,API GatewayをPath Patternで分けて一つの独自ドメイン(HTTPS)に纏める
AWSのCloudFrontでS3,EC2,API GatewayをPath Patternで分けて一つの独自ドメイン(HTTPS)に纏めるCloudFrontのマルチオリジンを使用してPath Patternを分けることによって一つのドメ...
AWS AWSのELBをSSL化してEC2と接続する
AWSのELBをSSL化してEC2と接続する
AWS AWSのEC2にELB(ALB)経由で接続する
AWSのEC2にELB(ALB)経由で接続する
AWS AWS EC2のAmazon LinuxでApache2.2からApache2.4にアップデートする方法
AWS EC2のAmazon LinuxでApache2.2からApache2.4にアップデートする方法httpdをインストールするとApache2.2がインストールされます。Apache2.4にアップデートしたい場合は一旦削除しないといけ...
AWS AWS WAF and AWS ShieldでWAFの設定をしてみる
AWS WAF and AWS ShieldでWAFの設定をしてみるAWSはWAFとかFirewallなども設定できるようです。ここではAWS WAFを設定してみたいと思います。「Go to AWS WAF」をクリックします。ruleを作ろ...
AWS AWS S3のライフサイクルで特定フォルダを削除してみる
AWS S3のライフサイクルで特定フォルダを削除してみるAWS S3のライフサイクルルール機能を使えばバケットにあるオブジェクトを1日単位で削除することができます。適用対象を「images/」などにすることにより、そのディレクトリ以下にライ...
ACM AWS Cognitoで認証画面を作成してサインイン後にAPI GatewayをCognitoで認可する
AWS Cognitoで認証画面を作成してサインイン後にAPI GatewayをCognitoで認可するAWS Cognitoでは認証画面は提供していません。（でも提供していたらどなたか教えてください）認証画面を自作します。ちょっと凝ったこ...
ACM AWS Route53で取得した独自ドメインをSSL化する
AWS Route53で取得した独自ドメインをSSL化するACMは、独自ドメインに対してhttpsアクセスするために証明書を作成してくれます。※リージョンはバージニア北部に変更します。2018/10/22現在ではどのリージョンでも可能のよう...
AWS AWS Cognitoでユーザー作成時に「An error occurred (NotAuthorizedException) when calling the SignUp operation」エラー
AWS Cognitoでユーザー作成時に「An error occurred (NotAuthorizedException) when calling the SignUp operation」エラー
AWS AWS Route53で取得した独自ドメインをCloudFrontに紐づける
AWS Route53で取得した独自ドメインをCloudFrontに紐づける
AWS AWS CloudFrontのInvalidationでS3のコンテンツキャッシュを削除する
AWS CloudFrontのInvalidationでS3のコンテンツキャッシュを削除する
AWS CloudFront + S3 + Cognitoでサインイン画面を作成する
CloudFront + S3 + Cognitoでサインイン画面を作成する
AWS AWS Route53で独自ドメインを購入する
AWS Route53で独自ドメインを購入するAWS Route53はDNSサーバですが、独自ドメインを購入することもできます。ここでは試しに買うだけなので、「.co.uk」を購入します。($9.00)「Add to cart」をクリックし...
AWS AWSのCloudWatchでメトリクスフィルタを作成する
AWSのCloudWatchでメトリクスフィルタを作成するCloudWatchの「ロググループ」画面で「メトリクスフィルタの作成」をクリックします。フィルタパターンにを設定します。「パターンのテスト」をすると、下に表示されます。$sizeが...
AWS AWSのEC2上のApacheのアクセスログをCloudWatchで確認する
AWSのEC2上のApacheのアクセスログをCloudWatchで確認するEC2上にApacheをインストールする方法は以下の通りです。$ sudo yum -y install httpd$ sudo service htttpd st...
AWS AWSのEC2からRDS(MySQL)に接続する
AWSのEC2からRDS(MySQL)に接続するAWSのEC2上にRDB(MySQL)をインストールすることもできますが、EC2からRDS(MySQL)に接続することができます。EC2の作成方法は「AWS EC2でWebサーバを起動する」を...
RDS AWSのRDSのパブリックアクセシビリティとは
AWSのRDSのパブリックアクセシビリティとはAWSのRDSのパブリックアクセシビリティを「はい」にすると以下の説明のようです。DB インスタンスをホストしている VPC 外部の EC2 インスタンスとデバイスは、DB インスタンスに接続し...
Apache Amazon Linux上のApacheのバージョンを確認する
Amazon Linux上のApacheのバージョンを確認する
Phalcon3 Phalcon3のマイクロアプリケーションでDBアクセスするAPIを作成する
Phalcon3のマイクロアプリケーションでDBアクセスするAPIを作成するマイクロアプリケーションでデータベースアクセスするとなってくるとややこしくなってくるので、ディレクトリ構成を以下のように簡潔にします。PostgreSQLにempu...
AWS goofysを使用してEC2からS3をマウントする
goofysを使用してEC2からS3をマウントするEC2のWebサーバなどからS3にファイルを保存したいといった場合にgoofysを使用してS3をマウントすることができます。S3をマウントすることによってファイルをS3のバケットにすることが...
AWS CloudFront + S3でReactのSPAを作成する方法
CloudFront + S3でReactのSPAを作成する方法
JavaScript vue-cliを使ってvue.jsを使ったプロジェクトの開発環境を整える
vue-cliはvue.jsを使用したプロジェクトの開発環境を作成する公式のツールです。環境 項目 バージョン node.js 8.11.1 vue-cli 2.9.3注意vue.js + typescriptについては記載していません。v...
react.js Reactのinput部品をバリデートする
Reactのinput部品をバリデートする「Reactでinput部品を扱う」を投稿しましたが、今度は入力値をバリデートしてみます。入力値はstateを使用して管理するので、this.setStateする前に入力値をチェックします。以下は数...
react.js Reactでinput部品を扱う
Reactでinput部品を扱うReactコンポーネントでinput部品を扱ってみます。とりあえずレンダリングしてみます。class DynaForm extends React.Component { constructor(props)...
react.js ReactのクリックイベントはonclickではなくonClick
ReactのクリックイベントはonclickではなくonClickReactコンポーネントを定義する際は、onclickでは動作しません。onClick（Cが大文字）を使用します。※Reactではイベントはキャメルケースになります onCl...
react.js Reactコンポーネントのステート（状態）を管理する
Reactコンポーネントのステート（状態）を管理するReactコンポーネントのステートとは、たとえばラジオボタンの何れがオンになっているかという状態を管理記憶するための機能です。stateオブジェクトを使用することで実現します。コンポーネン...
ECMA Script6 JSのvarはほぼ非推奨で良いと思う
JSのvarはほぼ非推奨で良いと思うJSの言語仕様がこれだけ変わっていくと、もはやvarなんて使うことはないような気がします。letかconstで代用できます。さらに言うとconstだけでも良いような気がしてきます。再代入するものに関しては...
ECMA Script6 ReactでES6のmapメソッドを使用してリストを作成する
ReactでES6のmapメソッドを使用してリストを作成するHTMLリストをレンダリングするReactコンポーネントを作成してみます。class Test extends React.Component { render() { const...
spring boot Spring BootでEntityManager.createQueryやcreateNativeQueryでデータベースアクセスする方法
Spring BootでEntityManager.createQueryやcreateNativeQueryでデータベースアクセスする方法Spring Bootで@Repositoryアノテーションを付与したインタフェースで@Queryア...
react.js Reactの仮想DOMを更新する
Reactの仮想DOMを更新するReactには仮想DOMという機能があります。この機能はDOMの状態をメモリ上に保持して更新前後の変更箇所の実を更新するという仕組みらいしく、その為、レンダリングが非常に速いという特徴があるようです。setI...
react.js Reactのプロジェクトを作成する
Reactのプロジェクトを作成するReactのプロジェクトをfacebook公式のcreate-react-appコマンドを使用して作成してみます。node.jsがインストールされていることが前提です。参考：nodistからインストールする...
ECMA Script6 ES6のexport default
ES6のexport defaultES6のexport defaultのdefaultはimportする際に指定が無ければそのクラスまたはメソッドを呼ぶ、という意味があります。export default class App { // 処...
spring boot Spring BootでRestTemplateのClientHttpRequestFactory実装クラスをHttpComponentsClientHttpRequestFactoryに変更する
Spring BootでRestTemplateのClientHttpRequestFactory実装クラスをHttpComponentsClientHttpRequestFactoryに変更する
react.js Reactのコンポーネントは再利用可能
Reactのコンポーネントは再利用可能一度定義したコンポーネントはいくらでも作成して再利用することができます。const Test = (attr) => {// アロー関数です(wordpressで上手く表示されないので) return ...
react.js ReactのReact.Componentメソッド
ReactのReact.ComponentメソッドReactでコンポーネントを作成するには、React.Componentメソッドを使用します。（React15.5からReact.createClassメソッドは非推奨）ES6のclassキ...
react.js ReactのReact.createClassメソッド
ReactのReact.createClassメソッドReact.createClassメソッドを使用して、Reactのコンポーネントを作成することができます。const Test = React.createClass({ render(...
react.js Reactコンポーネントのファンクショナルコンポーネントとは
Reactコンポーネントのファンクショナルコンポーネントとはファンクショナルコンポーネントとは、その名のとおり関数で定義します。const Test = (attr) => { return <h1>hello, world</h1>;};...
react.js ReactのJSXとは
ReactのJSXとはJSXというのはJavaScriptの拡張言語のことで、このJSXでは、JS内にhtmlを記述することができます。以下、例です。<script type="text/babel"> const a = <h1>hell...
react.js Reactでhello world
Reactでhello worldReact.jsを使ってとりあえずレンダリングしてみましょう。習うより慣れろという感じで。React.jsを使うには以下の3行をheadタグ内に記述する必要があります。（とりあえず）<script src=...
戯言 人売りIT派遣企業（SES・客先常駐）はブラック企業ではない
人売りIT派遣企業（SES・客先常駐）はブラック企業ではない今日、ネットサーフィンしてたらこの記事を見つけました。幾らなんでもちょっと言い過ぎじゃないか？と思いましたので人売りIT派遣企業（エンベデッドは社内開発でもやっていますが）で誇りを...
Phalcon3 Phalcon3でPhalcon\Mvc\Microクラスを使用してRESTful APIを作ってみる
Phalcon3でPhalcon\Mvc\Microクラスを使用してRESTful APIを作ってみる公式のチュートリアルにあるようにREST APIを作成する場合はマイクロアプリケーションで作成してみます。public\index.php...
API Gateway API GatewayでプライベートAPIを作成する方法
API GatewayでプライベートAPIを作成する方法プライベートAPIを作成して、自分のアカウントのEC2からしかアクセスできないプライベートAPIを作成します。エンドポイントの作成まずVPCでエンドポイントを作成します。セキュリティグ...
コトバンク ボーイスカウトの法則とは
ボーイスカウトの法則とはボーイスカウトが来る前よりも来た後のほうがソースが奇麗になっていることを意味します。逆のことをする人も時々います。
API Gateway API Gatewayのオーソライザーの機能を確認してみる
API Gatewayのオーソライザーの機能を確認してみるAPI Gatewayのオーソライザー機能を利用すると、認可をすることができるようになります。「トークン」タイプと「リクエスト」タイプがあるようです。トークンタイプトークンタイプの設...
Putty Putty,Pagentに秘密鍵を登録して踏み台サーバ経由でポートフォワーディングしてRDSに接続する方法
Putty,Pagentに秘密鍵を登録して踏み台サーバ経由でポートフォワーディングしてRDSに接続する方法AWS EC2のポート22を開放して踏み台サーバを構築する、というケースはよくある構成だと思われます。Puttyをインストールします。...