2019年で学んだ技術

AWS Kubernetes Terraform Angular React GitHub 振り返り

2019年を振り返る内容です。半年過ぎたころからAWSメインのインフラ業務が多くなってきたので、そのあたりで学ぶことが変わったりしました。 AWS 基本的な理解 Udemyのコース「手を動かしながら2週間で学ぶ AWS 基本から応用まで」 ※こちらは現在新規での受…

2019-02-28

Chrome拡張機能を作る過程で学んだReactのこと

React Chrome Extension TypeScript

以前にChrome拡張機能を作りました。UI部分はReactで実装しました。 hi1280.hatenablog.com 今回はこのChrome拡張機能を作る際にどのようにReactを使ったのかを紹介します。 Option Page Chrome拡張機能の設定画面です。 Material-UI 今回は以下のReact用の…

2019-02-16

React+TypeScriptでChrome拡張機能を作った

Chrome Extension React TypeScript

作ったもの Chrome拡張機能を開発するのに辛い点コールバック前提 DOMの操作開発環境整備 React+TypeScript React(Webフロントエンド向けライブラリ)の良い点 Webpack デモまとめ参考作ったもの WebページをOCRしてコピペできるChrome拡張機能を作りま…

2018-11-10

Tour of HeroesをVue+Vuexで再実装した

Vue.js Vuex Angular React Redux

Vue+Vuexを勉強したアウトプットとしてアプリを作りました。 hi1280.hatenablog.com 作ったもの Tour of HeroesはAngular公式のチュートリアルです。複数画面があって、WebAPIを呼び出すサンプルになっています。今回はこのTour of Heroesを題材にして、Vu…

2018-10-12

Tour of HeroesをReact+Reduxで再実装した

React Redux Angular

最近React+Reduxを勉強したアウトプットとして簡単なアプリを作りました。 hi1280.hatenablog.com 作ったもの Tour of HeroesはAngular公式のチュートリアルです。複数画面があって、WebAPIを呼び出すサンプルになっています。今回はこのTour of Heroesを…