fuzzy study

仕事・趣味で勉強したことのメモ

frontend

サーバレスシングルページアプリケーションについて

サーバーレスシングルページアプリケーション ―S3、AWS Lambda、API Gateway、DynamoDB、Cognitoで構築するスケーラブルなWebサービス作者: Ben Rady,吉田真吾,笹井崇司出版社/メーカー: オライリージャパン発売日: 2017/06/23メディア: 単行本(ソフトカバ…

iodide使ってみた

最近iodideというのを見つけたので少し使ってみた。 iodide javascriptのjupyter notebookみたいなやつで、まだアルファ版。 似たようなサービスにObservableがあるが、Observableはjavascriptのみなのに対し、iodideは多言語対応を進めている点が異なる。 …

React入門 Redux

React入門本を読んで、Reduxについて勉強した。 React入門 React・Reduxの導入からサーバサイドレンダリングによるUXの向上まで (NEXT ONE)作者: 穴井宏幸,石井直矢,柴田和祈,三宮肇出版社/メーカー: 翔泳社発売日: 2018/02/19メディア: 単行本(ソフトカバ…

web worker, service worker, worklet

w3schoolsのHTMLチュートリアルを流し読みして、 HTML5 APIについて学んでいたら、web workerというものを知った。 service workerは聞いたことがあったのだけど何が違うのかよくわかっていなかったので、調べた。 ほぼ以下の記事のまとめ。 bitsofco.de 似…

CSSのレイアウト flexbox について

fuzzy0.hatenablog.com 以前、上の記事でCSSのレイアウトがわかってないなという話を書いたが、 CSSを一通りざっと勉強して、(古いブラウザのことを無視すれば)flexboxだけわかってれば 大体のレイアウトは組めそうなことがわかった。 flexbox flexbox自体…

Reactに入門してみた

趣味でフロントエンドにゆるゆるとキャッチアップしたく、HTML/CSS/JavaScriptを復習しながらReactにも入門してみた。 公式サイトのチュートリアルを、最後の練習問題まで一通りやってみたものがこちら。 ※Window幅が狭いとレイアウトが崩れるので、.border-…

スマホアプリ開発初心者がFlutterのチュートリアルを読んでできるようになったこと

以前よりスマホアプリ開発に興味があったのですが、最近クロスプラットフォームのスマホアプリ開発フレームワークのFlutterが話題なので、 チュートリアルを読んで入門してみました。 Flutterとは チュートリアルを読んでできたこと Flutter開発環境の構築 W…

Flutter開発の時に知っておくとよさそうなDart文法のメモ

Dart DartはもともとJavaScriptを代替する目的で作られた言語で、何年も前からありますがあまり流行ってはいませんでした。 昨年、Dart2としてFlutterとともに話題再燃したようです。 私自身Dartに触れて一か月程度の身なのでまだよくわかっていないのですが…

読書メモ 「これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん」

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほんを読んで HTML, CSS, JavaScriptの基本から、レスポンシブ, JQuery, Ajax, SPAフレームワーク(Vue.js)まで、基本的なことが幅広く丁寧に説明されているので、フロントエンドの要素技術の全体…