-
2020年07月03日
-
『フロント知識0から始めるサーバーレスSPA開発』ビデオセッションをYoutubeに公開しました #devio2020 #Angular
Developers.IO 2020 CONNECT Day6にて、「フロント知識0から始めるサーバーレスSPA開発」というタイトルでAngularのお話をさせていただきました。はじめてのYoutube登壇です。
-
2020年07月01日
-
サーバーサイドエンジニアがじっくり学ぶ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開発環境を改善してみようと思います。
-
React Native for Web + TypeScriptを使ってStorybook公式のチュートリアルをやってみた
Storybookとは、React、Vue、Angular 用の UI コンポーネントを開発・管理するためのオープンソースツールです。 公式ページにあるチュートリアルを、普段の業務で使用しているReact Native […]
-
2020年05月20日
-
139件のシェア(ちょっぴり話題の記事)
サーバーサイドエンジニアがじっくり学ぶVue.jsチュートリアル【1. Installation】
こんにちは。DA事業本部の春田です。 普段の業務では全く扱わないフロントエンドの世界に飛び込んでみたいと思います。最近3系が登場しましたがまだ情報が少ないので、2系のチュートリアルを進めていきます。サンドウィッチマンでい […]
-
2020年05月15日
-
静的WebサイトからLambdaを実行する様子をNew Relicの分散トレーシングで計測してみた
最近だと、軽量なサーバーサイドの処理はAWS Lambdaなどのサーバーレスを利用するのに加えて、フロントエンド側もSPAで構成し、そこから直接API Gatewayなどを通してラムダ関数を呼び出す構成にすることもあるの […]
-
2020年05月11日
-
なぜHTTPS接続時しかBrotliエンコーディングを要求しないのか?
BrotliはHTTP圧縮を強く意識したデータ圧縮形式です。 Brotliの動作確認時にハマりがちなのが、主要ブラウザはHTTPS接続時しかBrotliエンコーディングを要求しないことです。 理由は、通信を暗号化すること […]
-
2020年05月08日
-
84件のシェア(ちょっぴり話題の記事)
Auth0で保護されたAWS AppSync(GraphQL)をReactからApollo Clientで利用する方法をチュートリアルとしてまとめた
ReactからApollo Clientで、Auth0（Open ID Connect）で保護されたAppSync（GraphQL）を利用する方法を調べて、チュートリアルを作成しました。
-
2020年05月01日
-
131件のシェア(ちょっぴり話題の記事)
[2020年版] JavaScriptの便利な書き方まとめ
先月、Node.jsバージョン14がリリースされたこともあり、改めて最新のJavaScriptの書き方を調べてみました。その中でも特に便利だと感じたJavaScriptの書き方や普段の開発でよく利用している記法をまとめて […]
-
2020年04月29日
-
ビデオプレイヤーの実装が楽になる！多機能ビデオプレイヤー “THEOplayer” を紹介してみる
ビデオプレイヤー実装をサポートするTHEOplayerというサービスを紹介します
-
2020年04月27日
-
Amplify FrameworkのUIコンポーネントをカスタマイズして、テーマカラーの変更と日本語化をしてみた
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、試してみた新しくなったAmplify FrameworkのUIコンポーネントですが、今回はUIのカスタマイズを試してみました。 色 […]
-
JavaScriptの非同期処理の理解と非同期処理を同期に作る三つの方法
初心者の立場でJavaScriptの非同期に対して勉強したことと非同期処理を同期に作る三つの方法について整理して見ました。
-
2020年04月23日
-
GASでローカルCSVを取り込み、スプレッドシートで請求書を作成する
Guten Tag! ベルリンより伊藤です。 特殊な請求書を発行するケースがあり、CSVファイルのデータから請求書を作成する必要がありましたので、スプレッドシート + GASで実装しました。 この投稿を書いている中で次々 […]
-
2020年04月21日
-
ReactでApexChartsを使ってリアルタイムにデータを更新する折れ線グラフを描画する
Reactでデータがリアルタイムで更新される折れ線グラフを簡単に描画する方法がないか調べてみたところ、ApexChartsが出てきました。 ApexChartsはさまざまなグラフを描画可能なJSのOSSで、ReactやV […]
-
2020年04月20日
-
Squid: HTTP プロキシで Slack が使えない問題に対処する (WebSocket)
こんにちは、VPN 芸人のトランです。みなさんいかがお過ごしでしょうか? 今日は、HTTP プロキシを使用する環境で Slack が正しく動作しない場合に有効なワークアラウンドをご紹介します。 事象 EC2 インスタンス […]
-
[社内ハンズオン資料] Angular+Firebaseで作るTODOアプリケーション
大阪オフィスのフロントエンド勉強会で使用したAngular+Firebaseハンズオンの資料を公開します。勉強用のサンプルアプリケーションとして活用していただければ幸いです。
-
2020年04月17日
-
Amplify Framework UIコンポーネントの既存Angularプロジェクトへの埋め込みを考える
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、試してみたAmplify FrameworkのUIコンポーネントについて、実際のAngularプロジェクトでの使い方を考えてみまし […]
-
Node.jsでデータを自由自在かつ効率的にソートする
こんにちは。DA事業本部の松村です。 前回の投稿ではPythonでのデータソートについて調べましたが、本当にやりたかったのは比較関数を使ってスマートにソートすることでした。さらに比較関数をC#/LINQのOrderBy、 […]
-
2020年04月14日
-
新しくなったAmplify FrameworkのUIコンポーネントをAngular 9で試しました
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、Amplify FrameworkのUIコンポーネントが新しくなったという発表があったので早速試してみました！ なお、ドキュメント […]
-
2020年04月10日
-
[小ネタ]Javascriptで大きい桁の整数をJSONパースする時の注意点
-
2020年04月09日
-
React でページ内の目的の箇所まで自動スクロールさせる
React で作成したページに一覧が表示されているときに、一覧の最後までスクロールさせる方法。 React.createRef() で作成した ref と ref.current.scrollIntoView() を組み合わせて実装するだけです。
-
2020年04月08日
-
新しくリリースされたSketchプラグインを紹介します（2020.04版）
前回の記事から3ヶ月ほど経ったため、あらためプラグインを棚卸しました（半年だとチェックする数が多いので少し短くした）。前回から2020/3/31までに、Plugin Directoryへマージされたものから、「インストー […]
-
2020年04月07日
-
TypeScript（Node.js）のバリデーションライブラリ「Ajv」を使ってみた
Ajv（Another JSON Schema Validator）はNode.jsとブラウザ用のバリデーションライブラリです。事前に定義した検証スキーマでデータのバリデーションを行います。また、バリデーションエラーの内 […]
-
2020年04月02日
-
JavaScriptでブラウザのインターネット接続を判定する方法
Reactで構築しているWEBサイトにおいて、事前にインターネットの接続状態を判別させるケースがあり、JavaScriptでどのような実現方法があるのか調べました。先に結論を言いますと、Fetch APIやXHRを使用し […]
-
Gatsby.js と AWS Amplify を使って爆速でブログサイトをデプロイする
概要 CX事業本部の佐藤です。 Gatsby.js という React ベースの静的サイトジェネレータがあります。 それを AWS Amplify でデプロイして爆速でブログサイトをデプロイできましたので、手順を記事にし […]
-
2020年03月17日
-
Single Page ApplicationにGoogle Analyticsを設定してみた
こんにちは。さかいです。 Google Analyticsのタグを設定する際に、HTMLのヘッダーにタグを仕込めばいいかなぁと思っていたのですが、Single Page Application(以下 SPA)かぁ。 あれ […]
-
2020年03月11日
-
SOCKSプロキシを経由しないとアクセスできないサイトに対してCypressでE2Eテストを実行する
CypressからSOCKSプロキシを利用するためのワークアラウンドのご紹介です
-
2020年03月02日
-
76件のシェア(ちょっぴり話題の記事)
React Native for Web + TypeScriptを使ってReact公式のチュートリアルをやってみた
React公式ページのチュートリアルをReact Native for WebとTypeScriptを使ってやってみました。 実装するもの React公式ページのチュートリアルの三目並べゲーム 今回作成したソースコードの […]
-
2020年02月29日
-
Nuxt.jsで使うAxiosにリクエストのキャッシュ機能を組み込んでみる
Nuxt.js製のアプリで利用しているaxios-moduleでリクエストのキャッシュをしたかったので、Axiosをaxios-extensionsで拡張してキャッシュできるようにしてみました。