@iwasaki さんのアバター 66views

Redux Form で複数のチェックボックスを使う

Redux Formでチェックボックスを使うには const renderCheckbox = ({ input, label }) => ( <Checkbox label={label} checked={input.val 2017年3月8日
@iwasaki さんのアバター 21views

Redux Form v6を使う

Redux Formを使う方法です。 Redux Formとは、ReduxでFormを扱う際のバリデートなどフォーム関連の処理をいい感じにしてくれるライブラリです。 これを使う一番のメリットはやはりバリデートのようです。 現在のバージョン 2017年3月8日
@iwasaki さんのアバター 93views

Material UIのcolorsの使い方

http://www.material-ui.com/#/customization/colors の使い方です。 すべてのカラーを取得してcolorsとして使えるようにします。 import * as colors from 'mater 2017年3月7日
@iwasaki さんのアバター 37views

eslint-config-airbnbを使ってES6の記法を実現する

airbnbのeslintを導入すると強制的にES6の文法で書かざるを得なくなります。これが非常に便利なのですが、その中で新たに知った記法で目立った点を記載しておきます。 Reactのサンプルコードとか実際に書いてみたものの、どうやってES 2017年3月3日
@iwasaki さんのアバター 39views

npm install時にpackage.jsonにライセンスの表記がないと怒られる

npm install した際に、package.jsonにライセンスの表記がないと以下のようなエラーが出ることがあります。 npm WARN app@X.X.X No license field. package.jsonに以下のようにラ 2017年3月2日
@iwasaki さんのアバター 147views

java8でhttps通信に失敗する2

http://hacknote.jp/archives/8039/ では、JVMのオプションに以下を指定することで、ServerNameの設定が変更されてないなどSSL証明書の設定がよろしくないサイトもよしなに通してくれるようになりました。 2017年3月2日
@iwasaki さんのアバター 41views

prop type XXX is invalid; it must be a function のエラーが出た時

Warning: Failed prop type: MyDialog: prop type `loading` is invalid; it must be a function, usually from React.PropTypes 2017年3月1日
@iwasaki さんのアバター 18views

React+Reduxでの開発時のおまじないアレコレについて調べてみた

ようやくReacut、Reduxの開発に慣れてきましたが、一部おまじない的に使っているものの、意味を理解してない部分があるので調べてみました。 npm install 大抵のケースはこれ npm install -g eslint -gオプ 2017年2月28日
@iwasaki さんのアバター 155views

reduxで配列に要素を追加・削除する方法

配列への要素の追加、削除は以下のように行うようです。 const initialState = { selectedIds: [], }; function addItem(array, item) { return Array.from( 2017年2月28日
@iwasaki さんのアバター 13views

gitで認証情報を保存する

git pull などのコマンド実行時に標準の仕様では都度認証情報が必要になります。 15分間だけメモリに認証情報を保存するには以下のようにキャッシュするように設定をします。 git config --global credential.h 2017年2月27日
@iwasaki さんのアバター 77views

Reactでユニークなkey指定の警告が出たときの対処法

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `XXXList`. See h 2017年2月27日
@iwasaki さんのアバター 28views

Reactの型指定で配列の形式まで指定する方法

例えば const data = [{ id: '001', label: '北海道' }] みたいな形式のデータのみを許可する場合、以下のように型の指定を書きます。 Hoge.propTypes = { data: React.PropT 2017年2月27日
@iwasaki さんのアバター 27views

Reactのコンポーネントの使い方

ベースとなるコンポーネント default と書くことで、他のファイルからも参照できるようになるようです。Javaで言うところのpublicと理解しています。 export default class BaseBox extends Com 2017年2月23日
@iwasaki さんのアバター 28views

ReactのPropTypesで指定できる形式

PropTypesで配列や文字列、数字などを指定することができます。 BaseList.propTypes = { description: PropTypes.string.isRequired, data: PropTypes.arra 2017年2月23日
@iwasaki さんのアバター 181views

Reactでループをする方法

Reactで以下のようなfor文を使おうとすると「Using ‘ForInStatement’ is not allowed. (no-restricted-syntax)」と怒られます。 const list = 2017年2月23日
@iwasaki さんのアバター 42views

CentOS7でmysqlコマンド、psqlコマンドを使って外部のデータベースサーバーに接続する

EC2からRDSに接続する際など、データベースサーバーは立ち上げないけどクライアントだけインストールしたい、といったケースがあるかと思います。 PostgreSQLとMySQLそれぞれ以下のようにしてクライアントをインストールすることが可能 2017年2月22日
@iwasaki さんのアバター 67views

Tomcat7.0.75がリリース

Tomcat7.0.75がリリースされました。 リリースノート https://tomcat.apache.org/tomcat-7.0-doc/changelog.html#Tomcat_7.0.75_(violetagg) バージョン 2017年2月21日
@iwasaki さんのアバター 59views

Javaのタイムアウトの違い

connect timeout connect timeoutは接続にかかった時間 read timeout read timeoutはデータ取得にかかった時間 read timeoutが返ってくる場合、接続はできているもののレスポンスデー 2017年2月20日
@iwasaki さんのアバター 41views

複数のhtmlファイルからpタグで囲まれたテキストだけを抽出する

find ./ -type f -name "*.html" -print | xargs grep "<p>" | sed -e 's/<p>//g' | sed -e 's|</p>| |g' 2017年2月16日
@iwasaki さんのアバター 19views

Mapでforをするときの改善ポイント

Map<String, String> headers = normalizedResp.getHeaders(); if (headers != null) { for (String key : headers.keySet 2017年2月16日
@iwasaki さんのアバター 306views

curlでSSL証明書のエラーを無視する

-k オプションもしくは –insecure を使うことで証明書のエラーを無視することが可能です。 curl --insecure https://your.domain curl -k https://your.domain 2017年2月15日
@iwasaki さんのアバター 218views

curlでUser-Agentを指定する方法

-A オプションを使います。 curl -A "hoge" https://www.aipo.com/ もしくはヘッダー付与のオプション -H を使います。 curl -H "User-Agent: hoge" https://www.ai 2017年2月15日
@iwasaki さんのアバター 93views

ブラウザの終了時にCookieを消す方法

Chrome パソコンで Google Chrome を開きます。 右上の詳細アイコン その他 次へ [設定] をクリックします。 一番下にある [詳細設定を表示] をクリックします。 [プライバシー] で [コンテンツの設定] をクリック 2017年2月14日
@iwasaki さんのアバター 329views

EclipseでTypeScript用Plugin

EclipseでTypeScriptを使えるようにするためのプラグインです(未検証) Angular IDE http://marketplace.eclipse.org/content/angular-ide Angular2用のようです 2017年2月14日
@iwasaki さんのアバター 53views

Elastic BeanstalkでCertificate Manager(ACM)の証明書を設定する方法

AWSの無料SSL証明書サービス Certificate Manager 、先日東京リージョンでも使えるようになりました。 現在紐付けることが出来るのは Elastic Beanstalk と CloudFront となっています。 Ela 2017年2月10日
@iwasaki さんのアバター 20views

PostgresでINSERT内でSELECT文を呼ぶ書き方

INSERT INTO "tag_site_map" ("map_id", "tag_id", "site_id", "create_date", "update_date") SELECT nextval('tag_site_map_se 2017年2月9日
@iwasaki さんのアバター 505views

Finderの内容を最新の状態に更新する方法

WindowsだとExplolerには「最新の情報に更新」というメニューがありますが、MacのFinderにはそういった項目はありません。 ログ用のフォルダを表示している際に、最新の状態に更新されない、そんな時には Optionキーを押しな 2017年2月8日
@iwasaki さんのアバター 17views

HomebrewでインストールしたMySQLの停止のタイミング

brew services stop mysql すると以下のように停止した旨がターミナルに表示されます。 ==> Successfully stopped `mysql` (label: homebrew.mxcl.mysql) た 2017年2月6日
@iwasaki さんのアバター 48views

Googleの2段階認証に登録できる電話番号・メールアドレスの件数は12件

Googleの2段階認証で「音声またはテキスト メッセージ」にメールアドレス、電話番号を登録していったときに上限があるようです。 どうやら上限値は12件までのようです。 https://support.google.com/mail/ans 2017年2月3日
@iwasaki さんのアバター 53views

Google Visualization APIで日付形式をフォーマットする方法

https://developers.google.com/chart/interactive/docs/reference#dateformat 以下のようにしてフォーマットを行います。 var formatter_short = new 2017年2月2日