橋本 たかし

Docker

Docker swarm + Traefik v1.7(Let’s Encrypt)でワイルドカード証明書を利用する方法

Traefik v1.7を使用して、Let's Encryptのワイルドカード証明書を利用する方法の覚書です。 Docker Swarmによるオーケストレーション環境での設定方法です。(Docker-composeの場合は、たぶんdeplo...
SNS

ツイッターカードが表示されない問題への対処法

新しいウェブサイトを公開して、いざツイッターで告知しようとするとツイッターカードが表示されないことがあります。 ツイッターカードを表示するために必要な情報は、ヘッダーのメタデータで指定するのだけど、公開日までベーシック認証で非公開にしていた...
Nuxt.JS

@nuxt/content で、抜粋のみをレンダリングする方法

注)この記事は、現在の橋本技研公式サイト()を制作中に書いた記事です。 橋本技研の公式サイト()は、独立したときにWordPressを使って突貫工事で作ったものなのですが、既製テンプレートに記事だけ突っ込んだ代物ですので、ウェブサイト制作の...
Wordpress

【備忘録】よく使うWordPressのプラグインリスト

完全に自分のための備忘録です。(最近、備忘録しか書いてないが…) WordPressを使用したサイト制作もするのですが、毎回プラグインを探すのが時間の無駄なので、良く使うプラグインをまとめておこうと思います。 All in One SEO系...
Wordpress

WordPressでアーカイブのタイトルをカスタマイズする方法

WordPressで構築するサイトにパンくずリストを置く場合、get_the_archive title関数でタイトルを取得することが多いと思いますが、「カテゴリー:〇〇」や「アーカイブ:〇〇」という微妙な表記になってしまいます。 この「カ...
Docker

Traefik v1.7のBASIC認証の設定方法

いつも忘れて探し回るので。 printf "<USER>:$(openssl passwd -apr1 <PASSWD>)\n" |sed 's/\$/\$\$/g'
ウェブサーバ運用

他のウェブサーバを利用しつつ、お名前メールを使用する方法

ウェブサーバをVPSなどで運用する場合、メールサーバをどうするかが問題になることがあります。 ドメインをムームードメインで管理している場合は、ムームーメールが簡単に使えて便利なのですが、今回の案件はお名前ドットコムでした。 お名前ドットコム...
アプリケーション

Cockpit(Headless CMS)のcollectionから不要なフィールドを削除する方法

Nuxt等のフロントエンドに、OSSのHeadlessCMSであるCockpitを組み合わせて使うことが多いのですが、開発の途中でcollectionの設計を変更した際に、不要なfieldのデータを削除したい場合があります。 Cockpit...
JavaScript

クライアント側(ブラウザ)でサムネイル画像を作る方法

現在とある通販サイトを制作中なのですが、利用するユーザーの本人確認が必要なため、身分証をアップロードするステップがあります。 アップロード画像のサムネイルをどのように生成するかが本日のテーマでございます。 サーバサイドでサムネイル画像を作る...
未分類

WordPressのカスタム投稿タイプで生成するページのパーマリンクをカスタマイズする方法

WordPressにカスタム投稿タイプを追加してページを表示すると、パーマリンクがタイトルになってしまう。 「Custom Post Type Permalinks」プラグインを使用すると、パーマリンクの設定画面でカスタム投稿タイプのパーマ...