-
2019年01月09日
-
【React】PropTypes の複数種（型）指定
こんにちは、白石です。 複数種類の PropTypes が渡ってくる場合に書き方に迷ってしまったので、備忘録として残しておこうと思います。 PropTypes の場合 Flow の場合 HOC, recompose で書 […]
-
2019年01月08日
-
React Component テストを書くための考え方
こんにちは、白石です。 React をはじめたと共にテストを書くようになり早数ヶ月が経ちました。お休みの期間にふと振り返ってみたところ、昨年は色々と先輩方に教えていただきながらも、初めの頃に「さて、どのように書くべきかな […]
-
2019年01月04日
-
CognitoとLambdaを使ったパスワードなしメール認証を試してみた
Frohes neues Jahr! ベルリンの伊藤です。 こちらのAWSブログの内容を試してみました: Implementing passwordless email authentication with Amazo […]
-
2018年12月19日
-
AI解析を使った画像シェアWEBアプリを超簡単に作る【S3編】#reinvent
*このエントリはシリーズ６番目の記事です。 設定編 Cognito編 React編 AppSync編 DI編 S3ストレージの追加 アルバムに収納したい写真データを保存するストレージを追加しましょう。 保存先にはS3を使 […]
-
2018年12月18日
-
AI解析を使った画像シェアWEBアプリを超簡単に作る【DI編】#reinvent
*このエントリはシリーズ5番目の記事です。 設定編 Cognito編 React編 AppSync編 Conect React Component を使って動的にGraphQL APIを呼び出し返って来たデータを表示する […]
-
2018年12月17日
-
AI解析を使った画像シェアWEBアプリを超簡単に作る【AppSync編】#reinvent
*このエントリはシリーズ4番目の記事です。 設定編 Cognito編 React編 AppSync編 前章でユーザーAuth機能を実装したので、次はログインしたユーザーがフォトアルバムを作成できるようAppSyncを使っ […]
-
超簡単にサイト公開できるAWS Amplify Consoleを使ってAngularのCI/CD環境を作ってみる #reinvent
どうも！大阪オフィスの西村祐二です。 この記事はAngular Advent Calendar 2018の17日目の記事です。 今回はAWS Amplify Consoleを使ったAngularのCI/CD環境を作ってみ […]
-
2018年12月12日
-
AI解析を使った画像シェアWEBアプリを超簡単に作る【React/フロントエンド編】#reinvent
*このエントリはシリーズ3番目の記事です。 設定編 Cognito編 React編 前章でCognitoのAWSリソース設定をしたので、これからReactと withAuthenticator higher-order […]
-
2018年12月08日
-
Gmailの「未読だけフィルタ」ボタンを作ってみた
こんにちは、平野です。 会社ではGmailを使っているのですが、週明けなど大量にメールが溜まっている時に、「特定のラベルがついたメールに限った未読一覧が欲しい！」ということがあります。 もちろん、そのラベルだけを表示させ […]
-
2018年12月06日
-
【GraphQL入門】GraphCMS + React（react-apollo）
どうも、こんにちは、白石です。 Reactを使い始めて、４ヶ月が経ちました。 直近では、 react-apollo 周りの実装をさせていただく機会も増えました。 それらに伴い、GraphQL周りの理解も深めたいと考えてい […]
-
2018年11月26日
-
「AWS Amplify Console」を使ってみた 〜カスタムドメイン編〜 #reinvent
はじめに 本日、re:Invent2018にてAWS Amplify Consoleが発表されました。 早速AWS Amplify Consoleを使ってAngularプロジェクトのデプロイとカスタムドメインの設定までを […]
-
2018年11月17日
-
クロスアカウントでSPAを自動デプロイする環境をCFnで構築する
はじめに どうも、クラスメソッドの岡です。 今回アカウントをまたいでCodeCommitで管理しているAngular製SPAを継続的にデプロイする環境を作成するCFnテンプレートを作ってみました。 サーバーレスで作りやす […]
-
2018年11月13日
-
aws-amplify-vueのサンプルアプリで画像アップロードを動かすためにやったこと
aws-amplify-vueのサンプルアプリで画像アップロードを試そうとしたところ、「Missing credentials in config」というエラーが発生し、画像アップロードが動きませんでした。 GitHubのissueを参考にソースを修正する事で解決したので、手順をご紹介します。
-
2018年10月24日
-
【Angular】ページの表示速度アップ！Lazyloadを使って初期ページの読み込みデータを小さくする
AngularではLazyloadモジュールを使うことで、最初に読み込むコンテンツの量を減らして、初期ページの読み込みの高速化が期待できます。 本ブログではLazyloadの使い方について記載します。
-
2018年10月22日
-
SPAからCognito User Poolに管理者としてユーザーを登録する 〜Cognito + Lambda + API Gateway + Angular〜
はじめに こんにちは、クラスメソッドの岡です。 今回、Cognitoで認証をかけているサイトにユーザー登録の機能をつけて、かつ管理者と一般ユーザーでログイン時の挙動を制御したいと思います。 amplifyではsignUp […]
-
2018年10月20日
-
Angular7がリリースされたのでアップデート内容をまとめてみた！
どうも！大阪オフィスの西村祐二です。 2018/10/19にAngularのバージョン7がリリースされましたので、追加された主な機能をまとめてみたいと思います。 アップデート内容の詳細は下記リンクをご確認ください。 ht […]
-
2018年10月12日
-
【Angular】コンポーネント間のデータの受け渡し方法
AngularでSPAを作成するときにコンポーネント間でデータの受け渡しをしたいときがあると思います。本ブログではその方法についてまとめてみました。
-
2018年10月02日
-
【Angular6】Jasmine + Karma で単体テストを書いてみた
どうも、福岡のmeです。 今回はAngular6で実装したSPAの単体テストをJasmine + Karma を使って書いてみたのでまとめました。 今回やること Jasmineというテストフレームワークを用いて記述したテ […]
-
2018年09月26日
-
Cognitoを使ってブラウザアプリからAWS IoTへのPub/Sub権限を制御する
AWS IoTとCognitoを連携させて、AWS IoTへのPub/Sub権限を制御してみました！
-
2018年09月24日
-
ブラウザアプリからAWS IoTのカスタムオーソライザーが使えなかった件
ブラウザからAWS IoTに接続する際、カスタムオーソライザーを利用して良い感じに認証・認可したかったのですが、実現不可能ということが判明したので情報共有させて頂きます。
-
2018年09月07日
-
【Angular小ネタ】Mat-Radio-buttonで複数のフォーム表示をコントロールする
どうも、福岡のMeです。 今回はAngular Material のmat-radiobuttonを使ってフォームの切り替えを行いました。 jQueryを使うことなくシンプルに実装できたので、ご紹介したいと思います。 E […]
-
【Angular Tips】Mat-Radio Buttons to Switching Different Forms
*この記事は日本語と英語で書かれています。日本語版はこちら In this mini Angular.js tutorial, we will use mat-radio button and ngIf conditio […]
-
2018年09月05日
-
効率的で表現力豊かなプログラミング言語「Nim」をインストールする
はじめに こんにちは、データインテーグレーション部の平野です。 台風接近により、入社２日目にして15時半過ぎに会社を出て家からのリモートワーク中です。 まだ家でできる仕事がないため、ブログの執筆をしています。 …いえいえ […]
-
2018年08月25日
-
【Angular6】ngコマンドでdev、stg、prodの3つの環境で設定を切り替えてビルドできるようにしてみる
Angular CLIのデフォルトだと、「ng build」または、「ng build --prod」で、2つの環境のみ切り替えができる状況ですが、ngコマンドでdev、stg、prodの3つの環境で設定を切り替えてビルドできるようにしてみたいと思います。
-
2018年08月17日
-
Bootstrap4によってボタンやフォームに適用されるスタイルを無効化する方法
Bootstrap4を使うと自動的にボタンにフォームにスタイルが適用されますが、すごい違和感を感じることがあります。なので、Bootstrap4によって適用されるスタイルを無効化する方法について記載したいと思います。
-
2018年07月31日
-
【Angular6】ngx-simple-modalでモーダルのコンポーネントを作成してみた
はじめに どうも、福岡のmeです。 今回はAngular６環境でモーダルを作成していました。 普段はBootstrapで作ってしまうのですが、HTMLファイルの中に複数のモーダルを埋めるのはあまりスマートではないと思い […]
-
2018年07月18日
-
ProtractorのE2Eテストで「Timed out waiting for asynchronous Angular tasks to finish after 11 seconds」エラーでハマった話
Protractorを使ったE2Eテストの際に「Timed out waiting for asynchronous Angular tasks to finish after 11 seconds」というエラー遭遇したので、その対応策を紹介します。
-
2018年07月12日
-
【NGX-Charts】超絶素晴らしいAngular6対応のグラフライブラリがあるからみんなに知ってほしい
はじめに どうも、福岡のmeです。 最近はAngular6を使ったSPA開発をメインにやっているのですが、 ダッシュボードにグラフを出したいという要件があったので、何か簡単の実装できるツールはないものかと探していた時に […]
-
2018年07月07日
-
[Polymer]Polymer3.0が公開されたので触ってみた
Polymer3.0が公開されたので、触ってみました。Getting Startedのハマりどころもありましたので解決策も含めて紹介します。
-
[iOS] クレジットカード決済機能 Stripe を Swift × Lambdaでアプリに導入してみる
Stripeという決済サービスをiOSアプリに入れてみた手順になります。今回はサーバー側をAWS LambdaとAPI Gatewayで作成しています。テスト環境も整っていてすぐに試すことが出来ました。