Visual Studio CodeにESLintプラグインをインストールする方法(Prettier連携)
AWS Route53で独自ドメインを購入する
AWS Route53で独自ドメインを購入する AWS Route53はDNSサーバですが、独自ドメインを購入することもできます。 ここでは試しに買うだけなので、「.co.uk」を購入します。($9.00) 「Add to cart」をクリ...
AWSのCloudWatchでメトリクスフィルタを作成する
AWSのCloudWatchでメトリクスフィルタを作成する CloudWatchの「ロググループ」画面で「メトリクスフィルタの作成」をクリックします。 フィルタパターンにを設定します。 「パターンのテスト」をすると、下に表示されます。$si...
AWSのEC2上のApacheのアクセスログをCloudWatchで確認する
AWSのEC2上のApacheのアクセスログをCloudWatchで確認する EC2上にApacheをインストールする方法は以下の通りです。 $ sudo yum -y install httpd $ sudo service htttpd...
AWSのEC2からRDS(MySQL)に接続する
AWSのEC2からRDS(MySQL)に接続する AWSのEC2上にRDB(MySQL)をインストールすることもできますが、EC2からRDS(MySQL)に接続することができます。 EC2の作成方法は「AWS EC2でWebサーバを起動する...
AWSのRDSのパブリックアクセシビリティとは
AWSのRDSのパブリックアクセシビリティとは AWSのRDSのパブリックアクセシビリティを「はい」にすると以下の説明のようです。 DB インスタンスをホストしている VPC 外部の EC2 インスタンスとデバイスは、DB インスタンスに接...
Amazon Linux上のApacheのバージョンを確認する
Amazon Linux上のApacheのバージョンを確認する
Phalcon3のマイクロアプリケーションでDBアクセスするAPIを作成する
Phalcon3のマイクロアプリケーションでDBアクセスするAPIを作成する マイクロアプリケーションでデータベースアクセスするとなってくるとややこしくなってくるので、ディレクトリ構成を以下のように簡潔にします。 PostgreSQLにem...
goofysを使用してEC2からS3をマウントする
goofysを使用してEC2からS3をマウントする EC2のWebサーバなどからS3にファイルを保存したいといった場合にgoofysを使用してS3をマウントすることができます。 S3をマウントすることによってファイルをS3のバケットにするこ...
CloudFront + S3でReactのSPAを作成する方法
CloudFront + S3でReactのSPAを作成する方法
vue-cliを使ってvue.jsを使ったプロジェクトの開発環境を整える
vue-cliはvue.jsを使用したプロジェクトの開発環境を作成する公式のツールです。 環境 項目 バージョン node.js 8.11.1 vue-cli 2.9.3 注意 vue.js + typescriptについては記載していませ...
Reactのinput部品をバリデートする
Reactのinput部品をバリデートする 「Reactでinput部品を扱う」を投稿しましたが、今度は入力値をバリデートしてみます。 入力値はstateを使用して管理するので、this.setStateする前に入力値をチェックします。 以...
Reactでinput部品を扱う
Reactでinput部品を扱う Reactコンポーネントでinput部品を扱ってみます。 とりあえずレンダリングしてみます。 class DynaForm extends React.Component { constructor(pro...
ReactのクリックイベントはonclickではなくonClick
ReactのクリックイベントはonclickではなくonClick Reactコンポーネントを定義する際は、onclickでは動作しません。 onClick(Cが大文字)を使用します。※Reactではイベントはキャメルケースになります on...
Reactコンポーネントのステート(状態)を管理する
Reactコンポーネントのステート(状態)を管理する Reactコンポーネントのステートとは、たとえばラジオボタンの何れがオンになっているかという状態を管理記憶するための機能です。 stateオブジェクトを使用することで実現します。 コンポ...
JSのvarはほぼ非推奨で良いと思う
JSのvarはほぼ非推奨で良いと思う JSの言語仕様がこれだけ変わっていくと、もはやvarなんて使うことはないような気がします。 letかconstで代用できます。さらに言うとconstだけでも良いような気がしてきます。 再代入するものに関...
ReactでES6のmapメソッドを使用してリストを作成する
ReactでES6のmapメソッドを使用してリストを作成する HTMLリストをレンダリングするReactコンポーネントを作成してみます。 class Test extends React.Component { render() { con...
Spring BootでEntityManager.createQueryやcreateNativeQueryでデータベースアクセスする方法
Spring BootでEntityManager.createQueryやcreateNativeQueryでデータベースアクセスする方法 Spring Bootで@Repositoryアノテーションを付与したインタフェースで@Query...
Reactの仮想DOMを更新する
Reactの仮想DOMを更新する Reactには仮想DOMという機能があります。この機能はDOMの状態をメモリ上に保持して更新前後の変更箇所の実を更新するという仕組みらいしく、その為、レンダリングが非常に速いという特徴があるようです。 se...
Reactのプロジェクトを作成する
Reactのプロジェクトを作成する Reactのプロジェクトをfacebook公式のcreate-react-appコマンドを使用して作成してみます。 node.jsがインストールされていることが前提です。 参考:nodistからインストー...
ES6のexport default
ES6のexport default ES6のexport defaultのdefaultはimportする際に指定が無ければそのクラスまたはメソッドを呼ぶ、という意味があります。 export default class App { //...
Spring BootでRestTemplateのClientHttpRequestFactory実装クラスをHttpComponentsClientHttpRequestFactoryに変更する
Spring BootでRestTemplateのClientHttpRequestFactory実装クラスをHttpComponentsClientHttpRequestFactoryに変更する
Reactのコンポーネントは再利用可能
Reactのコンポーネントは再利用可能 一度定義したコンポーネントはいくらでも作成して再利用することができます。 const Test = (attr) => {// アロー関数です(wordpressで上手く表示されないので) retur...
ReactのReact.Componentメソッド
ReactのReact.Componentメソッド Reactでコンポーネントを作成するには、React.Componentメソッドを使用します。(React15.5からReact.createClassメソッドは非推奨) ES6のclas...
ReactのReact.createClassメソッド
ReactのReact.createClassメソッド React.createClassメソッドを使用して、Reactのコンポーネントを作成することができます。 const Test = React.createClass({ rende...
Reactコンポーネントのファンクショナルコンポーネントとは
Reactコンポーネントのファンクショナルコンポーネントとは ファンクショナルコンポーネントとは、その名のとおり関数で定義します。 const Test = (attr) => { return <h1>hello, world</h1>;...
ReactのJSXとは
ReactのJSXとは JSXというのはJavaScriptの拡張言語のことで、このJSXでは、JS内にhtmlを記述することができます。 以下、例です。 <script type="text/babel"> const a = <h1>h...
Reactでhello world
Reactでhello world React.jsを使ってとりあえずレンダリングしてみましょう。習うより慣れろという感じで。 React.jsを使うには以下の3行をheadタグ内に記述する必要があります。(とりあえず) <script s...
人売りIT派遣企業(SES・客先常駐)はブラック企業ではない
人売りIT派遣企業(SES・客先常駐)はブラック企業ではない 今日、ネットサーフィンしてたらこの記事を見つけました。幾らなんでもちょっと言い過ぎじゃないか?と思いましたので人売りIT派遣企業(エンベデッドは社内開発でもやっていますが)で誇り...
Phalcon3でPhalcon\Mvc\Microクラスを使用してRESTful APIを作ってみる
Phalcon3でPhalcon\Mvc\Microクラスを使用してRESTful APIを作ってみる 公式のチュートリアルにあるようにREST APIを作成する場合はマイクロアプリケーションで作成してみます。 public\index.p...
API GatewayでプライベートAPIを作成する方法
API GatewayでプライベートAPIを作成する方法 プライベートAPIを作成して、自分のアカウントのEC2からしかアクセスできないプライベートAPIを作成します。 エンドポイントの作成 まずVPCでエンドポイントを作成します。 セキュ...
ボーイスカウトの法則とは
ボーイスカウトの法則とは ボーイスカウトが来る前よりも来た後のほうがソースが奇麗になっていることを意味します。 逆のことをする人も時々います。
API Gatewayのオーソライザーの機能を確認してみる
API Gatewayのオーソライザーの機能を確認してみる API Gatewayのオーソライザー機能を利用すると、認可をすることができるようになります。 「トークン」タイプと「リクエスト」タイプがあるようです。 トークンタイプ トークンタ...
Putty,Pagentに秘密鍵を登録して踏み台サーバ経由でポートフォワーディングしてRDSに接続する方法
Putty,Pagentに秘密鍵を登録して踏み台サーバ経由でポートフォワーディングしてRDSに接続する方法 AWS EC2のポート22を開放して踏み台サーバを構築する、というケースはよくある構成だと思われます。 Puttyをインストールしま...
ブルックスの法則とは
ブルックスの法則とは 4年ほど前に、とある政令指定都市の国民健康保険のPJに参画していた時の話です。 私が参画した時には既に300名ほどいて、約380h/1か月働いてました。 エンジニアがどんどん投入され、ピーク時は500名強まで膨れ上がり...
SlackとMattermostを使ってみた感想
SlackとMattermostを使ってみた感想 最近SlackとMattermostを使う機会が増えました。 Mattermost(オンプレミス)を使う理由は「Slackでクラウド上に重要なやり取りをするのは怖い」という企業さんが多いです...
AWS VPC上のパブリックサブネット内にNATインスタンスを作成する
AWS VPC上のパブリックサブネット内にNATインスタンスを作成する パブリックサブネット内にEC2を作成しNATの機能を持たせます。 なぜパブリックサブネット内にNATインスタンスを置くかというと、プライベートサブネット内でWindow...
AWS EC2にはInspector導入して脆弱性を検知する
AWS EC2にはInspector導入して脆弱性を検知する EC2の脆弱性を検知してくれるInspectorというサービスがあります。 「今すぐ始める」をクリックします。 「EC2 インスタンスへのタグの付加」をクリックします。EC2は作...
AWS VPCのプライベートサブネット上にEC2を起動する
AWS VPCのプライベートサブネット上にEC2を起動する プライベートサブネットは構築済みとします。詳細は、AWS VPCを使用してネットワーク構築する方法を参照ください。 EC2インスタンス生成時にプライベートサブネットを指定しておく必...
AWS VPCを使用してネットワーク構築する方法
AWS VPCを使用してネットワーク構築する方法 AWSのVPCサービスを使用してバーチャルプライベートクラウドのネットワークを構築してみます。 「VPCウィザードの作成」をクリックします。 説明用にシンプルな「1個のパブリックサブネットを...
AWS Route 53の使い方
AWS Route 53の使い方 Route 53とはスケーラブルなDNSのようです。DNSをスケーラブルにするというのがインフラエンジニアではない私にはピンときませんが、、。 Route 53で出来ることは、EC2上のWebサーバに独自ド...
AWS EC2にElastic IPで固定IPアドレスを割り当てる
AWS EC2にElastic IPで固定IPアドレスを割り当てる AWS EC2でWebサーバを起動するで、Webサーバ起動してみましたが、EC2を再起動するとパブリックIPが変わってしまいます。 これだと再起動するたびにWebサーバのI...
AWS EC2でWebサーバを起動する
AWS EC2でWebサーバを起動する EC2とはクラウド上の仮想サーバのことで、インスタンス(OS)を作成する事ができます。ここではAmazon Linuxサーバを作成してみます。 「インスタンスの作成」をクリックします。 「選択」をクリ...
MacのQuickLookでJSONファイルをプレビューする
MacのQuickLookでJSONファイルをプレビューする MacでQuickLookと言う便利な機能がありますが、JSONファイルをプレビューするにはプラグインをいれないと見る事は出来ません。該当ファイルをアクティブにしてスペースを押す...
VirtualBoxのゲストOSからマウスカーソルをホストOSに戻す方法
VirtualBoxのゲストOSからマウスカーソルをホストOSに戻す方法
MacのMacDownエディタでマークダウンを覚える
MacのMacDownエディタでマークダウンを覚える MacDownはマークダウン用のエディタで、Homebrew-caskからインストールできます。 brew cask install macdown でインストールします。 DockにM...
pyenvのインストールと設定(Mac,WSL2,Windows)
pyenvのインストールと設定(Mac,WSL2,Windows) Pythonのバージョンを確認します。 takahashi$ python --version Python 2.7.10 Macにpyenvをインストール pyenvをい...
Macのパッケージ管理システムHomebrew
Macのパッケージ管理システムHomebrew よくHomebrewと言うのを見かけますが、これはAppleが提供していないソフトウェアのパッケージ管理システムといったところでしょうか。 yumやaptと同じとイメージするとわかりやすいと思...
WindowsからMacに乗り換える為に覚えておくこと
WindowsからMacに乗り換える為に覚えておくこと いつか勉強しないとと思っていましたがとうとうMacで仕事をする事になりました。 という事でWindowsユーザの私がMacに乗り換えるにあたってつまづいた事を書いていきます。 ⌘マーク...
Macのショートカットキー一覧
Macのショートカットキーを忘れるのでWindowsとの対応表をまとめてみました。 Windowsにはないキャプチャ機能がMacには標準であるのでとても便利です。 イジェクトキーがないMacでもスリープができたりもします。 Windows ...
VirutualBox上でOracle VM Serverをインストールする
VirutualBox上でOracle VM Serverをインストールする Oracle VM Serverをインストールする時の備忘録です。英語のサイトを読み漁って少し悩んでしまいましたが、どうにかOracle VM Managerから...