-
2020年09月30日
-
[React] よーし! いっちょReactやってみっか! #2 プロジェクト俯瞰編
はじめに CX事業本部の中安です。まいどです。 モバイルアプリエンジニアな自分がReactを始めてみることにした 「よーし! いっちょReactやってみっか!」シリーズの続きです。 今回もよろしくお願いします。 前回は環 […]
-
2020年09月29日
-
[React] よーし! いっちょReactやってみっか! #1 環境構築編
React.js はじめました
-
Vuetify + VeeValidate + Cypress で E2E テストを試す
Vuetify + VeeValidate の構成に Cypress を使った E2E テストを組み込んでみました。
-
2020年09月28日
-
THEOplayer + Google Analytics で動画の再生回数などをリアルタイムで取得してみた
動画の再生回数、サクッと取得してみませんか
-
2020年09月20日
-
Nuxt.jsでVuetifyを使う(with vue-property-decorator)
スクラッチでNuxt.jsをTypeScriptを利用して開発する環境に対して、Vuetifyを使う環境作成の手順を確認したかったので、方法を調べつつ実際に作成してみました。 前回作成した記事（「Nuxt.jsでType […]
-
2020年09月19日
-
新しいUIのAWS管理コンソールでChrome拡張機能「AWS Extend Switch Roles」の V2 pre-release 版を試してみた
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 最近AWSの管理コンソール画面が新UIとなり、徐々に各AWSアカウントでロールアウトされているようです。これにより、個人的に超愛用してい […]
-
2020年09月16日
-
Nuxt.jsでTypeScriptを使う(with vue-property-decorator)
概要 スクラッチでNuxt.jsをTypeScriptを利用して開発する環境作成の手順を確認したかったので、方法を調べつつ実際に作成してみました。 できる限りミニマムな構成で作成したいのと、自分的には理解のブラックボック […]
-
2020年09月09日
-
JSの初心者にPromiseとasync/awaitの使い方を雑に説明してみる
こんにちは、CX事業本部の夏目です。 先日、Javascriptの非同期処理に登場するPromiseとasync/awaitをJS初心者に説明する機会がありました。 なので、今回は説明したことを再度噛み砕いてから共有しよ […]
-
2020年08月20日
-
Chromeで(いわゆる)スーパーリロードとキャッシュクリアを少しでも楽に行いたい
Web開発において、コンテンツをサーバ側にアップロードしたあと、リロードしたにも関わらずブラウザに反映されないことがあります。 キャッシュ設定などを適切に行うべきではありますが、開発途中で調整がまだ出来ていない場合において、 手軽に反映させる方法があることが分かったので、忘れないようにメモしておきます。
-
2020年08月19日
-
Vuetify + VeeValidate でダイアログを使った際のレイアウト崩れへの対処
先に作っていた Vuetify を使ったダイアログに対して VeeValidate を組み込んだところ、レイアウト崩れが発生したため、それに対処したメモです。
-
2020年08月18日
-
[レポート] Webコンテンツ強化へのCloudinaryの活用事例 #ImageCon2020
Cloudinary ImageCon 2020 の "Leveraging Cloudinary for Progressive Enhancement" のセッションレポートです。Cloudinary、Puppeteer、Cloudflareを組み合わせて、Javascriptが使えない環境に向けてWebコンテンツをさらに強化させた事例を紹介しています。
-
2020年08月13日
-
Amplify UI利用時のバンドルサイズを削減してみた
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 最近、Amplify UIを利用してAngularのプロジェクトを開発していますが、このプロジェクトのバンドルサイズが気になったので調べ […]
-
2020年08月07日
-
React + Material-UIの画面にmaterial-tableを導入してみた
こんにちは、CX事業本部の若槻です。 Reactで使えるMaterial-UIをベースとしたデータテーブルコンポーネントとしてmaterial-tableというOSSがあります。 material-table mater […]
-
2020年08月06日
-
Amplify UI (Angular版) の日本語化をしてみた
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 以前にも、Amplify UI (Angular版) の日本語化について少し書きましたが、この時点の情報では明確な翻訳元の情報（英語のラ […]
-
2020年08月03日
-
[Chrome] JSON ViewerでJSONを見やすくしよう！
ChromeでJSONを見やすく表示する拡張機能「JSON Viewer」のご紹介です。
-
2020年07月28日
-
Reactの環境変数をdotenv-cliで切り替えてみた
ReactアプリをCreate React Appで作成した場合、予めdotenvという環境変数をファイルで定義するパッケージがインストールされています。また、npm startやnpm run buildコマンドにより […]
-
2020年07月27日
-
React + Material-UIでダークモードを実装してみた
2019年から主要なOSやアプリがダークモード（ダークテーマ）に対応してきました。それに伴い、ダークモードに対応するWEBアプリやWEBサイトも増えてきています。私自身も文字を読みやすく感じるためか、普段からダークモード […]
-
2020年07月26日
-
Vuetifyのv-btnのホバー時の背景色を変える
はじめに [Vuetifyで丸いアイコンのボタンを作る際に、よりホバー時の背景色を目立たせたいと思ったのですが(アイコン・背景色の仕様については補足参照）、方法が公式ドキュメントから見つからなかったため、独自にカスタマイ […]
-
143件のシェア(ちょっぴり話題の記事)
React + Material-UIで管理画面を作成してみた
最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTyp […]
-
2020年07月23日
-
GitHubのProjectsでConvert to issue時に定型文をムリヤリ挿入するアイデア
GitHubでIssueを作成するときに、テンプレートを利用することができます。ただし、ProjectsでnoteをIssueに変換する際には、テンプレートが適用されません（たぶん）。 これを何とかしてみたというお話です。
-
2020年07月22日
-
facemeshを使ってGoogle Meetで自分の顔に画像を上書きするchrome extensionsを作る
はじめに COVID-19の影響により、リモート勤務が常識となって、それに伴いWeb会議も増えました。 弊社ではWeb会議のツールの１つとしてGoogle meetを使用しているのですが、 meetだと、カメラはONにし […]
-
Jetson NanoからComputerVisionの入力で使用できるように、防犯（監視）カメラを操作してみました。
1 はじめに CX事業本部の平内（SIN）です。 動画を処理する場合、製品にもよりますが、Webカメラでは、一般的に解像度やズームに限界があります。 そこで、今回は、ちょっと本格的な監視カメラを試してみました。 通常、商 […]
-
2020年07月19日
-
[OpenCV] Pytorchの手書き数字（MNIST）分類モデルをOpenCVから利用してみました
1 はじめに CX事業本部の平内（SIN）です。 Pytorch入門ということで、MNIST（手書き数字のデータセット）から作成したモデルを使用して、OpenCVでWebカメラの動画を推論にかけてみました。 使用したモデ […]
-
2020年07月18日
-
【小ネタ】[OpenCV] 動画表示の時に画面にFPSとフレーム数を表示するクラスを作ってみました
1 はじめに CX事業本部の平内（SIN）です。 機械学習によって動画を処理する場合、推論等による処理時間で、フレームレートが下がってしまう場合がありま。このような時、１つの指標になるのがFPSです。 要件に適応出来てい […]
-
2020年07月07日
-
Angular10にESLintとPrettierを追加する #Angular #Angular10
2020/07/07現在の最新バージョン、Angular10ではTSLintが適用されています。 ですが、TSLintのロードマップにもある通り、既にTSLintは非推奨になっていて2020年12月1日に完全廃止すること […]
-
2020年07月06日
-
Vue.js のフォームバリデーションライブラリ VeeValidate を評価してみた
前職より引き続き Vue.js を用いた開発業務を行っているのですが、毎回必ず発生するフォームバリデーション処理の実装につらみを感じていたので、VeeValidate というライブラリを評価してみました。
-
2020年07月03日
-
『フロント知識0から始めるサーバーレスSPA開発』ビデオセッションをYoutubeに公開しました #devio2020 #Angular
Developers.IO 2020 CONNECT Day6にて、「フロント知識0から始めるサーバーレスSPA開発」というタイトルでAngularのお話をさせていただきました。はじめてのYoutube登壇です。
-
2020年07月01日
-
84件のシェア(ちょっぴり話題の記事)
サーバーサイドエンジニアがじっくり学ぶVue.jsチュートリアル【2. Introduction】
こんにちは。DA事業本部の春田です。 普段の業務では全く扱わないフロントエンドの世界に飛び込んでみたいと思います。最近3系が登場しましたがまだ情報が少ないので、2系のチュートリアルを進めていきます。サンドウィッチマンでい […]
-
2020年06月27日
-
SwiftUI と React Native for Web で簡単な画面を作ってコードを比較してみた
現在開催中の WWDC20 の「SwiftUI」に関するセッションを見ていて「これってReactに近いのでは...」と感じました。そこで実際に SwiftUI と 私が現在業務で使用している React Native f […]
-
2020年06月12日
-
Windows10+WSL2環境のLinuxディストリビューションにAWS CLIをインストールしてみた
Windows 10 バージョン2004 ビルド19041(通称、May 2020 Update)では、WSL(Windows Subsystems for Linux)がバージョンアップしました。WSL2でAWS開発環境を改善してみようと思います。