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