2018-06-30 2019-04-20

ブログで使用した技術

追記

このブログに使った技術の選定理由を紹介していきます。

ReactはFacebook社の作ったViewライブラリ。 preactはReactの軽量な互換ライブラリで、今回はこちらを使用しています（が、互換なのでReactと表記していきます）。

ReactはViewだけのシンプルなライブラリで、よく他のライブラリやフレームワークと組み合わせて使われます。なのでReactをベースに作りながら色々なものを試してみようというのをこのブログの目的にしました。

Vue.js 悪くはないけど、良さを活かせるというわけでもなさそう。今回はReactのSFCで十分。
Angular 重そう。機能過多っぽそう。
Hyperapp 私がView系ライブラリに求める条件が一通り揃っていて、preactより軽量。気にはなっているが、SPA+staticなサイトを作るジェネレータがなさそうだったので今回は見送った。いずれ自作して置き換えるかもしれない。

TypeScriptはMicrosoftが開発した言語。型のないJavaScriptに戻ることができなくなってしまったため採用しました。

ReactのPropsをチェックできるのがかなり助かっています。

類似技術にFlowがありますが、私はそれを「実行前に型エラーを検知するためのツール」だと捉えています。私が型に求めているものは「型付きの言語」であるTypeScriptの方が近いのかなと思っています。この違いについての記事をそのうち書いていきたいです。

React StaticはSPA+staticなサイトを作るためのジェネレータ。今回初めて使用します。

候補がもう1つあったけど、とりあえず新しい方試してみるかーとこちらを入れてみました。TypeSctiptやMarkdownのサンプルがあったのでそこをちょこっと弄って使っています。また、Markdownにはjdownを使用しています。

React Staticが加わったものの、React + TypeScriptといういつもの構成です。そこから色々なライブラリを追加していく…予定ですが、もしかしたらいきなりHyperappに置き換えるかも。でも、今の所は基本的なブログの機能を実装していくのが先ですね。