www.ni4.jp

ウェブサイト制作会社の
ディレクター社長が
思ったままに書くブログ

Movable Type カスタムブロック利用時の15万文字制限への対処アイディア

ども、どもども、西山です。
この記事は、Movable Type Advent Calendar 2023、15日目の記事です。

このブログでも数多く取り上げているMovable Typeのブロックエディタ、皆さん利用してますか?
私…というか弊社では、めちゃくちゃ使ってます。

ブロックエディタが利用できるようになって以降、弊社はもちろん弊社クライアントからも大好評で、ウェブサイトの運営がかなり楽しくなっています。

ただ、楽しくなるに連れ、少しづつ凝ったことをしたくなるのが人情…

今年公開になったウェブサイトでもカスタムブロックをたくさん作って、とても更新しやすいウェブサイトができました。
…といいたいところですが、実はちょっと困ったことがありました。

それが今日のテーマ「カスタムブロックの15万文字制限」の問題です。

続きを読む:
Movable Type カスタムブロック利用時の15万文字制限への対処アイディア

MTDDC Meetup TOKYO 2023に参加してきました!

ども、どもども。
ご無沙汰ブログです、こんにちは。

去る11月11日(土)、4年ぶりのオフライン開催となったMTDDC Meetup TOKYO 2023に参加してきました。
会場は、東京ガーデンテラス紀尾井町にあるLINEヤフー株式会社のセミナールーム。
今年も150名近くの方が会場に集っていて、久しぶりにイベントの楽しさを実感できる1日となりました!

今日のブログ記事は、このイベントの参加レポートになります!
ブログを書くまでがMTDDDC、というわけで最後までお付き合いください。

続きを読む:
MTDDC Meetup TOKYO 2023に参加してきました!

Facebookが不正アクセスで乗っ取られ、アカウント停止処分を受けました。

ども、どもども。
…と、いつも通りな感じで書き始めましたが、心中はいつもどおりではありません…!

実は、7月21日(金)の深夜に、10年以上利用していたFacebookアカウントの乗っ取り被害に遭い、それ以降、Facebookにまったくアクセスできない状況が続いているのです。

WEB関連の仕事していて、なんなら「コンサルティング業務」なんかもやっている私ですが、大変お恥ずかしい話ながら、何をしていてもやられるときはやられるんだな、と。
今は「まさか自分が…」という気持ちで、心がかなりざわついております。

少し気持ちの整理ができてきたので、不正アカウントがあったときのことから、アカウントが停止された後になにをしているかなど、この記事でまとめて行こうと思います。
この記事を書き始めた7月26日(水)現在、まだ復旧の目処は立っていませんが、進捗があり次第、追記していくカタチで残していきたいと思います。

続きを読む:
Facebookが不正アクセスで乗っ取られ、アカウント停止処分を受けました。

GDPR対応もOK!「ウェブサイト向けCookie同意管理バナーツール」の導入と動作確認をしてみた。

ども、どもども。
先日このブログで、「日本企業のウェブサイトに求められるCookie利用同意確認とCookieポリシーの設置」という記事を書きました。

その記事にもあるとおり、日本国内のウェブサイトであっても、GDPRの適用対象となる場合や、改正個人情報保護法が定める「個人情報の第三者提供」を行うと認められる場合、ウェブサイト閲覧時にCookieを発行することに同意を得る必要があります。

GDPR以外へも対応が必要な場合や、ウェブサイト上でどのようなCookieを発行しているかが不明な場合などは、OneTrustなどのCMP(Consent Management Platform)を利用するのが安心かと思いますが、GA4+GoogleTagManagerでアクセス解析等を実施しているだけのような場合には、ユーザーローカル社が無料提供している「Webサイト向けCookie同意管理バナーツール」の利用も選択肢の1つと思います。

そこで今回、このブログ記事では、ユーザーローカル社の「Webサイト向けCookie同意管理バナーツール」について、その導入方法と、導入した際のGA4+GoogleTagManagerの動作(Cookieの発行状況)について、まとめていこうと思います。

続きを読む:
GDPR対応もOK!「ウェブサイト向けCookie同意管理バナーツール」の導入と動作確認をしてみた。

日本企業のウェブサイトに求められる「Cookie利用同意確認とCookieポリシーの設置」

ども、どもども。
先日、クライアント企業さんから、自社のウェブサイトにもCookie利用確認のボタンを設置したほうが良いだろうか?と相談を受けました。

Cookie利用確認のボタンの例

ここ数年でよく見かけるようになったこのボタン、EU加盟国で施行されたGDPRや、改正個人情報保護法への対応として設置されているものですが、どのようなときに必要となるかなど、明確に説明できるほど理解できていませんでした。

そこであらためて、GDPRのこと、改正個人情報保護法のこと、ウェブサイトでこのボタン(Cookie利用同意確認ツール)が必要になるケースを勉強し直したので、このブログにも残しておこうと思います。
だいぶ長くなってしまいましたが、一通り理解できたのかなと思います。
間違いなどがあったら、優しく指摘してもらえると喜びます!

続きを読む:
日本企業のウェブサイトに求められる「Cookie利用同意確認とCookieポリシーの設置」

【MovableType.net新機能】月間50回まで使えるAIタイトル提案機能で、ブログのタイトル選びを効率化!

ども、どもども。
このブログでも使用しているMovableType.netに、新たな機能が追加されました!

