-
2019年04月29日
-
79件のシェア(ちょっぴり話題の記事)
TypeScript入門 – 基本の型を学ぶ
TypeScriptの基本の型を学ぼう TypeScriptはJavaScriptに対して主に静的型付けとクラスベースのオブジェクト指向を加えることを特徴としたプログラミング言語です。 公式ドキュメントにはハンドブックと […]
-
2019年04月18日
-
[Storybook] UI Component 管理ツールの紹介
はじめに オハコンバンニチハ、モバイルアプリサービス部の清田です。 UI Component 管理ツールの Storybook がメジャーバージョンアップし バージョン5 になりましたー！パチパチ。 今回は、Storyb […]
-
2019年04月17日
-
Angular用の都道府県マスタを作成
Angular用の都道府県マスタです。ご自由にお使いください。
-
2019年04月09日
-
まずは5分で学ぶ！TypeScriptことはじめ
TypeScriptを始めよう 弊社はAWS構築やモバイルアプリ開発、データインテグレーションなどの業務が目立ちますが、最近ではフロントエンド開発（HTML / JavaScript / CSS）も頻繁に行なっています。 […]
-
2019年04月05日
-
137件のシェア(ちょっぴり話題の記事)
Python開発環境JupyterLabをローカルマシンにインストールしてみた
こんにちは。しもじです。 今回は以前からずっと気になっていたPython開発環境、JupyterLabをインストールしてみたので、ご報告したいと思います。 JupyterLabとは? Pythonをお使いの方で Jupy […]
-
2019年03月29日
-
Vue CLIで作成したプロジェクトで起動する開発サーバーのポート番号を変更する
Vue CLIで作成したプロジェクトはコマンドで簡単に開発サーバーが起動できます。このときポート番号はデフォルトで8080となっています。今回この起動時のポート番号を変更する機会があったので設定方法を共有します。
-
2019年03月28日
-
【Auth0 Rules】 ログイン認証のルールを超簡単に設定！（with React サンプル）
モバイルアプリサービス部 イノベーショングループの白石です。 先日、Auth0 社内勉強会に参加させていただきました。 その後、Auth0 について調べていく中で、 Auth0 Rules1機能を、React サンプルを […]
-
2019年03月27日
-
TypeScriptとクラススタイルで始めるVuetify生活
TypeScriptおよびクラススタイルのプロジェクトにVuetifyをインストールしてみたところ、エラーなどが発生して少し修正が必要でした。今回はエラーがなくなるよう修正する方法をお届けします。
-
2019年03月19日
-
Vue CLIで作成したプロジェクトのユニットテストをパスするためのワークアラウンド
Vue CLIで作成したプロジェクトのユニットテストがエラーで落ちてしまう件を調査しましたので共有します。
-
2019年02月06日
-
Video.jsのvideojs-http-streaming(VHS)を使ってHLS形式のストリーミング配信を再生する最低限度の設定
次世代のHLS再生環境であるVHS/VideoJS HTTP Streamingを使って、HLS形式のストリーミング配信を再生する最低限度の設定についてまとめてみました。
-
2019年02月05日
-
[小ネタ] ログポイント機能でChromeで表示中のページにロギングを挿入する
この変数の値はどうなってるかな？console.log()を埋め込んで値を見てみよう、ブレークポイントを仕掛けて値を見てみよう、という時、今回紹介するログポイントを使うとChromeのデベロッパーツール上からページに簡単にロギングを挿入できます
-
2019年01月31日
-
【超簡単】AngularでFacebook製のJSテストフレームワーク「Jest」を使えるようにしてみる
-
2019年01月19日
-
[レポート] ng-kyoto Angular Meetup #9 に参加してきました #ng_kyoto #angular
どうも！大阪オフィスの西村祐二です。 2019/1/18（金）に開催されました「ng-kyoto Angular Meetup #9」に参加してきましたので、レポートにまとめたいと思います。 ng-kyotoとは jav […]
-
2019年01月09日
-
【React】PropTypes の複数種（型）指定
こんにちは、白石です。 複数種類の PropTypes が渡ってくる場合に書き方に迷ってしまったので、備忘録として残しておこうと思います。 PropTypes の場合 Flow の場合 HOC, recompose で書 […]
-
2019年01月08日
-
React Component テストを書くための考え方
こんにちは、白石です。 React をはじめたと共にテストを書くようになり早数ヶ月が経ちました。お休みの期間にふと振り返ってみたところ、昨年は色々と先輩方に教えていただきながらも、初めの頃に「さて、どのように書くべきかな […]
-
2019年01月04日
-
77件のシェア(ちょっぴり話題の記事)
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を作成するときにコンポーネント間でデータの受け渡しをしたいときがあると思います。本ブログではその方法についてまとめてみました。