Website on すてきな太陽になりたい

Vue関連の書籍を読んだ

Thu, 19 Aug 2021 12:54:38 +0000

最近、Vue関連の書籍を読みましたのでその紹介です。

Webサービスを作るにあたり、フロントエンドの処理のためにVueを採用することにしたので、その勉強のために読みました。

読んだのは以下の3冊です。どの本も2020年にリリースされたVue.js3に対応しています。

Vue.js3 超入門
これからはじめる人のJavascript/Vue.jsの教科書
みんなのVue.js

Vue.js3超入門はVue.jsについて一通り説明されていて、Vue.jsについて知るのに良いと思います。
これからはじめる人のJavascript/Vue.jsの教科書は、JavascriptとTypescriptについても説明があります。
Vue.js3超入門よりも薄いので、ボリュームは少な目ですが、広く浅くという感じで記載があります。
みんなのVue.jsはVue.jsを知っている人向けに、実装時の注意点や考え方などが記載されています。例えば、国際化対応についての記述があります。

Let's Encryptの証明書を使っているサーバにcURLで接続してもSEC_ERROR_UNKNOWN_ISSUERで失敗しません

Wed, 17 Mar 2021 14:56:27 +0000

body of this entry

以前書いた記事、Let’s Encryptの証明書を使っているサーバにcURLで接続するとSEC ERROR UNKNOWN_ISSUERで失敗するですが、Let’s Encryptは悪くなかったです。自分のWebサーバの設定が悪かったです。

Nginxを使っていて、サーバ証明書にcert.pemを指定していましたが、fullchain.pemを指定するのが正しいようです。証明書と同じフォルダにあるREADMEを見ても、cert.pemは古いので使われないということが書いてありました。完全に動かないということではないようで気づきませんでした。

Nginxでのレスポンスボディの書き換え

Sat, 18 Jul 2020 03:25:03 +0000

Nginxでのレスポンスボディの書き換え方法を調べていたら、HTTP Substitutions Filterというのがあったので、Nginx Plusで使うかモジュールコンパイルして使うしかないのかと思っていたら、sub_moduleというモジュールがsub_filterディレクティブを提供していてこれで実現可能でした。

ちなみにApache2の場合にはExtFilterというのがあって、ここで好きなプログラムを使って自由にレスポンスを書き換え可能です。 Nginxのsub_moduleの場合は変数は利用可能であるものの単純な文字列の置換しかできないようです。HTTP Substitutions Filterの場合は、正規表現も使えるようです。外部コマンドを使った書き換えを簡単に定義するものはないのでしょうか。

logo 作成サービス hatchful

Mon, 29 Apr 2019 16:20:20 +0000

logo 作成サービスのhatchfulというものを使ってみた。

hatchful

faviconとブログのカバー画像をこれに変えてみた。まだ変えられていないところも多いけれど、そもそもブログがたくさんあるのでそれの整理もした方が良いかなぁ。。。

Tweetボタン設置

Tue, 23 Apr 2019 22:36:02 +0000

以下に従ってTweetボタンを設置してみた。

Tweet Button

https://publish.twitter.com/を使うと簡単にhtmlコードを生成できるので、簡単だった。

Movable Type Data API v4 の authenticationでBad Gateway

Tue, 19 Mar 2019 01:04:50 +0000

以下のマニュアルを参照してMovable Type 7のData API v4 の authentication を試したが、なかなかうまくいかなかった。原因は clientId の I が小文字になっていたためだった。

マニュアルの例のところが小文字になっていたのでそれを参考にしていたのが間違い。

マニュアル

GDPRのためのCookie利用通知

Tue, 29 Jan 2019 00:00:44 +0000

GDPRへの対応としてCookieの利用通知を行うにはどうしたら良いのか気になっていましたが、調べてみると同じ悩みを持つ人はたくさんいるようで、手っ取り早く対処するにはCookie Consentを使うのが良さそう。というわけで、さっそく使ってみた。 Wizardに従って出来上がったCodeをコピペするだけ。通知だけで、オプトインやオプトアウトしない場合は簡単。プライバシーポリシーも作ってきちんとやった方が良いのだろうけど、とりあえずデフォルトのリンク先を採用して設定した。