embryo

エンジニアの備忘録

フロントエンド

SketchPlugin開発の効率化

この記事はSketch Adevent Calendar の 17日目の記事になります。 今日はデザインツールSketchのPlugin開発を効率的に行う手法についてまとめていきます。開発者向けの記事となりますのでご留意ください。 SketchPlugin開発の基本 SketchPluginは以下のディ…

PWAを支える技術とPRPLパターンの実装

この記事はトレタ Advent Calendar 2017の11日目の記事です。 dev.toで最近話題になったPWA実装ですが、今日はそのPWA設計パターンの1つであるPRPLを実践するために必要な技術スタックとその実装方法についてまとめました。 PRPLパターンとは Googleが提唱…

es6でカスタムイテレータを作る (Iterator, Iterable, Generator)

今日はes6の仕様であるIterator、Iterableについてです。仕様を調べつつ実装して挙動を確かめていきます。 Iterator 一連の処理中において現在の処理位置を把握しつつ、コレクション中の項目へ一つずつアクセスする方法を指します。es6においては下記のnext…

React+Typescriptでコンポーネント公開用のBoilerplateを作った

今日はReact製のコンポーネントを外部公開するための雛形を作成したのでその紹介です。 ソースは以下。 github.com 構成 AltJS: Typescript Development・Docs: Storybook Unit test: Jest Typescript 型が欲しいのでTypescriptを使用しています。普段も大体…