メモログ

⛰ 塵が積もって山とならないメモのログ 👄

新年の抱負を考える

今年は何をするかについて簡単なメモをとっておこうと思う。全部はできないとは思うけど、いくつかは達成したい。

あとブログの更新をできるだけ続ける

HTMLの構造を再確認する

久しくHTML要素について振り返っていなかったので、このタイミングで一度主要な構造についてのHTML要素について振り返ってみようと思う。(TL;DR:適切な見出し要素が大事。あとはおまけ)

📖 続きを読む

Hello Hexo

Gatsby はなかなかに高機能で素晴らしく、React、GraphQL、PWAなど技術的なプレイグラウンドとしても魅力的だったのだけど、結局Hexoにすることにした。

Gatsby は高機能ゆえにたとえばデザインを少し変えたいというときに、Typography の実装上でどう変更するかを調べる必要があったり、react-responsive-grid とかバンドルされてるReact Componentがどんな実装になっているかを確認したりとか、とにかく面倒くさい。この最初のラーニングカーブを乗り切ってしまえば便利なのかもしれないけど、メモ書きサイトを作るのにあまり時間をかけたくない(でもデザインは調整したい)という目的には、どうもオーバースペック感があった。あとpublicに生成されるファイルが変に多くて把握しにくいし、LightHouseのPerformanceのスコアも70前後(十分だけど)なのが少し気になった。

📖 続きを読む

Gatsbyでスタティックサイトを作成する

更新しなくなったブログをリニューアルしようと思って、Gatsby で構築しようと思い立って、今作成してみている。

Gatsbyは「Blazing-fast static site generator for React」ということで、Reactベースのスタティックサイトジェネレータらしいのだけど、実のところまだよくわかっていない。Getting Started のドキュメントをみて、gatsby-starter-blog のstarterをGithub pages で公開しているだけなのだ。

📖 続きを読む

Bitcodeを使ったアプリがCrashlyticsでmissing dSYMsになる

Xcodeでpublishした内部テスター向けのビルドで、Crashlyticsへクラッシュレポートが届かない。「missing dSYM」というエラーが出てるので、dSYMの問題だろうというところまでわかるけど、CrashlyticsのDocumentなどを読んでもわからない。Crashlyticsのmissing dSYMの画面に出てるUUIDを検索しても見つからない…

📖 続きを読む

Firefox 40 の CSP で「*」だけでは blob: を許容しなくなった。

File APIから取得した画像のサムネイルをblueimp/JavaScript-Load-Imageを使って表示していたところが、Firefox 40になってから表示されなくなったので、なんでだろうなあと思っていたら、Firefox 40からのCSPのポリシーに修正が入っていて、*(ワイルドカード)でblob:、data:、filesystem:のリソースを許容しなくなったのが原因でした。

📖 続きを読む