みかづきメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ 書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

TypeScript

styled-components で定義したコンポーネントから Props を取り出したい

例えば下のようなコンポーネントがあって、 import colors from "colors.css"; import styled from "styled-components"; type Props = { primary?: boolean; } const Button = styled.button<Props>` border: 1px solid ${props => props.primary ? colors.blue : </props>…

TypeScript で文字列パラメータから型を得たい

どういうことかと言われると、こんな感じ。 ある関数 A はパラメータに指定された文字列によって返すクラスが異なる 上記関数 A を良い感じに型付けしたい 自分にはこんな感じの型定義しか思いつかなかった。 class ClassA { ... } class ClassB { ... } typ…

AWS CDK で cron イベントを発行したい

定期実行は Azure Functions が楽に使えて良いのですが、ストレージで料金発生していたので、 おとなしく AWS でやることにしたので、そのときのメモです。

GitHub + CircleCI + AWS CDK で自動デプロイをやりたい

ブログネタ何か欲しいとつぶやいたら、「AWS CDK で何か書いて」とネタをもらったので、 AWS CDK でのデプロイを自動化しました。 自動化は正義です。

AWS Cloud Development Kit で静的サイトをデプロイしたい

aws-cdk の更新をそこそこウォッチしているのですが、 最近のアップデートでファイルを投げることに対応していたので、やってみようと思います。

Vuex + VuexFire + Vuex Type Helper + TypeScript で Action を型アリで書きたい

Vuex で Firebase を良い感じに扱えるようにしてくれる VuexFire と、 TypeScript で Vuex モジュールを良い感じにかけるようにしてくれる Vue Type Helper 、 それぞれを同時に使って、型チェックや保管が効く状態で扱いたかった。 通常通り書くならこんな…

React Router でサブディレクトリをルートとして扱いたい

GitHub Pages みたいに、 https://fuyuno.github.io/hoge/ という URL しか使えないとき、 React Router で /hoge をルートとして扱いたかった。

React で Electron の WebView を使いたい

Electron + React で開発してて、 WebView を使いたいってことがあったけど、 普通に追加するだけだったら駄目だったので、やり方のメモ。

Node.js + CircleCI + Coveralls でカバレッジを取得してみる

TypeScript + Node.js でアプリを作っているのですが、テストのカバレッジを取得して、 GitHub にて、そのバッジを README.md に表示してみようという試み。 TypeScript + Node.js だけじゃなく、 JavaScript でもいけます。

TypeScript で redux-thunk を使うとき

ぐぐったら、すでにあったけど、私はこの方法で解決したぜ!というメモで。 TypeScript で redux-thunk を使おうとすると、エラーが出ます。 具体的には、こんな時にエラーが出ます。 // @ src/store/configureStore.ts /// <reference path="../typings/tsd.d.ts" /> import { createStore, applyMid</reference>…

React Native + Redux + TypeScript でモバイル開発 -構成-

前回の続き。 今回は、 Redux を、おおまかに学んでみる。

React Native + Redux + TypeScript でモバイル開発 -セットアップ-

1週間でモバイルアプリを作る必要性が出てきてしまったので、 さくっと作れそうな React Native でやってみます。

React.js で、HTML を描画したい

最近、 React.js + Electron + TypeScript で、アプリを作っているのですが、 render() の中の React Component で、生の HTML を扱うことが発生したので、 やり方を書いておきます。

TypeScript で async/await する

どうやら、 TypeScript には async/await があるらしいので、早速使ってみる

gulp で TypeScript のコンパイルを自動化する

Electron + TypeScript で開発しているのですが、 いちいちコンパイルし直すのがめんどくさいので、 gulp で自動化してみます。