最近話題のAI、ChatGPTを利用した新機能!
昨年夏のMidjourney以降、私もちょこちょことAIを触っていて、ChatGPTでもいろいろと試していました。
そんな話題の新機能なので、さっそく試してみましょう!

続きを読む:
【MovableType.net新機能】月間50回まで使えるAIタイトル提案機能で、ブログのタイトル選びを効率化!

Macのローカルサーバー構築手順【SSL/バーチャルホスト編】

ども、どもども。
前回前々回と、MAMPを利用したローカル環境の構築と、利用するPHPバージョンの変更を実施してきました。

続けてこの記事では、ローカル環境へのhttpsアクセスの設定と、SSL証明書の導入、そしてバーチャルホストを利用した複数環境の作成を進めていきたいと思います。

ローカル環境ではSSL証明書はなくとも良いかもしれませんが、ブラウザに警告(Chromeだと「保護されていない通信」)が表示され続けるのは落ち着かないので、SSL証明書を導入してみることにしました。
また、私のようにウェブサイト構築の仕事をしていると、ウェブサイト毎に開発環境が用意されていたほうが、なにかと便利だと思うので、今回はバーチャルホストの設定までやってみることにしました。

参考になるウェブサイトや記事はたくさんありますが、ここも自身の備忘録として、まとめておこうと思います。

続きを読む:
Macのローカルサーバー構築手順【SSL/バーチャルホスト編】

Macのローカルサーバー構築手順【PHP追加編】

ども、どもども。
というわけで、前回の記事では、MAMPを利用したローカル環境構築と、そこからのメール送信部分までを進めました。

ただ、前回記事の最後にあったとおり、MAMPでは現在、パッケージに同梱されているバージョンのPHPしか利用できないようで、それ以外のバージョンを利用したい場合は、自分でインストールするしか無いようでした。
いろいろ検索するも、同梱されているバージョンの切り替えは見つかるのですが、そもそも同梱されていない場合の手段が見つかりません。

そんな中、私と同じように困っていた方の記事を発見し、そこから Adding Versions of PHP to MAMP on a Mac( 訳:MacのMAMPにPHPのバージョンを追加する ) という情報を見つけました。

これなら行けるかも!と試した結果、ダウンロードしたパッケージに同梱されていなかったPHP 8.0.28 の導入に成功したので、今回はその流れを備忘録として残しておこうと思います。

続きを読む:
Macのローカルサーバー構築手順【PHP追加編】

Macのローカルサーバー構築手順【MAMP導入編】

ども、どもども。
普段、ウェブサイト制作会社でディレクターとして仕事をしている私ですが、自社で開発・販売しているSKELETON CART(ショッピングカートシステム)やMovable Type用プラグインで、リリース前の動作確認をすることも、私の仕事になっています。

新機能などの動作確認であればよいのですが、PHPのバージョンアップなど、サーバー環境に変化があった際の動作確認は、それと同じ環境を用意することが私には難しい場合も多く…。
そのようなときは開発担当に動作確認をお願いしていたのですが、業務の都合などでなかなかスムースに進められないことも多く、負担になっていないか、気になっていました。

そこで今回、数年ぶりにローカル環境を整えてみようと思い立ち、以下の条件を満たせる環境を構築してみました。

最終的に目標は達成できたのですが、いろいろな作業をして初めて知ることも多かったので、いつものように「未来の自分への備忘録」として、ブログ記事にしておこうと思います。

続きを読む:
Macのローカルサーバー構築手順【MAMP導入編】

macOS版Chromeブラウザの言語設定は「システム環境設定」で変更できる

ども、どもども。
先日書いた Gmailにメールが届かないときは、SPFレコードをDNSに登録しよう という記事を、その道のプロの方が読んでくれて、「とても読みやすい」と言ってくれたことが嬉しい、そんなワタシです。

さてさて、このブログでも利用している Saas型CMS「MovableType.net」、その関連サービスに MovableType.netフォーム がありますが、このフォームは多言語対応が可能になっていて、日本語の他に英語と中国語(繁體中文/台湾)に対応しています。

言語設定を「英語」にしたフォームのサンプル

先日、クライアントさんから「英語版のフォームを用意したい」と依頼があったのですが、作ってみるとエラーがあった際のメッセージが日本語で表示されてしまうことに気が付きました。

英語設定なのにエラー部分に日本語が…

ちゃんと英語設定になっているのかな?と不安になり、シックス・アパート社の早瀬さんに確認すると、以下のマニュアルを教えてくれました。

MovableType.net フォームに入力時、「必須」にした項目が未記入、または未選択の場合に表示されるエラーメッセージは、フォーム作成時に設定した使用言語とは関係なく、ブラウザに設定された言語で表されます。
https://movabletype.net/support/form/alart-setting-lang-japanese.html

私はMacでChromeを使用しているので、それならとMac版Chromeの言語設定変更を検索してみたのですが、見つかった情報はどれも上手くいきません。
そんな中、以下のようなヘルプを見つけました。

Mac または Linux の場合:  Chrome は、パソコンで使用しているデフォルトのシステムの言語で自動的に表示されます。
https://support.google.com/chrome/answer/173424

もしかしてMac本体の言語設定を変更するのか?…これはなかなかハードルが高い…と思っていると、タイミングよく鷹野さんのツイートを目にしました。

これを試してみたところ、MovableType.netフォームの英語設定と中国語設定もちゃんと確認できたので、今日はその方法を残しておこうと思います。

続きを読む:
macOS版Chromeブラウザの言語設定は「システム環境設定」で変更できる

アクセスの多い記事