HodaPress – Blog

Illustratorの変数機能で画像を自動生成する方法（CSV対応）

Sun, 05 Apr 2026 08:23:25 +0000

こんにちは、Hodaです。

今回はイラストレーターの便利な機能である、 Variable data という機能をご紹介します。

日本語では「変数データ」とも呼ばれる機能ですが、あまり知られていない機能となります。

どういう機能かというと簡単に実演したいと思いますが、まず、データのテンプレートを作成しておきます。そして、CSVでテキストや画像のデータを読み込むと、このようにCSVの表のデータに応じて、デザインのパターンを作成できるという機能です。

そして、エクスポートをすることで、このようにすべてのパターンを一括で書き出すことができるという神機能です。

メモ

例えば、名刺やバナー、サムネイルなどを1つずつ手作業で作っていると、時間がかかるだけでなく入力ミスも発生しがちです。しかし、変数機能を活用すれば、こうした作業を一気に自動化することができます。

この記事では、Illustratorの変数機能の基本から、CSVを使った具体的な活用方法まで、初心者の方でもわかりやすく解説していきます。

詳しい手順はこちらの動画でご説明していますので併せてご確認ください。

Variable Data を使うとできること

まず、Variable Data を使うと、CSVなどの表データをもとに、そのまま画像として書き出すことができます。

あらかじめ用意したデザインに対して、テキストや画像の内容だけを差し替えながら、複数のパターンを一括で生成できるのが大きな特徴です。

Variable Data の例

Variable Data の例②

例えば、パターンが決まっているデザインを大量に使う場合に非常に便利で、以下のようなケースに最適です。

セミナーやイベントの参加者用の名札（名前・会社名・役職の差し替え）
ECサイトの商品画像（商品名・価格・画像の差し替え）
YouTubeのサムネイル（タイトル・背景画像の差し替え）
SNS投稿用の画像テンプレート（テキスト・日付・カテゴリの変更）
学習用カード（単語・意味・例文の差し替え）

このように、「レイアウトは同じで中身だけ変わる」デザインであれば、ほぼすべて自動化することが可能です。

画像もOK

さらに重要なポイントとして、Variable Dataではテキストだけでなく、画像ファイルの差し替えにも対応しています。

CSVに画像のパスを指定することで、Illustrator上の画像を自動的に置き換えることができるため、例えば商品画像や人物写真なども含めて一括で生成できます。

これにより、これまで手作業で行っていた

テキストのコピペ
画像の差し替え
レイアウトの微調整

といった作業を、大幅に削減することができます。

実際の手順

それでは、実際に　Variable Data を使った方法をご紹介したいと思います。

まずは、データとなるCSVデータを用意します。Googleシートを使ってもエクセルを使ってもOKです。

また、パソコンはWindows でもMacでもどちらでもOKです。

ヒント

今回の記事では　WindowsPC を用いてご紹介します。

illustratorデザインを用意する

まずは、イラレ側でデザインを用意します。

まずは、普通にデフォルトパターンのデザインを作成していきます。

※こちらに関しては、動画で詳しくご紹介しています。

illustratorデザインを用意する

こんな感じで、

画像
タイトル
英語名
金額
説明文
育てやすさ　⭐️⭐️

のようなパーツがありますが、これらがCSVデータによって置き換わるイメージです。ここまでは特に特別なことはしておらず普通のテキストと画像でベースとなるレイアウトを作成しただけです。

CSVを用意する

次に、データテーブルを作成します。今回はGoogleシートを使っていますが、エクセルでもOKです。

CSVを用意する

まずは、データの列を定義するために、ヘッダーを書きますが、

name
image
price
description
english
level

のようにします。

また、画像はPC上の画像の保存場所を相対パスで書きます。

例)
G:\variable-test-2026\flags\141-singapore.png

ここでの注意点は以下の点です↓↓

ヘッダー名は半角英数字で統一する（小文字がおすすめ）
ヘッダー名にスペースは使わない（例：company_name）
ヘッダー名とIllustratorの変数名は完全一致させる
CSVはUTF-8形式で保存する（文字化け防止）
日本語ヘッダーは使わない方が安全
画像の縦横比は揃える（レイアウト崩れ防止）
Excelで「@」を使う場合は、先頭に ’ を付ける（例：’@image）

これでデータができたら、CSVでエクスポートします。

CSVデータをインポートしてマッピング

次に、またIllustratorに戻りまして、 ウィンドウ > 変数 をクリックします。

そうすると、以下のように表示されるので、「読み込む」をクリックして、先ほどダウンロードした CSV を保存します

変数

その後、各データをマッピングしていきます。詳しい手順はYoutube動画でご説明しています。

画像をエクスポート（バッチ）

最後に、このデータをダウンロードする必要があります。しかし、通常のように書き出し（エクスポート）しようとすると、1パターンずつ行う必要があります。

そうではなく、「アクション」から操作することで、一括で書き出すことができます。

まずは ウィンドウ > アクション を選択します

アクション

新規アクションを作成すると、その時点からの操作が自動的にレコーディングされます。その後に、保存設定を進めます。

最後にバッチを選択して、エクスポートの設定をすることで、指定したフォルダにすべてのパターンが保存されます

バッチの設定

Action : 先ほど作成したアクション
ソース : Data sets
Destination : どちらもチェックして、保存先のフォルダを選択
File name : Data set name を選択

これでOk をクリックすることで、指定したフォルダに保存されます。

【Shopify】日本語で使えるレビューアプリ TrustWILL Reviews の使い方と特徴

Tue, 31 Mar 2026 08:00:00 +0900

こんにちは！Hodaです。

こちらのレッスンでは、Shopifyのレビューアプリである TrustWILL Reviews の使い方などについてご紹介します。

レビューアプリは他にも色々ありますが、こちらのアプリは日本語にしっかり対応しており、無料でも使えるアプリなので個人的にはオススメしています！

TrustWILL Reviewsを使ってみる

TrustWILL Reviews とは？

TrustWILL Reviewsは以前は Trustoo という名前で公開されていたShopifyアプリです。

無料から使うことができるレビューアプリです。有料プランもありますが、まずは無料プランでも十分に活用できますので、これからレビュー機能を導入したい方にもおすすめです。

特徴としては、しっかりと日本語に対応している点と、ウィジェットのデザインを柔軟にカスタマイズできる点が挙げられます。ストアのデザインに合わせて自然にレビューを表示できるので、見た目を崩さずに導入することができます。

また、テキストだけでなく、写真や動画付きのレビューにも対応しているため、実際の使用感をよりリアルに伝えることができ、結果として信頼性の向上にもつながります。

その他にも、購入後に自動的にレビュー依頼のメールを送る機能もあり、効率よくストアにレビューを収集できる仕組みも用意されています。

特徴

主な機能は以下です

機能	内容
多言語対応（日本語OK）	管理画面・ウィジェットともに日本語対応。海外レビューも自動翻訳で表示可能
レビュー自動収集	購入後に自動でレビュー依頼メールを送信できる
写真・動画レビュー	画像・動画付きレビューで信頼性を強化
カスタマイズ可能なウィジェット	デザインや表示内容をブランドに合わせて自由に調整
Q&A機能	商品に対する質問と回答を掲載できる
Googleレビュー連携	Googleのレビューを取り込んで表示できる
AIレビュー分析	AIがレビューを要約・分析し、重要な意見を可視化
インセンティブ機能	レビュー投稿や紹介で割引を提供できる
リマインドメール	レビュー未投稿の顧客へ自動で再通知可能
24時間サポート	多言語でのサポートに対応

TrustWILLの大きな特徴は、レビューを「集める・見せる・活かす」まで一貫して対応している点です。

まず、レビュー収集に関しては、購入後に自動でメールを送ることができるため、手動で依頼する手間がなくなり、自然とレビューが増えていきます。また、リマインド機能もあるため、投稿率の向上にもつながります。

次に表示面では、画像や動画付きのレビューを掲載できるため、実際の使用イメージが伝わりやすく、信頼性の高いコンテンツになります。さらに、ウィジェットのデザインも自由にカスタマイズできるため、ストアの雰囲気に合わせた表示が可能です。

そして特徴的なのが、AI機能です。大量のレビューを自動で要約し、重要なポイントを抽出してくれるため、お客様が知りたい情報を分かりやすく提示できます。これにより、購入判断を後押しし、CVRの向上にもつながります。

また、日本語対応や自動翻訳機能により、海外顧客のレビューも活用できる点も大きなメリットです。

インストール方法

こちらのリンクから Shopify App Store に進み、インストールすることができます。

TrustWILL Reviews

そして、確認画面が表示されるので、インストールをクリックします

TrustWILL Reviewsのインストール方法②

つぎに言語を選択します、こちらは日本語でＯＫです。

TrustWILL Reviewsの日本語設定

次に、レビューリクエストの設定です。

この設定についてですが、こちらは後から自由にカスタマイズできますので、最初の段階では一旦そのまま進めていただいて問題ありません。

この機能を簡単に説明すると、商品を購入していただいたお客様に対して、自動でレビュー依頼のメールを送ることができる仕組みになります。

さらに、レビューを書いていただいたお客様に対して、例えば10％オフのクーポンを付与する、といった形でインセンティブを設定することもできますので、レビューを集めやすくすることができます。

後から変更できるので、一旦そのまま「続行」でOKです

レビューリクエスト

最後に、テーマでアプリを有効にします。今回のアプリは、テーマ上で動くタイプのものなので、テーマエディターで有効にする必要があります

↓ ONにして保存します

保存します

再度アプリに戻り、「続行」をクリックします

ウィジェットのカスタマイズ

次にストアに表示されるデザインカスタマイズができます。

基本的にそのままでOKです。直観的にデザインのカスタマイズができるので、気になる方は、色やレイアウトを変更できます。

アプリウィジェットのカスタマイズ

注意

いくつかの機能は有料プランなので、カスタマイズ出来ない部分もあります。

レビューウィジェット

基本的にそのままでOKですが、一点だけ変更すべき点があります。「設定」に言語設定があります。デフォルトだと英語なので、日本語にして保存しておきましょう。

レビューウィジェットShopify

星評価

次に、商品ページに表示するウィジェットの設定です。基本的に言語が日本語になっていれば、そのままでOKです

星評価

注意

設定画面のその他の部分は基本的にそのままでOKです。

ウィジェットを追加する

先ほど、テーマで有効にしましたが、まだ実際の商品ページにこのアプリ用のウィジェットが表示されていませんので、テーマエディターから追加しましょう。

商品ページの編集から、 Review widget を追加します。これもセクションなので、自由に順番を変更することも可能です。

ShopifyのReview widget

▼ また、商品情報の中のブロックも追加して、 Star rating widget も追加しておくのがよいです。これがあると、商品にレビューがある場合は★で表示されるようになります

Star rating widgetの設定方法

レビューを書いてみる

動作を確認するために、試しにレビューを書いてみることをオススメします。適当なレビューを書いて、送信してみます。レビューは後から削除できるので、適当に書いてみてOKです。

Shopifyレビューを書いてみる

▼ 恐らく、送信をすると、自動的にクーポンが発行されるようになっています。これもこのアプリの特徴となっています。不要であれば無効にしたり、クーポンの割引率を編集したりすることも可能です。

自動的にクーポンが発行

レビューを管理する

投稿されたレビューは「レビューを管理する」から一元管理できます。投稿されたレビューはここで管理できます。

Shopify レビューを管理する

もし公開したくないレビューは「公開」をOFFにします。

また、レビューに対してストアから返信できる機能もあります。

この機能を活用することで、お客様とのコミュニケーションを取ることができ、信頼感の向上につながります。

例えば、良いレビューに対してお礼を伝えたり、低評価のレビューに対して丁寧に対応することで、他のお客様にも安心感を与えることができます。

また、商品に関する補足情報を伝えたり、誤解を解消する場としても活用できますので、ストアの印象を良くするうえでもとても役立つ機能です。

▼ 実際の商品ページを更新してみると、しっかりとレビューが表示されています！

実際にレビューを書いてみる

自動割引ディスカウントをOFFにする

レビューを書いた後の自動ディスカウントを管理するには「割引を確認」から設定できます。

「レビューを書いた後に割引を提供する」をOFFにすると、割引機能自体をOFFにできます。もしレビューの割引率をカスタマイズしたい場合は、下の方でパーセンテージを編集できます。

例えば、テキストレビューだけなら 10% 、画像もつけてレビューしてくれたら 15% のようにすることもできます。

レビューを書いた後に割引を提供する

実際の使い勝手はどう？

レビュー機能

管理画面から多彩なテンプレートを選択することが出来る点はとても良いです。★アイコン以外にも多用なアイコンを使うことができるし、レビュー部分のカラーも変更することができます。また、それ以外にもストアに合ったデザインに調整できる機能が多くありました。

クーポン発行機能

書いたレビューによって、自動的にクーポンを発行する機能はとても便利です。基本的に善意でレビューを書く人って少ないので、何かしらの特典が必要です。それを自動化してくれるのでメリットが大きいです。例えば、 ★だけなら 5%, テキストレビューは 10% , 画像も添付してくれたら 15% のようにランクをつけて割引ディスカウントを提供することもできます。

自動的にレビューを収集する仕組みとしては十分です。

レビューリクエストメール機能

こちらもかなり便利です。購入後のユーザーに例えば、 14日後にレビューリクエストのメールを送ることができます。無料プランでは上限がありまうが、それでも実用的な機能だと思います。

レビューのエクスポート＆インポート

他のプラットフォームからのレビューのインポートも簡単だし、エクスポートも簡単です。サイト移転する際に重要なポイントだと思いますが、その点もカバーされています。

注意点として

個人的には特にデメリットのないレビューアプリだと思いますが、やはり無料プランでは限界もあります。例えば、送信できるリクエストメールは月間200件なので、毎月の購入数が増えるとレビュー管理もコストがかかります。

まぁ、それだけ売り上げがあれば、Starterプランの 10.99ドルは収益で賄えると思いますが、アプリである以上ランニングコストについて注意が必要です。

まとめ

以上が、「TrustWILL Reviews」の基本的な使い方になります。

レビュー機能は、ストアの信頼性や売上にも大きく関わってくる重要なポイントになりますので、ぜひ今回の内容を参考に導入してみてください。

TrustWILL Reviewsを使ってみる

Shopifyでコストを抑えてストアを維持する方法｜Pause and Buildとは？

Mon, 30 Mar 2026 08:00:00 +0900

こんにちは！Hodaです。

こちらのレッスンでは、Shopifyの休眠プラン（Pause and Buildプラン）についてご紹介します。

もし、Shopifyを始めたけど、やっぱりまだ準備が必要だったり、データを残したままちょっと保管しておきたいということもあると思います

また、シーズンオフのストアで、時期的にまったくストアを使わない場合も使えます。

Pause and Buildプランとは？

Pause and Build（ポーズアンドビルド）プランは、Shopifyストアを一時的に休止しながら、ストアの運営や管理作業を継続できるプランです。このプランでは、月額1,300円 という低コストで管理画面へのアクセスや商品情報の編集が可能ですが、チェックアウト機能が無効化されるため、顧客が商品を購入することはできません。

例えば、季節限定のストアや一時的に販売を停止したい場合に適した選択肢です。

デザインを大きく変更したり、商品構成を見直したりする際に、一時的に販売を止めて裏側で作業したいというケースがあります。このようなときにPause and Buildプランにしておくことで、コストを抑えながら安全に作業を進めることができます。

また、しばらく販売を休止したい場合にも便利です。例えば、在庫が一時的に不足している場合や、長期休暇などで発送対応ができない期間などですね。完全にストアを削除するのではなく、いつでも再開できる状態で維持しておくことができます。

さらに、新しい商品やビジネスの準備期間として使うのもおすすめです。すぐに販売はしないけれど、商品登録やページ作成などを進めておきたい場合に、低コストで環境を維持できます。

このように、Pause and Buildプランは「一度止めるけど、また再開する予定がある」というときに非常に便利な選択肢になります。

Pause and Buildプランの利用条件

Pause and Buildプランの利用条件はこちらとなります。

ストアオーナーであること。
無料試用期間を終了していること。
有料プランを利用していること（開発ストアでは利用不可）
Shopify Plusプランでは利用不可

メモ

一部の情報では有料プランを数か月利用しないと使えないという情報がありましたが、 2026年3月現在、その条件はなくなりました。

まず1つ目は、ストアオーナーであることです。スタッフアカウントでは設定できませんのでご注意ください。

2つ目は、無料トライアル期間が終了していることです。トライアル中のストアでは、このプランを利用することはできません。

3つ目は、すでに有料プランを利用していることです。開発ストアでは利用できませんので、この点も押さえておきましょう。

そして最後に、Shopify Plusプランでは利用できないという点です。

これらの条件を満たしている場合に、Pause and Buildプランを利用することができます。

「できること」と「できないこと」

それでは、Pause and Buildプランで「できること」と「できないこと」を整理しておきましょう。

まず、できなくなることです。

チェックアウトページからの決済ができない
ディスカウント機能が使えない
ギフトカードが利用できない
カゴ落ちメール（チェックアウト離脱リカバリー）が機能しない
Shopifyメールが使えない
POS機能が使えない
FacebookやGoogleなどの外部販売チャネルとの連携ができない

メモ

ちなみに Bogus Gateway（ボーガスゲートウェイ）を使ったテスト決済もできないので注意が必要です。

続いて、できることです。

管理画面へのアクセスは可能
商品登録やページ編集などのストア管理は継続できる
パスワード保護を解除して、サイトを公開状態にすることもできる
Shopifyアプリは基本的に利用可能（ただしチェックアウト関連は不可）

ヒント

このように、「販売機能は停止されるけれど、準備や管理はできる」というのが、このプランの特徴になります。

Pause and Buildプランにする手順

Pause and Buildプランを選択するには、設定→プランに進みます。プランをキャンセルという赤いボタンがあるので、こちらをクリックします。

ShopifyのPause and Buildプラン

そうすると、以下のように Pause and Build に切り替えるという項目があるので、こちらを選択します。

これで、確認画面が表示されるのでそのまま手続きを進めることで Pause and Build に切り替えることができます。

ShopifyのPause and Buildプラン

Basicプランとの比較

Pause and Buildプランは、コストを抑えたいときに非常に有効な選択肢です。

通常のBasicプランは月額3,650円ですが、Pause and Buildプランは月額1,300円で利用することができます。

つまり、毎月2,350円のコスト削減になります。

例えば、3ヶ月間ストアを休止する場合、

Basicプラン：10,950円
Pause and Build：3,900円

となり、7,050円 の差が出ます。

このように、販売をしていない期間でもBasicプランのままにしておくと、コストがそのままかかり続けてしまいます。

一方でPause and Buildプランを使えば、ストアのデータを残したまま、最低限のコストで維持することができます。

ヒント

特に、リニューアル期間やシーズンオフなど、「販売しない期間」がある場合には、非常にコストパフォーマンスの高い選択肢になります。

まとめ

以上が、Pause and Buildプランについてのご紹介になります。

通常どおりストアを運営している場合は、このプランを利用する機会はあまり多くないかもしれません。ただし、リニューアル作業中や一時的に販売を停止したい場合などには、とても便利な選択肢になります。

また、ご自身のストアだけでなく、クライアントのストアを制作・運用している場合にも役立ちます。一時的に販売を止めながら、安全に編集や調整を行いたい場面で活用できます。

状況に応じてうまく使い分けることで、無駄なコストを抑えつつ、効率的にストア運営を進めることができます。

Pause and Buildプランにすると、ストアは完全に非公開になりますか？

A. いいえ、完全に非公開になるわけではありません。パスワード保護を解除すれば、ストア自体は公開状態にすることも可能です。ただし、チェックアウト機能が無効になるため、商品を閲覧することはできても購入はできない状態になります。

Pause and Buildプラン中でも商品登録やデザイン変更はできますか？

A. はい、可能です。管理画面には引き続きアクセスできるため、商品登録やページ編集、テーマのカスタマイズなどの作業は通常どおり行えます。リニューアル準備や改善作業を進める期間として活用できます。

どんなタイミングでPause and Buildプランを使うのがおすすめですか？

A. 一時的に販売を止めたいときにおすすめです。例えば、ストアのリニューアル作業中、在庫切れで販売できない期間、長期休暇で発送対応ができない場合などに活用できます。ストアを削除せずに低コストで維持できるのが大きなメリットです。

【AI対応】Shopifyのファイル管理とは？画像やファイルを効率よく管理する方法

Sat, 14 Mar 2026 13:30:27 +0000

ShopifyでECサイトを運営していると、商品画像やバナー画像、PDFなど、さまざまなファイルをアップロードする機会があります。

例えば、次のような場面です。

商品ページに掲載する商品画像
トップページのバナー画像
コレクションページの画像
ダウンロード用のPDFファイル

これらのファイルは、Shopifyの管理画面にある 「ファイル管理」機能 で一括して管理することができます。

画像は沢山使うよね

Shopifyのファイル管理は、単に画像一覧を確認するだけの機能ではありません。

実際には次のようなことが可能です。

ファイルの検索や絞り込み
画像のサイズ変更やトリミング
背景削除などのAI画像編集
画像の置き換え（使用箇所を一括更新）

特に画像の置き換え機能などは、ECサイトを運営していると非常に便利な機能です。例えば、商品画像を変更したい場合でも、Shopifyなら一箇所で更新するだけで、サイト全体の画像をまとめて変更することができます。

この記事では、Shopifyの管理画面にある ファイル管理機能の基本的な使い方と便利な活用方法 を順番に解説していきます。

メモ

2026年の Sidekick のAI機能に対応している最新情報です！

Shopifyのファイル一覧を確認する方法

Shopifyにアップロードした画像やファイルは、管理画面からいつでも確認することができます。まずは、ファイル一覧の開き方を見ていきましょう。

Shopifyの管理画面で、次のメニューに進みます。

「コンテンツ」 → 「ファイル」

このページを開くと、これまでストアにアップロードしたファイルの一覧が表示されます。

ファイル

ここには、例えば次のようなファイルが表示されます。

商品ページで使用している商品画像
コレクションページの画像
トップページのバナー画像
PDFなどのダウンロード用ファイル

つまり、Shopifyストア内で使用している多くのメディアファイルが、この画面でまとめて管理されているというイメージです。

この一覧画面からは、ファイルを確認するだけでなく、

ファイルの検索
ファイルの絞り込み
並べ替え
新しいファイルのアップロード
画像の編集

といった様々な操作を行うことができます。

まずはこの 「ファイル一覧ページ」 が、Shopifyのメディア管理の中心になる画面だと覚えておきましょう。

ファイルの検索

Shopifyのファイル管理画面には、検索機能も用意されています。

画面上部にある 検索バー を使うことで、目的のファイルをすぐに見つけることができます。

ファイルの検索

検索は、他のShopify管理画面と同じように簡単に使うことができ、次のような情報をもとにファイルを探すことができます。

ファイル名
画像が使用されている商品名
関連するキーワード

例えば、商品名を入力すると、その商品ページで使用されている画像を見つけることができます。また、ファイル名の一部だけを入力して検索することも可能です。

ストアを運営していると、画像の数がどんどん増えていきます。そのため、ファイル名をすべて覚えていなくても、この検索機能を使うことで目的のファイルをすぐに見つけることができます。

特に商品数が多いストアでは、ファイルを探す時間を大きく短縮できる便利な機能です。

ファイルの絞り込み

Shopifyのファイル管理画面では、絞り込み（フィルター）機能を使ってファイルを探すこともできます。

絞り込み

ファイル一覧の上部にあるフィルターを使うことで、次のような条件でファイルを絞り込むことが可能です。

ファイルサイズ
ファイルタイプ（画像・動画など）
使用場所（どこで使われているか）

例えば、「画像ファイルだけを表示したい」「大きなファイルだけ確認したい」といった場合に、この絞り込み機能を使うと簡単に目的のファイルを探すことができます。

特に、ファイル名が分からない場合でも、「画像」「サイズ」「使用場所」などの条件から絞り込むことで、目的のファイルを見つけやすくなります。

ストアを運営していると、アップロードする画像の数はどんどん増えていきます。そのため、このような絞り込み機能を活用すると、ファイル管理がとてもスムーズになります。

ファイルの並べ替え

Shopifyのファイル管理画面では、ファイルの一覧を 並べ替え（ソート） することもできます。

並べ替えの項目として、主に次のような基準が用意されています。

日付
ファイル名
ファイルサイズ

例えば、日付で並べ替えをすると、最近アップロードしたファイルをすぐに確認することができます。また、ファイル名で並べ替えをすれば、アルファベット順でファイルを探すことも可能です。

さらに、ファイルサイズで並べ替えを行うことで、容量の大きいファイルを確認することもできます。画像サイズが大きすぎると、サイトの表示速度に影響することもあるため、定期的にチェックしておくと良いでしょう。

このように、並べ替え機能を使うことで、目的のファイルをより効率よく管理することができます。

ファイルのアップロード

Shopifyのファイル管理画面では、パソコンから直接ファイルをアップロードすることもできます。

ファイルのアップロード

ファイルをアップロードするには、画面右上にある 「ファイルアップロード」 ボタンをクリックし、パソコンからアップロードしたいファイルを選択します。すると、そのファイルがShopifyのファイル管理に追加されます。

また、より簡単な方法として ドラッグ＆ドロップによるアップロード も可能です。パソコン上で複数のファイルを選択し、そのままファイル管理画面にドラッグしてドロップすることで、一度にまとめてアップロードすることができます。

なお、Shopifyでは 一度に最大200個のファイルをアップロード することができます。商品画像などをまとめて追加したい場合でも、この機能を使えば効率よくアップロードすることができます。

ストア運営では画像を扱う機会が多いため、このようなアップロード方法を覚えておくと作業をスムーズに進めることができます。

個別のファイルでできること

Shopifyのファイル管理では、アップロードしたファイルを一覧で確認するだけでなく、個別のファイルを編集することもできます。

特にECサイトでは商品画像などを扱うことが多いため、実際に管理するファイルのほとんどは画像になるケースが多いと思います。

Shopifyでは、アップロード済みの画像に対してさまざまな編集機能が用意されています。

ここでは、主な機能を順番に紹介していきます。

情報

ファイルをクリックすると、「情報」タブで画像の基本情報を確認・編集することができます。

ここでは主に次の2つの項目を設定できます。

情報

名前（ファイル名）

ここでは、画像のファイル名を変更することができます。

ただし、Shopifyではファイル名に使える文字に少し制限があります。

基本的に 英数字が必要
日本語だけのファイル名はエラーになる
日本語を含めても、URLでは ハイフンなどに変換される

例えば次のようなイメージです。

観葉植物.jpg
↓
エラー

plant-観葉植物.jpg
↓
plant----.jpg（のように変換）

また、ファイル名を変更すると 画像URLも変更されます。

そのため、すでに商品ページやコレクションページなどで使用している画像の場合は、 URLが変わってしまう可能性があるため 基本的には変更しない方が安全です。

代替テキスト（ALTテキスト）

次に 代替テキスト（ALTテキスト） です。

これは、画像の内容を説明するテキストで、主に次のような目的で使用されます。

SEO対策（検索エンジンが画像を理解するため）
画面読み上げソフト（アクセシビリティ）

この項目は 空欄でも問題ありません が、可能であれば簡単な画像説明を入力しておくと良いでしょう。

例えば商品画像であれば、次のような書き方が考えられます。

例

モンステラの観葉植物
白い鉢に入ったサンスベリア
リビングに置かれた観葉植物

なお、この代替テキストは 日本語でも入力することができ、 Shopifyのファイル検索でもヒットするようになります。

そのため、後から画像を探しやすくするという意味でも、余裕があれば設定しておくと便利です。

切り抜きと変形

Shopifyでは、アップロードした画像に対して 簡単な編集を行うこともできます。 その中でもよく使う機能が 「切り抜きと変形」 です。

切り抜きと変形

この機能では、次のような画像編集を行うことができます。

画像のクロップ（切り抜き）
サイズの調整
反転
回転
ズーム

特に便利なのが、画像を 一定の比率にトリミングできる点です。例えば、次のような比率に整えることができます。

正方形（1:1）
横長の画像（16:9）
その他の比率

比率

ECサイトでは、商品画像のサイズや比率がバラバラだと、ページの見た目が整わないことがあります。

そのため、この機能を使って 画像サイズを統一することで、サイト全体をきれいに見せることができます。

保存方法（上書き保存と新規保存）

画像を編集した後は、右上の 保存ボタンの「↓」アイコンから保存方法を選択することができます。

保存ボタン

主に次の2つの保存方法があります。

保存（上書き保存） 現在の画像をそのまま上書きして保存します。

新規として保存 編集した画像を、新しいファイルとして保存します。

もし、その画像が まだどこにも使用されていない場合は、上書き保存でも問題ありません。

しかし、すでに

商品ページ
コレクションページ
バナー

などで使用している画像の場合は、上書き保存すると既存ページの画像も変わってしまいます。

そのため、そのような場合は 「新規として保存」 を選ぶことで、既存の画像に影響を与えずに、新しい画像として保存することができます。

サイズ変更

Shopifyの画像編集機能には、画像のサイズを変更する機能も用意されています。

サイズ変更

この機能を使うことで、アップロードした画像の 縦横サイズ（ピクセル）を調整することができます。例えば、次のような場面で便利です。

画像サイズが大きすぎるので 小さくしたい場合
サイトの表示速度を改善するために 軽い画像にしたい場合
テーマに合わせて 画像サイズを統一したい場合

デフォルトでは、画像の縦横比は自動的に保たれる設定になっています。そのため、例えば横幅のサイズを変更すると、縦のサイズも自動的に調整され、画像が不自然に伸びたり縮んだりすることはありません。

サイズ変更の画面を見ると、鍵のアイコン（ロックアイコン） が表示されています。このアイコンは 縦横比のロックを意味しています。

もしこのロックをクリックすると、縦横比の固定を解除することができます。

ただし、縦横比を解除してしまうと、画像が横に伸びたり縦に潰れたりする可能性があるため、通常はロックをしたまま使用することがほとんどです。

特殊なケースとして、デザインの都合などで 縦または横だけサイズを変更したい場合に、ロックを解除して調整することもできます。

描写

次に「描写」という機能です。

あまりマウスで文字や矢印を書くことは少ないかも

この機能では、画像の上に マウスを使って直接文字や線を書くことができます。例えば、画像にメモを書いたり、簡単なイラストや線を追加することが可能です。

描写ツールでは、次のような設定を変更できます。

色の変更
ペンの太さ

そのため、簡単な注釈を入れたい場合などに利用することができます。

ただし、ECサイトの運営では、商品画像に直接文字を書き込むことはあまり多くありません。そのため、この機能は必ずしも頻繁に使うものではありませんが、簡単な編集を行いたい場合には便利な機能です。

背景色（AIによる背景削除）

Shopifyの画像編集機能には、背景を自動で削除するAI機能も用意されています。編集画面の 「背景色」 を選択すると、ShopifyのAIが画像を分析し、被写体を認識して背景を自動的に削除してくれます。

例えば、商品写真の背景に余計なものが写っている場合でも、この機能を使うことで、被写体だけを切り抜いた画像を作ることができます。

背景削除前

自動背景削除の精度は、画像の内容によって多少変わりますが、背景がシンプルな画像であれば比較的きれいに切り抜くことができます。

背景が削除された後は、好きな背景色を選択することができます。 画面に表示されるカラーパレットから色をクリックするだけで、その色の背景に変更されます。

背景変更後

ECサイトでは、商品画像は 白背景 にすることが多いため、この機能を使って背景を白に整えるケースがよくあります。

もちろん、白以外にも様々な色を選択できるため、サイトのデザインに合わせて背景色を変更することも可能です。

AI生成

最後にご紹介するのが AI生成機能です。

この機能は、ShopifyのAIを使って 画像を元に新しい画像を生成したり、内容を変更したりできる機能です。 ShopifyにはいくつかAI機能が用意されていますが、その中の一つとして画像編集にもAIが活用されています。

例えば、商品画像を開いた状態でAI生成機能を使うと、テキストで指示を出して画像を変更することができます。

例えば、次のような指示を出すことができます。

「背景をリビングルームに変更」
「背景を自然の風景に変更」
「テーブルの上に置かれているようにする」

実際に、例えば植物の鉢の画像に対して 「背景をリビングルームに変更」 と指示すると、AIがその内容に合わせて新しい画像を生成してくれます。

AI生成前

そして、数秒ほど待つと、AIが指示に沿った画像を作成します。

画像

もし生成された画像がイメージと違う場合は、さらに追加の指示（プロンプト）を入力して調整することも可能です。

AI生成は、商品写真の背景を変更したり、より雰囲気のある画像を作ったりする際に役立つ機能です。さまざまなプロンプトを試してみると、思いがけない面白い画像が生成されることもあるので、ぜひ色々試してみると良いでしょう。

フォーカルポイントについて

画像ファイルを開くと、画面の下の方に 「画像をクリックしてフォーカルポイントを設定します」 という表示があります。

フォーカルポイントとは、画像を表示するときの中心位置を指定する機能です。

ECサイトでは、テーマのレイアウトによって画像が自動的にトリミングされたり、表示サイズが変わることがあります。その際に、画像の重要な部分が切れてしまうことがあります。

例えば、横長の画像を正方形で表示する場合、次のようなケースがあります。

商品が中央に表示されず、端が中心になってしまう
被写体が切れてしまう

このような場合に、フォーカルポイントを設定しておくと、画像のどこを中心に表示するかを指定することができます。

例えば、植物の写真であれば、植物の部分をクリックしてフォーカルポイントに設定することで、画像がトリミングされる場合でも、その部分が中心に表示されやすくなります。

ただし、この機能は 使用しているShopifyテーマや設定によっては反映されない場合もあります。 そのため、必ずすべての画像で設定する必要はありません。

基本的には、

被写体が中央に来てほしい画像
トリミングで被写体が切れてしまいそうな画像

など、必要な場合だけ設定すれば問題ありません。

なお、フォーカルポイントについては別の記事で詳しく解説していますので、興味のある方はそちらも参考にしてみてください。

Shopifyの画像フォーカルポイントとは？初心者にもわかる完全解説

画像の置き換え

最後に、Shopifyのファイル管理で便利な機能をご紹介します。それが 画像の置き換え機能 です。

例えば、商品画像が古くなったので、新しい画像に変更したい場合を考えてみましょう。その画像が商品ページだけでなく、コレクションページやバナーなど、複数の場所で使われていることもあります。

通常のサイトであれば、それぞれのページを開いて、古い画像を削除して新しい画像を設定する必要があり、少し手間がかかります。

しかしShopifyでは、画像の置き換え機能を使うことで、ファイル管理画面から新しい画像をアップロードするだけで、その画像を使用しているすべての場所を 自動的に新しい画像に置き換えることができます。

この機能を使うことで、画像の更新作業をとても簡単に行うことができます。

置き換えたい画像にマウスをのせて

こちらのように、置き換えたい画像にマウスをのせて、「置き換える」のボタンをクリックします。あとは、パソコンから新しい画像をアップロードすることで、自動的に古い画像が新しい画像に置き換えられます。個別でひとつづつ画像を商品ページなどから置き換える手間がなくなるのでとても便利です

まとめ

今回は、Shopifyのファイル管理機能についてご紹介しました。Shopifyでは、管理画面の「コンテンツ → ファイル」から、これまでアップロードした画像やファイルを一覧で確認し、検索や絞り込み、並べ替えなどを使って効率よく管理することができます。さらに、ファイルのアップロードだけでなく、画像のトリミングやサイズ変更、背景削除、AI生成などの編集機能も利用できるため、簡単な画像編集であれば外部ツールを使わずにShopify内で完結することも可能です。

また、フォーカルポイントの設定や画像の置き換え機能など、ストア運営を効率化するための便利な機能も用意されています。特に画像の置き換え機能は、複数のページで使用している画像を一括で更新できるため、ストアを運営していく中で役立つ場面が多いでしょう。

Shopifyでは商品画像やバナー画像など、多くのメディアを扱うことになるため、こうしたファイル管理機能を理解しておくことで、日々のストア運営をよりスムーズに進めることができます。ぜひ実際の管理画面で操作しながら、今回ご紹介した機能を活用してみてください。

Shopifyで注文後に送料を追加する方法｜離島・一部地域の送料を手動で請求する手順

Tue, 10 Mar 2026 13:30:27 +0000

Shopifyでストアを運営していると、送料の設定で悩むことの1つが「離島や一部地域の送料」です。

例えば、日本の配送では次のようなケースがあります。

離島のみ追加送料が必要
一部地域だけ配送コストが高い
通常送料では赤字になるエリアがある

しかし、Shopifyの標準機能だけでは、離島や細かい地域ごとの送料を完全に自動計算するのは難しい場合があります。

47都道府県のエリア分けは丁寧にされていますが、それだけでは不十分なケースもあります。

配送エリア設定

そのため、配送アプリを導入して対応するストアも多いのですが、

月額料金がかかる
設定が複雑
小規模ストアにはオーバースペック

といったケースも少なくありません。

そこで今回は、アプリを使わずに対応するシンプルな方法をご紹介します。

具体的には、

配送ポリシーに追加送料の可能性を記載
通常の送料設定で注文を受ける
離島だった場合のみ注文後に追加送料を請求する

という運用です。

少しアナログな方法ではありますが、実際のEC運営でもよく使われる実用的な方法です。

特に、

注文数がまだ少ないストア
送料アプリを導入したくないストア
シンプルに運用したいストア

には、とても相性の良い方法です。

それでは、Shopifyで注文後に追加送料を請求する具体的な手順を解説していきます。

ステップ1：配送ポリシーに離島の追加送料について記載する

まず最初に行うことは、離島や一部地域では追加送料が発生する可能性があることを明記すること です。

Shopifyでは「配送ポリシー（Shipping Policy）」のページを作成することができ、ここに送料や配送条件について詳しく記載することができます。

配送ポリシー（Shipping Policy）

離島などの特殊なエリアでは、通常の送料では配送コストをカバーできない場合もあるため、 追加料金が発生する可能性があることを事前にお客様に伝えておくことが重要です。

これを明記しておかないと、

注文後の追加請求にお客様が納得してくれない
トラブルやクレームにつながる

といったリスクがあるため、事前の説明はとても大切です。

例えば、配送ポリシーには次のような内容を記載しておくとよいでしょう。

【配送料金】
■ネコポス(全国一律):385円
※重量1kg以内の商品のみ
■ゆうパック・宅配便
・本州・四国・九州:770円
・北海道・沖縄:1,650円
■送料無料
ご注文金額15,000円(税込)以上で送料無料
【離島・一部地域への配送について】
以下の地域へのお届けには、追加送料が発生する場合がございます:
・伊豆諸島、小笠原諸島
・五島列島、対馬、壱岐
・奄美諸島、その他離島地域
※追加送料が発生する場合は、ご注文確認後、
　メールにて金額をご連絡いたします。
※お客様の承諾をいただいた後、追加請求書を
　お送りいたしますので、お支払い確認後の発送となります。
※追加送料の目安:500円〜2,000円程度

ステップ2：通常の送料設定を行う

次に、Shopifyの 「配送と配達（Shipping and Delivery）」のプロファイルから、通常の送料設定を行います。

ここでは特別な設定をする必要はなく、通常の送料ルールをそのまま設定すれば問題ありません。

例えば、次のような設定を行います。

全国一律の送料
地域ごとの送料（本州・北海道・沖縄など）
一定金額以上で送料無料になる設定
ネコポスなどの全国一律料金の送料

このように、まずは通常の配送ルールを設定しておきます。

今回ご紹介している方法では、 離島の送料をここで細かく設定する必要はありません。 離島の場合のみ、後から追加送料を請求する形で対応します。

ここまで設定できれば、ストアとしては通常通り注文を受け付ける準備が完了です。

ステップ3：離島の場合は注文後に追加送料を請求する

注文が入ったら、まず 配送先の住所を確認 をします。もし配送先が離島や特別な送料が必要な地域だった場合は、まずお客様に連絡を行います。

このとき、

離島のため追加送料が必要になること
追加料金の金額

をメールや電話などで説明し、お客様の了承を得ることが大切です。

お客様の了承が取れたら、Shopifyの管理画面から注文を編集して追加送料を請求します。

警告

もし了承を得られなかった場合は、ここでキャンセルと返金をすれば良いです。もしくはチェックアウトの設定から、決済のタイミングを購入時即時ではなく配送時にしても良いです。

注文を編集する

了承が得られたら、注文一覧から注文を編集しましょう

まず、管理画面の 注文一覧（Orders） から該当の注文をクリックします。その後、画面右上にある 「編集（Edit）」 をクリックします。

注文を編集

配送料を追加する

注文編集画面の中に 「配送料を編集する」 という項目があるので、こちらをクリックします。

配送料を編集する

ここでは、元の送料を変更するのではなく、追加料金として送料を上乗せすることができます。

例えば、

「離島追加送料」
「特別配送エリア送料」

などの名前を設定し、必要な金額を入力して完了をクリックします。

追加送料

設定が完了すると、注文画面に追加された送料が表示されます。

追加送料

お客様に差額を請求する

ただし、この時点では まだお客様への請求は行われていません。

お客様が最初に支払ったのは、注文時の金額のみです。そのため、追加した送料を支払ってもらう必要があります。

そこで最後に、画面下に表示される 「お客様に請求書を送信する」 にチェックを入れて、 「注文を更新する」 をクリックします。

これにより、お客様のメールアドレス宛に決済用のリンクが送信されます。

追加請求のメール例

お客様が差額を支払う

お客様にはメールが届き、その中のリンクをクリックすると、 追加送料の差額を支払うための決済画面 が表示されます。

このページから追加料金を支払ってもらうことで、離島などの特別な送料にも対応することができます。

決済画面

以上が手動で別途送料を追加し、お支払いをしてもらう流れとなります、。

まとめ

今回は、Shopifyで離島や一部地域への配送に対応するために、注文後に追加送料を請求する方法をご紹介しました。 Shopifyでは地域ごとの細かい送料設定が難しい場合もありますが、今回のように注文を編集して追加送料を請求することで、アプリを使わずに対応することが可能です。

実際に、ShopifyのAIアシスタント「Sidekick」でも同様の運用方法が提案されることがあり、この方法はShopifyの標準機能を活用した自然な運用方法と言えます。

注文数が増えてきた場合は送料管理アプリの導入を検討するのも良いですが、まずは今回の方法を使うことで、シンプルに離島配送へ対応することができます。ストアの規模や運用スタイルに合わせて、無理のない方法を選んでみてください。

Shopify Inboxで無料チャット導入！使い方やメリットを詳しく紹介

Tue, 10 Mar 2026 08:00:00 +0900

こんにちは！Hodaです。

今回は無料で使えるShopifyのカスタマーサポートチャットツールについてご紹介したいと思います :)

メモ

2026年3月に内容を最新版に更新しました

↓動画でも使い方をご紹介しています

Shopify Inboxとはどんなアプリ

Shopify Inboxは2019年にShopifyの公式が発表したカスタマーサポート用のチャットアプリです。

公式が出しているアプリということで、完全に無料で使うことができる便利なチャットアプリとなっています。

主に以下のようなメリット・仕様となっています。

インストールしてすぐ使える・コーディング不要でテーマに組み込まれる
色やデザインをカスタマイズ可能
チャットを表示する時間帯を設定可能
顧客情報やカートの中身を見ながらチャット対応が可能
スタッフの割り当てができる
すぐにメッセージを呼び出せる「クイック返信」機能
よくある質問に自動で回答する「クイック回答」機能
公式スマホアプリと連携して、スマホからチャットのやりとり

Shopify InboxはShopify公式の無料チャットアプリで、Shopifyのプランに含まれているため、 追加費用なし で利用することができます。

オンラインストアにチャットボタンを設置することができ、お客様はいつでも気軽に問い合わせができるようになります。また、返信はShopifyの管理画面だけでなく、スマホアプリからも行えるので、外出先でも対応が可能です。

主な機能としては、まずリアルタイムチャットがあります。購入を検討しているお客様からの質問に、その場で回答できるため、購入の後押しにつながりやすくなります。

次に、クイック回答機能です。配送や返品など、よくある質問についてはあらかじめ回答を設定しておくことで、自動で返信することができます。

さらに、チャット画面から商品リンクを直接送ることもできるので、お客様におすすめの商品をスムーズに案内することができます。

また、お客様がカートに入れている商品をこちら側から確認できるため、状況に合わせた具体的な提案がしやすくなります。

クイック返信機能を使えば、よく使う定型文を事前に用意しておくことで、スピーディーに対応することも可能です。

そして、対応時間の設定もできるため、営業時間外にメッセージが届いた場合は、自動で案内メッセージを送るといった運用もできます。

このように、Shopify Inboxはシンプルながらも、実際の販売に直結する便利な機能が揃っています。

インストール方法

Shopify > ダッシュボード > Shopify App store から検索して「Shopify Inbox」のアプリを見つけます。インストールをクリックすることで、皆さんのサイトにアプリをインストールすることができます。

注意：インストールをするとすぐにサイトにチャットが表示されるようになります。もしチャット機能をOFFにしたい場合はこちらからOFFにする必要があります。

チャット画面のカスタマイズ

Shopify Inboxでは簡単にチャット画面のデザインをカスタマイズすることができます。

https://admin.shopify.com/store/shop-inbox-jp/inbox/chat-settings

外観の設定

「ブランドをカスタマイズ」からチャットバブルなどのデザインの設定を行うことができます。

グリーティングメッセージ

一番最初に表示される挨拶メッセージをカスタマイズすることができます。ここはデフォルトでは英語になっているので、日本語にすることをオススメします

表示時間帯の設定

誰も担当者がいない深夜などにチャットが表示されないようにすることも可能です

タイムゾーンの設定をする必要があるよ

クイック返信

クイック回答は、簡単にいうとチャット用のFAQをあらかじめ用意しておける機能です。よくある質問とその回答を事前に設定しておくことで、お客様に対して自動で回答を表示することができ、すべてを手動で対応しなくてもよくなります。

例えば、「送料はいくらですか？」や「返品はできますか？」といった質問は頻繁に来ることが多いので、こういった内容をあらかじめ登録しておくことで、対応の手間を大きく減らすことができます。

「クイック返信を作成」をクリックすると新しいクイック返信を作成することができます。

↓これは返信の定型文のようなもので、よくあるフレーズを保存しておくことができて便利です。実際の管理者側のチャット画面で利用することができます。

各項目はクリックすることで簡単に編集することができますし、一時的に表示したくない場合はオフにすることも可能です。

また、右側にはプレビューが表示されるので、実際にお客様からどのように見えるのかや、表示の順番なども確認しながら調整することができます。

新しくクイック回答を追加したい場合は、「即時回答を作成する」 から簡単に作成できますので、皆さんのストアに合わせて必要なFAQを用意していきましょう。

スタッフのアサイン

もし別のユーザースタッフに引き継ぐ必要がある時はスタッフのアサインを行うことができます。

基本的に顧客からのチャットは誰かが対応している必要がありますので、この機能によってチャットが放置されることがなくなります。

スタッフにアサインされたチャットについては、更新されるたびにそのスタッフのみが通知を受けるようになります。

もし誰にもアサインされていないチャットがあった時、その通知はすべてのスタッフに通知されるようになっています。

事前チャットフォーム

それでは次に、「事前チャットフォーム」について見ていきましょう。

こちらの項目は少し分かりにくいのですが、実際にはチャットを開始したお客様に対して、「後からメールで返信通知を受け取るかどうか」 を選んでもらうための設定になります。

設定の中にある「マーケティングのオプトインをお客様に表示する」にチェックを入れると、チャット画面にチェックボックスが表示されます。

マーケティングのオプトインをお客様に表示する

このチェックボックスは、一見すると「マーケティングメールの同意」のように見えるのですが、実際の使い方としては、お客様がページを離れた後でも、返信があった際にメールで通知を受け取れるようにするためのものとして活用されることが多いです。

例えば、「ページを離れた場合、返信をメールで受け取ります」 といった文言にカスタマイズしておくことで、お客様にも意図が伝わりやすくなります。これをオンにしておくことで、お客様がストアを離れたあとにスタッフが返信した場合でも、その内容をメールで受け取ることができるようになります。チャットはリアルタイムのやり取りが前提ですが、実際にはお客様が途中で離れてしまうことも多いので、この設定をしておくことで、機会損失を防ぐことにもつながります。

利用時間設定

それでは、利用時間の設定について見ていきましょう。

Shopify Inboxでは、チャット対応ができる時間帯、いわゆる営業時間（チャット対応時間）を設定することができます。スタッフの方が常に24時間対応できるわけではありませんので、実際に対応できる時間を設定しておくのがおすすめです。

Shopify Inbox の利用時間

チャット自体は24時間いつでも送信できますが、設定した利用時間内かどうかによって、お客様に表示される最初のメッセージを切り替えることができます。対応できない週末などの曜日では時間を削除することで、終日対応不可というように設定できます。

そのため、「最初の自動返信」はONにしておきましょう。これによって、利用時間中と利用時間外で、それぞれ適切なメッセージを表示することができます。

利用時間中と利用時間外で最初のメッセージを分けることができます。

例えば、日本の一般的なオンラインストアであれば、以下のような内容がおすすめです。

利用時間中のメッセージとしては、

 「お問い合わせありがとうございます。現在、担当者が順次対応しております。
内容を確認のうえ、できるだけ早くご返信いたしますので、今しばらくお待ちください。」

利用時間外のメッセージとしては、

 「お問い合わせありがとうございます。現在は営業時間外のため、すぐのご返信ができません。
恐れ入りますが、翌営業日以降に順次ご対応させていただきますので、今しばらくお待ちください。」

このように、状況に応じてメッセージを分けておくことで、お客様に安心感を与えることができますし、トラブルの防止にもつながります。

実際のチャット画面（管理者側）

管理者の画面では、以下のような画面配置で顧客とチャットをすることができます。（PCの場合）

①：チャットのタイプから絞り込むことができます。基本的にアクティブな会話は「オープン」になっているので、ここからチャットを確認できます。すでに会話が終了したものについては「クローズ済み」から履歴を確認することもできます。

②：ここにはチャットのリストが表示されます。顧客名と時間が表示されます。

③：管理者はここのテキストエリアから返信することができます。普通にテキストを書いて返信もできますし、「クイック返信」「ディスカウントを追加」「商品を追加」「写真/動画を追加」することもできます。

④：現在チャットをしている顧客の情報が表示されます。「いつからの顧客」「Eメールアドレス」「チャットしている場所」「メモを追加」「カートの中身」などを確認しながらチャットをすることもできます。

実際のチャット画面（顧客側）

一部、英語で表記される箇所もありますが基本的には日本人にも問題がないUIで表示されます。実際の動作などはYoutube動画でご紹介していますのでご参照ください

Shopify Inbox の通知設定

顧客からチャットが来た時の通知の有無などを設定することができます。

通知タイプ

顧客からのチャットはすぐに気づけるようにしておくことが信頼度に繋がります。折角チャット機能があるのに、数時間も返事がなければそれだけで顧客の評価は下がってしまいます。それを防ぐために、Shopify Inboxでは以下の３種類の通知手段があります。

携帯電話：公式のShopify Inboxスマホアプリがあるので、これをインストールしておくことでスマホに通知を受けることができます。またスマホから直接返信することもできます。
メール：管理者のメール宛に通知を送ることができます。
デスクトップ：ブラウザのプッシュ通知を使って、PC上に通知を表示することができます。

↑これらのすべてをONにしておくこともできますので、顧客からのチャットを逃さないようにすることが重要です。

↓メール通知例

メッセージの各種設定

Enterキーを押した時の動作について設定することができます。様々なチャットアプリでも基本的にカスタマイズできる部分ですが、個人の好みもあるので最適な方に設定しておくと良いです。

Enterキーを押した時に

① メッセージを送信する

② 改行する (Ctrl + Enter で送信する)

のどちらからを設定することができます。

スマホアプリが便利

公式のスマホアプリがあるので、PCが手元になくてもスマホから返信をしたりメッセージを確認したりすることができます。

shopify-inbox

複数のストアを管理している場合でもアプリで管理することができて便利です。

このアプリを入れておくことで、外出先でもお客様からのメッセージを確認したり、そのまま返信することができるようになります。

また、お客様から新しいメッセージが届いた際には、スマホにプッシュ通知が届くため、すぐに気づいて対応できるのも大きなメリットです。

パソコンの前にいない時間でも対応ができるようになるので、機会損失を防ぐという意味でも、とても便利な機能です。

統計情報の確認

オンラインビジネスでは、データを活用することがとても重要です。 Shopify Inboxのアプリではしっかりとチャットの利用状況のデータを表で見れるようになっています。

まとめ

Shopify Inboxは、Shopify公式の無料チャットアプリで、皆さんのストアに簡単にチャット機能を追加できる便利なツールです。お客様からの質問にリアルタイムで対応できるため、購入前の不安を解消し、売上アップにもつながりやすいのが特徴です。

また、クイック回答や自動返信を活用することで、よくある質問には自動で対応できるため、運営の負担を減らしながら効率よくサポートを行うことができます。

さらに、顧客情報やカートの内容を確認しながら対応できるため、単なる問い合わせ対応だけでなく、接客のような形で提案ができるのも大きなポイントです。

スマホアプリを活用すれば、外出先でもメッセージの確認や返信ができるので、機会損失を防ぎながら柔軟に対応することも可能です。

Shopify Inboxをうまく活用して、皆さんのストアの接客力を高めていきましょう。

Shopify Inboxは無料で使えますか？

はい、Shopify InboxはShopify公式の無料アプリで、基本的には追加費用なしで利用できます。Shopifyのプランに含まれているため、別途課金されることなくチャット機能を導入できるのが特徴です

チャット対応は常にリアルタイムで行う必要がありますか？

いいえ、必ずしもリアルタイムで対応する必要はありません。対応時間を設定することができ、営業時間外には自動返信メッセージを表示することも可能です。そのため、無理なく運用しながらお客様対応を行うことができます。

Shopify Inboxはどのように売上アップにつながりますか？

Shopify Inboxでは、お客様の質問にリアルタイムで回答できるため、購入前の不安を解消しやすくなります。また、チャット上で商品リンクを送ったり、カートの内容を確認しながら提案ができるため、接客のような形で購買を後押しできる点が売上アップにつながります。

Shopifyの画像フォーカルポイントとは？初心者にもわかる完全解説

Fri, 06 Mar 2026 13:30:27 +0000

フォーカルポイントとは、画像の中で「絶対に見せたい部分」 を指定する機能です。

Shopifyでは、画面サイズやレイアウトに応じて画像が自動的にトリミングされますが、その際にどこを中心に残すかを決められるのがフォーカルポイントです。

人物の顔
商品のロゴ
靴やバッグなどの主役部分

こうした「ここが切れたら困る」という場所を、あらかじめ指定しておく仕組みだと考えるとわかりやすいです。

Shopifyの画像フォーカルポイント

なぜフォーカルポイントが重要なのか

結論から言うと、レスポンシブ対応が前提のShopifyでは必須に近い機能です。

理由はシンプルで、

PC（横長）
スマホ（縦長）
タブレット（中間）

これらすべてで同じ画像が違う比率で切り取られるからです。

フォーカルポイントを設定していない場合、

モデルの顔が切れる
商品の一部しか見えない
バナーの主役が画面外に消える

といった事故が普通に起きます。

これはテーマに依存しますが、多くのテーマで様々な画像レイアウトの枠が用意されています。そこから表示したい部分がはみ出ないように設定しておくのがよいです

フォーカルポイントで何が制御されているのか

フォーカルポイントは「ズーム」や「拡大」をしているわけではありません。 トリミング時の基準点 を決めているだけです。

つまり、

テーマが画像を拡大 → はみ出した部分をカット
そのとき「この点を中心に残してね」と指定している

という役割です。

そのため、

フォーカルポイントを設定しても中央に見えないことがある

という公式の注意書きが出てきます。

これはテーマ側のトリミング仕様が優先されるためで、バグではありません。

具体的な活用シーン

1. スライドショー・ヒーローバナー

一番効果を実感しやすいのがここです。

スマホで見ると人物の顔が切れる
キャッチコピーの背景がズレる

こうした問題は、フォーカルポイント設定だけでほぼ解決します。

特に「人物写真 × 横長バナー」は必須です。

2. 商品画像（特に縦横比がバラバラな場合）

アパレル・雑貨系では、

商品は縦長
グリッド表示は正方形

というケースが多く、上下が切れがちです。

靴 → 下側
バッグ → 中央やロゴ
人物着用 → 顔や胸元

ここにフォーカルポイントを置くと、一覧表示の見栄えが一気に安定します。

3. モバイル優先のデザイン

最近のテーマはモバイルファーストです。

横長画像はスマホでは左右が切れます。このとき、

人物が右寄り → 右側にフォーカルポイント
商品が下寄り → 下側にフォーカルポイント

とすることで、「スマホでの事故」を防げます。

フォーカルポイントの設定ルールと注意点

重要なポイントをまとめます。

画像1枚につきフォーカルポイントは1つだけ
どこで使っても同じフォーカルポイントが適用される
商品ページ・バナー・ブログで共用される点に注意
テーマが未対応の場合は機能しない

特に最後の点は重要で、無料テーマの対応バージョン以降でないと使えません。

フォーカルポイントを設定すべき人・しなくていい人

設定すべき人

バナーやスライドショーを使っている
モバイル表示を重視している
人物写真・商品写真が多い
デザインが崩れるのが気になる

あまり必要ない人

ロゴのみのシンプル構成
正方形画像だけで統一している
画像点数が極端に少ない

まとめ：フォーカルポイントは「保険」ではなく「前提」

フォーカルポイントは「細かい設定」に見えますが、実際は、

Shopifyで画像を使うなら最初から考えるべき前提条件

に近い機能です。

特に初心者ほど「画像はちゃんとアップしたのに、なんか変」という壁にぶつかります。

その原因の多くは、フォーカルポイント未設定＋レスポンシブトリミングです。

画像にこだわるなら、 アップロード → フォーカルポイント確認 ここまでを1セットにするのがおすすめです。

Supabase無料プランの制限対策｜GitHub Actionsで自動Heartbeatを実装する方法

Thu, 19 Feb 2026 13:31:27 +0000

Supabaseの無料プランは非常に便利ですが、一定期間アクセスやAPIリクエストが発生しないと「inactive」と判断され、プロジェクトが一時停止（ポーズ）される仕様があります。小規模な会員サイトや検証環境、特典サイトなどでは、利用頻度が低いタイミングもあるため、気づかないうちに停止してしまうケースも少なくありません。

今回の記事では、Supabase無料プランの一時停止を防ぐために、GitHub Actionsを活用して定期的に自動アクセス（Heartbeat）を行う方法を解説します。シンプルな設定で、手動復旧の手間を減らし、安定した運用を実現するための具体的な手順をご紹介します。

実際、私も小規模の会員サイトやResendと連携してフォーム送信データの保存として supabase を使うことが多いです。しかし、APIリクエストが少ないと一時停止されることがあるので、それを防ぐための施策となります。（自分への備忘録も兼ねて記事に整理しています）

Supabase 側で “軽いSELECT先” を用意

まず、Supabase側でテーブルを作成します。最低限のテーブルを以下の方法で作成します。以下のAとBを順番に行います

A. healthcheck テーブルを作る（SQLでOK）

Supabase SQL Editor で以下を実行します

create table if not exists public.healthcheck (
id bigint generated always as identity primary key,
created_at timestamptz not null default now()
);
insert into public.healthcheck default values;

B. RLS を有効化＆匿名（anon）でSELECTだけ許可

Aでテーブルができたら、以下を実行します。

alter table public.healthcheck enable row level security;
create policy "allow anon select healthcheck"
on public.healthcheck
for select
to anon
using (true);

メモ

これで anon key で SELECT だけできるようになります（安全ですね）。

GitHub Secrets を追加

GitHubに進み、空のリポジトリを1つ新規作成します。visibility はプライベートで良いです。 Initialize with README：ON にしておきます。

空のリポジトリ

次に環境変数を入れる必要があります。

リポジトリの Settings > Actions secrets and variables > Repository secrets に進みます。

以下のデータをSupabaseから取得して挿入します。

Name	Value
SUPABASE_URL	`https://xxxx.supabase.co`
SUPABASE_ANON_KEY	anon key

SupabaseのAPIは各 Projects の API設定から確認できます。

動作ファイルの作成

リポジトリトップで

Add file → Create new file

ファイル名にそのままこれを入力します。

.github/workflows/supabase-heartbeat.yml を入力します

そうすると、以下のように自動的に階層のフォルダが作成されます。素晴らしいですね。

そして、作成された中身に、以下の workflow YAML を貼り付けます。

name: Supabase Heartbeat
on:
schedule:
# 毎週 月・木 に実行（UTC）
# 例: 03:15 UTC = 12:15 JST
- cron: "15 3 * * 1,4"
workflow_dispatch: {}
jobs:
ping:
runs-on: ubuntu-latest
timeout-minutes: 5
steps:
- name: Ping Supabase (REST select)
env:
SUPABASE_URL: ${{ secrets.SUPABASE_URL }}
SUPABASE_ANON_KEY: ${{ secrets.SUPABASE_ANON_KEY }}
run: |
set -euo pipefail
if [ -z "${SUPABASE_URL:-}" ] || [ -z "${SUPABASE_ANON_KEY:-}" ]; then
echo "Missing SUPABASE_URL or SUPABASE_ANON_KEY secrets."
exit 1
fi
ENDPOINT="${SUPABASE_URL}/rest/v1/healthcheck?select=id&limit=1"
echo "Requesting: ${ENDPOINT}"
# curl with retry
http_code=$(curl -sS -o /tmp/resp.json \
-w "%{http_code}" \
--retry 3 --retry-delay 2 --retry-all-errors \
-H "apikey: ${SUPABASE_ANON_KEY}" \
-H "Authorization: Bearer ${SUPABASE_ANON_KEY}" \
-H "Accept: application/json" \
"${ENDPOINT}")
echo "HTTP: ${http_code}"
cat /tmp/resp.json || true
if [ "${http_code}" -lt 200 ] || [ "${http_code}" -ge 300 ]; then
echo "Supabase heartbeat failed."
exit 1
fi
echo "Supabase heartbeat OK."

貼り付けたらコミット変更を保存します。以下のようなファイル構成になっていればOKです

Git

Actionの設定

次に、 Actionのタブに進みます。そうすると、先ほど作成した Supabase Heartbeat というアクションが表示されていると思います

Github Action

そしたら、右側に表示されいている Run workflow をクリックして実行します

メモ

押して緑チェックマークが表示する → Supabaseへのアクセスも成功

これで設定は完了です。

これで何が保証されるか

週2回（cron）で Supabase にアクセスしてくれます。 SUpabaseのテーブルに自分でアクセスしなくてもスクリプトが自動的にアクセスしてくれますので、無料枠の一時停止を避けることができます。

まとめ

Supabaseの無料プランは非常に使いやすく、小規模なアプリや会員サイト、検証環境などには最適な選択肢です。しかし「一定期間アクティビティがないと一時停止される」という仕様を理解していないと、ある日突然ログインできなくなったり、APIが動かなくなったりといったトラブルにつながる可能性があります。

今回ご紹介したように、GitHub Actionsを使って定期的に軽いリクエストを送る仕組みを作っておけば、手動で確認する必要もなく、安定した状態を保つことができます。設定も一度行えば基本的に放置で問題ありません。

無料プランを安心して長く使い続けるためにも、こうした「小さな自動化」を取り入れておくことは非常に有効です。Supabaseを本番運用や会員サイトで活用している皆さんは、ぜひ早めに対策をしておきましょう。

【画像付】Shopifyを安全にキャンセルする方法

Thu, 19 Feb 2026 13:30:27 +0000

Shopifyを一定期間だけ利用したい場合や、ストアの方向性を見直したい場合など、「解約」という選択をするタイミングもあるかもしれません。

しかし、何も確認せずに手続きを進めてしまうと、ドメインの失効やアプリ課金の継続、データ消失など思わぬトラブルにつながる可能性があります。こちらの記事では、Shopifyを安全にキャンセルするための具体的な手順と注意点を、実際の画面をもとにわかりやすく解説していきます。

Shopifyをキャンセルする手順

まず、左下の歯車アイコンの 設定 をクリックします。そして、プラン > プランを解約するの赤い文字をクリックします。

設定

そうすると、「プランを解約する」画面になります。ここで プランを解約する を選択します。

ヒント

ここに記載の通り、プランを解約しても２年間はShopify側でデータを保持してくれます。もし再開したい時はそのデータから引き継ぐことができます。

設定

次に、注意事項が表示されるので確認をします。以下の点を注意してください。

① 外部アプリのサブスクリプションは自分で解約が必要

Shopifyストアを解約しても、Shopify外で契約しているアプリ（月額課金など）は自動で止まらない場合があります。

ヒント

事前にアプリ側の契約状況を確認しておくことが大切です。

② 追加アカウントもキャンセルされる

ストアにスタッフアカウントなどを追加している場合、ストア解約と同時にそれらもすべて無効になります。事前にスタッフアカウントは削除しておくことをオススメします

③ ドメインに関する重要な注意

■ 接続している独自ドメイン

ストアを解約すると、そのストアに接続されているドメインは削除されます。

■ Shopifyで購入したドメイン

Shopifyで購入したドメインの自動更新はオフになります。

ヒント

放置するとドメインが失効する可能性があるため注意が必要です。必要であればドメイン移転などを検討する必要があります。

④ データは消える前に必ずエクスポート

商品データ・顧客データ・注文データなどは解約前にCSVでエクスポートしておく必要があります。

一度解約すると、基本的には管理画面にアクセスできなくなります。

問題なければ 上記の内容を確認しました をクリックして続行します

解約理由

次に解約理由を選択します。特に選択肢によって何か変わることはないので、該当するものを選択します

解約理由

最終確認として、ストアが閉鎖されることが説明されています。 2年以内であれば、再度有料プランを選択すればストアのデータをそのまま引き継いで再開することができます。

最終確認

正しく解約できると以下の画面になります。必要であれば過去の請求書を確認することもできます。

メモ

解約をすると管理者宛にメール通知も来ているので併せて確認しておきましょう

まとめ

いかがでしたでしょうか。Shopifyの解約手順自体はそれほど難しくありませんが、ドメインの扱いや外部アプリの課金、データのエクスポートなど、事前に確認しておくべきポイントがいくつかあります。

特に、再開の可能性がある場合は、データのバックアップやドメイン管理を慎重に行うことが大切です。手続きを進める前に必要事項をしっかり確認し、トラブルのない形でキャンセルを行いましょう。

Shopifyで作られた日本のウェブサイト30個【サンプル】

Mon, 16 Feb 2026 13:30:27 +0000

近年、国内でもShopifyを活用する企業やブランドが急増しています。ECサイトはもちろん、コーポレートサイトやブランドサイト、LPとして活用されている事例も多く、「Shopify＝ネットショップ」というイメージを超えた使い方が広がっています。

本記事では、日本国内で実際にShopifyで構築されているウェブサイトを30個厳選してご紹介します。デザインの参考はもちろん、構成や導線設計、活用アイデアのヒントとしてもぜひご覧ください。

メモ

リサーチ時点でShopifyを使って構築されているサイト一覧です。

サイト名	URL
アソビュー	https://store.asoview.com/
PriceList Watabe Wedding	https://price.watabe-wedding.co.jp/
Makuake STORE	https://store.makuake.com/
食器の専門店 _ THE SERVES TABLEWARE	https://serves.jp/
TKS公式オンラインショップ	https://shop.tks-gifu.jp/
カネコ小兵公式オンラインストア｜食を楽しくする美濃焼の通販	https://store.ko-hyo.com/
野原工芸オンラインストア｜木のボールペン・茶筒・木製品・なぎそねこの制作と販売	https://store.nohara.jp/
茶匠六兵衛 _ 京都大徳寺前の日本茶専門店	rokubei-tea.com
生牧草 uchinoco gourmet ® オンラインショップ	https://uchinocogourmet.jp/
祇園北川半兵衛 \| 公式オンラインストア	https://gion-kitagwahanbee.com/
名物水餃子と老舗本格中華 \| 楽仙樓【公式通販】	https://rakusenroh.jp/
吉岡酒造場オンラインショップ	https://yoshinoyama-tango.com/
SPOOKY HOUSE-スプーキーハウス【オンラインストア】	https://spookyhouse.store/
淡路島の天然藍染工房	https://aiaii.blue/
高野竹工オンラインショップ	https://takanochikko.com/
丹誠窯公式通販サイト	https://shop.tanseigama.jp/
アートワークス神戸	https://artworks-kobe.com/
頑丈で美しいビジネスバッグ（メンズ、ナイロン）の最高品質｜ WONDER BAGGAGE公式サイト	https://wonder-baggage.com/
＜公式＞横浜中華街四川料理京華樓	https://kyokarou.com/
OKASHI0467	https://kamakura0467.com/
LYN	https://light-your-nail.shop/
ARTWOOD 01 STORE	https://artwood01store.com/
if you have	https://ifyouhave.org/
有田焼ミニパフェガトーショコラ	https://aritaporcelainlabcafe.com/
HIRSCH｜ヒルシュジャパンオフィシャルサイト	https://hirschjapan.com/
IWATETSU TEKKI ONLINE SHOP 岩鉄鉄器公式オンラインショップ	https://store.iwatetsu.jp/
IWACHU \| 株式会社岩鋳本場盛岡南部鐵器の岩鋳	https://iwachu.co.jp/
なかほら牧場公式オンラインストア	https://nakahora-bokujou.jp/
山城屋酒造〜自然に溢れた山口で造られた日本酒を召し上がれ〜	https://sugihime.jp/
【公式】NANGA ナンガオンラインショップ	https://store.nanga.jp/

Shopifyサイトか確認する方法

Shopifyで構築されているかどうかを確認する方法はいくつかあります。最もシンプルなのは、ブラウザでサイトを開き、ソースコードを表示して shopify. という文字列を検索する方法です。テーマやCDNの読み込み部分にShopify特有の記述が含まれていることが多く、ある程度の判別が可能です。

ただし、毎回ソースコードを確認するのは少し手間がかかります。そこで便利なのが「Koala Inspector」というChrome拡張機能です。インストールするだけで、今アクセスしているサイトがShopifyで作られているかどうかをワンクリックで確認できます。テーマ情報やアプリの使用状況まで分かることもあり、リサーチには非常に役立ちます。

具体的な使い方については、以下の動画で詳しく解説していますので、ぜひ参考にしてみてください。

【画像付】テーマフッターのPowered by Shopify を削除する方法

Sat, 07 Feb 2026 03:30:27 +0000

Shopifyのテーマにはデフォルトで Powered by Shopify というが表示されています。テーマによってはOFFにするオプションがあったりしますが、中にはオプションがない場合もあります。

これはコードをカスタマイズすることで削除することが可能です。 CSSで隠す方法もありますが、今回は Liquidコードをカスタマイズする方法をご紹介します。

まずはテーマのバックアップ

今回はテーマコードのカスタマイズをするので、まずは操作を行う前にテーマの duplicate をして、バックアップしておくことをおすすめします。

テーマのカスタマイズ

バックアップができたら、 Edit Code をクリックします。

オンラインストア

そうすると、以下のようにコードエディターがオンラインで開きます。ここから直接 Liquidコードをカスタマイズすることができます。

Code editor Shopify

まずは、TOPバーから footer と検索して、 footer.liquid のテンプレートを見つけます。

そして、以下の部分を検索します。 Ctrl + F で検索窓を開くことができます。

{{ powered_by_link }}

powered_by_link

そうすると、以下のような部分の行を見つけることができると思います。

<small class="copyright__content">{{ powered_by_link }}</small>

メモ

テーマによっては要素が異なる可能性があります。

あとは、この行を削除すればOKです。削除したら、 Save をクリックすることで保存することができます。

そうすると、以下のように Powered by Shopify が非表示になります。

注意

テーマによってはスマホとPCで表示が異なる可能性があります。その場合、他のファイルにも同じコードがある可能性があります。

【レビュー】新しくなった FotorPea で実際に色々と画像を編集してみたよ

Tue, 03 Feb 2026 23:15:12 +0000

こんにちは！HODAです！

今回は hitpaw 様のご依頼で、バージョンアップされた HitPaw FotorPea(旧名:HitPaw Photo Enhancer) のレビューをしていきたいと思います。最近では、多くのAI画像編集ツールが選択肢としてあると思いますが、実際にどのような使い勝手かなどの使用感を

企業について : Hitpaw

Hitpaw

HitPaw（ヒットポー）は、写真・動画・音声といったデジタルコンテンツを、AIの力で手軽に扱えるようにするソフトウェアを提供しているグローバル企業です。2019年前後から本格的にサービスを展開し、現在ではWindows・Mac向けのデスクトップソフトに加え、iOS・Android向けのモバイルアプリも幅広く展開しています。

HitPawの特徴は、専門知識がなくても直感的に使える設計と、AIによる自動処理に強みを持っている点です。写真の高画質化や不要物の削除、動画の画質補正や変換、さらには音声処理やボイスチェンジまで、用途別にツールが細かく用意されています。

HitPaw Japan というYoutubeチャンネルでは、実際にツールを使った事例や動画のサンプルがあります。これらを見るだけでも参考になると思います。

FotorPea の特徴

HitPaw FotorPea（旧：HitPaw Photo Enhancer）は、写真の画質向上や復元に特化したAI画像補正ツールです。ワンクリック操作を基本としながら、プロレベルの補正結果を目指せる点が特徴で、初心者からクリエイター、ビジネス用途まで幅広く利用されています。

FotorPeaの中核となるのは、用途別に用意された複数のAIモデルです。顔写真に特化した「Faceモデル」、低解像度画像を高精細化する「Upscaleモデル」、動きや手ブレによるボケを修復する「Sharpenモデル」、夜景や暗所撮影のノイズを除去する「Denoiseモデル」、さらに白黒写真のカラー化や傷修復を行う「Colorizeモデル」など、写真の状態に応じて最適な処理を選択できます。

特に評価が高いのが、古い写真やピンボケ写真の復元性能です。失われたディテールをAIが推定・補完し、最大4K相当まで高画質化できるため、家族写真の修復や記録写真の再生、商品写真のクオリティ向上などにも活用されています。過度に不自然な補正になりにくく、質感や雰囲気を保ったまま仕上がる点も安心材料です。

また、近年は画像生成や背景削除、AIポートレート作成、ID写真作成などの機能も追加され、単なる補正ツールにとどまらない多機能AIフォトエディターとして進化しています。Windows・Macの両方に対応しており、「難しい編集はしたくないが、写真の完成度は上げたい」というユーザーに向いたAI画像ツールとなっています。

そして、2026年には 5.2 バージョンが登場し、 AI写真編集というキャンバスのような機能が登場しました。これによって複数の画像をアップロードして、直感的に操作することができるようになりました。

また、今回のツールはクラウド型ではなく、パソコンにインストールして利用するタイプのソフトです。クラウドタイプと違い、以下のようなメリットがあります。

① クラウド不要、PCにインストールして使える

HitPaw FotorPeaは、ブラウザ上で処理を行うクラウド型AIツールではなく、 Windows・Macにインストールして使うデスクトップ型ソフトです。画像データを外部サーバーにアップロードする必要がないため、個人写真や家族写真、仕事用の素材なども安心してローカル環境で処理できます。通信状況に左右されず、オフライン環境でも作業できる点は、クラウド型にはない大きなメリットです。

② 処理速度が安定しており、待ち時間が少ない

クラウド型AIは、アクセス集中やサーバー状況によって処理待ちが発生することがありますが、FotorPeaはPCの性能を使って直接処理します。そのため、夜間や混雑時間帯でも速度が落ちにくい何枚もまとめて処理しても安定しているといった利点があり、継続的に作業する人ほど快適に感じやすい構成です。

③ 使った分だけ消費する“クレジット制”でコスト管理しやすい

FotorPeaはクレジット制 なので、無制限に使えるタイプではありません。ただ逆に言うと、毎月の固定費を払い続けるサブスク一択ではなく、利用頻度に合わせてコストをコントロールしやすい設計です。「必要なときに集中して使う」タイプの方には相性が良いです。

メモ

今回僕が実際に利用しているのはライフタイムプランです。このプランの場合、毎月課金ではなく、とりあえず必要なクレジットだけを購入できます。もし後から必要になったら追加購入することができるので、コスト管理がしやすいです。

無料でFotorPeaを試す

システム要件

公式サイトにもありますが、 Windows/Macで機能します。以下は、執筆時点での動作仕様です。

Windows

項目	項目
対応OS	Windows 11 / 10（64-bit）
CPU	Intel i3（第4世代）または AMD Ryzen 3 相当以上
ディスク空き容量	2GB 以上
メモリ（RAM）	8GB 以上
グラフィックカード（GPU）	NVIDIA GTX 950 または AMD Radeon 460 相当以上
OpenGL	バージョン 3.3 以上
DirectX	バージョン 12
ディスプレイ	1366 × 768 解像度以上

Mac

項目	要件
対応OS	macOS 10.15 以降
CPU	Intel i3（第4世代）または Apple M1 相当以上
ディスク空き容量	2GB 以上
メモリ（RAM）	8GB 以上
グラフィックカード（GPU）	Intel UHD 630 または Apple M1 相当以上
OpenGL	バージョン 3.3 以上
ディスプレイ	1366 × 768 解像度以上

サポートされている画像フォーマット

アップロード
.png, .jpg, .jpeg, .webp, .tif, .tga, .bmp, .jfif, .raw
ダウンロード
.png, .jpg, .jpeg, .webp, .tif, .tga, .bmp, .jfif .raw

メモリが8GB以上なので最近のPCであれば機能しますが、グラフィックボードは必要となります。 raw ファイルにも対応していますが、一部の編集機能では最大画像サイズが3840 x 2160 px (4MB以下)という制限があったりします。

ヒント

今回僕の環境では Windowsで RAM64GB , Core i9 , GeForce RTX 4070 でテストしています。

実際に使ってみた

今回は実際に永久プランをご提供いただき、レビューをしてみました。以下に様々なパターンで画像を編集してみましたのでご参考いただけますと幸いです。

画像の置き換え

まず、FotorPea が得意なのは、画像内の一部項目の置き換えです。

例えば、以下の画像はハンガリーで撮影したタクシーの画像です。

サンプル

こちらに以下のプロンプトで指示をします。

Replace this yellow car with a pickup truck.

結果

このように画像入れかえの精度は高いです。ズームアップしてもクオリティは高いです。しっかりと、ポールの後ろに停車されていますが、しっかりとポールは残ったままで、きちんと置き換えられていることがわかります。

他にも色々と置き換えてみます。例えば、メイン画像と参考画像を用意して、以下のようにスペインのモーニングの一部をたこ焼きの参考画像と置き換えてみました

Replace the breakfast food on the plate with the takoyaki from the reference image. Match the lighting, perspective, and plate position so it looks naturally served in this scene.

結果

▼ 次は、デンマークで撮影した壁面アートの一部をサンプルのアニメキャラクターに置き換えてみます。

Replace the poster/sign on the wall with the image from the reference photo(my faice). Blend it naturally with the wall texture and perspective.

結果

どちらも精度はかなり高く。特に不自然は感じはありません。

2枚の画像を組み合わせる

次に2舞の画像を組み合わせてみましょう。例えば、これは僕がスペインの公園の健康器具を使っている様子です。結構複雑なポーズをしていますが、これにスーツの画像をセットで合成してみます

サンプル

Change the model’s outfit to match the suit shown in the reference image. You may adjust the pose to whatever looks most natural and appropriate.

結果

こんな感じで、綺麗にスーツを着た状態で画像が生成されています。複雑なポーズではありますが、しっかりと画像のスーツを来ています。

画像のアップスケール

切り出してみたちょっと荒い画像をアップしてみます。これをアップスケールをします。ちなみに、 AI機能を使わなければ基本的にクレジットをしようせずにアップスケールが可能です。

画像のアップスケール

左の画像から、右の画像にアップスケールしました。確かに被写体のエッジがクリアになっているのがわかります。

背景削除

背景削除は人だけでなく、モノに対しても機能します。

ただし、しっかりとこれがオブジェクトです！という感じの画像でないと周りのものもオブジェクトとして残ってしまいます。できれば、画像中央にオブジェクトがあり、背景がはっきりとわかる画像がよいです。

背景削除

次は以下のようにアフリカで撮影した画像です。この画像自体がAIっぽいですが笑。実際に現地で撮影した画像です

背景削除

実際に近くの人にも反応しますが、その点はブラシであとから削除することができます。

画像の一部をAI編集

画像の一部を指定して、AIを使ってモノを追加したり編集することも可能です。

例えば、こちらはウィーンで撮影した画像です。僕の目の前に少しスペースがありますね。ここにプロンプトを使って色々と追加することができます。

ウィーンで撮影した画像

例えば、目の前のスペースを選択して以下のプロンプトを投げてみます

This scene is in Europe. Add a European street stall here and make it look like chimney cake (Kürtőskalács) is being sold there. チムニーケーキ屋を置く

This is a scene in Europe. Turn the specified area into a rental bicycle parking space. The bicycles should be red, with a docking station for parking. About 50% of the docks are in use, with several bicycles parked there. 海外のレンタル自転車の駐輪所にする

結果

こんな感じで影の感じも綺麗に表現されました。これは面白くて何度も編集してしまいそうです笑（これはクレジットを消費するのでやりすぎ注意。）

古い画像のリストア（復元）

FotorPeaの得意分野として、古い写真の復元もできます。

Within our gates (www.loc.gov) から

復元の設定は以下のように様々な種類があります。精度や機能によって消費するクレジットが異なります。

Fotorpeaの復元機能

▼ こんな感じで50年前の洋画の切り抜きですが、このように復元することができます。

顔の修復

顔の修復はクレジット不要で実行することができます。自分の顔をアップするのは少々恥ずかしいですが、以下のように顔画像が綺麗に表示されています。ちなみに、モニター上ではちょっと綺麗になったかなくらいですが、実際に画像の縦横サイズも最大8倍まで引き延ばすことができるので、かなり修正されていることがわかります。

顔の修復右の方が綺麗になっている

オブジェクト削除

いわゆるGoogleの消しゴムマジックのような機能です。写真内の不要物を綺麗に消すことができます。ただし、完璧という訳ではなく、背景が交差している部分などは処理が曖昧になることがありました。これは、どのツールでもまだ精度はこれくらいなので、今後のアップデートに期待しましょう。

生成AI機能も試す

キャラを作成して

Nano Banana , Bytedance , Flux , ChatGPT が入っているので、AIキャラ生成も強いです。例えば、昔飼っていた実家の犬の写真を何枚か用意して、チャットに投げてみます

This is a photo of my dog. Using this image as a reference, create an animated character in a Disney-style design.

犬の画像

▼ ディズニー風という指示を出したので、以下のようにディズニーのわんわん物語そうな感じで生成されました

キャラを作成した

LINEスタンプを作る

次にちょっとアイディアを出して、ぬいぐるみの画像からLINE風のスタンプをを作成するようにしてみました。

Using the provided reference images of a capybara plush toy, create a set of 6 cute sticker-style illustrations suitable for LINE stickers and WhatsApp stickers.
Style:
- Cute, simple, and expressive anime-style illustration
- Soft pastel colors
- Clean outlines
- Flat, sticker-friendly design
- No background (transparent background)
- High contrast so it looks good on chat apps
Character consistency:
- Keep the same capybara plush character design across all stickers
- Same face, proportions, and color tone
- Plush toy texture should still be recognizable
Each sticker should feature:
- A different pose and facial expression
- Exaggerated emotions for clear communication
- Centered composition
- Enough padding around the character (safe margins for stickers)

▼こちらは元の画像

元の画像はこんな感じ

▼ 結果

LINEスタンプが生成AIで完成した

これは想像以上に可愛いですね！しかし、背景透過に見えていますが、実際は透過風の背景となっているだけです。生成AIの場合、エクスポート設定がないようでしたので、ここから別途背景透過の処理が必要かと思います。

テキストから画像を作るのも優秀

今までは画像を元に生成をしていましたが、テキストから画像を生成することも試してみました。以下のプロンプトで試してみます。

Using a highly detailed 1/7 scale commercial figurine model,create a realistic-stvle rendering of the character in the image, situated in an authentic environment. The figurine is placed on a computer desk, standing on around transparent acrylic base without any text. The computer screen displays the brush modeling process of the figurine. Next to the screen is a toy box in the style of BANDAl, featuring a high-fidelity reproduction of the original artwork-with particular emphasis on accurate facial details and vivid expression.

テキストから画像を作る

エクスポート設定

エクスポートの設定は思った以上に細かく設定することができました。

エクスポート一般設定

相性がわるい場合はプロセッサーをGPUからCUPに変更したり、インテルのグラフィックに切り替えることができます

エクスポート設定 AI高画質化

品質やエクスポートの形式を指定することができます。また、アクセルモードというモードがあり、画質よりも速度を優先することもできます。 Exif（エグジフ）データの保持も可能です。

エクスポート設定 AI写真編集

苦手な点

どんなツールでも編集分野で苦手な点はあります。今回僕がレビューした感じだと Fotorpeaは以下の点がちょっと苦手な印象があります。

テキストは弱い

実際にテキスト生成のプロンプトもいくつか試してみました。例えば、海外の看板を日本語に置き換えるようなプロンプトを入力しましたが、どうしてもテキスト生成をしようとすると タスク失敗 となりました。

エストニア書店

全体編集も難しい

よくある「昼から夜にして」のようなプロンプトも画像AIツール上では難しかったです。こちらも様々なプロンプトを入力して見ましたが、得意ではないようです。

プラン

Hitpaw Fotorpea は無料プランを提供しているので、実際の使用感やお持ちのデバイスとの相性を確認することができます。

ただし、無料プランではウォーターマーク（透かし）が入るので実際の編集や作品制作には向いていません。

無料プランで動作を確認し、基本的には有料プランで利用するツールとなります。

キャンペーンによって価格は変動する可能性がありますが、以下のように３つの価格プランが提供されています。

Hitpaw Fotorpea の価格プラン

月額プランが向いている人

月額プランは、短期間だけFotorPeaを試したい方や、特定のプロジェクトで集中的に使いたい方に向いています。初期コストを抑えて始められるため、AI画像生成や画像高画質化をまず体験してみたい場合に最適です。白黒写真のカラー化や背景透過などを一度まとめて処理したい人、レビューや検証目的で使う人にも相性が良く、必要なくなればすぐ解約できる柔軟さが魅力です。

額プランが向いている人

年額プランは、定期的に画像補正やAI画像生成を行う方におすすめです。月額よりもコストパフォーマンスが高く、1年を通して安定して利用できます。ブログ運営やECサイトの商品画像作成、SNS投稿用の画像制作など、継続的に画像を扱う人にとっては最もバランスの良い選択肢です。バッチ処理や高画質化を日常的に使う方には特に向いています。

買い切り（永久ライセンス）が向いている人

買い切りプランは、一度の支払いで長く使いたい方に向いています。サブスクリプション管理が不要で、将来的にも同じツールを使い続けたい人にとって安心感があります。写真修復や白黒写真のカラー化など、必要なタイミングでまとめて作業したい方や、業務用途で長期的に使う予定のある方におすすめです。ランニングコストを気にしたくない人に最適なプランです。

AIクレジットが必要な作業

AI背景削除
アップスケール
AI自動生成
AI画像編集
AIポートレート
画像の復元
顔の入れ替え

AIクレジットが不要な作業

オブジェクト削除
トリミング
顔の修復

こんな方には向いていない場合もあります

HitPaw FotorPeaは、写真の高画質化や復元に強みを持つAIツールですが、用途によっては最適とは言えないケースもあります。以下に当てはまる方は、他のツールも検討したほうがよいかもしれません。

注意

画像全体を細かく編集したい人

FotorPeaは部分的な補正（顔・ノイズ・ぼけ・色補正など）には非常に優れていますが、露出や色味、構図など画像全体を細かく調整する総合編集には向いていません。PhotoshopやLightroomのような本格的な編集を求める場合は物足りなさを感じる可能性があります。

注意

テキストを含めた画像生成を重視する人

AI画像生成機能は搭載されていますが、文字やロゴ、文章を含むデザイン生成は得意分野ではありません。バナーやサムネイルでテキストを重視したい場合は、Canvaなどのデザイン寄りツールのほうが適しています。また資料作成にも向ていません。

注意

アイコンやイラスト制作が目的の人

FotorPeaは基本的に「写真」を扱うAIツールです。アイコンやワンポイントのイラスト、キャラクターデザインなどを作りたい方には、イラスト特化型の画像生成AIのほうが向いています。

注意

PCのスペックが低く、クラウド処理が必須な人

FotorPeaはインストール型のAIツールのため、処理速度や快適さはPC性能に大きく依存します。スペックが低いPCを使用している場合や、クラウド上で完結したい方には不向きな場合があります。

まとめ

いかがでしたでしょうか。

今回は HitPaw 様の Fotorpeaをレビューしました。AI画像編集に関してマルチで対応できるソフトなので、AI画像編集や生成に興味のある方は試してみる価値は大いにあると思います。

また、Gemini Nano Bananaなど複数の高精度AIモデルを搭載されており、100種類以上のスタイルテンプレートから自由に選択可能ですので、初めての画像生成ツールを迷われている方にも最適かもしれません。

詳しい内容は是非公式サイトでご確認いただけますと幸いです！

無料でFotorPeaを試す

【2026年最新】Teachable vs Thinkific 完全比較：日本人が選ぶべきはどっち？手数料から決済・機能まで解説

Thu, 22 Jan 2026 04:29:09 +0000

こんにちは！HODAです！

オンラインコース作成プラットフォームといえば「Teachable」「Thinkific」が有名ですが、どちらを導入すべきか悩んでいる方も多いと思います。今回は両プラットフォームの機能、価格、特徴を徹底比較しました。また、これらの上位プラットフォームというと語弊があるかもしれませんが、両者の機能を大きくカバーしているKAJABIについても軽く触れています。

Eラーニングプラットフォームは実際にコンテンツをアップロードしたり、生徒の登録が進んでくると後から移行が難しかったりします。

今回の記事はどちらのプラットフォームも数年間の利用経験があり、日本人のクライアント様向けに移行サポートや導入サポートを行ったことがある僕が両者の違いやメリットデメリットについて解説したいと思います。

導入を検討している方は参考にしてください。

結論だけ先に｜TeachableとThinkificはどんな人向け？

よく TeachableとThinkific の選択で悩んでいる方からどちらが良いのかご質問をいただきます。

正直、今までは どちらのプラットフォームもできることはほとんど同じ と答えてきました

しかし、ここ数年で両プラットフォームは価格改定やプラン内容の変更を繰り返しており、以前と同じ感覚で選ぶと「思っていたのと違った」と感じるケースが増えています。

Teachable vs Thinkific

今までは

Teachable → リーズナブルな価格でEラーニングを開始したい方向け
Thinkific → さらに高度なマーケティング、顧客管理などを販売したい中級者向け

という立ち位置のプラットフォームでした。

メモ

歴史的に ThinkificはTeachableのサービスを見てから後発的にローンチされたサービスなので、Teachableの弱点をカバーした仕様となっていました。

しかし、現在は少し違います。今までは値段的には Teachable には無料プランが提供されており、無料プランであっても十分に利用することができました。ただ、最近は無料プランはほぼ廃止状態になり、実質有料プランにしないと本格的にビジネスとして使えなくなりました。また、Teachableの最安プランもThinkificの最安プランと同じ価格帯になりました。

正直なところ、 現在の価格とプラン仕様だけを見ると、Thinkificのほうが有利に見える場面が多い のも事実です。

ただし、それだけで判断してしまうと後悔するケースもあります。

この記事では、日本人向けにTeachableとThinkificを20以上の項目で徹底的に比較し、「どんな人が、どちらを選ぶべきか」を迷わず判断できるように整理していきます。

Teachableを無料で使ってみる

Thinkificを無料で使ってみる

価格プラン比較

まず、皆さんが気になっているであろう、それぞれのプランの違いです。価格情報は 2026年1月時点のそれぞれのプラットフォームの情報を使用しています。

無料プランの有無

Teachable

Thinkific

無料プランなし
無料トライアル7日間

無料プランなし
無料トライアル30日間

どちらも管理画面は英語。多くの方がブラウザ翻訳で運用。

まず気になるのが無料プランの有無です。無料プランが存在することで、まずはプラットフォームの使用感や操作性などを試すことができるので重要なポイントだと思います。

まず、 Teachable には過去には無料プランがありました。しかし、現在は無料プランは廃止されており、必ず有料プランを使う必要があります。ただし、 7日間の無料トライアル（クレジットカード必要）があるので、その期間にキャンセルをすれば課金されずに実際の管理画面などを試すことは可能です。ただ、有料プランにしたとしても Teachable には30日間の返金保証があります。万が一7日間を過ぎて課金されたとしてもサポートに連絡することで30日以内であれば返金をしてくれます。

次に、 Thinkificも過去に無料プランがありました。しかし、こちらも廃止され、現在は有料プランのみが存在しています。Thinkificとの違いは、Thinkificの場合は無料トライアルが30日間あるということです。クレジットカードは必須となりますが、 30日間は新しいプラットフォームを試すのに十分な期間だと思います。コースを試しに作成したり、顧客を追加したり、コミュニティを作成してみることができます。

一番安いプランでできること

Teachable

Thinkific

月額39ドル

月額49ドル

月額で支払う場合の料金。年払いだと割引あり

Teachable

Teachableは Starter が一番安いプランです。初めての方はまずはこちらのプランからスタートすることをオススメします。仕様は以下のようになっています。

7.5% transaction fee （決済手数料）
1個のプロダクトを公開
無制限の下書きプロダクトの作成
100名の登録できる生徒数
メールでのサポートのみ

これが重要なポイントです。僕が知る限り、Teachableは以前は一番安いプランでもプロダクト（コース、コーチング、デジタルダウンロード）を無制限で作成することができました。しかし、現在はなんと1個のコースしか公開することができなくなりました。下書きは無制限という風に価格ページでPRしていますが、これはほとんどメリットはないですね。公開できなければ収益には繋がらないので。また、有料プランであっても決済する度に 7.5% の決済手数料をTeachableに取られてしまいます。これと併せてStripeなどを使うので実質は 10%くらいの手数料を取られてしまうということになります。

Thinkific

Basicプラン(月額49ドル)が最安プランとなります。Thinkificの場合、一番安いプランであっても十分に中規模のビジネスをできる内容となっている点が大きな強みです。

無制限のコースを作成して公開できる
5件のデジタルダウンロード
独自ドメイン
メールとチャットサポート

Teachableではコース数に制限がありましたが、Thinkificは最安プランから無制限にコースを公開できるという大きなメリットがあります。また、Teachableの最安プランではできなかった独自ドメインを設定できるので、お持ちのドメインとスクールを紐づけて school.domein.com のようにご自身のブランドでビジネスをスタートできます。

また、サポートもチャットサポートが含まれるので、困った時にすぐにサポートスタッフに確認することができます。やりとりは英語になりますが、メールと比べると問題解決速度はスムーズになります。

一番高いプランでできること

Teachable

Thinkific

月額399ドル

月額199ドル

月額で支払う場合の料金。年払いだと割引あり。Thinkificは「Plus」という拡張プランあり。

次に、皆さんのビジネスが大きくなった際にどこまで対応できるかのスケーラビリティの話です。最上級のプランでは当然それぞれのプラットフォームのすべての機能を使えるようになります。ビジネスが大きくなった際に、どこまで対応できるのかをまとめています。

Teachable（最上位プラン）

Teachableの最上位プランは Advanced（$399/月）です（年払いの場合は月あたり $309）。

Starterで感じた「公開できるプロダクトが1個」「7.5%のトランザクションフィー」といった制限を、ビジネス用途として一気に取り払うためのプラン、という位置付けになります。

仕様として大きいのは、まず 0% transaction fee になる点です。Starterのように売上から7.5%を追加で取られることがなくなり、Stripeなどの通常手数料だけで運用できます。さらに公開できるプロダクト数も100件まで増えるので、複数講座・コーチング・デジタル商品を並行して販売する運用が現実的になります（ただし「無制限」ではなく上限100）。

またAdvancedでは、受講生向けの iOS/Androidアプリ、アップセルやカートリカバリー、アフィリエイト、修了証、ホワイトラベル、管理権限のカスタマイズ、字幕・翻訳など、売上を伸ばすための“全部入り”が並びます。さらにチャットサポートも含まれるので、Starterの「メールのみ」よりは問題解決が速くなるのも大きいです。

ただ、ここがTeachableの悩ましいところで、Advancedは月額が高いだけでなく「公開100件」という上限があるため、講座数をガンガン増やすモデルだと将来的に天井が見えます。Teachableは「最安で始める」よりも、「ある程度売れる前提で、運用を整えて伸ばす」プラットフォームに寄ってきた印象があります。

警告

最上級のプランであっても作成できるプロダクト数は 100個だけ。また登録できる生徒は 5,000人まで。

Thinkific（上位プラン：Grow）

Thinkificの有料プランの中で、個人〜中規模ビジネスにとって事実上の最上位となるのが Growプラン（月額199ドル、年払いで割引あり）です。最安のBasicプランでもコース無制限という強みがありましたが、Growプランでは「売上を伸ばす」「運営を効率化する」ための機能が一気に追加されます。

特に大きいのが、ホワイトラベル対応です。サイト全体やプロダクト画面からThinkificのロゴや表記を外せるため、受講生から見ると「完全に自社スクール」として運営できます。ブランディングを重視する方にとっては、ここがGrowプランに上げる大きな理由になります。

メモ

ホワイトラベルにすることで、自社構築したスクールのように見せることができます。

また、3つのコミュニティを作成できる点も特徴的です。受講者をレベル別・講座別・法人顧客別などに分けて管理できるため、受講体験を分断せずにセグメント運営が可能になります。単なる動画販売ではなく、継続的な学習コミュニティを作りたい人には相性が良い設計です。

さらに、Growプランでは API・Webhookによる外部連携が解放され、サポートも電話＋優先チャットになります。英語対応ではありますが、メールのみのサポートと比べると、トラブル解決のスピードは明らかに上がります。

実際に僕の知っているクライアントさんで中小企業さんのケースでも Plus を契約しているケースもあります。特にTeachable では上限のあった生徒数もplusでは無制限になるのは大きなメリットです。

動画ストレージ

Teachable

Thinkific

2TB

無制限

アップロードできる動画の容量

次にアップロードできる動画の容量についてです。国内のサービスだとストレージに容量に制限があったり、容量が増える度に従量課金されるケースが多いと思います。

まず、Teachableですが、これもちょっと残念なのですが、以前は無制限で動画をアップロードしてホスティングすることができました。しかし、近年のアップデートでなんと 2TB となってしまいました。これはAdvancedプランであってもストレージ容量はこの制限となります。最近の動画の画質向上を思うと、この2TBというのは物足りない容量だと思います。

一方Thinkificでは、アップロードできる動画の本数や合計サイズの制限はありません。これはWistiaと契約しているおかげで提供できているThinkificのメリットです。一点注意点ですが、アップロードする1動画あたりの上限は 2GB以内であることです。ただ、長い動画であれば分割してアップロードすればいいだけなので、そんなに大きな問題ではないと思います。

メモ

Thinkificでは1本あたりの上限があるだけなので、例えば、 1.5GBの動画を20,000本アップロードしても問題ありません。

メモ

ちなみに、この点について言うとKAJABIは 1本当たり4GBまでの動画に対応しており、4K画質の動画もアップロードできます。またThinkific同様にストレージ上限は無制限で動画をホスティングできます

管理画面の使用感

Teachable

Thinkific

英語

UIはシンプル

次に実際に皆さんが操作をする管理画面の操作性です。管理画面はそれぞれ英語になっており、日本語では使えない点は両者同じです。

Teachable

正直、管理画面の使いやすさで言うと、TeachableもThinkificも同等です。どちらも左側サイドバーにメニュー項目がならんでおり、カテゴリーごとにメニューが分かれているので少ないクリックで目的のページに進むことができます。最初はどこに何があるか迷うかもしれませんが、慣れれば操作は難しくありません。

Teachableの管理画面

Thinkific

Thinkific も以下のようになっており、操作性は慣れればOKという感じです。ただ、メニューのカテゴリーとその中身の紐づけが「？」と思うことがあり、これも慣れないと「あれってどこにあるかな？」という感じになります。ただし、

Thinkificの管理画面

日本語のカスタマイズ性

Teachable

Thinkific

300テキスト以上を細かくカスタマイズできる

一部カスタマイズできるが、後は自動翻訳

アップロードできる動画の容量

個人的にTeachableに大きな軍配があるとすれば日本語のカスタマイズ制の高さです。

Teachableでは Language and custom tex というエリアがあり、ここから 300箇所以上のテキストを自由にカスタマイズすることができます。

Language and custom tex

1つずつ手作業で記入する必要があるという手間がありますが、その分、皆さんのビジネスに合わせた自由な言い回しで記載できるのは大きなメリットです。

例えば、

You'll receive a link in the email you supplied that will enable you to reset your account password.

のようなパスワード設定通知メッセージなどの細かいメッセージも好きな日本語でカスタマイズすることができます。

Thinkific

一方、Thinkificでも一部自由にカスタマイズすることができる文章がありますが、基本的にはすべて自動翻訳された日本語となります。楽と言えばそうですが、若干翻訳が変な箇所もあるので、ちょっと不便に思う方もいると思います。

Language settings

コース内の構成について

コース作成プラットフォームとして重要な比較対象がコース画面です。実際の作成方法や生徒が見る画面について気になっている方も多いと思います。

まず、ThinkificとTeachableは、コース構造そのものは非常によく似ています。

どちらも、1つのコースの中にセクション（章）を作り、その中に複数のレッスン（動画・テキスト・教材）を配置する形式です。

この点に関しては、どちらが優れている、という差はほぼありません。

例：ヨガ入門コースの構成サンプル
■ セクション1：ヨガの基礎を学ぶ
→ レッスン1：ヨガとは？基本的な考え方と効果
→ レッスン2：ヨガを始める前の注意点と準備
→ レッスン3：正しい呼吸法（腹式呼吸・胸式呼吸）
■ セクション2：基本のポーズを身につける
→ レッスン1：立位の基本ポーズ（山のポーズ・前屈）
→ レッスン2：座位の基本ポーズ（安楽座・ねじり）
→ レッスン3：寝位の基本ポーズ（シャヴァーサナ）
■ セクション3：簡単なフローヨガに挑戦
→ レッスン1：ウォームアップの流れ
→ レッスン2：太陽礼拝の基本フロー
→ レッスン3：クールダウンとリラクゼーション

↑こちらのような感じで、コースの中身のコンテンツが多くなってもセクションで整理できるようになっています。

注意

ちなみに、セクションの中にサブカテゴリのようにさらに細かく分けることはできません。

1個のレッスンの中身の違い

日本語のカスタマイズ性

Teachable

Thinkific

1レッスンに複数のコンテンツを追加できる

1レッスン＝ 1コンテンツ

コース自体の構成は基本的に似ている両者ですが、1レッスン内のコンテンツには大きな違いがあります。

Teachable の特徴は1つのレッスン内に動画、テキスト、PDFなどを一気に追加できるという点です。例えば、上記の「レッスン1：ヨガとは？基本的な考え方と効果」というレッスンがあった時に、そのレッスンに動画①、動画②、PDF、テキスト、クイズのようにコンテンツを含めることができます。

Teachable

これにより、1個のレッスンで見せたいコンテンツを一度に見せることができるというメリットがあります。特に動画+PDF を同時に表示したい場合はメリットがあります。

Thinkificでは、考え方が異なり、 1レッスン=1動画ということになります。なので、「レッスン1：ヨガとは？基本的な考え方と効果」というレッスンに関する動画、PDF、クイズを作成したい場合は、

「レッスン1：ヨガとは？基本的な考え方と効果」
「レッスン2：ヨガとは？基本的な考え方と効果(PDF)」
「レッスン3：ヨガとは？基本的な考え方と効果(クイズ)」

のようにそれぞれ分けて作成する必要があります。これがデメリットという訳ではありませんが、管理者や生徒によっては項目が多くなりすぎてしまい管理が大変になる可能性があります。

Thinkificのカリキュラムの仕組み

販売できる価格プラン

ThinkificもTeachable 以下の価格プランで生徒にコンテンツを提供できます。

無料
一回払い
サブスクリプション（月額・年額）
複数回払い

また、1個のコースに対して、複数の価格を付けて販売することもできます。例えば、「ヨガ入門コースに対して」

① 9800円(1回払い)
② 毎月 980円のサブスクリプション
③ 2,000円/4回払い の複数回払い

のように、生徒の希望する支払いプランで販売できるようになっています。

Teachableで販売できる価格プラン

細かい仕様になりますが、Teachableの方は以下のような設定もできます。

サブスクリプション間隔：毎週、隔週(2週毎)、毎月、3カ月毎、半年ごと、毎月
販売期間に期限を付ける
サブスクリプションの無料トライアル期間の設定
無料コース、有料コースにアクセス期限を付ける：例購入してから 90日間見れる

Thinkific も以下のような仕様になっています。これはTeachableと同じ仕組みです。

Thinkificで販売できる価格プラン

Thinkificの場合、一点利点としては、選択した価格プランによってその後のフローを変更する ことができます。

例えば、

一回払いで購入した → サンキューページAに飛ばす
サブスクリプション課金で購入した → 公式LINEの登録ページに飛ばす

のような条件で分けることができます。

ドリップ機能も搭載

自動的にレッスンを時間差で公開していくドリップ機能もどちらも搭載しています。

例えば、生徒がコースA を開始すると、自動的に時間差で1週間後に新しいコンテンツが公開されるような仕組みです。

実際のレッスンページ

どちらもある程度テンプレートのカスタマイズができるが、カラーなどをカスタマイズできる程度でレイアウトの大きな変更はできない。

どちらも左にメニューがあり、そこからセクションやレッスンを選択して進むことができる仕組み。ちなみに、当然どちらもスマホレスポンシブ対応になっているので、スマホで見ても違和感はない。

動画を入れる

クーポン機能

効果的にマーケティングを行うためにクーポン機能は必須です。どちらもクーポン機能を提供しています。

TeachableとThinkificはいずれも、オンライン講座やデジタル商品を販売するためのプラットフォームとして、クーポン機能を標準で備えています。割引コードを発行し、期間限定キャンペーンや特定ユーザー向けのオファーを行える点では、両者に大きな違いはありません。基本的な「クーポンを使った値引き販売」という目的は、どちらのプラットフォームでも十分に達成できます。

まず共通点として、両者とも 割引率（％）または固定金額（$） のクーポンを作成できます。クーポンはチェックアウト画面で入力する形式に加え、URLにパラメータを付与して 自動適用 することも可能です。メルマガやSNS、限定ページなどと組み合わせたプロモーション施策は、どちらでも問題なく行えます。

Teachableのクーポン

また、対象範囲についても似た考え方を採用しています。スクール全体に適用するクーポン、特定の商品に適用するクーポン、特定の料金プランにだけ適用するクーポンといった形で、販売対象を細かく制御できます。これにより、「全商品セール」「特定コースだけ割引」「上位プランへの誘導用クーポン」など、一般的なマーケティング施策は両者とも実装可能です。

一方で、設計思想の違いが表れやすいのが サブスクリプションや分割払いに対する割引の扱い です。 Teachableでは、割引率クーポンは支払いの全期間に適用され、固定金額クーポンは初回決済のみに適用されるという、比較的シンプルなルールが採用されています。挙動が分かりやすく、設定ミスが起きにくい反面、「何か月間だけ割引する」といった細かい制御はできません。

これに対してThinkificでは、クーポンの割引期間を 月単位で指定 できます。「最初の2か月だけ割引」「3か月間だけ適用」といった形で、導入キャンペーンやトライアル的なオファーを柔軟に設計できます。ただし、支払い周期が年払い・四半期払いの場合は計算が直感的でなく、設定内容を正しく理解していないと意図しない割引になりやすい点には注意が必要です。

管理面でも違いがあります。 Thinkificでは、1つのクーポンに複数のクーポンコードを紐づけて管理でき、使用回数や残数も一覧で確認できます。さらに、一定数以上の購入で自動的に割引が適用される 数量割引（ボリュームディスカウント） を標準機能として提供しており、法人向けや団体購入を想定した設計になっています。

一方Teachableでは、単発クーポンを大量に生成する場合、CSVファイルとして管理する形式が採用されています。個別対応や特定ユーザー向けの配布には向いていますが、発行後の追跡や管理は運営者側で行う必要があり、ややアナログな印象を受ける場面もあります。

また、最低決済金額に関する制限も異なります。 Teachableでは有料商品を1ドル未満で販売できない仕様があり、Thinkificでも割引後価格が一定金額未満になると決済できません。いずれも「実質無料」に近い価格設定を行う場合には、クーポン設計に注意が必要です。

総合的に見ると、両者のクーポン機能は「できる／できない」というレベルでは大差はなく、どのような販売モデルを想定しているかによって使い勝手が変わります。シンプルで分かりやすい割引施策を行いたい場合と、B2Bや継続課金を含めた複雑なオファー設計を行いたい場合とで、評価ポイントが分かれるのが両プラットフォームの特徴と言えるでしょう。

比較項目	Teachable	Thinkific
クーポンコード発行	◯	◯
URLでの自動適用	◯（`?coupon_code=`）	◯
割引タイプ	割引率（％）／固定金額	割引率（％）／固定金額
全商品対象クーポン	◯	◯
特定商品対象クーポン	◯	◯
料金プラン限定クーポン	◯	◯
複数回使用クーポン	◯（使用回数指定）	◯（使用回数指定）
単発（1回限り）クーポン	◯（CSV生成・自己管理）	◯（コード単位で管理）
クーポン管理画面	標準（単発はCSV管理）	一覧で可視化・管理しやすい
複数コードを1クーポンに紐付け	✖	◯
サブスク割引の考え方	％割引＝全期間金額割引＝初回のみ	割引期間を月単位で指定可能
割引の適用期間制御	シンプル（細かい指定不可）	柔軟（◯ヶ月間など指定可）
数量条件付き割引（ボリューム）	✖	◯（Grow以上・Group Orders）
法人・団体向け割引設計	△（手動対応が多い）	◎（標準機能で対応）
最低決済金額制限	$1.00未満不可	$0.50未満不可
クーポンの有効期限	設定可	設定可（UTC基準）
有効期限なし（常設）	◯	◯
設定ミスの起きやすさ	少なめ（挙動が単純）	やや注意（期間指定が複雑）

修了証

どちらのプラットフォームも修了証を発行することができます。しかし、Thinkificには致命的な欠点があります。

Teachable

Thinkific

日本語にも対応

日本語非対応・文字化けする

Thinkificでは実質、日本人向けには修了証機能は使えないと考えてよい。

オンライン講座を提供するうえで、修了証（Certificate）機能 は「学習の達成感を高める」「受講者が成果を可視化できる」重要な要素です。

特に、ビジネス系・資格系・企業研修では、修了証の有無が受講動機に直結することも少なくありません。 Teachable と Thinkific は、どちらも標準機能として修了証を発行できますが、日本語環境で使う場合、その実用性には明確な差があります。

結論から言うと、日本語で修了証を使いたい場合は Teachable が圧倒的に有利です。

理由はシンプルで、Thinkific の修了証は日本語（ひらがな・漢字）に対応していないからです。

この仕様は以前から存在し、僕も数年前からサポートに改善要望を出していますが、現時点でも根本的な対応は行われていません。公式ガイドにも「アルファベット以外のテキストには対応していません」と明記されています

Teachable

Teachable の修了証は、柔軟性と完成度の高さが特徴です。

テンプレート編集が直感的で、日本語も問題なし

Teachable では、以下のような内容を管理画面から簡単に編集できます。

ロゴ
タイトル・サブタイトル
コース名
受講者名
発行日
シリアル番号
テキストカラー・背景色

これらはすべて日本語で問題なく表示・PDF出力が可能です。

HTML / Liquid を使った完全カスタマイズも可能

さらに上級者向けには、

HTML
CSS
Liquid 変数（受講者名・日付など）

を使って、完全オリジナルの修了証デザインを作ることもできます。

「企業ロゴを入れた正式な証明書風デザイン」「スクール独自フォーマットの修了証」

といった要件にも対応できるため、法人研修や本格的なスクール運営との相性が非常に良いです。

手動発行・一括発行にも対応

自動発行（100%完了時）
管理者による手動発行
条件を満たした受講者への一括発行
発行後のダウンロード・取り消し

など、運営側の管理機能も充実しています。

Thinkific の修了証機能の注意点（日本語非対応）

Thinkific も修了証機能自体は用意されていますが、日本語を使う場合は明確な制限があります。

日本語を含むと文字化けする

受講者名
コース名
修了証本文テキスト

これらに日本語（漢字・ひらがな・カタカナ）を含めると、 PDF出力時に文字化けが発生します。

管理画面のプレビューでは正しく見えるため、実際に生徒がダウンロードするまで問題に気づきにくい点も注意が必要です。

実質「英語専用」機能

そのため Thinkific で修了証を使う場合、

受講者名：ローマ字表記
コース名：英語
本文：英数字のみ

という運用が前提になります。

日本人向け講座や、日本語スクールでは実用性がかなり限定されるのが現状です。

Thinkificの修了証。日本語は文字化けする

動画の視聴分析（Video Engagement Reporting）

オンライン講座では、「動画がどこまで見られているか」「どこで離脱しているか」を把握できるかどうかが、講座の改善・継続率アップに直結します。

Teachable と Thinkific は、どちらも Video Engagement Reporting（動画視聴分析）を標準で提供しており、基本的な考え方は非常によく似ています。

Teachable

Thinkific

動画分析機能あり

エクスポートできない

エクスポートできる

そこまで細かくデータ分析しないのであれば、同等の機能です。

これは両者とも備えています。

共通してできること（基本機能）

まず、両者に共通する点を整理すると以下の通りです。

動画ごとの視聴データを確認できる
再生率（Play rate）を確認できる
平均視聴率（Engagement）を確認できる
視聴回数・視聴時間・ユニーク訪問者数を確認できる
動画ごとの離脱傾向をグラフで可視化できる

「どの動画がよく見られていて、どこで離脱されているか」を把握する、という目的に関しては両者とも十分な機能を備えていると言えます。

Teachable の Video Stats の特徴

Teachable では Video Stats レポートとして提供されています。

Teachable

確認できる主な指標

Engagement（平均視聴率）
Play rate（再生率）
Loads（動画が読み込まれた回数）
Visitors（訪問者数）
Plays（再生回数）
Hours watched（総視聴時間）

さらに、各動画ごとに Retention Report（視聴維持率グラフ） を確認できます。

このグラフでは、

動画のどの時点で視聴者が減っているか
平均的にどこまで視聴されているか

を視覚的に把握できます。

注意点として、Teachable の Video Stats は、Teachable に直接アップロードした動画のみ対象

という制限があります。

つまり、

Vimeo埋め込み
YouTube埋め込み
外部プレイヤーの iframe

などを使っている場合、Video Stats には一切反映されません。

「分析を重視するなら、Teachableの動画ホスティングを使う必要がある」という点は、事前に理解しておく必要があります。

Thinkific の Video Engagement Reporting の特徴

Thinkific の動画分析は、より「分析寄り」 の設計になっています。

Thinkific

高レベルの動画分析

Thinkific では、まず Video Library 全体に対して以下を確認できます。

Total loads（総読み込み回数）
Total plays（総再生回数）
Total hours watched（総視聴時間）
Total visitors（ユニーク訪問者数）
最後に見られた日

「サイト全体で動画がどれくらい使われているか」を俯瞰して把握できる点が特徴です。

個別動画の分析がより細かい

動画単体では、Teachableと同様の指標に加えて、

Engagement peak（最も見られた瞬間）
Engagement lowest（最も離脱された瞬間）
Rewatch peak（繰り返し再生された箇所）
Rewatch peak time（繰り返し再生された具体的な秒数）

まで確認できます。

Growプラン以上でここまで見れる

これは、

「ここは説明が分かりづらくて何度も見直されている」
「この部分で一気に離脱している」

といった動画の改善ポイントを、より具体的に把握できるという意味で、Teachableより一段階踏み込んだ分析と言えます。

サイト分析 / アナリティクス機能

Eラーニングを事業として運営していく上で、 アナリティクス（分析機能） は非常に重要な要素です。ただし、Thinkific と Teachable では、「何を重視して分析できるか」という思想そのものが大きく異なります。

Teachable：売上・サブスク分析に特化した「セールス中心型」

Teachableのアナリティクスは、明確に「売上管理・収益分析」にフォーカスしています。 Sales Analytics Dashboardでは、トランザクション数、平均購入単価（ATV）、クーポン利用率、返金率、LTV、サブスクリプションの解約率（チャーン）など、オンライン講座を“商品”として運営するための指標が網羅されています。

特に、

無料→有料へのコンバージョン
サブスクリプションのMRR推移
クーポンが売上に与えた影響

といった「お金の動き」を可視化する点は非常に強力です。一方で、サイト訪問者数やページ閲覧数、学習前の行動分析といった“集客寄りのデータ”はほぼ扱えません。また、このダッシュボードはRetoolという外部基盤を使っており、Primary Ownerのみが利用可能という制限もあります。

Teachableの分析機能

Thinkific：学習・集客・行動まで見える「超高機能アナリティクス」

Thinkificは、分析機能の深さという点では明らかに一段上です。標準のAnalyticsでも、エンロールメント、学習進捗、売上、エンゲージメントなどを確認できますが、Plusプラン以上で使える「Advanced Analytics」では、ほぼBIツールに近いレベルの分析が可能になります。

サイト訪問者とエンロールメントの関係
コースごとの学習完了率
アンケート・属性データを含めた分析
カスタムダッシュボードの作成
CSV出力や自動レポート配信

など、「誰が・いつ・どのように学習し、どこで離脱したか」まで細かく追えます。ただし正直なところ、個人講師や小規模スクールにとっては“やや過剰” に感じるレベルでもあります。分析に慣れていない方だと、情報量の多さが逆に負担になる可能性もあります。

Thinkificの分析機能

顧客管理(CRM)

Teachable：学習と決済に必要な「最低限」に特化した顧客管理

Teachableの顧客管理は、良く言えば非常にシンプル、悪く言えば拡張性はかなり限定的です。ユーザープロフィール画面では、氏名・メールアドレス・タグ・メモといった基本情報に加え、登録日・ログイン履歴・購入金額など、学習進捗と売上管理に直結するデータのみを確認できます。

一方で、電話番号・住所・職業・年齢といった任意の顧客属性を保存する「カスタムフィールド」機能はありません。そのため、「BtoB研修で会社名や部署を管理したい」「コーチングで職業や目標を記録したい」といった用途には向いていません。あくまでもこのスクール上のデータしか保存できません。

CRM的な管理や細かな顧客分析を前提としておらず、あくまで「講座運営のためのユーザー管理」に留まっています。

Teachableの顧客管理

Thinkific：最低限＋αの管理は可能だが、CRMではない

Thinkificのユーザー管理も、基本的な思想はTeachableと近く、本格的なCRMツールとは言えません。ユーザーごとに、メールアドレス・国・登録日・最終ログイン日・購入履歴・受講コース・クイズ結果などを確認でき、学習履歴の把握という点では十分実用的です。

Teachableとの違いとしては、

グループ機能
BtoB向けの座席管理（Seat Manager）
コース単位・グループ単位での進捗把握

などがあり、「組織単位で受講状況を管理する」用途にはやや強い印象です。

ただし、Thinkificもカスタムフィールドによる柔軟な顧客情報管理には限界があります。細かな顧客属性を蓄積し、それを軸にマーケティングや営業活動を行う、という設計ではありません。

TeachableとThinkificはいずれも、顧客管理というより 「学習管理のためのユーザー管理」 という位置づけです。誰が受講しているか、どのコースを買ったか、進捗はどうか、といった運営に最低限必要な情報は確認できますが、顧客そのものを「資産」として扱う設計にはなっていません。

そのため、

顧客ごとの過去の行動履歴を時系列で追いたい
職業・会社名・流入経路などを蓄積して活用したい
メール・購入・視聴履歴を横断して分析したい

といったニーズが出てきた瞬間に、物足りなさを感じやすいのが正直なところです。

Thinkificの顧客管理

そういう場合はKAJABIの方が一枚上手ではあります。

KAJABIでは、コース受講・メール開封・購入履歴・視聴進捗といった顧客の行動が一つのタイムラインに集約され、加えて自由なカスタム項目やタグ管理も可能です。そのため「誰がどんな興味を持ち、どこで離脱したのか」を把握しやすく、マーケティング前提のCRMとして設計されていることが分かります。例えば、別でオフラインでイベントをした時の顧客タグを付けることもできますし、お問い合わせフォームに「会社名」「どこで知りましたか？」「年代」のようなカスタムフィールドも簡単に作成してデータとして保管できます。

一括インポート

どちらのプラットフォームでもCSVファイルからユーザーの一括インポートが可能です。

Thinkific：Grow以上で可能、5,000人まで対応

Thinkific では Grow プラン以上（中〜上位プラン）で生徒の一括インポートができます。

CSVファイルを管理画面（Users > All Users > Import）から読み込ませることで、初期登録・更新をまとめて行えます。

ファイルには最低限メールアドレス・名前（First/Last name）の列が必要で、CSVまたはXLSX形式で作成します。ファイル名が固有であれば、その名前を使ったユーザーフィルターを後で活用することも可能です。インポート前には列名を正しく設定したり、重複やスペルエラーがないかをチェックする必要があります。

Thinkificの一括インポート

1回のインポートで扱える生徒数は最大5,000人までとなっており、もしこれを超える場合はファイルを分割したり、サポートに相談する必要があります。インポート時には、フィールドマッピング画面でCSV列とThinkific上のフィールドを紐づける操作も行うため、柔軟に追加項目を取り込むことができます。

Teachable：CSVインポートはあるが制限あり

Teachable でも CSVファイルを使った生徒の一括インポートは可能です。管理画面の Users > Students メニュー＞Add Students＞Import CSV の手順でファイルを選び、まとめて登録できます。CSVには name, email, password の基本列を用意します（パスワード列は任意で空欄でもOK。その場合はユーザーがアカウント確認メールで自分で設定します）。

注意点として、CSV内の文字に空白やスペース、特殊文字などが含まれているとエラーになりやすいので、シンプルな形式で作成する必要があります。Teachable ではインポート時に製品（コース・コーチング・バンドル）への一括登録を同時に指定することも可能です。

Teachableの一括インポート

ただし、インポート可能な人数に明確な大きい上限（例：5,000人まで、など）のアナウンスは公式ヘルプに出ていませんが、プランによっては制限が出る可能性や、非常に大量の数になると処理エラーが出ることも考えられます。実際には Teachable のビジネス以上のプランであれば一括インポート自体は使える一方、CSVで扱えるのは基本的な情報のみで、Thinkificのようなマッピング画面で任意項目を選択する仕組みはありません。

メールマーケティング

APIなどの有無

Teachable

Thinkific

通知メールのみ

超簡単なステップメール

メールマーケティングも同時に行いたいのであれば、「KAJABI」一択！

オンライン講座を継続的に販売していくうえで、メールマーケティングは欠かせない要素です。受講前の見込み客へのフォロー、購入後の案内、未購入者への再アプローチなど、売上に直結する重要な役割を担います。その観点で見ると、TeachableとThinkificはいずれも「メールを送る機能」は備えていますが、本格的なマーケティングツールとしては最低限に留まっているのが実情です。

Teachable

Teachableのメール機能は、 非常にシンプルな設計 です。全体向け、または特定のコース受講生に対して一斉配信を行ったり、受講登録時や購入時の自動通知メールを送ったりすることはできます。また、購入途中で離脱したユーザーに対してクーポン付きのリマインドメールを自動送信する機能も用意されています。

ただし、ステップメールや複雑な条件分岐、細かいセグメント配信といった高度な運用には対応していません。実際、Teachable自身もConvertKitやMailchimp、ActiveCampaignなどの外部メール配信ツールと併用することを前提とした設計になっており、「通知用メール」と割り切って使うのが現実的です。

注意

メールマーケティングと言うようは通知メールのような機能のみ

Thinkific

一方のThinkificは、Teachableと比べると一歩踏み込んだメール機能を備えています。購入や登録といった行動をトリガーにして、「この条件を満たしたらこのメールを送る」といった簡単なメールシーケンスを作成することが可能です。

例えば、「商品を購入したら即座にこのメールを送り、2日後にこのメールを送る」といったトリガーベースのメールシーケンスを作成できます。ただし、この「2日後」というは固定になっており、それ以上の細かい日数の設定などはできませんし、HTML形式のメールも送信できません。

外部ツールを使わずに最低限のフォローアップや簡易的なファンネルを構築したい場合には、Teachableよりも扱いやすいと感じる場面が多いでしょう。ただし、それでも高度なセグメント管理や複雑なステップ設計ができるわけではなく、本格的なメールマーケティングツールと比べると機能面では物足りなさが残ります。

KAJABI

このように考えると、TeachableもThinkificも、あくまで「コース管理が主役」であり、メールマーケティングは補助的な機能に過ぎません。もし、リスト収集からステップメール、条件分岐、行動ベースの自動配信までを一つのプラットフォームで完結させたいのであれば、KAJABIを強くオススメします。

Kajabiのサイト

KAJABIはメールマーケティングを前提に設計されたオールインワンプラットフォームであり、講座販売とメール施策を一体で運用したい人にとっては、明らかに完成度が高いと言えます。

KAJABIでは大手メール配信ツールにも負けない配信機能が搭載されており、ABテスト、無制限のステップメール、高度なオートメーション、顧客タグなどと連携したオートメーション、メール配信、HTMLメール、メールテンプレート保存、高度なメールレポートなどの機能を備えています。

ページ作成機能

TeachableとThinkificのランディングページ（LP）作成機能について比較すると、どちらも「直感的な操作で、コードを書かずにサイトを構築できる」という点では共通していますが、その自由度や設計思想には明確な違いがあります。両者ともに数個のブロックを組み合わせて構成するシンプルな仕様であり、WordPressのような高度なウェブサイト構築ツールや、LP専用のツールと比較するとデザインの自由度には限界があります。

Teachable

Teachableのページ作成は、何よりも「シンプルさと速さ」に重点を置いています。AI機能が強力で、コースのタイトルや説明を入力するだけで、セールスページのコンテンツを自動生成することが可能です。操作感としては、あらかじめ用意されたブロックを積み上げていく「プラグアンドプレイ」方式に近く、初心者でも迷うことなく、短時間で公開までこぎつけることができます。

xxxx

しかし、デザイン性に関しては、用意されたテンプレートの枠組みを超えることが難しく、レイアウトの変更が制限されているため、独自のこだわりを反映させたいユーザーにとっては物足りなさを感じる可能性が高いでしょう。

具体的には、ロゴ、配色、フォントの変更は可能ですが、要素を配置する位置などは固定された型に従う必要があります。また、編集中の変更をリアルタイムで確認できるライブプレビュー機能が限定的であるため、細かな修正のたびにプレビュー画面を切り替えて確認しなければならないという操作上の手間もあります。

実際に利用できるブロックはこれだけになります。

Image
Text
Button
Video
Email Leads Form
Image with Text
Banner
Text with Image Grid
Featured Products

これらを組み合わせて作れる範囲のバリエーションのデザインとなります。また、CSSやJSの追加も難しいです。

Thinkific

対するThinkificは、Teachableよりも一歩進んだ「サイトビルダー」に近い操作性を提供しています。最大の特徴はドラッグ＆ドロップ式のビルダーで、実際の表示画面を見ながら直感的にレイアウトを調整できる点にあります。ブロックの種類も豊富で、バナー、テキスト、動画、レビューなどのセクションを自由に追加でき、コンテンツの配置においてもTeachableより柔軟な制御が可能です。

さらに、Thinkificはブランディングを重視するユーザー向けに、上位プランではHTMLやCSSを直接編集できる機能を開放しています。これにより、標準のブロック機能だけでは実現できない独自の装飾や微調整を行うことが可能となり、よりプロフェッショナルな外観を追求できる仕組みになっています。また、作成したLPは単なる紹介ページとしてだけでなく、メールマガジンの登録を促すリード獲得フォームや、購入後のアップセル機能と密接に連携しており、マーケティングツールとしての機能性が高い点も特徴です。

最近ではAIページというページの種類も用意されており、キーワードを入れるだけでLPを作成できる仕組みもあります。ただ、正直まだこれは日本語に対応はしていないので、そこまで機能には期待できません。

この点はKAJABIが優秀

KAJABIではかなり自由度の高いページを作成することができます。コードに明るい方は Tailwind を読み込んでモダンなLPを作成することもできます。また完全に独立したロゴを使ってページを作成することもできます。この点をメリットに感じてKAJABIに移行される方も多いです

サンプルですが、このようなモダンなページを作成できます → https://japan.mykajabi.com/offers/ZQScoa8f/checkout

他のツールと連携する

Teachable

Thinkific

約20個のツールと連携

90個以上のツールと連携

オンライン講座を本格的に運営していくと、決済・メール・CRM・分析・コミュニティなど、単体ツールだけでは完結しない場面が必ず出てきます。そのため、「どんな外部ツールと、どれくらいスムーズに連携できるか」は、プラットフォーム選定において非常に重要なポイントです。

Teachable

Teachableは、外部ツールとの連携を「必要最小限に、分かりやすく」という思想で設計されているプラットフォームです。管理画面にはApp Hubと呼ばれる公式の連携ページが用意されており、決済、分析、メール配信、オンラインミーティングなど、オンライン講座運営でよく使われる主要なサービスとあらかじめ接続できるようになっています。連携できるアプリ数は多くはありませんが、その分、公式に動作確認されたものに限定されているため、初めてEラーニングを運営する方でも迷いにくい構成です。

一方で、より高度な自動化や柔軟なデータ連携を行いたい場合には、Zapierの利用が前提になります。ただしZapier連携はGrowthプラン以上が必要となるため、低価格プランでは連携できる範囲に制限があります。そのためTeachableは、外部ツールを大量に組み合わせて複雑な仕組みを作るというよりも、シンプルな構成で講座販売を始めたい個人講師や小規模運営者に向いた設計と言えるでしょう。

App Hub

Thinkific

Thinkificは、外部ツールとの連携を前提に設計された拡張性の高いプラットフォームです。管理画面にはThinkific App Storeが用意されており、90種類以上のアプリとネイティブに連携することができます。メールマーケティング、分析、CRM、法人研修向けの管理ツールなど、用途別に多くのアプリが揃っており、Zapierを使わなくても直接接続できるケースが多いのが特徴です。そのため設定がシンプルで、運用時のトラブルも起きにくい傾向があります。

また、APIやWebhookとの相性も良く、社内システムや外部サービスとデータを連携させたい場合にも柔軟に対応できます。このような設計から、Thinkificは個人利用だけでなく、チーム運営や企業でのEラーニング展開、将来的なスケールを見据えた運用に向いています。最初から拡張を意識した構成にしたい場合には、Thinkificの外部連携の自由度は大きな強みとなります。

Thinkific App Store

LINE連携

正直どちらもネイティブにLINEと連携できる仕様ではない。

ただ、例えば、各プラットフォームのサンキューページを指定することはできるので、そこにQRコードを表示することで、疑似的に誘導することはできます。

もしくは Thinkificであれば、購入後のサンキューページに任意のページを設定できるので、そこに LINEアッとの URLを貼っておくことで、自動的に遷移させることは可能

複数講師・チームでEラーニングを管理する場合の考え方

Eラーニングは、必ずしも個人だけで運営するとは限りません。チームや企業で複数講師が関わるケースもあれば、個人講師であっても 「ゲスト講師」「外注スタッフ」「制作担当」 といった形で、複数人が管理画面に関与することがあります。

こうした場合に絶対に避けたいのが、管理者アカウントのログイン情報を共有すること です。

管理者アカウントを共有してしまうと、意図せず

財務情報（売上・取引履歴）
決済設定
返金処理
ユーザー削除

といった 致命的な操作 まで誰でもできてしまいます。

そのため、Eラーニングプラットフォームを選ぶ際には、 「どこまで細かく権限を分けられるか」 が非常に重要なチェックポイントになります。

Teachableのユーザー権限・ロール設計の特徴

Teachableでは、もともと用意されている 標準ロール（オーナー、著者、アフィリエイト、学生など） に加えて、 カスタムユーザーロール を作成できる点が大きな特徴です。

このカスタムロールでは、

コース作成・編集だけ許可
サイトデザインだけ担当
ユーザー管理は可、返金は不可
レポート閲覧は可、財務情報は不可

といったように、権限をチェックボックス単位で細かく組み合わせることができます。

たとえば、

制作スタッフ：コース編集のみ
運営スタッフ：ユーザー管理＋メール送信
経理担当：財務情報の閲覧のみ

といった、役割ベースの設計 が可能です。ログイン情報を共有せず、「必要な人に、必要な権限だけ」を付与できる点は、Teachableの大きな強みです。

一方で注意点として、カスタムロールは 上位プラン（Business相当以上） でのみ利用可能になります。

また カスタムユーザーは最大20名まで という制限があります。大規模チームや外部スタッフが多い場合は、この上限は事前に把握しておく必要があります。

Thinkificのユーザー権限・ロール設計の特徴

Thinkificは、Teachableとは設計思想が異なり、あらかじめ役割が定義された「ロールベース設計」 を採用しています。

代表的なロールとしては、

Site Owner（最高権限）
Site Admin（準管理者）
Course Admin（コース単位の管理者）
Community Moderator（コミュニティ管理）
Group Analyst（進捗分析専用）
Seat Manager（法人一括購入の管理者）
External Partner（外部制作・代理店向け）

などが用意されています。

特に特徴的なのは、

コース単位で管理権限を与えられる
財務情報を管理者から非表示にできる
外部パートナー専用の安全なアクセス権限がある

といった点です。制作会社やフリーランス、開発者など、社外の人間と共同で運営するケースを強く意識した設計になっています。

一方で、Teachableのように「この権限とこの権限だけを自由に組み合わせる」といった 完全なカスタム権限設計はできません。

Thinkificは「用途別に用意された役割を選ぶ」方式です。

両者の違いを一言でまとめると

Teachable → 権限を細かくカスタマイズしたい人向け → 少人数〜中規模チームでの柔軟な運営に強い
Thinkific → 役割が明確なチーム・法人運営向け → 外部パートナーや法人販売を含む運営に強い

どちらも「ログイン情報を共有しなくて済む」設計は共通ですが、自由度を取るか、運用の分かりやすさを取るかで向き不向きが分かれます。

メモ

ちなみに、どちらのプラットフォームでも一応管理者のパスワードを共有することはできますが、毎回管理者メール宛にワンタイムパスワードが届くようになっています。ですので、実質はしっかりと一人１アカウントを割り当てるのが良いです。

Thinkificの二段階認証

コミュニティ機能

Teachable

Thinkific

デザインはいまいち

コースとの組み合わせのみ

コミュニティ単体でも販売できる

TeachableとThinkificはいずれも、単に動画を配信するだけでなく、受講生同士・講師と受講生が交流できる「コミュニティ機能」 を標準で提供しています。

これは、学習体験を一方向のインプットで終わらせず、継続率や満足度を高めるための重要な要素です。今までFacebookや自作サイトなどで管理していた場合、決済やサブスクリプションが始まったら手動で追加をして、キャンセルされたら手動で退会させるという運用をされていた方もいると思いますが、すべて決済と連動できるようになるのでその手間がなくなります。

どちらのプラットフォームでも、投稿・コメントを中心としたテキストベースの交流が基本となっており、外部ツール（SlackやDiscordなど）を使わずに、スクール内で完結したコミュニティを構築できます。

Teachableのコミュニティ機能の特徴

Teachableのコミュニティは、「掲示板型コミュニティ」 に近い設計です。1つのコミュニティ空間の中で、カテゴリとトピックを使って議論を整理し、受講生が自由に投稿・返信できる仕組みになっています。

コミュニティ全体を公開するだけでなく、アクセス制御 を細かくカスタマイズすることができ、

特定のコース受講生のみ
特定のメンバーシッププランのみ

といった形で、参加できるユーザーを細かく制限できます。コース購入者専用のコミュニティや、上位プラン限定の交流スペースを作りたい場合に使いやすい設計です。

Teachableのコミュニティ

また、管理・運営面では、

管理者／モデレーター／受講生という明確な役割分担
投稿の通報・レビュー機能
カテゴリ単位での権限管理
ダイレクトメッセージ（ON/OFF切替可）

など、モデレーションを前提とした機能が充実しています。コミュニティが荒れないように「管理する」ことを重視した作りと言えます。

一方で、コミュニティ自体は Teachableスクールの一部機能 という位置付けで、「コミュニティ単体を商品として売る」という思想はやや弱めです。

ヒント

あくまでもコースの特典としてコミュニティ機能もあるとというのがTeachableの考え方。

Thinkificのコミュニティ機能の特徴

Thinkificのコミュニティは、Teachableとは少し思想が異なり、「コミュニティ＝1つの商品（プロダクト）」 として扱われます。

コミュニティは独立したページとして作成され、

コースとセットで販売
コミュニティ単体で販売
追加商品（アップセル）として提供

といった形で、明確にマネタイズ対象として設計されています。

この点は、Thinkificの大きな特徴です。

Thinkific

また、Thinkificは モバイル体験 に強く、公式のThinkificモバイルアプリからコミュニティにアクセスできます。プッシュ通知やアクティビティフィードを通じて、受講生が「学習から離れにくい」環境を作りやすい点は強みです。

さらに、Thinkificでは複数のコミュニティを作成し、コースやユーザー属性ごとに使い分けることが想定されています。

全体として、Thinkificのコミュニティは 「学習＋交流＋ビジネス」を一体化させる思想 が強い設計です。

ヒント

コミュニティ機能自体を単体で提供できるのがThinkificの強み

さらにコミュニティをオンラインサロンとして活用したい場合はKAJABIがオススメ

Teachable にも Thinkificにもコミュニティ機能があることをお伝えしましたが、正直一昔前の掲示板スタイルのコミュニティ機能となっています。僕のクライアントさんでもコミュニティ機能を活用できている方はほとんどおらず、実際に受講者がここでワイワイするかと言えば疑問が残る仕様となっています。

それに比べて、KAJABIのコミュニティでは「上限なくチャンネル作成」「独自アプリ」「埋め込みのオンラインミーティング」「ゲーミフィケーション」「DM機能」などがあります。 FacebookとSlackの良いところを取ったようなコミュニティがあり、こちらのコミュニティを実際に活用している日本人の方も多いです。まだ一部英語が残っている箇所もありますが、それでも「生徒がアクセスしたくなる」のはKAJABIのコミュニティだと思います。

KAJABIのコミュニティ

動画の管理方法の違い（Video Library の有無）

Teachable

Thinkific

一元管理できない

一元管理が可能

Teachable と Thinkific は、どちらも動画を使ったオンライン講座を提供できるプラットフォームですが、「アップロードした動画をどのように管理するか」 という点には、はっきりとした違いがあります。

この違いは、

動画本数が少ないうちは気づきにくい
しかし講座数・動画数が増えると一気に差が出る

という、中〜上級者ほど影響を受けやすいポイントです。

Thinkific：Video Library による一元管理が可能

Thinkific には Video Library（ビデオライブラリ）という、アップロードした動画を一括で管理できる専用ページが用意されています。

Video Library（ビデオライブラリ）

この Video Library では、

これまでにアップロードしたすべての動画を一覧で確認

動画のプレビュー
動画タイトルの変更
サムネイル画像の設定
字幕の追加・管理
動画の利用状況の確認
不要になった動画の削除・整理

といった操作を、コースとは独立した形でまとめて行うことができます。

また、Thinkific では「1つの動画を、複数のコースやレッスンで再利用する」という運用もしやすく、動画教材を“アセット（資産）”として管理しやすい設計になっています。

法人研修や、複数講師・複数講座を運営するケースでは、この Video Library の存在が運営効率に直結する強みになります。

Teachable：動画はレッスン単位で管理する設計

一方で Teachable には、Thinkific のような独立した動画ライブラリ（メディア管理ページ）は用意されていません。

Teachable では、

動画は「コース → セクション → レッスン」の中でアップロード
動画の設定や変更は、そのレッスン編集画面から行う
アップロード済み動画を横断的に一覧表示する画面はない

という設計になっています。

つまり、動画はあくまで「レッスンの一部」として扱われるという考え方です。

動画数が少ないうちは特に問題ありませんが、

コース数が増えてきた
同じ動画を別コースでも使いたい
どの動画がどの講座で使われているか把握したい

といった状況になると、動画管理の手間が増えやすい構造になっています。

開発者向けの仕様

APIなどの有無

Teachable

Thinkific

Webhook・APIあり

Growthプラン以上

Growプラン以上

TeachableとThinkificはいずれも、標準機能だけで完結しない高度な運用を想定し、API や Webhook といった開発者向けの拡張機能を提供しています。これらは主に、外部ツールとの連携、業務の自動化、独自システムとの統合を目的として利用されます。

前提として、どちらのプラットフォームでも APIやWebhookの利用にはある程度の技術知識が必要で、公式サポートは基本的にコードレベルの支援は行いません。ノーコードで完結する機能ではなく、開発者または技術パートナーと連携して使う機能です。

TeachableのAPI・Webhookでできること

Teachableでは、Webhook と REST API の両方が提供されており、用途に応じて使い分ける設計になっています。

Webhookは「イベント発生時にデータを送信する仕組み」で、たとえば以下のようなタイミングで外部ツールに通知を送れます。

新規ユーザー登録
コースへの登録・解除
レッスン完了・クイズ回答
商品の購入、返金、サブスク解約
タグの追加・削除
メール配信のオプトイン／オプトアウト

これにより、「受講完了時にSlackへ通知」「購入時にCRMへデータ送信」といったイベント駆動型の自動化が可能になります。

一方APIは「リクエスト型」で、外部からTeachableのデータを取得・更新する用途に使われます。具体的には、

コース情報や受講生情報の取得
ユーザー情報の更新
売上データの取得
受講登録の自動化

などが可能です。 TeachableのAPIは「スクール内データを外部で活用する」用途に向いており、自前の管理画面や分析ツールを作りたい場合に力を発揮します。

ThinkificのAPI・Webhookでできること

Thinkificも同様に、Public API と Webhook を提供しています。設計思想としては、外部サービスや既存システムとの連携を前提にした構成が特徴です。

ThinkificのAPIは、APIキーを使って認証する仕組みで、

ユーザー情報の取得・管理
商品・コースデータの連携
外部CRMや社内システムとの統合
カスタムSSO（シングルサインオン）の実装

といった用途で使われます。

特に、SSOや法人向け運用、外部ID基盤との連携を前提としたケースでは、ThinkificのAPI設計が活きる場面が多いです。

Webhookについても、Thinkificは「購入」「受講」「支払い」「Group Order（団体購入）」などのイベントをトリガーとして、外部システムに通知を送ることができます。 Webhookの正当性を検証するための署名（HMAC）も用意されており、セキュリティを重視した連携が前提になっています。

またThinkificでは、Group Orders（法人一括購入）や請求書機能とWebhookが連動するため、 B2B向けの販売・受講管理を自動化しやすい点も特徴です。

両者に共通するポイントと違いの方向性

共通点としては、

APIは「外部から操作・取得する仕組み」
Webhookは「イベント発生時に通知する仕組み」
いずれも開発者向けで、公式サポート外
外部CRM、Slack、Zapier、独自システムとの連携が可能

という点が挙げられます。

一方で方向性の違いとしては、

Teachable → スクール内データを外部に取り出し、分析・自動化する用途に向いている

Thinkific → 既存の業務システムや法人向け基盤と統合する用途に向いている

という傾向があります。

メモ

APIやWebhookは個人講師や小規模運営では必須ではなく、関係ない話になるかもしれませんが、さらなる自動化や自社CRMや国内決済ゲートウェイと連携したい際に重要になってくる点であります。

クイズ機能

Teachable

Thinkific

簡単な確認テスト

ランダム出題など可能

オンライン講座において、「理解度チェック」や「学習の定着」を目的として使われるのがクイズ機能です。

Teachable と Thinkific は、どちらもクイズ機能を標準で備えており、基本的な用途であればどちらを選んでも大きな問題はありません。

ただし、作り方・運用の自由度・管理者向け機能には明確な違いがあります。

共通点｜基本的なクイズ機能はほぼ同じ

まず、両者に共通するポイントを整理します。

選択式（Multiple Choice）のクイズに対応
正解を設定できる（複数正解も可）
採点あり／採点なしを選択できる
レッスン内にクイズを設置できる
学習の進捗管理（完了条件）と連動可能

そのため、

学習内容の確認テスト
チャプターごとの理解度チェック
修了条件としての簡易テスト

といった用途であれば、 Teachable / Thinkific のどちらでも十分対応可能です。

Thinkificのクイズ機能の特徴

Thinkificのクイズ機能は、「学習管理（LMS）寄り」の設計になっています。

主な特徴としては

クイズは「専用のレッスンタイプ」として作成
単一正解／複数正解の両方に対応
合格点（Passing Grade）を設定可能
クイズ結果をCSVでエクスポート可能
前提条件（クイズに合格しないと次に進めない）を設定できる
ランダム出題（Question Bank）
説明文、回答文にリッチテキストエディターを使える

Thinkificの大きな強みのひとつが、ランダム出題（ランダム問題バンク）に対応している点です。

問題を多めに登録
表示する問題数だけ指定
生徒ごとに異なる問題セットを自動生成

これにより、

テストの使い回し防止
認定講座・社内研修用途
評価目的のクイズ

といった「試験寄り」の運用に向いています。

Thinkificのクイズ機能の特徴

注意

ただし以下にもご紹介していますが、Thinkificの修了書機能は日本語が使えません。

Teachableのクイズ機能の特徴

Teachableのクイズ機能は、「シンプルで直感的」な設計が特徴です。

主な特徴としては

レッスン内に「Quizブロック」として追加
採点あり／採点なしを切り替え可能
複数正解の設定も可能
UIが非常に分かりやすい

Teachableの場合は本当に確認クイズのような立ち位置で使うのがよい機能です。

Teachableのクイズ機能の特徴

Zoomとの連携

Teachable

Thinkific

レッスンに埋め込み可能

ライブ講義やグループセッション、コーチング型の講座を提供する場合に欠かせないのが Zoom連携です。

この点については、Teachable と Thinkific はどちらも標準でZoom連携に対応しており、機能的な差はそこまで大きくありません。

結論から言うと、

どちらも「レッスンの中にZoomを組み込んで、受講生が迷わず参加できる」

という点は共通しています。

まず、両者に共通するポイントを整理します。

Zoomアカウントと連携できる
コース（レッスン）内にZoomセッションを設定できる
日時・時間・説明文を設定可能
受講生はレッスン画面からワンクリックで参加できる
録画（リプレイ）を後から視聴させることができる

つまり、

ライブ講義
グループコーチング
Q&Aセッション
単発ウェビナー

といった用途は、Teachable / Thinkific のどちらでも問題なく実現可能です。

Zoom連携という点では、両者とも大きな違いはありません。

ThinkificのZoomレッスン

TeachableのZoomレッスン

SEO・集客のしやすさ

Teachable

Thinkific

ブログ機能なし

最低限のオプトイン機能

オンライン講座プラットフォームを選ぶ際、「集客まで含めて完結できるか？」という点を期待する方も多いですが、この点に関しては Teachable と Thinkific は、かなり割り切った設計になっています。

結論から言うと、どちらのプラットフォームも「SEOやコンテンツ集客に強い」とは言えません。

まず重要な前提として、

Teachable：ブログ機能なし
Thinkific：ブログ機能なし

という点があります。

ブログ機能が使えないとなると、記事を書いてコンテンツマーケティングが難しくなります。なので、 「Teachable や Thinkific に講座を作っておけば、自然検索から集客できるようになる」 という期待は、残念ながら現実的ではありません。

ゼロからのSEO集客は基本的に難しい

実務的な視点で見ると、 Teachable / Thinkific は「集客済みのユーザーを受け止める場所」です。もし既存のメーリングリストやオーディエンスがいない場合は、

WordPress
Wnote
独自メディア

といった別の集客基盤を用意する必要があります。

実際、僕がサポートしているクライアント様の多くも、

すでにSNSでフォロワーがいる
YouTubeチャンネルを運営している
メルマガや既存リストを持っている

という状態で、「集客は外部で行い、販売・受講はTeachable / Thinkificで行う」という使い方をしています。

リード獲得機能はあるが「おまけレベル」

Teachable / Thinkific には、一応、

メール登録フォーム
簡易的なリード獲得機能
最低限のメール送信機能

は用意されています。しかし、これは最低限の機能になっているので、ステップメールやタグやセグメントを使った高度な配信などはできません。本格的なマーケティング用途には向いていません。

Thinkificのリード獲得ページ

本格的にやるなら、KAJABIが圧倒的に有利

ここで、集客も含めて一元化したい場合の選択肢として浮上するのが KAJABI です。

KAJABI は、

ブログ（コンテンツ投稿）
LP作成（モダンなページ作成可能）
フォーム（無制限で作成できる）
メールマーケティング（ABテスト、ステップメール、配信上限なし、メルマガ作成、HTMLメールなど）
オートメーション
タグ管理・セグメント配信
ポッドキャスト、コーチング、デジタル販売、コミュニティなど

を 1つのプラットフォームで完結できます。

そのため、

記事 → メール登録
メール → 講座販売
購入後 → フォローアップ

といった一連の流れを、外部ツールに頼らず構築できる点が最大の強みです。

スマホアプリの違い

Teachable

Thinkific

Androidのみ

Android・iOS対応

共通アプリのみ

独自アプリの公開が可能

オンライン講座において、スマホアプリの有無や使い勝手は、受講生の学習継続率に大きく影響します。

特に最近は、通勤中、寝る前の10分、ちょっとした待ち時間

といった「隙間時間での学習」が前提になるケースが多く、ブラウザよりもアプリで快適に学べるかどうかは非常に重要な判断材料です。

この点において、Thinkific と Teachable には、はっきりとした違いがあります。

対応デバイスの違い｜Android対応は大きな分かれ目

まず最初に押さえておきたいのが、対応しているOSの違いです。

Thinkific：iOS・Android 両対応

Thinkific は、

iOS（iPhone / iPad）
Android

の両方に対応した公式モバイルアプリを提供しています。

受講生は使用しているスマートフォンを問わず、アプリをインストールして学習を進めることができます。

日本では iOS(iPhone) を利用している方が多いといえ、Android ユーザーは一定数存在するため、「受講生の端末を選ばない」という点は、Thinkific の大きな強みです。

Teachable：iOSアプリ中心、Androidは非対応

一方で Teachable は、

iOS（iPhone / iPad）向けの公式アプリは提供
Android向けの公式アプリは事実上提供されていない

という状況です。

iOSアプリ自体の完成度や操作性は評価されていますが、Androidユーザーはスマホブラウザで受講するしかないという制約があります。

ブランディングの違い｜「自社アプリ」を持てるのはどちらか

次に重要なのが、アプリのブランディングです。

Thinkific：独自ブランドのアプリを持てる

Thinkific では、通常の「Thinkific Mobile」アプリに加えて、「Branded Mobile（ブランド化アプリ）」という選択肢があります。

Thinkificのスマホアプリ

このプランを利用すると、

自社ロゴ・自社ブランド名のアプリを作成
App Store / Google Play に独自アプリとして掲載
受講生は「Thinkific」ではなく、あなたのブランド名のアプリを利用

という形で運用できます。

オンラインスクールを1つのサービス・1つのブランドとして本格展開したい場合、この選択肢があるのは大きなアドバンテージです。

ヒント

この独自アプリ公開の機能はプランにプラスして月額199ドルの費用がかかります。

Teachable：標準アプリのみ（独自ブランド不可）

Teachable も受講生向けの公式アプリは提供していますが、 Thinkificのような「独自ブランドのアプリ」を作る仕組みはありません。

あくまで、Teachableの公式アプリを通して受講するという形になるため、アプリ自体をブランディングに使うことはできないという点は理解しておく必要があります。

まとめ

ここまで Teachable と Thinkific を中心に、クーポン、クイズ、分析、顧客管理、外部連携など、さまざまな観点から比較してきました。正直なところ、機能を細かく見ていけばいくほど比較ポイントは無限に出てきますが、今回の記事で「両者がどんな思想で作られているプラットフォームなのか」という全体像は掴んでいただけたのではないかと思います。

まず前提として、TeachableもThinkificもオンラインスクールを運営するための基本機能は十分に備えています。動画講座の販売、決済、受講管理、簡単なメール通知やクイズ機能など、「講座を売って届ける」という目的においては、どちらを選んでも致命的に困ることはほとんどありません。

個人的な感覚として、とにかくシンプルに始めたい初心者の方には Teachable が向いています。管理画面が分かりやすく、考えることが少ないため、「まずは1〜2コースを売ってみたい」「難しい設定は極力避けたい」という方には相性が良いでしょう。一方で、コース数が増えたり、生徒数が増えてきても管理の煩雑さを抑えたい方には Thinkific の方が安心感があります。分析機能や構造はやや複雑ですが、その分スケールを前提とした設計になっています。

Teachableを無料で使ってみる

Thinkificを無料で使ってみる

そして今回比較した2つとは少し立ち位置が異なりますが、長期的にビジネスとして育てたい方には Kajabi も有力な選択肢です。顧客管理、マーケティングメール、オートメーション、コミュニティ運営までを一つの管理画面で完結できるため、「ツールを分散させず、本格的に運営したい」という方には非常に相性が良いプラットフォームです。

最終的には、今の自分のフェーズと、これからどう成長させたいかで選ぶのが一番です。本記事が、皆さんにとって最適なオンラインスクールプラットフォームを選ぶための判断材料になれば幸いです。

Kajabiを無料で使ってみる

Notta memoを生活で実際に使用してみた！無料/有料プランの違いも解説

Sat, 17 Jan 2026 01:19:51 +0000

こんにちは！HODAです！

今回は Notta さんから商品提供をいただきましたので、レビューをしたいと思います。

ご提出いただいたのは Notta Memo というAIレコーダーになります。最近では様々なメーカーのAIレコーダーが出ており、どれも同じような特徴をPRしているので実際に何を比較すればいいかわからなくなると思います。

例えば、「自動文字起こし」「AIによる要約」「シームレスな統合」「精度○○%」のような点はどの商品も似たような謳い文句で宣伝をしています。

実際のところ、スペックよりもその全体的な使いやすさや実際の生活でいかに役に立つかどうかがポイントだと思います。また、そのスペック通りの動作を期待してもよいのかどうかという点も重要だと思うので今回は約1カ月こちらのデバイスを無料プラン、有料プランで使ってみたのでレビューをしたいと思います。

🛒購入リンク（Amazon）： https://www.amazon.co.jp/dp/B0FJ2G3LC2
🎟 20%OFF 限定クーポンコード： 4OM3VY6S
（※Amazonの決済画面で入力すると割引が適用されます）

★簡単に自己紹介
Hoda (ほだ)
スペイン在住(執筆時は一時帰国中)
ITフリーランス、エンジニア、WordPress、Shopify、KAJABIなどが専門。
最近は Next.js, Hugo などにはまっている

こちらのYoutube動画でもレビューをしています。実際の録音の様子などをご覧いただけます！

Nottaの企業について

元々、このデバイスを出している Notta という企業は2020年から Notta AI というブラウザ上で機能するスクリーンレコーダーや文字起こしソフトを手がけて成長してきた会社です。特にその頃からすでにAI文字起こしなどを行っており、実際に Notta AI というサービスも業界では有名です。

Notta.aiの公式サイト

そんな会社が発売を始めたが、独自のレコーダーである Notta Memo となります。

僕も Notta AI はアカウントだけ作成したことがあり、正直使ったことはありませんでしたが、今回レコーダーを介してこのサービスを見てみたいと思います

Notta memoの開封と第一印象

Notta Memoでまず目に留まるのは、そのミニマルで高級感のあるデザインです。MAC風のコンパクトな箱には以下のものが含まれていました。

Notta memoの開封

レコーダー本体
専用マグネット式充電ケーブル
マグネット式ケース（MagSafe対応）
クイックスタートガイド

重さわずか28gで、クレジットカードほどの大きさのこのデバイスは、小さなポケットでも楽々と収まります。

マットなアルミニウムボディはしっかりとした作りで、デバイス上には小さなスクリーンがあり、バッテリー残量、 Bluetooth接続状況、録音モードが一目でわかります。

レコーダーはまずは小さいことが重要だと思います。今ではスマホでも十分に録音できるので、スマホ + αでも邪魔にならないという点は高く評価できると思います。

仕組み

Notta Memoは、基本的にデュアルモードのボイスレコーダーです。物理的なトグルスイッチで2つのモードを切り替えることができます。

ライブモード- 会議、講義、インタビュー、アンビエント録音に適しています。
電話モード- 骨伝導マイクと振動センサーを使用して電話の通話を録音します。

録音が終わったら、Notta MemoはBluetoothまたはWi-Fi経由でNottaアプリと同期します。そこでAIによる文字起こし、翻訳、要約などが可能となります。

Nottaの管理画面（PC）

Bluetoothでの接続にはなりますが、録音データの同期は高速でした。ちなみに、ブラウザ版のアプリもあるので、同じアカウントでログインをしていれば、パソコン上で音声データを確認したり、文字起こしデータをコピペすることもできました。

機能の詳細

AIレコーダーとしての機能を以下に整理しています。

デュアルマイクシステム

4つの MEMS マイクが周囲の音をクリアに捉えます。
骨伝導マイクをスマートフォンに取り付けると、電話の通話をキャプチャします。
騒音環境でも効果的。

となっていますが、実際に利用したところ、録音したデータはあくまでも聞き取れるという音質でした。ただ、Notta memo のウリとしては高音質のボイスレコーダーではなく、自動文字起こしや要約翻訳がメイン機能です。

なので、別に録音された音声のクオリティにはこだわる方はいないと思います。正直「聞き取れればいい」と思いますし、文字起こしできるので後から聞くことはほとんどありませんでした。

メモ

録音データはあくまでの何を言っているか聞き取れればOKだと思います。

AI機能

以下は公式サイト掲載のAI機能の概要です

文字起こし: 98.8% の精度で 58 の言語をサポートします。
要約テンプレート: 30 以上の形式 (会議、講義、インタビュー、日報)。
スピーカーラベル: 音声を正確に区別します。
Q&A 抽出: インタビューから質問と回答を抽出します。
ToDo リストとアクション項目: AI がそれらを検出し、構造化します。
AI チャット: メモについて質問します (「先週の火曜日の会議での主な決定は何でしたか?」)。

バッテリーとストレージ

バッテリー: 録音時間約 30 時間、スタンバイ時間約 28 日。
充電: 専用マグネット式充電ケーブルで 1.5 時間でフル充電。
ストレージ：32GB（約300時間のオーディオ）。

バッテリーやストレージに関しては十分だと思います。特に連続30時間は十分ですし、もし電池がなくなりそうでも 1.5時間でフル充電できるのは素晴らしいです。ストレージも32GBあり、音声データだけを扱うので十分です。

基本的に録音直後のデータは、クラウド上にアップされるのでデバイス上の容量がいっぱいになることはないかと思います。

無料プランでできること・制限

このデバイスは約21,150円(Amazon)しますが、プロプランも用意されています。

基本的に無料プラン(スタータープラン)での制限は以下のようになっています

月間300分の文字起こし時間
ファイルインポート : 100件
AI要約 : 100件
リアルタイム翻訳 : 2回
2か国語文字お越し翻訳：4回
30個以上のテンプレート

これは月間の上限となり、スタータープランを開始してから1カ月サイクルで上限はリセットされます。

例) 例えば、 2025年12月28日17:30からスタータープランを開始した場合には翌月の 2026年1月28日17:30 にはリセットされます。

ヒント

このスタータープランというのは、 Notta memo を購入した方限定の生涯無料プランのようなものです。通常の Notta AI の無料プランよりも機能や上限が増えています

有料プランと無料プランの違い

スタータープランとプレミアムプランでは以下のような違いがあります。

実際に使ってみましたが「時々利用する」くらいであれば、無料プランでも問題ありませんでした。

しかし、月間30時間を超える使用時間が必要な場合はプレミアムプランが必要となります。

	Starter(無料)	プレミアム
文字起こし時間	300分	1800分
一回の文字起こし時間	300分	300分
音声・動画のインポート	100回（ただし5分間まで）	100回
ウェブ会議の文字起こし	〇	〇
リアルタイム録音文字起こし	〇	〇
テキストデータのエクスポート	〇	〇
単語登録	〇	〇
Notta AI	〇	〇
翻訳	〇	〇
自動文章校正	〇	〇
話者設定	〇	〇
音声倍速再生	〇	〇
無音スキップ	〇	〇

ちなみに、音声認識の精度は無料プランでも有料プランでも全く違いはありませんでした。

※ Notta AI には通常の無料プランというものもありますが、 Notta Memo購入者は スタータープラン という扱いになり、ただの無料プランよりも上限が高くなります

無料プランが向いている人

そこまで毎日録音する必要がなければ無料プランでも十分です。

目安は月間 300分なので、毎日10分、毎週70分くらいの使用機会がなければ無料プランでもＯＫですね。

例えば、不定期で時々クライアントとミーティングをしたり、海外に住んでいて時々会話の録音が必要になるというくらいであれば無料プランでも問題ないかと思いました

有料プランにした方がいい人

逆に言うと無料プランでは上限に達してしまう方は有料プランにする必要があります。

特にAI要約機能を使って、長い会議を時短でまとめたい方は最適だと思います。これは月間100回まで利用することができますが、恐らく無料プランでは短いミーティングにしかならないので、結局は有料プランが必要になると思います。

ちなみに、「ビジネスプラン」もある

ちなみに、プレミアムプランの上位プランとして、ビジネスプランというものも存在しています。こちらのプランすることで、文字起こし時間を無制限 にすることができます。毎日長時間の会議があり、文字起こし機能を多用する方におすすめのプランとなります。

Nottaの価格表

その他にもビジネスプランにすることで、Zapier連携、セキュリティ管理、利用状況レポート、CRM連携などの機能も使えるようになります。

実際に利用してみた

今回は以下のシーンで利用してみました。（現在は日本に一時帰国していたので、オンライン上でのテストとなります）

クライアントとのウェブ会議

実際に、仕事の打ち合わせのミーティング中に Notta memo をスピーカー付近におき、10分ほどの録音をしてみました。

Notta memo をスピーカー付近におき、10分ほどの録音

結果としては、かなり精度のよい内容だと思います。

今回は、ほぼ初めて使用した感じだったので、クライアントの会社名などの固有名詞は正確に文字起こしできていませんでしたが、単語登録でしっかりとチューニングすることで、この点も改善できると思います。

僕の癖として、 あー や えー を言うことがあるので、それも含まれていますが、文字起こしとしては良い精度だと思います。あとは、これをそのまま要約することができるので、画像の左側のようにミーティングの内容を整理してくれました。

オンライン語学レッスン

僕は英語だけでなく、スペイン語も勉強をしています。最近はスペイン語のオンラインレッスンもしているので試してみました。

まだわからない単語も多く、先生が言っていることを100%理解できるわけではなく、後から「ここって先生はなんて言ってたんだろう。。」というシーンが多かったです。

なので、今回は Notta memo を使い、レッスンを録音してみました。

語学学習で notte memo を使う

結果としては、スペイン語でもしっかりと認識をして文字起こしをすることができました。僕の言っている非ネイティブのスペイン語もしっかりと認識をしてくれました。

しかし、精度としては、日本語や英語に比べると少し劣っているような感じがしました。実際に公式サポートに確認すると、

英語・日本語の精度は高いが、それ以外の言語はまだまだ改善中

という回答がありました。全然、聞き取れている方だと思いますが、スピーカーや話し手のアクセントによってはもしかしたら精度が低くなることもあります。

僕は現在は一時帰国していますが、基本的に海外にいることが多いです。例えば、海外で病院や役所に行った時に、すべて聞き取れるわけではないし、後から誰かがすべて翻訳して説明してくれる訳でもありません。そんな時に、これで録音しておけば、後からなんて言われたか確認することができるし、語学学習の練習にもなると思いました！（録音できる場所でのみ使用しましょう。）

ウェブ会議には不向きかも

ウェブ会議前提で利用する場合、そもそも notta には自動的にオンラインミーティングを録画できる Meeting Bot という機能があります。これを使うことで、自動的にZoomなどのオンラインミーティングを録音することができるようになっています。

Meeting Bot

通常、Zoomミーティングをする際はこちら側はイヤホンやヘッドホンをして行うと思うので、相手の声はレコーダーには届きません。なので、ウェブでビデオ会議をする際は、音声をスピーカー出力にする必要があり、ちょっとかみ合わない気がしました。

どちらかと言うと、実際の対面でのミーティングの時に力を発揮するデバイスだと思います。

ただ、ビデオ会議中心であってもメリットがあります。

それは、このデバイスを購入することで notta アカウント自体をスタータープランというプランに引き上げることができるという点です。

通常の無料プランは Freeプランということで、月間120分の録音上限なのですが、 notta ai を購入することでサブスクリプションはかからないものの、スタータープランという購入者限定の無料プランをゲットすることはできます。これはライフタイムプランのようなものなので、これだけで録音できる月間の上限を増やすことができるという点はメリットだと思います。

Nottaの強み

個人的に今回 Notta AI を使って感じたメリットや確かな強みは以下になります。他社のレコーダーと比較した訳ではありませんが、肌感覚では以下のように感じました。

高速文字起こし

個人的に文字起こしのクオリティはそこまで気にしていません。話している言葉を100%テキスト化する必要はないと思っており、どちらかと言うと僕は速度の方を重視しています。その点で言うと Notta memo で録音したデータはかなり高速に文字起こし処理がされました。

例えば、会議で録音した20分の動画で文字起こしを開始すると、数分後にはスクリプトが作成されました。例えば、 Premiere Pro でも文字起こしができますが、それだとやはりもう少し時間がかかりました。

AIレコーダーを使っている方って、やはり忙しい方が多いと思うので、できるだけすぐに文字起こしできる点は他の競合よりも秀でていると思います。

インターフェースはシンプル

インターフェースはとてもシンプルで、どこで何ができるかがはっきりとわかります。また、デバイス自体もシンプルな作りとなっており、ボタン長押しですぐに録音が開始される点も素晴らしいです。

notta memo

スマホとデバイスの同期は Bluetooth 経由なのですが、それにしてはかなりシームレスに転送することができました。録音した音声の長さによりますが、録音してから数秒後にはデバイスとアプリと同期することができました。

▼ アプリももちろん日本語UIになっており、操作方法で困ることはないと思います。

nottaアプリの様子

専門用語の登録

この辺りのチューニングができる点も評価できる。特に、サービス名や会社名の固有名詞をいう時に、登録できるのは大きい。無料プランであっても200個まで登録することができるので、十分かと思う。

専門用語

例えば、僕は KAJABI(カジャビ) というツールのオンラインサポートなどを行っておりますが、普通にKAJABIと行ってもPremiereProなどの文字起こしでは変な単語として認識されてしまいます。しかし、 notta memo で事前に単語を登録しておけばしっかと カジャビ = KAJABI と認識してくれるようになりました。AI機能が前後関係も理解して文字起こししてくれるので、精度は高いと感じました。

PCとの同期ができる

正直、文字を読んだりテキストを編集したりするのはスマホよりもPCの方が間違いなく操作性が高いです。

文字起こししたデータや音声データをいかにスムーズにPCに移行させるかというのが重要だと感じています。

録音してい同期したデータはほぼシームレスにPCから再生することもできるし、PC上でテキストをコピーしたり、AI要約をしたり、マインドマップを生成することもできました。

エクスポートデータに .srt がある

Notta memo で録音して文字起こししたデータはエクスポート（ダウンロード）することができます。ダウンロードできる形式は以下に対応しています。

.mp3 (音声)
.txt (一般的なテキスト)
.docx (Word用のファイル)
.srt (字幕用テキスト)
.pdf
.xlsx (エクセル用のファイル)

その中でも srt は最近だとYoutube用の字幕ファイルとしてもよく利用されているファイル形式だと思います。

srtファイルのダウンロード

例えば、動画編集ソフトの文字起こし機能が弱いと思った場合は、その動画を notta にアップロードすれば、自動的にタイミングも合わせた状態で srt形式 の字幕ファイルをダウンロードできることになります。

これは、字幕作成や文字起こし作業の効率をアップさせる方法になると思います。

改善して欲しい点

薄いが故の Type-C ではないこと

この薄さのAIレコーダーであることはとても素晴らしいのですが、充電が専用のケーブルでしかできないのは少々不便です。これを失くしてしまうと代替えができないし、できればTypeCが良いと思いました。この薄さとのトレードオフだとは思いますが、不便に感じる人もいると思いました。

専用の充電ケーブルが必要

ヒント

2026年3月更新：こちら、実際に多くの方から要望があったようで、Type-Cでも対応できるようにカバーが発売されました！

Notta Memo Type-C充電

こちらが最新版です！

https://amzn.to/3PDgwsl

環境音を拾いすぎる

Notta Memo には、4つのMEMSマイクが搭載されていて、周囲の音をしっかり拾ってくれます。

対面での会話では、マイクに向かって話さなくても自然に音声を拾ってくれるので、この点はとても便利です。

Notta Memoのマイク

ただその反面、カフェなどある程度ざわついた環境では、周囲の会話や環境音も一緒に拾ってしまうことがありました。

もっとも、そういった場所で重要なミーティングを録音するケースはあまり多くないと思いますし、基本的には静かな場所での会話やミーティングの録音に向いているデバイスだと感じました。

ヒント

静かな部屋であれば、マイクに向かって話さなくても、しっかりと全員の声を拾ってくれます。

録音した音声データのクオリティ

これについてもレコーダー自体の話ではなく、処理するシステム側の問題なので、これもいずれは改善されると思います。

Notta Memo は、録音した音声を後から聞き返すこともできるので、ボイスレコーダーとしても使える 仕様にはなっています。

notta memeで録音したデータは再生も可能

ただし、この製品の強みは高音質で音声を録音することではなく、AIによる文字起こし・要約・翻訳だと思います。

そのため、録音された音声のクオリティは、あくまで「問題なく聞き取れるレベル」という印象でした。

メモ

個人的には、文字起こしができていれば、後から音声を聞き返すことはほとんどなかったので、この点は特に不満には感じていません。

もし、録音した音声そのものを編集したり、別用途で活用したい場合は、専用の高音質レコーダーを選んだ方が良いと思います。

あくまで Notta Memo はAIレコーダーとしての用途がメインなので、音質を重視しすぎるのは、少し用途が違うかな、という印象です。

まとめ

ということで、今回は Notta Memo を約1か月間、実際の仕事や語学学習の中で使ってみたレビューをお届けしました。

改めてまとめると、Notta Memo は「音声を記録すること」そのものよりも、その後の文字起こし・要約・翻訳までを含めて活用したい人向けのAIレコーダーだと感じました。

特に、

オンラインミーティングが多い方
議事録やメモを取る時間を減らしたい方
語学学習や多言語環境での会話を後から振り返りたい方
録音データをPCで活用したいフリーランスやビジネスパーソン

こういった方には、かなり相性の良いデバイスだと思います。

一方で、

高音質な音声録音そのものを重視したい方
カフェなど常に騒がしい環境での録音がメインの方
デバイスを使わず、アプリだけで完結したい方

こういった場合は、必ずしもベストな選択ではないかもしれません。

また、Notta Memo を購入することで利用できるスタータープラン についても、**「月額無料のまま使える範囲が大きく広がる」**という点で、実用性はかなり高いと感じました。

スタータープラン

もちろん、有料プランが必要になるケースもありますが、まずはスタータープランで自分の使い方に合うかどうかを試してみるという使い方でも十分だと思います。

今回の記事が「Notta Memo が自分の生活や仕事に合うかどうか」を考えるひとつの判断材料になれば嬉しいです。

【図説】Stripeで出金(銀行に入金)する方法

Tue, 13 Jan 2026 03:30:27 +0000

こちらの記事ではStripe（ストライプ）の資金を日本の銀行口座に振り込む（銀行に入金）する手順をご紹介します。 Stripeは世界で一般的に利用されている決済ゲートウェイです。最近ではSaaSと連携してオンラインビジネスをしている方も多いと思います。

そこまで難しくありませんので、以下を参考にいただけますと幸いです。

出金する手順

まずStripeにログインをして、Stripeのダッシュボードに進みます。

ログインしている状態でこちらをクリックしてもOKです https://dashboard.stripe.com/

メモ

Stripeの仕様上、定期的にダッシュボードのUIが変更される可能性があります。画像は執筆当時のものですが、基本的な操作は大きい変更はないと思います。

右上の歯車をクリックし、右上の歯車アイコンをクリックします。そして、 ビジネス をクリックします。

ビジネス

ビジネスのタブの中の 外部の入金口座とスケジュール設定 をクリックします。

外部の入金口座とスケジュール設定

ここでは以下の項目をカスタマイズすることができます。

銀行口座

Stripeと紐づいている銀行口座が表示されています。基本的に登録時に設定した銀行口座が表示されていますが、「編集」から変更することもできます。

別の銀行に変更する場合は、以下のようなデータが必要です。

銀行口座情報	サンプルデータ
銀行名	いろは銀行
支店名	東京支店
銀行コード	0123 (4 桁)
支店コード	456 (3 桁)
口座番号	1234567 (4 ～ 8 桁)
口座名義人	ヤマダハナコ

入金スケジュール

入金スケジュールによって、Stripe が銀行口座に送金するタイミングが決まります。アカウント登録時に希望の入金スケジュールを選択するか、Stripe ダッシュボードでいつでも更新することができます。

手動入金：資金が貯まって、任意のタイミングで銀行に入金できます。
自動入金：事前に設定した日付で自動的に入金することができます。日本では日次入金は利用できませんが、週次・月次が使えます。

入金スケジュール

↓以下のように、1カ月1回ではなく、複数の日付を選択することもできます。

入金スケジュール

ヒント

Stripe は、通常の入金を開始するための手数料を請求しません。ただし、Stripe アカウントの現地通貨以外の通貨で入金が行われる主要通貨以外の通貨での入金のほとんどでは、Stripe 手数料が発生します。

最低入金額

Stripeでは、銀行に出金（入金）できる最低金額が国や通貨ごとに決まっています。これは、Stripeが提携している銀行パートナー側で処理可能な最低金額に基づいて設定されています。

たとえば、アメリカの場合は残高が 1セント（0.01 USD）未満だと出金できず、追加で決済を受けて残高が増えるまで待つ必要があります。最低金額に届かない残高は、条件を満たすまでStripeアカウント内にそのまま保持されます。

日本の場合の最低金額

日本では、最低出金額は1円です。そのため、残高が1円以上あれば出金の対象になります。かなり小さな金額からでも出金可能なのは、使い始めの事業者にとって安心ポイントです。

最小残高

返金、不審請求の申請、手数料が発生した場合に備えて、すべての残高を引き出すのではなく、ここで指定した金額をStripe残高に残すことができます。

Stripeの最小残高

入金が失敗することはある？

Stripeでは通常、売上は登録した銀行口座に自動で入金されますが、まれに入金が失敗することがあります。

これはStripe側の問題というより、銀行口座の情報や銀行側の事情によって起こるケースがほとんどです。

入金が失敗するとどうなる？

銀行口座が何らかの理由で入金を受け取れなかった場合、銀行からStripeに資金が返金されます。

その後：

失敗理由が記載されたエラー通知が届く
メールやダッシュボードでお知らせされる
状況が反映されるまで最大5営業日ほどかかる場合がある

少しややこしい点として、最初は入金ステータスが 「paid（支払い済み）」 と表示され、後から 「failed（失敗）」 に変わることがあります。これは銀行側から返金通知が届くまで時間がかかるためです。

よくある失敗の原因

初心者の方で特に多いのは、以下のような入力ミスです。

口座番号の入力間違い
銀行コード・支店コードの誤り
口座名義の不一致

Stripeは入力された情報をそのまま使って送金するため、誤った情報があると別の口座に送金され、資金を回収できなくなる可能性もあります。

入金が失敗したときの対処方法

もし入金失敗の通知が来たら、次の順番で確認しましょう。

銀行口座情報をもう一度チェックする
ダッシュボードで正しい内容に修正する
次の入金タイミングで自動的に再試行されるのを待つ

銀行側の理由で失敗している場合は、銀行に問い合わせるのがおすすめです。

問題が解決したら、ダッシュボードの 「Resume Payouts（入金の再開）」 をクリックすると入金を再開できます。

覚えておきたいポイント

入金失敗の通知は少し遅れて届くことがある
口座情報の入力ミスは特に注意
入金は修正後に自動で再試行される
不明な場合は銀行またはStripeサポートへ相談

まとめ

出金手数料は無料
手動入金、自動入金から選択することができる
1円でも残高があれば銀行に出金可能

【図説】Paypalで出金(銀行に入金)する方法

Mon, 12 Jan 2026 03:30:27 +0000

こちらの記事ではPaypal（ペイパル）の資金を日本の銀行口座に振り込む（銀行に入金）する手順をご紹介します。 Stripeは世界で一般的に利用されている決済ゲートウェイです。

最近ではSaaSと連携してオンラインビジネスをしている方も多いと思います。

そこまで難しくありませんので、以下を参考にいただけますと幸いです。

出金する手順

まずPaypalにログインをして、ダッシュボードに進みます。

Paypalのログイン

メモ

Paypalの仕様上、定期的にダッシュボードのUIが変更される可能性があります。画像は執筆当時のものですが、基本的な操作は大きい変更はないと思います。

ログインをすると、まずこのようなダッシュボードが表示されます。（画面は 2026年2月時点）

Paypalの管理画面

資金を管理 というボタンがあるので、そちらをクリックします。そうすると以下のオプションがあります。

出金
自動振替を設定
入出金管理ページを表示

出金

出金をクリックすると、以下のような画面になります。ここには資金金額や、資金移動先の銀行が表示されるので確認しましょう。金額は全額ではなくてもOkです。金額をキーボードで入力して任意の金額を出金できます。

出金

ヒント

50,000円以上の出金であれば、出金手数料は無料です。ただし、 49,999円以下の出金だと 250円の手数料が発生します。

記載の通り、送金は通常3〜6 日間で完了します。ただし、ほとんどのケースでは最短の3日後くらいにすぐ反映されることが多いです。

自動振替を設定

こちらでは、自動的な振替を設定できます。

Paypal 自動振替

毎日：午前1:00 (現地時間)。
週2回 ：毎週月曜日および木曜日の午前1:00 (現地時間)。
毎週：毎週月曜日の午前1:00 (現地時間)。
月2回 ：毎月15日および月末の午前1:00 (現地時間)。
毎月：毎月1日の午前1:00 (現地時間)。

金額は以下のように選択できます。

残高の全額：すべての残高を出金します
最低残高を残す：指定した金額を残した状態で出金します。

明細

ちなみに銀行側の明細には ＰＡＹＰＡＬ　ＰＴＥ　ＬＴＤ と記載されるようになっています

PayPal残高は長期間ためないほうが安心

PayPalは日本の法規制（資金決済法）に対応するため、アカウント残高の管理について一定のルールを設けています。実際にPayPalから届く案内メールでは、「今月中に使う予定のない資金は銀行口座へ引き出してほしい」と案内されており、特に残高が100万円を超える場合は毎月通知が送られる仕組みになっています。

これはPayPalが銀行ではなく決済サービスであるため、資金を長期間保管する用途を想定していないためです。そのため、売上金をそのまま貯め続けるのではなく、定期的に銀行口座へ出金して管理するのがおすすめです。特に事業利用の場合は、資金管理やリスク分散の面でも「 PayPalに100万円以上を長く置かない 」意識を持っておくと安心です。

実際に以下のようなメールが届いたことがあります。


PayPalは、世界各地で事業を展開しているすべての場所で、現地の法律および規制を遵守するよう努めています。日本の決済サービス法の改正により導入された新しい要件に基づき、弊社は日本でのサービスについて、いくつかの新しい措置を導入しました。
PayPal Japanでは、使用する予定のない資金をお客さまのPayPalアカウント残高に保持されないよう求めています。これは、原則として、お客さまが今月中に使用する予定のある残高のみを保持する必要があることを意味します。
お客さまのアカウントがコンプライアンスに準拠していることを確認するためにも、20XX年X月XX日までに以下の手順をご完了ください。
まだPayPalアカウントに銀行口座を登録されていない場合は、登録手続きを行ってください。
今月中に使用する予定のない余剰資金は、PayPalアカウントから銀行口座に引き出されます。これには、通常の銀行引き出しに関する条件が適用されます。*1
こちらをクリックしてPayPalアカウントにログインし、数回クリックするだけで銀行口座への引き出しが可能です。まだ銀行口座を登録されていない場合は、登録についてのお知らせが送られます。
こちらをクリックしてPayPalアカウントにログインし、数回クリックするだけで銀行口座への引き出しが可能です。まだ銀行口座を登録されていない場合は、登録についてのお知らせが送られます。
もしくは、[PayPalヘルプセンター]にアクセスして、引き出しについて記載された消費者向けガイドと企業向けガイドをご確認ください。また、消費者向けの銀行口座登録ガイドや、企業向けの同様のガイドもありますのでぜひご覧ください。
PayPal残高が100万円を超える場合は、毎月通知をお送りします。次の通知は4月上旬に送信されます。

【備忘録】Next.js + Resendの使い方をまとめる

Sat, 10 Jan 2026 14:19:51 +0000

こんにちは！HODAです！

先日、 Hugo + Resend を使って認証システムを作りました。備忘録も兼ねて、こちらに導入方法を整理します。

Resendとは？

Resendは、一言で言えば「開発者のためのメール送信API」です。従来のメール送信サービスに比べ、開発者がモダンなアプリケーション（Webアプリやモバイルアプリなど）にメール送信機能を組み込むことを非常にシンプルにするよう設計されています。

Resendは多くのプログラミング言語やフレームワークに対応しており、以下のような環境ですぐに使い始めることができます：

JavaScript/TypeScript: Node.js, Next.js, React, Express など
その他の言語: Python, PHP (Laravel), Ruby (Rails), Go, Rust, Elixir, Java, .NET など

Resendでできること

Resendは単にメールを送るだけでなく、開発に役立つ強力な機能を備えています。

メールの可視化と管理: 送信したメールのステータス（送信済み、開封、クリック、バウンスなど）をダッシュボード上で詳細に確認できます。
ドメインの配信品質管理: 自分のドメインを認証し、メールが確実に相手の受信箱に届くよう管理できます。
Reactを用いたテンプレート作成: Reactコンポーネントを使用してメールの見た目（HTMLテンプレート）を構築できるため、フロントエンド開発者にとって非常に扱いやすいのが特徴です。
チームでの共有: 送信したメールの内容を、認証なしで48時間閲覧できる公開リンクとしてチームメンバーに共有する機能もあります。

導入の基本ステップ

Resendをプロジェクトに導入する際の基本的な流れは以下の通りです。

1. 事前準備（Prerequisites）

まずは公式サイトでアカウントを作成し、以下の2点を行う必要があります。

APIキーの作成: アプリケーションからResendを呼び出すための認証キーを発行します。
ドメインの認証: 自分が所有するドメインからメールを送れるように設定します。

2. SDKのインストール

例えば、Node.js環境であれば、以下のコマンドでSDKをインストールします。

npm install resend

3. 実装の基本

もっともシンプルな送信コード（Next.jsなどの場合）は以下のようになります。APIキーを環境変数に設定し、resend.emails.send メソッドを呼び出すだけです。

import { Resend } from 'resend';

const resend = new Resend(process.env.RESEND_API_KEY);

await resend.emails.send({
 from: 'you@yourdomain.com',
 to: 'recipient@example.com',
 subject: 'Hello World',
 html: '<p>Resendからの初メールです！</p>'
});

初心者が知っておくべき「テスト送信」のコツ

開発中に本物のメールアドレスへ何度も送信すると、ドメインの評価（レピュテーション）が下がり、将来的にメールが「迷惑メール」扱いされるリスクがあります。

Resendでは、ドメインの評価を傷つけずにさまざまな状況をシミュレーションするためのテスト用アドレスが用意されています。

正常送信のテスト: delivered@resend.dev 宛に送る。
バウンス（不達）のテスト: bounced@resend.dev 宛に送る。
スパム扱いのテスト: spam@resend.dev 宛に送る。

これらを活用することで、本番環境を汚さずに安全に開発を進めることができます。

ヒント

実際にテスト環境や localhost の時には管理者のメールアドレス宛にしかテスト送信できません。

Resendを例えるなら、「スマートな国際郵便の発送窓口」です。 昔ながらの複雑な手続き（古いメールサーバーの設定）を知らなくても、宛先とメッセージを渡すだけで、あとはResendが最適なルートで確実に届けてくれ、さらに「今どこに荷物があるか」をリアルタイムで教えてくれるようなサービスです。

Next.jsプロジェクトにResendを導入

1. 事前準備（Prerequisites）

実装を始める前に、Resendのダッシュボードで以下の2点を済ませておく必要があります。

APIキーの作成: アプリケーションからアクセスするための鍵を取得します。
ドメインの認証: 送信元となる自分のドメインを登録・認証します。

ちなみに無料プランであっても、月間 3,000通のトランザクションメールを送信できるので、小さなプロジェクトであれば十分無料プランでOKです。

Resend APIの無料プラン

2. SDKのインストール

まず、プロジェクトのルートディレクトリで以下のコマンドを実行し、Resend Node.js SDKをインストールします。

npm install resend

3. メールテンプレートの作成

Resendの特徴は、Reactコンポーネントをそのままメールのテンプレートとして使える点です。例えば、components/email-template.tsx というファイルを作成し、以下のようなコードを記述します。

import * as React from 'react';

interface EmailTemplateProps {
 firstName: string;
}

export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
 firstName,
}) => (
 <div>
 <h1>Welcome, {firstName}!</h1>
 </div>
);

4. 送信処理の実装（API Route）

次に、メールを送信するためのAPIエンドポイントを作成します。App Routerを使用している場合は、app/api/send/route.ts に作成します（Pages Routerの場合は pages/api/send.ts）。

Resendの管理画面・使い方

ここでは、環境変数 RESEND_API_KEY を使用してResendを初期化し、先ほど作成したテンプレートを使ってメールを送信します。

import { EmailTemplate } from '../../../components/EmailTemplate';
import { Resend } from 'resend';

const resend = new Resend(process.env.RESEND_API_KEY);

export async function POST() {
 try {
 const { data, error } = await resend.emails.send({
 from: 'Acme <onboarding@resend.dev>', // 認証した自分のドメイン
 to: ['delivered@resend.dev'], // 送信先
 subject: 'Hello world',
 react: EmailTemplate({ firstName: 'John' }), // Reactテンプレートを使用
 });

 if (error) {
 return Response.json({ error }, { status: 500 });
 }

 return Response.json(data);
 } catch (error) {
 return Response.json({ error }, { status: 500 });
 }
}

5. 送信状態の確認とテスト

Next.jsから送信したメールがどうなったかは、Resendのダッシュボードで詳細に確認できます。

メールイベントの把握: 送信したメールが「送信済み（sent）」、「配信済み（delivered）」、あるいは相手のサーバーに拒絶された「バウンス（bounced）」などの状態をログで追跡できます。
テスト用アドレスの活用: 開発中は、自分のメールアドレスを汚さずに以下のテスト用アドレスを使って挙動を確認することをお勧めします。
- 成功テスト: delivered@resend.dev 宛に送ると、正常に届いた場合の挙動を確認できます。
- 不達テスト: bounced@resend.dev 宛に送ると、エラーが起きた際の処理をテストできます。

Next.jsへの導入を例えるなら、「お店の裏側に専用の配送ラインを引く」ようなものです。

Reactという慣れ親しんだ道具（コンポーネント）で手紙を書き、Resendという専用の配送ライン（SDK/API）に流すだけで、あとは自動的に世界中へ届けてくれ、さらに「無事に届いたか」の受領証もリアルタイムで返ってくる、そんなスムーズな仕組みを構築できます。

Netlifyの「Legacy Prerendering」廃止とは？影響・期限・移行方法を考察

Tue, 06 Jan 2026 20:42:28 +0000

2026年に向けて Netlify の重要な仕様変更が発表されました。それが Legacy Prerendering（従来のプリレンダリング機能）の廃止 です。

先日、利用者宛てに以下のようなメールが届いたと思います。

You have legacy prerendering enabled on one or more sites. We now offer new prerendering extensions that provide greater visibility, configurability, and ongoing support.
 
Legacy prerendering will be disabled on January 20, 2026 for your plan. After this date, prerendered pages will stop being served unless you migrate.

SPA（React / Vue / Next.js など）を Netlify で運用しており、 SEO対策・SNSプレビュー・AIクローラー対応 のために prerendering を使っている場合、対応しないと検索流入に影響が出る可能性 があります。

この記事では、Netlify公式の移行ガイドをもとに、

何が変わるのか
いつまでに対応が必要か
影響を受けるサイト・受けないサイト
正しい移行方法

について公式フォーラムの情報を元にご紹介します

そもそも「Legacy Prerendering」とは？

Legacy Prerendering は、Netlify が提供していた 旧来のプリレンダリング機能 です。

JavaScriptで描画されるSPAサイトに対し、

Googleなどの検索エンジン
SNSのリンクプレビュー
AIクローラー

向けに 事前にHTMLを生成した状態（静的HTML）を返す ことで、「JSが読めないクローラーでも正しく内容を理解できる」ようにする仕組みでした。

しかしこの仕組みは、

内部挙動がブラックボックス
ログや可視性が低い
拡張性に限界がある

という理由から、新しい仕組みに置き換えられることになりました。

何が変わる？今回のNetlifyの変更点まとめ

結論：Legacy Prerenderingは完全廃止されます

Legacy Prerendering は 非推奨（deprecated）
プランごとに 順次完全停止
一度停止されると 再有効化は不可

つまり、何もしないと勝手に止まり、そのまま復旧できません。

廃止スケジュール（プラン別）

公式の発表によると、以下の日時以降、Legacy Prerendering は自動的に無効化されます。

プラン	停止日
Free（旧/クレジット制）, 旧Starter	2026年1月20日
Personal / Pro	2026年2月17日
Enterprise / 特殊プラン	2026年3月17日

👉 無料プランほど早く影響を受ける ので要注意です。

自分のサイトは「prerendering」が本当に必要？

実は、すべてのサイトが移行必須ではありません。

Netlifyは公式にチェックツールを提供しています。

👉 Do you need prerendering? https://do-you-need-prerendering.netlify.app/

このツールで、

「不要」と判定された場合 → Legacy PrerenderingをOFFにするだけでOK
「必要」と判定された場合 → 新しい仕組みへ移行が必須

という判断ができます。

移行が必要な場合の選択肢（2パターン）

① Netlify Prerender Extension（シンプル向け）

おすすめ対象

個人サイト
中小規模のブログ・ドキュメント
自分で設定できる人

特徴

Netlify公式の拡張機能
Edge Functions / Functions を使用
設定がシンプル
ログ・メトリクスが見える
コミュニティサポート中心

👉 「とりあえず移行したい」ならこれで十分。

② Prerender.io（複雑・重要サイト向け）

おすすめ対象

収益・SEOが事業に直結している
大規模SPA
Enterprise案件

特徴

専用ベンダーによる安定運用
高度なルール設定
プロキシ構成にも対応
Netlify公式が Enterprise用途に推奨

👉 ビジネス用途・失敗できないサイト向け。

実際の移行手順（重要）

Step 1：Legacy Prerendering を無効化

Netlify管理画面で以下へ移動：

Project configuration
→ Build & deploy
→ Post processing
→ Prerendering

ここで Legacy Prerendering をOFF にします。 (チェックが入っていない状態にします)

Step 2：新しいPrerendering拡張をインストール

Netlify Prerender extension
または Prerender.io extension

いずれかを選択してインストール。

Step 3：有効化して再デプロイ

Prerenderingを有効化
サイトを再デプロイ

これで、

クローラー / AI / プレビュー → 事前生成HTML
一般ユーザー → 通常のJSアプリ

という理想的な挙動になります。

もし何もしなかったらどうなる？

移行せずに期限を迎えると…

Legacy Prerenderingは 自動で停止
プリレンダリングHTMLは 配信されない
SEO評価・AI検索・SNSプレビューに悪影響
元に戻すことは 不可能

👉 「気づいたら検索流入が落ちた」では手遅れ です。

まとめ：今すぐやるべきこと

チェックツールで必要性を確認
不要 → Legacy PrerenderingをOFF
必要 → 新しいPrerenderingへ移行
早めに対応（特に無料プラン）

Netlify運用者へのひとこと

今回の変更は「改悪」ではなく、

可視性アップ
コントロール性向上
AI時代（LLM / クローラー）への最適化

という 前向きなアップデート です。

ただし、対応しない人だけが損をする変更 でもあります。

Netlify × SPA × SEO を意識している皆さんは、 必ず一度チェックしておきましょう。

Fumadocs にカスタマイズして新機能を追加してみた

Tue, 06 Jan 2026 01:20:56 +0000

最近Fumadocsにハマっています。元々の機能でもかなり完成度が高いですが、利便性を求めていくつかカスタマイズをしてみました。使い方の改善などになればよいかと。

Youtube動画のコンポーネント

<YouTubeEmbed> コンポーネントを使用して、安全にYouTube動画を埋め込むことができます。

<YouTubeEmbed videoId="LX6A3OmY4uk" title="動画のタイトル" />

このコンポーネントは以下の特徴があります：

レスポンシブ対応（アスペクト比16:9を維持）
セキュリティ属性を適切に設定
パフォーマンス最適化（遅延読み込み）

UIパス表示コンポーネント

<UiPath> コンポーネントを使用して、UI操作の手順を視覚的に表示できます。

こんな感じ

<UiPath>Email activity > Has a hard bounced delivery > Yes</UiPath>

このコンポーネントは以下の特徴があります：

> で区切られたパスを自動的にパース
各ステップをチップとして表示
最後のステップがアクティブなスタイル（青背景）で強調表示
ステップ間は矢印（›）で区切られる

スタイルは app/globals.css で定義されており、以下のクラスを使用しています：

.ui-chip: 通常のチップスタイル（グレー背景）
.ui-chip.is-active: アクティブなチップスタイル（青背景）
.ui-sep: 区切り文字（›）のスタイル

記事の日付表示と古い記事の警告

MDXファイルのフロントマターで created と updated を指定すると、記事ページに作成日・更新日が自動的に表示されます。

日付表示

---
title: 記事のタイトル
created: 2021-04-18
updated: 2024-02-28
---

created: 記事の作成日
updated: 記事の最終更新日（作成日と同じ場合は表示されません）

また、更新日から1年以上経過している記事には、自動的に以下の警告メッセージが表示されます：

この記事は更新から1年以上経過しています。情報が正しくないかも、、、

この機能は components/article-dates.tsx で実装されており、記事ページのタイトル直下に表示されます。

トップページ機能

トップページ（content/docs/index.mdx）では、以下の機能が実装されています。

最近追加された記事・最近更新された記事

フロントマターにcreatedまたはupdatedが設定されている記事を、日付順で表示します。

import { RecentCreatedPosts, RecentUpdatedPosts } from '@/components/recent-posts';
## 最近追加された記事
<RecentCreatedPosts limit={10} />
## 最近更新された記事
<RecentUpdatedPosts limit={10} />

特徴：

各記事はカード形式で表示され、ホバー時にエフェクトが適用されます
記事タイトルの前にFileTextアイコンが表示されます
カテゴリーバッジが表示されます（支払い・請求、Products/レッスンなど）
日付は表示されません（シンプルなリスト形式）

実装ファイル：

components/recent-posts.tsx: 記事リスト表示コンポーネント
lib/recent-posts.ts: 記事取得関数（getRecentCreatedPosts, getRecentUpdatedPosts）

注目のトピック＆記事（カテゴリー別記事表示）

各カテゴリーの記事を5件まで表示するショートコードコンポーネントです。

import { CategoryPosts } from '@/components/category-posts';
## 注目のトピック＆記事
<CategoryPosts category="payment" limit={5} />
<CategoryPosts category="product" limit={5} />
<CategoryPosts category="students" limit={5} />

特徴：

カテゴリー名がリンクとして表示され、クリックでカテゴリーページに遷移します
各記事の前にBookTextアイコンが表示されます
記事は更新日が新しい順（更新日がない場合は作成日）で表示されます
順番はMDXファイル内で<CategoryPosts />の順序を変更することで調整できます

フッター

サイト全体に共通フッターが表示されます。フッターはcomponents/footer.tsxで実装されています。

レイアウト：

2カラムレスポンシブデザイン（大画面では横並び、スマートフォンでは縦並び）
左カラム：サイトロゴ、説明文、ソーシャルメディアアイコン、ログインユーザー情報
右カラム：サイトの注意書き（利用規約、更新情報など）

左カラムの構成：

サイトタイトル（/docsへのリンク）
サイトの説明文
ソーシャルメディアアイコン（GitHub、Discord、YouTube、Twitter/X）
ログインユーザー情報（プレースホルダー）
- 「ログイン中」ステータス
- ユーザー名表示
- ログアウト・パスワード変更ボタン

右カラムの構成：

サイトの説明と注意書き
情報の更新について
記事の追加について

実装ファイル：

components/footer.tsx: フッターコンポーネント
app/layout.tsx: ルートレイアウトにフッターを追加

フッターは全ページに自動的に表示され、fumadocsのテーマ変数を使用してスタイリングされています。

ThinkificにカスタムCSSを追加する方法・日本語フォント設定など

Tue, 06 Jan 2026 01:20:56 +0000

Thinkificを使っていると、CSSをカスタマイズしたいという場面があると思います。

例えば、レイアウト全般もそうですが、日本語フォントのバリエーションはデフォルトでは使えないので、Googleフォントなどを使えると良いですよね。

今回は、ThinkificサイトにCSSを追加する方法をご紹介します。

Setting からCSSを追加

まずは、 Settings > Code & analytics > Site footer code に進みます。

こちらには

Add analytics code, tracking pixels, or custom JS to your site. (Wrap this code in a <script> tag)

と書いてあり、ここからスクリプト系を追加することができます。

ヒント

こちらの方法は有料プラン以上で利用可能となります。

Site footer code

注意点ですが、ここに直接CSSを追加しても反映されません。 CSSを追加するには <style> タグで囲う必要があります。

例

<style>
.box5 {
padding: 0.5em 1em;
margin: 2em 0;
border: double 5px #4ec4d3;
}
.box5 p {
margin: 0;
padding: 0;
}
</style>

このように挿入しないと反映されないので注意が必要です。

挿入をしたら、 Site footer code の横にある Save ボタンをクリックします。何故か下の Save ボタンでは保存されないので気を付けましょう。

GoogleフォントをThinkificに追加する手順

CSSを使ってフォントを追加する方法は色々ありますが、今回はGoogleフォントを追加する方法をご紹介します。

1. Google Fontsでフォントを選ぶ

まずは Google Fonts にアクセスします。

日本語フォントの場合は、左側の Language から Japanese を選ぶと探しやすくなります。代表的な日本語フォントには以下のようなものがあります。

Noto Sans JP（読みやすく万能）
Noto Serif JP（明朝体）
Zen Kaku Gothic New（モダン）
M PLUS 1p / M PLUS Rounded 1c（やわらかい印象）

使いたいフォントをクリックし、Get font を選択します。

Get font

ちなみに、フォントは試し書きをすることもできます。

すべての漢字に対応していないことがある（カタカナ、難しい漢字なども入力して確認する）
英数字に対応していないこともあるのでアルファベットも入力してみる

↑このようなケースもあるので、試し書きをすることをオススメします。

2. Google Fontsの読み込みコードを取得

Get font を押した後に、カートアイコンをクリックすると、選択されたフォントが表示されます。

注意

ここに複数のフォントがあると、CSSが複雑になります。初心者の方はまずは1個だけここに表示されている状態で進めてください。

フォントを選択すると、右側（または下部）に Get embed code というセクションが表示されます。こちらをクリックします。

ここに表示される @import タグをコピーします。

例：

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
</style>

3. Thinkificの Site footer code に貼り付ける

Thinkificの管理画面で、

Settings > Code & analytics > Site footer code

に戻ります。

ここに、先ほどコピーした Google Fonts の @import タグ を貼り付けます。

すでに <style> で囲われているのでそのままでOKです。再度 <style> で囲う必要はありません

Google Fonts

4. フォントを適用するCSSを書く

次に、フォントを実際に使うためのCSSを追加します。

Google Fontsのページに表示されている font-family の指定を使います。

例（Noto Sans JP の場合）：

<style>
body {
font-family: 'Noto Sans JP', sans-serif;
}
</style>

このように <style> タグで囲って、Site footer code に追記します。

5. 見出しだけフォントを変える場合

全体ではなく、見出しだけフォントを変えたい場合は以下のように指定できます。

<style>
h1, h2, h3, h4, h5, h6 {
font-family: 'Noto Sans JP', sans-serif;
}
</style>

また、本文と見出しでフォントを分けることも可能です。

<style>
body {
font-family: 'Noto Sans JP', sans-serif;
}
h1, h2, h3 {
font-weight: 700;
}
</style>

6. 保存して反映を確認

コードをすべて貼り付けたら、 Site footer code の右側にある Save ボタンを必ずクリックします。

保存後、サイトをリロードするとフォントが反映されているはずです。反映されない場合は、ブラウザのキャッシュクリアやシークレットモードで確認してみてください。

▼最終的にこんな感じになります。（これはちょっとやりすぎかもしれませんが、、、笑）

フォントを変更する

もしフォントが反映されない場合は、

font-family: "Potta One", system-ui!important; のように !important を付ければ機能するはずです。

まとめ

いかがでしたでしょうか。以下のポイントを押さえることで、簡単にThinkficのフォントを変更することができます。

Google Fonts は @import タグで読み込む
CSSは必ず <style> タグで囲う
Site footer code 右側の Save ボタンで保存する
日本語フォントは Noto Sans JP が無難でおすすめ

この方法を使えば、Thinkificでもデザインの自由度がかなり上がります。 CSSと組み合わせて、フォント・余白・配色なども調整してみてください。

Thinkificを試してみる(30日間無料)

CSSのposition stickyが効かない原因と解決方法【html/bodyのoverflowが原因だった】

Mon, 05 Jan 2026 13:44:58 +0000

Webサイトで「追尾メニュー」「サイドバー目次」などを実装する際、 position: sticky を使ったのに なぜか全く追尾しない という経験はないでしょうか。

本記事では、実際に私がハマった事例をもとに、

sticky が効かない本当の原因
DevTools（開発者ツール）での正しい確認方法
html / body の overflow が原因だったケースの解決策

を、再現手順付きで解説します。

position: sticky が効かないときにありがちな勘違い

まず、以下のような CSS を書いても追尾しないケースがあります。

.category-toc {
 position: sticky;
 top: 100px;
}

よくある勘違いは次のようなものです。

position: sticky を指定したのに動かない
top も指定している
親要素に overflow: hidden は付けていないつもり

それでも動かない場合、sticky 自体は正しく当たっているのに、構造上殺されている 可能性があります。

まず確認すべきこと（DevToolsでのチェック方法）

Chrome（Edge）で DevTools を開き、Console タブで以下を確認します。

const el = document.querySelector('.category-toc');

getComputedStyle(el).position
getComputedStyle(el).top
getComputedStyle(el).overflow

メモ

初めての方は allow pasting を手動で入力すればOK

正常な状態の目安

position: "sticky"
top: "100px"
overflow: "visible"

ここが正しければ、sticky指定そのものは失敗していません。

それでも追尾しない場合、次を疑います。

stickyが効かない最大の原因：html / body の overflow

今回の原因は html と body の overflow 設定でした。

Consoleで調べると、以下のような状態になっていました。

{
 scrollingElement: 'html',
 htmlOverflow: 'hidden auto',
 bodyOverflow: 'auto'
}

これは実質的に：

html：overflow-x: hidden; overflow-y: auto
body：overflow: auto

という スクロールコンテナが二重になっている状態です。

なぜ html / body の overflow が sticky を壊すのか

position: sticky は、

一番近いスクロールコンテナ
もしくは viewport

を基準に動作します。

しかし、

html がスクロール
body もスクロール可能
さらにラッパー要素が存在

という構成になると、sticky の基準が不安定になり、結果として「見た目上まったく追尾しない」状態になります。

解決策：スクロールは html に任せ、body は通常フローに戻す

最も安定した解決策は以下です。

html {
 overflow-x: hidden;
 overflow-y: auto;
}

body {
 overflow: visible;
}

ポイント

縦スクロールは html に一本化
body を overflow: auto にしない
横スクロール防止の overflow-x: hidden はOK

この設定を入れた瞬間、それまで動かなかった sticky が 即座に正常動作しました。

一時的に確認したい場合（Consoleでのテスト）

CSSを編集する前に、Consoleで一時的に試すこともできます。

document.documentElement.style.overflowY = 'auto';
document.documentElement.style.overflowX = 'hidden';
document.body.style.overflow = 'visible';

これで追尾するなら、原因は overflow 設定で確定です。

よくある「再発原因」への注意

以下のような実装があると、再び sticky が壊れます。

モーダル実装で常時 html { overflow: hidden }
レイアウト都合で body { overflow: auto }
height: 100vh + overflow 制御のラッパー

モーダル用にスクロールを止めたい場合は、 通常時は auto、モーダル時だけ hidden にするのがおすすめです。

html {
 overflow-y: auto;
 overflow-x: hidden;
}

.modal-open html {
 overflow: hidden;
}

まとめ：stickyが効かないときはここを疑う

position や top が正しくても安心しない
親要素だけでなく html / body の overflow を必ず確認
スクロールコンテナは 1つに統一する

sticky が効かない問題は CSS の書き方よりも、 「どこがスクロールしているか」 が原因であることが非常に多いです。

同じことで悩んでいる方の参考になれば幸いです。

WordPressで知っておきたい用語集

Sun, 04 Jan 2026 02:06:48 +0000

これからWordPressを始める方や、もっとWordPressについて詳しくなりたい方向けにWordPressに関する用語をまとめました。

全部知っていたら相当な上級者です！

Absolute Path（絶対パス）

Absolute Path（絶対パス）とは、ファイルやページの場所を「どこから見ても同じように指し示せる」書き方のことです。Webでは主にURLの形で使われ、たとえば https://example.com/about/ のようにドメイン名からすべて含むものは絶対パスです。WordPressでは画像URLやリンク設定、リダイレクト設定、CSS内の参照などで登場します。相対パス（例：/about/）と違い、場所が変わっても同じ場所を指す一方、ドメイン変更や環境移行（本番/テスト）では書き換えが必要になることがあります。

Action（アクション）

Action（アクション）とは、WordPressの内部で「あるタイミングになったら特定の処理を実行する」仕組み（フックの一種）です。たとえば「ログインした時」「記事を保存した時」「ページが表示される直前」など、決まったポイントでテーマやプラグインが処理を差し込めます。皆さんが普段触る画面には出にくい用語ですが、プラグイン同士の連携や機能追加の裏側はActionで動いていることが多いです。トラブル時に「どのプラグインがどの処理を追加したか」を追う手がかりにもなります。

Admin Area（管理画面）

Admin Area（管理画面）とは、WordPressにログインした後にアクセスできる、記事作成や設定変更を行うための領域です。日本語では「ダッシュボード」や「管理画面」と呼ばれ、/wp-admin/ にアクセスすると表示されます。投稿や固定ページの作成、メニュー編集、プラグインの追加、テーマ変更などサイト運営の中心はここで行います。初心者の方が混乱しやすいのは、管理画面で見える内容（編集画面）と、実際に公開される表示（サイトの見た目）が別物で、テーマやプラグインの影響を受ける点です。

Admin Bar（管理バー）

Admin Bar（管理バー）とは、ログイン中にサイト上部に表示される黒いバー（上部ツールバー）のことです。ここから「サイトを表示」「カスタマイズ」「新規投稿」「編集」などに素早く移動できます。Elementorを使っている場合は「Edit with Elementor」のようなリンクが表示されることもあり、編集導線として便利です。初心者の方は「自分だけに見えているバー」である点を知っておくと安心です（ログアウト中や一般の訪問者には表示されません）。表示/非表示はユーザー設定やプラグインで変わる場合があります。

Admin Bar（管理バー）

Administrator（管理者）

Administrator（管理者）は、WordPressのユーザー権限（ロール）の中で最も強い権限を持つ役割です。サイト設定の変更、ユーザー管理、テーマ/プラグインの追加削除など、ほぼすべての操作が可能です。初心者の方が気をつけたいのは、管理者権限での操作は影響範囲が大きく、誤ってプラグインを停止したりテーマを変えたりするとサイトが崩れることがある点です。複数人で運用する場合は、普段は編集者（Editor）など必要最小限の権限で作業し、管理者は限定するのが安全です。

Apache（アパッチ）

Apache（アパッチ）は、Webサーバーソフトの一つで、WordPressサイトを表示するための土台として使われることが多い存在です。皆さんがレンタルサーバー（ConoHaなど）を使っている場合、裏側ではApacheやNginxといったサーバーソフトが動いています。WordPressのパーマリンク設定やリダイレクト、アクセス制御などで使われる .htaccess（エイチティーアクセス）という設定ファイルは、Apache環境で特に重要になります。表示エラーやリダイレクト不具合の原因がサーバー設定にある場合、Apacheが話題に上がることがあります。

Attachment（添付ファイル）

Attachment（添付ファイル）とは、WordPressにアップロードされた画像・PDF・動画などのメディアを指す言葉です。メディアライブラリに入っているファイルは基本的にAttachmentとして管理され、各ファイルには個別のURLや情報（タイトル、代替テキストなど）が紐づきます。初心者の方が気づきにくいのは、画像を投稿本文に入れると「本文に表示されるだけでなく、メディアとしても独立して登録される」点です。テーマによっては添付ファイルページ（Attachment Page）が生成される場合があり、SEOや表示の観点で設定調整が必要になることもあります。

Atom（アトム）

Atom（アトム）は、ブログやニュースの更新情報を配信するためのフィード形式の一つです。RSSと似ており、更新情報を「フィードリーダー（購読ツール）」で受け取れるようにします。WordPressは標準でフィードを出力でき、サイトの更新を自動で追える仕組みとして使われます。初心者の皆さんが直接触る場面は多くありませんが、外部サービスと連携したり、更新情報を取得するツールを使ったりすると「RSS/Atom」という言葉が出てきます。SNS自動投稿やニュース収集にも関係します。

Autosave（自動保存）

Autosave（自動保存）とは、記事や固定ページを編集中にWordPressが自動的に下書きを保存してくれる機能です。突然ブラウザが落ちたり通信が切れたりしても、内容が全消失しにくくなるため初心者の皆さんには心強い仕組みです。ブロックエディタでは数分ごとに自動保存され、画面上に「下書きを保存しました」などの表示が出ることがあります。注意点として、自動保存は「公開」や「更新」とは別で、公開状態に反映されるわけではありません。また、複数人で編集すると競合が起こることがあり、その場合は復元や比較画面が表示されます。

Avatar（アバター）

Avatar（アバター）とは、ユーザーを表す小さな画像アイコンのことです。WordPressではコメント欄や投稿者情報の近くに表示されることがあり、サイトの見た目や信頼感に影響します。多くのテーマはGravatar（メールアドレスに紐づく共通アイコン）と連携して表示しますが、設定次第で非表示にできます。初心者の方が混乱しやすいのは「WordPress内で画像をアップロードしているのに反映されない」ケースで、実際にはGravatar側の設定が必要だったり、キャッシュの影響だったりします。企業サイトでは統一感のため非表示にすることもあります。

Back End（バックエンド）

Back End（バックエンド）とは、主にWordPressの管理画面側（Admin Area）や、サーバー側の処理全体を指す言葉です。皆さんが記事を書く編集画面や設定画面はバックエンドで、訪問者が見るサイト側はフロントエンドと呼ばれます。初心者の方がつまずきやすいのは「管理画面で見えるのに、公開画面で反映されない」あるいはその逆のケースで、テーマ・キャッシュ・プラグインなどの影響で表示が変わることがある点です。トラブル相談では「バックエンドでは正常か？」が切り分けのポイントになります。

Back End（バックエンド）

Backlink（被リンク）

Backlink（バックリンク／被リンク）とは、他のサイトから自分のサイトへ向けて貼られたリンクのことです。SEOの文脈でよく登場し、検索エンジンにとって「どれだけ他者に参照されているか」の指標の一つになります。WordPress運用では、記事が紹介されたり、SNSやまとめサイトからリンクされたりすると被リンクが増えることがあります。ただし、数だけでなくリンク元の信頼性や関連性が重要で、スパム的な被リンクは逆効果になる場合もあります。初心者の皆さんはまず「良い記事を作り、自然に紹介される」流れを意識するのが安全です。

Blog（ブログ）

Blog（ブログ）とは、時系列で記事が追加されていく形式のウェブサイト、またはその中の「投稿（Post）」を中心にしたコンテンツのまとまりを指します。WordPressは元々ブログ作成に強いCMSなので、標準機能の「投稿」はブログ運用に最適化されています。初心者の皆さんが混乱しやすいのは、WordPressでは「ブログ＝投稿一覧」であり、固定ページ（Page）とは役割が違う点です。ブログ記事は更新頻度が高く、カテゴリやタグで整理して、一覧ページやトップページに表示する運用が一般的です。SEOでも「継続的に記事を増やす」軸として扱われます。

Category（カテゴリー）

Category（カテゴリー）は、WordPressで投稿（Post）を整理するための基本的な分類方法です。日本語の管理画面でも「カテゴリー」として表示され、投稿をグループ化し、一覧ページ（カテゴリーページ）を自動生成できます。初心者の皆さんが気をつけたいのは、カテゴリーは「大分類」として設計し、増やしすぎない方が管理しやすい点です。たとえば「WordPress」「SEO」「サーバー」など、読者が探しやすい単位にすると効果的です。タグ（Tag）との違いは、カテゴリーは必須に近い“軸”で、タグは補助的な“キーワード”という位置づけです。

CDN（コンテンツ配信ネットワーク）

CDN（Content Delivery Network）とは、画像やCSS、JavaScriptなどの静的ファイルを、利用者に近い場所のサーバーから配信して表示速度を上げる仕組みです。WordPressでは画像が増えるほど読み込みが重くなりがちですが、CDNを使うとアクセスが集中しても安定しやすく、海外からの表示も速くなることがあります。初心者の方は「難しそう」と感じるかもしれませんが、最近はプラグインやサーバー側の設定で簡単に導入できる場合もあります。注意点として、CDN導入後はキャッシュの影響で更新が反映されにくいことがあるため、更新時の手順もセットで理解すると安心です。

Child Theme（子テーマ）

Child Theme（子テーマ）とは、既存のテーマ（親テーマ）のデザインや機能を引き継ぎつつ、必要な部分だけを安全にカスタマイズできる仕組みです。初心者の皆さんがよくやってしまうのは、親テーマを直接編集してしまい、アップデートで変更が上書きされることです。子テーマを使えば、親テーマを更新してもカスタマイズ部分が残りやすくなります。特にfunctions.phpの追記やCSSの調整、テンプレートの一部変更を行う場合に便利です。ただし、最近は「追加CSS」や「ブロックテーマのカスタマイズ」などで子テーマが不要なケースもあるため、目的に応じて選ぶのがポイントです。

Comments（コメント）

Comments（コメント）とは、読者が投稿記事に対して感想や質問を書き込める機能です。WordPressはブログ文化から発展しているため、コメント機能が標準で備わっています。コメントは読者との交流に役立つ一方で、スパムが増えやすいという弱点もあります。初心者の皆さんは、まず「コメントを有効にするか」を目的で決めるのがおすすめです。たとえば企業サイトや講座サイトではコメントを閉じ、問い合わせフォームに誘導する方が管理が楽な場合もあります。コメントを使うなら承認制にして、通知やスパム対策（Akismetなど）もセットで考えると安心です。

Content（コンテンツ）

Content（コンテンツ）とは、サイトに載っている文章・画像・動画など、ユーザーに提供する情報の総称です。WordPressでは投稿や固定ページの本文だけでなく、タイトル、見出し、画像、ボタン、表、FAQなどもコンテンツに含まれます。初心者の方が誤解しやすいのは、デザイン（テーマ・CSS）とコンテンツは別物だという点で、同じ文章でもテーマを変えると見え方が変わることがあります。SEOでは「検索意図に合う内容があるか」「読みやすい構成か」が重要なので、装飾よりもまず中身を整えるのが基本です。コンテンツの質が上がると、プラグインに頼りすぎなくても成果が出やすくなります。

Core（コア）

Core（コア）とは、WordPress本体を構成する主要なプログラム部分のことです。テーマやプラグインは「追加機能」ですが、コアはWordPressの基本動作そのものを担っています。初心者の皆さんは、更新通知が出たときに「更新して大丈夫？」と不安になることが多いですが、基本的にはセキュリティの観点からコア更新は重要です（ただし大規模サイトでは検証してからが安全です）。コア更新によってテーマやプラグインと一時的に相性問題が起きることもあるため、「更新前のバックアップ」「自動更新の設定」を理解しておくと安心です。

CMS（コンテンツ管理システム）

CMS（Content Management System）とは、専門知識がなくてもウェブサイトのコンテンツを作成・管理できる仕組みのことです。WordPressは世界的に最も普及しているCMSの一つで、記事投稿、固定ページ作成、メニュー編集、画像管理などをブラウザ上で行えます。初心者の皆さんが知っておくと良いのは、CMSは「表示（デザイン）」と「内容（コンテンツ）」を分けて管理できる点で、テーマ変更やプラグイン追加によって見た目や機能を拡張できます。一方で拡張しすぎると管理が複雑になるため、最初は必要最小限で始めるのがコツです。

CSS（シーエスエス）

CSS（Cascading Style Sheets）は、文字の大きさ、色、余白、レイアウトなど「見た目」を指定するための言語です。WordPressでは、テーマが基本的なCSSを持っており、皆さんが記事を書くだけでも整った見た目になるのはこのCSSのおかげです。初心者の皆さんがよく使う場面は「外観 → カスタマイズ → 追加CSS」で、ボタンのデザインを変えたり、余白を調整したりできます。ただしCSSは強力な反面、1行の追加で表示が崩れることもあります。トラブルの多くは追加CSSが原因になりやすいので、変更前にメモを残し、少しずつ追加するのがおすすめです。

↓ CSSの例

p { margin: 0 0 20px; }
img { max-width: 100%; height: auto; vertical-align: middle; }
pre { margin: 20px 0; padding: 20px; color: #2080ad; background-color: #fafafa; }
code, kbd, pre, samp { font-size: 16px; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
blockquote { font-style: italic; margin: 20px 40px; padding-left: 20px; border-width: 0 0 0 3px; border-style: solid; border-color: #13aff0; }

Dashboard（ダッシュボード）

Dashboard（ダッシュボード）とは、WordPressにログインした直後に表示される管理画面のトップページです。サイトの概要、最近の投稿、コメント状況、更新通知などがまとめて表示され、いわば「管理のホーム画面」です。初心者の皆さんは、投稿編集画面とダッシュボードを混同しがちですが、ダッシュボードはあくまで入口で、実際の作業は左メニュー（投稿・固定ページ・外観・プラグインなど）から行います。不要なウィジェットは非表示にできるので、最初は更新通知やサイトヘルスなど、必要な情報だけ見える状態に整理すると操作が楽になります。

Database（データベース）

Database（データベース）とは、サイトの情報を保存するための仕組みで、WordPressでは記事本文、タイトル、ユーザー情報、各種設定などがデータベースに入っています。画像ファイル自体はサーバー上の「ファイル」として保存されますが、画像の情報（添付ファイルデータ）や記事との紐づけはデータベースに保存されます。初心者の方が知っておくべきなのは、バックアップは「ファイルだけ」では不十分で、データベースもセットで保存する必要がある点です。また、プラグインを追加しすぎるとデータベースに設定が増え、サイトが重くなることもあるため、不要なプラグインは整理するのがおすすめです。

Default Theme（デフォルトテーマ）

Default Theme（デフォルトテーマ）とは、WordPressを新規インストールしたときに最初から入っている公式テーマ（例：Twenty Twenty-Fourなど）のことです。初心者の皆さんにとってデフォルトテーマは「動作確認用の基準」として非常に便利です。たとえば表示崩れやエラーが起きたとき、デフォルトテーマに一時的に切り替えて症状が消えるなら、原因は現在のテーマやそのカスタマイズにある可能性が高い、と切り分けができます。また、公式テーマは更新も安定しており学習にも向いています。最初から凝ったテーマを入れる前に、まずデフォルトテーマでWordPressの基本操作に慣れるのもおすすめです。

Dedicated Hosting（専用サーバー）

Dedicated Hosting（専用サーバー）とは、1台のサーバーを1人（1契約者）で専有して利用するホスティング形態です。共有サーバー（Shared Hosting）と違い、他人のサイトの影響を受けにくく、自由度が高いのが特徴です。WordPressではアクセスが多い大規模サイトや、速度・セキュリティを強く求める運用で検討されます。初心者の皆さんには少しハードルが高く、費用も高めになりがちです。多くの場合、最初は共有サーバーやマネージドWordPress hostingで十分で、アクセス増や用途の拡大に合わせて移行を検討すると無理がありません。

Developer（開発者）

Developer（デベロッパー／開発者）とは、WordPressのテーマやプラグイン、ウェブサイトそのものを作ったり改修したりする人のことです。皆さんが普段使うWordPressは、世界中の開発者がコアを改善し、テーマやプラグインの作者が機能を追加することで成り立っています。初心者の方が「開発者向け」と書かれた説明を見たときは、コード編集が必要な内容であることが多いので注意が必要です。一方で、サポートフォーラムやドキュメントで「Developer向けの設定」などが出てきた場合でも、基本的な考え方（何を変更する設定なのか）だけ把握しておくと、トラブル時に判断がしやすくなります。

DIV（divタグ）

DIV（ディブ）とは、HTMLで使われる要素（タグ）の一つで、ページ内の部分をまとめるための「箱」のような存在です。WordPressやElementorのレイアウトは、見た目ではセクションやコンテナに見えますが、内部的には多くのdivで構成されています。初心者の皆さんは直接触る機会は少ないものの、追加CSSで特定の部分だけデザインを変えたいときに「どのdivに当たっているか」を調べる話が出ることがあります。また、プラグイン同士の相性やテーマの違いでレイアウトが崩れる場合、divの入れ子構造やCSS指定が原因になっていることもあります。難しく感じたら「表示の箱の単位」くらいで覚えると十分です。

DNS（DNS）

DNS（Domain Name System）は、ドメイン名（例：example.com）を、実際のサーバーの住所であるIPアドレスに変換する仕組みです。皆さんがブラウザにドメインを入力してサイトを表示できるのは、裏側でDNSが「このドメインはどのサーバーに繋ぐか」を案内しているからです。WordPress運用では、独自ドメインの設定、サーバー移転、Cloudflare導入、メール設定（SPF/DKIM）などでDNSを触る場面が出てきます。初心者の方はDNS変更が反映されるまで時間がかかる（数分〜最大で48時間など）ことがある点を知っておくと、焦らず対応できます。

Domain Name（ドメイン名）

Domain Name（ドメイン名）とは、インターネット上の住所のようなもので、example.com のように人が覚えやすい文字列でサイトの場所を示します。WordPressサイトでは、このドメイン名とサーバーを紐づけることで、訪問者がブラウザからアクセスできるようになります。初心者の方が混乱しやすいのは「WordPressをインストールしただけでは独自ドメインは使えない」点で、実際にはサーバー設定やDNS設定が必要です。また、ドメイン名はSEOやブランドにも影響するため、短く分かりやすいものが好まれます。一度決めると変更が大変なので、最初に慎重に選ぶことが大切です。

Excerpt（抜粋）

Excerpt（抜粋）とは、投稿内容を短く要約した文章のことです。WordPressでは投稿編集画面に「抜粋」という入力欄があり、ここに書いた文章が投稿一覧ページ、カテゴリーページ、検索結果、RSSなどで表示される場合があります。初心者の方は「本文の最初の数行が自動で使われる」と思いがちですが、テーマやプラグインによって挙動は異なります。自分で抜粋を書くと、意図した説明文を表示でき、クリック率や読みやすさが向上します。特に一覧ページで内容を伝えたい場合、抜粋を活用するとデザインやSEOの両面で効果的です。

Featured Image（アイキャッチ画像）

Featured Image（アイキャッチ画像）とは、投稿や固定ページごとに設定できる「代表画像」のことです。日本語管理画面では「アイキャッチ画像」と表示されます。投稿一覧、トップページ、SNSシェア時のOGP画像など、さまざまな場所で使われるため非常に重要です。初心者の方が混乱しやすいのは「本文に画像を入れたのに一覧に表示されない」ケースで、これはアイキャッチが未設定なことが原因です。テーマや投稿一覧プラグインでは、Featured Image前提で設計されていることが多いため、基本運用として必ず設定するのがおすすめです。

アイキャッチ画像

Footer（フッター）

Footer（フッター）とは、Webページの最下部に表示されるエリアのことです。WordPressでは、コピーライト表記、メニュー、問い合わせリンク、SNSリンクなどを配置するのが一般的です。初心者の方は「フッター＝固定の文章」と思いがちですが、実際にはウィジェットやブロック、テーマ設定で自由に編集できることが多いです。SEOやユーザビリティの観点では、フッターに重要なページへの導線をまとめると、訪問者が迷いにくくなります。ただし情報を詰め込みすぎると逆効果になるため、目的を意識した構成が大切です。

Framework（フレームワーク）

Framework（フレームワーク）とは、テーマやシステムを効率よく開発するための「土台となる仕組み」のことです。WordPressでは、テーマフレームワーク（例：Genesisなど）が存在し、その上にデザインや機能を載せて使います。初心者の方は直接触ることは少ないですが、「このテーマはフレームワークを使っています」と説明される場合があります。フレームワークを使うと更新や管理がしやすくなる反面、独自仕様が多く学習コストが上がることもあります。最初はフレームワークを意識せず、通常のテーマから始めても問題ありません。

Front End（フロントエンド）

Front End（フロントエンド）とは、サイト訪問者が実際に目にする画面や操作部分のことです。記事本文、画像、ボタン、メニューなどが含まれます。WordPressでは、管理画面（バックエンド）で編集した内容が、テーマやCSSを通してフロントエンドに表示されます。初心者の方が混乱しやすいのは「管理画面では正常なのに、公開画面では崩れている」ケースで、これはテーマ・キャッシュ・プラグインの影響で起こります。トラブル時には「バックエンドかフロントエンドか」を分けて考えると原因を整理しやすくなります。

FTP（ファイル転送プロトコル）

FTP（File Transfer Protocol）とは、自分のパソコンとサーバー間でファイルを送受信するための仕組みです。WordPressでは、テーマやプラグインのファイルを直接操作したり、トラブル時にファイルを削除・修正したりする際に使われます。初心者の方は通常の運用でFTPを使う必要はあまりありませんが、「管理画面に入れない」「プラグインが原因で真っ白になった」などの緊急時に役立ちます。FTPソフト（FileZillaなど）を使う場合は、誤ってファイルを削除しないよう注意が必要です。

FTP

functions.php

functions.php は、テーマフォルダ内にあるファイルで、そのテーマ専用の機能を追加するために使われます。WordPressでは、ここにPHPコードを書くことで、メニュー追加、機能有効化、表示調整などが可能です。初心者の方が気をつけたいのは、functions.phpの編集ミスはサイト全体のエラーにつながりやすい点です。1文字のミスで管理画面に入れなくなることもあります。そのため、最近は「追加CSS」や専用プラグインで代替できる設定は、できるだけfunctions.phpを触らずに行うのが安全とされています。

Genericons（ジェネリコン）

Genericons（ジェネリコン）は、WordPress界隈で使われてきたアイコンフォントの一種です。メニューやSNSアイコン、UI装飾などに使われ、CSSで色やサイズを自由に変更できるのが特徴です。初心者の方が直接使う機会は減っていますが、古いテーマや一部のプラグインでは今でも使われていることがあります。最近ではSVGアイコンや別のアイコンライブラリ（Font Awesome、Lucideなど）が主流になっていますが、「アイコンが表示されない」などの不具合調査で名前を見かけることがあります。

Genericons（ジェネリコン）

GPL（GNU General Public License）

GPL（GNU一般公衆利用許諾書）は、WordPressや多くのテーマ・プラグインが採用しているソフトウェアライセンスです。このライセンスの特徴は「誰でも使える・改変できる・再配布できる」という自由を保証している点です。初心者の方にとって重要なのは、WordPressがオープンソースであり、無料で使える理由がこのGPLにあるということです。一方で、有料テーマやプラグインでも「GPLライセンス」で提供されている場合があり、料金はサポートやアップデートに対する対価であることが多いです。

Gravatar（グラバター）

Gravatar（グラバター）とは、メールアドレスに紐づけて使える共通アバターサービスです。WordPressでは、コメント欄や投稿者情報に自動で表示されることがあります。初心者の方が混乱しやすいのは「WordPress内で画像を設定していないのに、顔写真が表示される」またはその逆のケースです。これはGravatar側の設定や、使用しているメールアドレスによるものです。企業サイトや講座サイトでは、デザイン統一やプライバシー配慮のため、Gravatarを無効化することもあります。

Header（ヘッダー）

Header（ヘッダー）とは、Webページの最上部に表示されるエリアで、ロゴ、サイトタイトル、ナビゲーションメニューなどが配置されます。WordPressではテーマによって編集方法が異なり、カスタマイザーやブロックエディタ、Elementorなどで調整します。初心者の方が悩みやすいのは「ヘッダーは全ページ共通」という点で、1ページだけ変えたい場合は追加設定が必要になることです。ヘッダーはサイトの第一印象を決める重要な部分なので、シンプルで分かりやすい構成が好まれます。

Hosting（ホスティング）

Hosting（ホスティング）とは、Webサイトのデータを保存し、インターネット上に公開するためのサービスです。WordPressでは、必ずサーバー（ホスティング）が必要になります。初心者の方は「WordPress＝サービス」と誤解しがちですが、実際には「WordPress＋ホスティング＋ドメイン」の組み合わせでサイトが成り立ちます。共有サーバー、マネージドWordPress、VPSなど種類があり、最初は操作が簡単でWordPress対応をうたっているサービスを選ぶのが安心です。

.htaccess（エイチティーアクセス）

.htaccess は、Apacheサーバーで使われる設定ファイルで、リダイレクトやアクセス制御、URL構造の制御などを行います。WordPressではパーマリンク設定を変更すると、このファイルが自動更新されることがあります。初心者の方は直接編集する機会は少ないですが、リダイレクト設定やセキュリティ対策の説明で名前を見かけることがあります。1行のミスでサイトが表示されなくなることもあるため、編集前には必ずバックアップを取るのが鉄則です。

HTML（エイチティーエムエル）

HTML（HyperText Markup Language）は、Webページの構造を作るための基本的な言語です。WordPressでは、皆さんが書いた文章や画像は、内部的にはHTMLとしてブラウザに送られています。初心者の方はHTMLを直接書く必要はありませんが、「ブロック」「見出し」「段落」という概念はHTML構造と対応しています。表示崩れや装飾トラブルが起きたとき、HTML構造を少し理解していると原因を把握しやすくなります。「HTML＝Webページの骨組み」と覚えておくと十分です。

IP Address（IPアドレス）

IP Address（IPアドレス）とは、インターネット上で機器やサーバーを識別するための「数値の住所」のようなものです。ドメイン名が人間向けの分かりやすい住所だとすると、IPアドレスはコンピューターが実際に通信するための番号です。WordPress運用では、サーバー移転、DNS設定、セキュリティ制限（特定IPのアクセス許可・拒否）などでIPアドレスが登場します。初心者の方が混乱しやすいのは「IPが変わるとサイトが消えたように見える」ケースで、実際にはDNSの反映待ちやキャッシュが原因であることが多いです。

JavaScript（ジャバスクリプト）

JavaScriptは、Webページに動きや操作性を加えるためのプログラミング言語です。WordPressでは、メニューの開閉、スライダー、ポップアップ、フォーム送信、Elementorの編集画面など、多くの場面でJavaScriptが使われています。初心者の方がよく遭遇するのは「ボタンを押しても反応しない」「ずっとloadingのまま止まる」といったトラブルで、原因がJavaScriptエラーであるケースです。広告ブロック系の拡張機能や他プラグインとの相性で動作しなくなることもあり、見た目だけでは原因が分かりにくいのが特徴です。

LAMP（ランプ）

LAMPとは、Linux・Apache・MySQL・PHPの頭文字を取った略語で、Webサイトを動かすための代表的なソフトウェア構成を指します。多くのレンタルサーバーは、このLAMP構成またはそれに近い環境でWordPressを動かしています。初心者の方は直接意識する必要はありませんが、「サーバー環境」「PHPのバージョン」「MySQLの互換性」といった話題の背景にはLAMP構成があります。プラグインの動作条件に「PHP8以上」などと書かれている場合、LAMPの一部を指していると考えると理解しやすくなります。

Linux（リナックス）

Linuxは、Webサーバーで広く使われているオープンソースのOS（基本ソフト）です。WordPressを動かしている多くのレンタルサーバーはLinuxベースで構築されています。初心者の方がLinuxを直接操作することはほとんどありませんが、「Linuxサーバー対応」「Windowsサーバー非対応」といった表記を見かけることがあります。これは主に動作の安定性や互換性の話です。WordPressとの相性も良く、情報量が多いため、特別な理由がなければLinuxサーバーを選んでおくと安心です。

Localhost（ローカルホスト）

Localhost（ローカルホスト）とは、「今使っている自分のパソコン自身」を指す名前です。WordPressでは、ローカル環境（自分のPC内）にWordPressをインストールして、公開前のテストや練習を行うことがあります。その際に使われるのが localhost です。初心者の方にとっては「まだインターネットに公開していない状態で練習できる場所」と考えると分かりやすいです。Local（ローカル）環境で問題なく動いても、本番サーバーでは設定差で不具合が出ることもあるため、最終確認は必ず本番環境で行う必要があります。

Loop（ループ）

Loop（ループ）とは、WordPressが投稿を順番に読み込み、表示するための仕組みです。「WordPress Loop」とも呼ばれ、テーマ内部で記事タイトルや本文、アイキャッチ画像などを繰り返し出力する役割を担っています。初心者の方が直接コードを書く場面は少ないですが、「投稿一覧が表示されない」「同じ記事が繰り返し出る」といったトラブルの背景にループの問題があることがあります。Elementorや投稿一覧プラグインも、内部ではこの仕組みを利用しているため、表示ロジックの基本として知っておくと理解が深まります。

Managed Hosting（マネージドホスティング）

Managed Hosting（マネージドホスティング）とは、WordPressの運用に必要なサーバー管理やセキュリティ対策、バックアップ、更新などを、ホスティング会社側が代行してくれるサービスです。初心者の方にとっては、サーバー設定を気にせずWordPress運営に集中できるのが大きなメリットです。一方で、自由度が低かったり、特定のプラグインが使えなかったりする場合もあります。個人ブログや講座サイトなど、安定運用を重視する場合には非常に相性が良い選択肢です。

MAMP（マンプ）

MAMPとは、MacやWindows上にローカル開発環境を構築するためのソフトウェアパッケージです。LAMPと似ていますが、こちらは個人のPC上でWordPressを動かすためのものです。初心者の方は「ローカル環境で練習したい」「本番に影響を与えず試したい」と思ったときにMAMPという名前を目にすることがあります。最近ではLocalやDevKinstaなど、より簡単なツールも増えていますが、MAMPは昔から使われている定番です。

Media（メディア）

Media（メディア）とは、WordPressで扱う画像、動画、音声、PDFなどのファイル全般を指します。管理画面の「メディアライブラリ」にアップロードされたファイルは、すべてメディアとして管理されます。初心者の方が気をつけたいのは、画像を大量にアップロードするとサーバー容量を圧迫したり、表示速度が遅くなったりする点です。また、メディアにはタイトルや代替テキスト（alt）が設定でき、SEOやアクセシビリティにも関係します。単にアップするだけでなく、用途を意識して整理すると後々管理が楽になります。

Meta（メタ）

Meta（メタ）とは、「補足情報」や「裏側の情報」を意味する言葉で、WordPressでは投稿やページに付随する追加データを指します。たとえば、SEOタイトル、ディスクリプション、カスタムフィールドなどがメタ情報にあたります。初心者の方は「本文には見えないのに重要」と感じるかもしれませんが、検索エンジンやシステム側がページを理解するために使われます。SEOプラグインを使うと「メタ設定」という項目が出てきますが、これはページの内容を検索エンジンに正しく伝えるための調整だと考えると分かりやすいです。

Multisite（マルチサイト）

Multisite（マルチサイト）とは、1つのWordPressインストールで、複数のサイトをまとめて管理できる機能です。たとえば「本体サイト＋地域別サイト」「会社サイト＋サービス別サイト」などを、同じ管理画面から運営できます。初心者の方には少し上級者向けの機能ですが、ユーザー管理やテーマ・プラグインを共通化できる点が特徴です。一方で、設定が複雑になりやすく、プラグインによっては対応していない場合もあります。最初から使う必要はほぼなく、「将来的に複数サイトを一元管理したい場合の選択肢」として知っておく程度で十分です。

MySQL（マイエスキューエル）

MySQLとは、WordPressがデータを保存・管理するために使っているデータベース管理システムです。記事の本文、タイトル、ユーザー情報、設定内容などは、すべてMySQLに保存されています。初心者の方が直接触る場面はほとんどありませんが、サーバー移転やバックアップ、復元作業の説明で名前が出てきます。「WordPressが壊れた＝データベースが壊れた」と言われることもありますが、実際には設定ミスや接続エラーであることが多いです。普段は意識せず、バックアップをしっかり取っておくことが一番大切です。

Open Source（オープンソース）

Open Source（オープンソース）とは、ソフトウェアの設計情報やソースコードが公開され、誰でも利用・改変・再配布できる仕組みのことです。WordPressはオープンソースソフトウェアの代表例で、世界中の開発者が改善に参加しています。初心者の方にとって重要なのは、「無料で使える＝怪しい」わけではなく、むしろ多くの人に検証されているため安全性や信頼性が高い点です。一方で、自由度が高い分、使い方や管理は利用者の責任になります。公式情報や信頼できるテーマ・プラグインを選ぶ意識が大切です。

Page（固定ページ）

Page（固定ページ）とは、会社概要、プロフィール、問い合わせ、利用規約など、時系列で並べる必要のない内容に使うWordPressの投稿タイプです。ブログ記事（投稿）と違い、カテゴリーやタグに属さず、メニューに固定表示されることが多いのが特徴です。初心者の方が迷いやすいのは「投稿と固定ページの使い分け」で、更新頻度が低く、サイトの基本情報となる内容は固定ページに向いています。Elementorなどのページビルダーは、固定ページと特に相性が良く、自由なレイアウトを作りやすい傾向があります。

Parent Theme（親テーマ）

Parent Theme（親テーマ）とは、子テーマが参照する元となるテーマのことです。子テーマを使う場合、実際のデザインや基本機能は親テーマが担い、カスタマイズ部分だけを子テーマに書きます。初心者の方が誤解しやすいのは「子テーマだけで完結している」と思ってしまう点で、親テーマが削除されると子テーマは正しく動作しません。テーマ更新時にカスタマイズを守りたい場合には重要な仕組みですが、最近は追加CSSやカスタマイザーで代替できることも増えています。必要になったときに導入すれば十分です。

Permalinks（パーマリンク）

Permalinks（パーマリンク）とは、投稿や固定ページごとに割り当てられるURLの形式のことです。WordPressでは「設定 → パーマリンク」で構造を変更でき、/2024/01/post-name/ や /post-name/ などを選べます。初心者の方が気をつけたいのは、サイト運営の途中でパーマリンク構造を変更すると、過去のURLが変わってしまう点です。これはSEOや外部リンクに影響するため、初期設定の段階で決めておくのが理想です。一般的には「投稿名」を使ったシンプルな構造がよく使われます。

PHP（ピーエイチピー）

PHPは、WordPress本体やテーマ、プラグインを動かしているプログラミング言語です。ユーザーがページを開いたときに、サーバー側で処理を行い、HTMLとして表示内容を生成します。初心者の方はPHPを書く必要はありませんが、「PHPのバージョンが古いとプラグインが動かない」といった案内を目にすることがあります。これはサーバー側の設定に関係する話です。無理に触る必要はなく、推奨バージョンに対応しているサーバーを使い、更新通知に注意する程度で十分です。

phpMyAdmin（ピーエイチピーマイアドミン）

phpMyAdminとは、MySQLデータベースをブラウザ上で管理できるツールです。サーバーの管理画面からアクセスでき、データの中身を直接確認・編集できます。初心者の方が使う場面は多くありませんが、「最終手段」として登場することがあります。たとえば、管理画面に入れない、URL設定を誤ってしまった、といった緊急時です。ただし操作を誤るとデータを壊してしまう可能性があるため、指示がない限り触らないのが安全です。基本はバックアップ用途で存在を知っておく程度で十分です。

Ping（ピン）

Pingとは、WordPressが「新しい記事を公開しました」と外部サービスに通知する仕組みのことです。検索エンジンやブログサービスに更新を知らせるために使われます。初心者の方は設定画面で見かけても意味が分からないことが多いですが、通常は初期設定のままで問題ありません。過去には過剰なPing送信が問題になることもありましたが、現在は自動調整されています。特別な理由がなければ意識せず、WordPressに任せておけば大丈夫な項目です。

Pingback（ピンバック）

Pingbackとは、他のWordPressサイトの記事にリンクを貼ったとき、「リンクされました」という通知を自動的に送る仕組みです。コメント欄に表示されることもあり、被リンクの可視化として使われてきました。ただし現在ではスパムや不要な通知が増えやすいため、無効化されることも多いです。初心者の方がコメント欄に「Pingback」と表示されて驚くことがありますが、これは人が書いたコメントではありません。必要性が低い場合は、ディスカッション設定からオフにしても問題ありません。

Plugin（プラグイン）

Plugin（プラグイン）とは、WordPressに機能を追加するための拡張プログラムです。お問い合わせフォーム、SEO対策、セキュリティ、デザイン調整など、ほとんどの機能はプラグインで補えます。初心者の方がやりがちなのは「便利そうだから入れすぎる」ことですが、プラグインが増えるほどトラブルや表示不具合の原因になります。基本は「必要なものだけ」「信頼できるものだけ」を選ぶのがコツです。また、同じ機能のプラグインを複数入れると競合しやすいため注意が必要です。

Post（投稿）

Post（投稿）とは、ブログ記事として公開されるコンテンツの単位です。時系列で並び、カテゴリーやタグで整理されます。WordPressで「記事を書く」と言った場合、基本的には投稿を指します。初心者の方が混乱しやすいのは、固定ページとの違いですが、投稿は「更新され続ける情報」、固定ページは「変わりにくい情報」と考えると分かりやすいです。投稿はトップページやアーカイブページに自動で一覧表示されるため、ブログ運営の中心となる要素です。

Post Formats（投稿フォーマット）

Post Formats（投稿フォーマット）とは、投稿の種類に応じて表示方法を変えるための仕組みです。たとえば「通常」「画像」「動画」「引用」などがあります。ただし、これはテーマ側が対応していないと意味を持ちません。初心者の方は設定項目を見て「使った方がいいのか」と悩みがちですが、多くのテーマでは実質使われていません。特別な理由がなければ無理に使わず、通常の投稿として運用する方が管理しやすいです。

Post Types（投稿タイプ）

Post Types（投稿タイプ）とは、WordPressで扱うコンテンツの種類のことです。標準では「投稿」「固定ページ」「メディア」などがありますが、プラグインやテーマで「お知らせ」「実績」「商品」などのカスタム投稿タイプを追加することもできます。初心者の方は最初は投稿と固定ページだけで十分ですが、情報が増えてきたら投稿タイプを分けることで管理しやすくなります。ただし増やしすぎると構造が複雑になるため、目的が明確な場合にだけ使うのがポイントです。

Post Status（投稿ステータス）

Post Status（投稿ステータス）とは、投稿や固定ページの公開状態を表すものです。代表的なものに「公開」「下書き」「非公開」「予約投稿」があります。初心者の方がよく混乱するのは「保存したのに表示されない」ケースで、これは下書きや非公開のままになっていることが原因です。予約投稿を使えば、指定した日時に自動で公開できます。講座サイトやブログ運営では、下書きで準備し、確認後に公開する流れを覚えておくと安心です。

Responsive（レスポンシブ）

Responsive（レスポンシブ）とは、スマートフォン・タブレット・パソコンなど、画面サイズの違う端末でも見やすく表示されるように設計されたWebデザインのことです。WordPressでは、ほとんどの現代的なテーマがレスポンシブ対応しています。初心者の方が注意したいのは、管理画面では問題なく見えていても、スマホ表示では文字が大きすぎたり、ボタンが押しにくかったりするケースがある点です。Elementorなどのページビルダーでは、端末ごとに表示を調整できる機能があります。今は検索エンジンもモバイル表示を重視するため、レスポンシブ対応は必須と考えてよいでしょう。

Robots.txt（ロボッツテキスト）

Robots.txtとは、検索エンジンのクローラー（巡回ロボット）に対して「このページは見てよい」「ここは見ないでほしい」と指示を出すためのテキストファイルです。WordPressサイトのルートに置かれ、SEOやインデックス管理に関係します。初心者の方が気をつけたいのは、誤った設定をすると「検索結果に一切表示されなくなる」危険がある点です。多くの場合、WordPressやSEOプラグインが自動生成した内容をそのまま使えば問題ありません。特別な理由がない限り、内容を大きく変更しないのが安全です。

Role（ユーザー権限）

Role（ロール）とは、WordPressのユーザーごとに設定できる権限レベルのことです。代表的なものに「管理者」「編集者」「投稿者」「購読者」などがあります。初心者の方が複数人でサイトを運営する場合、全員を管理者にしてしまいがちですが、これはリスクが高いです。誤操作で設定やプラグインが変更される可能性があるためです。役割に応じて権限を分けることで、サイトの安全性と運営の安定性が向上します。講座サイトや企業サイトでは特に重要な考え方です。

RSS（アールエスエス）

RSS（Really Simple Syndication）とは、サイトの更新情報を自動的に配信する仕組みです。WordPressでは標準でRSSフィードが生成され、ブログの新着記事を外部サービスやRSSリーダーで購読できます。初心者の方が直接使う機会は少ないかもしれませんが、ニュース配信や情報収集の裏側で広く使われています。SEOやSNS連携、外部サービスとの自動連携でもRSSが利用されることがあります。「更新情報の出口」としてWordPressに備わっている機能だと理解すると分かりやすいです。

Security Keys（セキュリティキー）

Security Keys（セキュリティキー）とは、WordPressのログイン情報や認証を安全に保つための暗号キーです。wp-config.php ファイル内に設定されており、セッションの安全性に関係します。初心者の方は直接触ることはほとんどありませんが、セキュリティ解説記事やトラブル対応で名前を見かけることがあります。これらのキーを変更すると、全ユーザーが強制的にログアウトされるため、セキュリティ対策として有効な場合もあります。基本は初期設定のままで問題ありません。

SEO（エスイーオー）

SEO（Search Engine Optimization）とは、検索エンジンで自分のサイトや記事を見つけてもらいやすくするための工夫や対策のことです。WordPressはSEOに強いと言われますが、それは「正しく使えば」という前提があります。初心者の方が意識すべき基本は、分かりやすいタイトル、適切な見出し構成、役立つ内容を書くことです。SEOプラグインを入れるだけで順位が上がるわけではありません。まずはユーザーにとって読みやすく、疑問を解決するコンテンツを作ることが、最も重要なSEO対策です。

Server（サーバー）

Server（サーバー）とは、Webサイトのデータを保存し、インターネット経由で利用者に届けるためのコンピューターです。WordPressサイトは必ずどこかのサーバー上で動いています。初心者の方が意識しづらい部分ですが、表示速度や安定性、セキュリティはサーバー性能に大きく影響されます。「サイトが重い」「突然表示されなくなった」といった問題は、テーマやプラグインだけでなく、サーバー側が原因のこともあります。信頼できるホスティングを選ぶことは、WordPress運営の土台です。

SFTP（エスエフティーピー）

SFTP（Secure File Transfer Protocol）は、FTPをより安全にしたファイル転送方式です。WordPressのファイルをサーバーとやり取りする際に使われ、通信内容が暗号化されます。初心者の方は通常の運用で使う機会は少ないですが、サーバー会社から「FTPではなくSFTPを使ってください」と案内されることがあります。これはセキュリティ対策の一環です。設定方法は少し複雑に感じるかもしれませんが、最近のサーバーではマニュアルが整っていることが多いです。

Shared Hosting（共有サーバー）

Shared Hosting（共有サーバー）とは、1台のサーバーを複数の利用者で共有するホスティング形態です。費用が安く、初心者向けとして最も一般的です。WordPressを始めたばかりの方の多くは、まず共有サーバーからスタートします。ただし、同じサーバーを使っている他サイトの影響を受けることがあり、アクセス集中時に速度が落ちる場合もあります。個人ブログや小規模サイトであれば十分ですが、アクセスが増えてきたら上位プランへの移行を検討するとよいでしょう。

Shortcodes（ショートコード）

Shortcodes（ショートコード）とは、短いコードを本文に書くだけで、特定の機能や表示を呼び出せる仕組みです。たとえば、フォームやギャラリー、ボタンなどを簡単に挿入できます。初心者の方は「謎の記号の塊」に見えることがありますが、プラグインが用意した便利な省略表現だと考えると分かりやすいです。ただし、テーマやプラグインを変更すると動かなくなることもあるため、多用しすぎると後々の移行が大変になる点には注意が必要です。

Sidebar（サイドバー）

Sidebar（サイドバー）とは、メインコンテンツの左右に表示される縦長のエリアです。WordPressでは、検索ボックス、カテゴリ一覧、最近の投稿、広告などを配置することが多いです。初心者の方は「必ず必要なもの」と思いがちですが、最近のデザインではサイドバーを使わないサイトも増えています。スマホ表示では下部に回ることが多いため、重要な情報を置きすぎないのがポイントです。テーマによって表示・非表示を簡単に切り替えられます。

Slug（スラッグ）

Slug（スラッグ）とは、URLの一部になる英数字の文字列で、投稿や固定ページの識別子として使われます。たとえば example.com/wordpress-basic/ の「wordpress-basic」がスラッグです。初心者の方は日本語のままでも動くと思いがちですが、英数字で短く分かりやすくする方がSEOや管理の面で有利です。タイトル変更後もスラッグは自動では変わらないため、公開前に確認する習慣をつけるとトラブルを防げます。

Spam（スパム）

Spam（スパム）とは、迷惑なコメントや自動投稿、不正なリンクなどを指します。WordPressではコメント機能を有効にしていると、スパムが送られてくることがあります。初心者の方が驚きやすい点ですが、これは世界中で起きている一般的な現象です。Akismetなどのスパム対策プラグインを使うことで、ほとんどを自動で防げます。放置するとSEOやサイトの信頼性に悪影響が出るため、対策は必須です。

Tag（タグ）

Tag（タグ）とは、投稿内容を補足的に分類するためのキーワードです。カテゴリーが「大きな分類」だとすると、タグは「細かい切り口」と考えると分かりやすいです。初心者の方はタグを大量に作りがちですが、増やしすぎると管理が難しくなり、SEO的にも弱くなることがあります。無理に使う必要はなく、サイト全体の整理に役立つ場合だけ使うのがおすすめです。最初はカテゴリー中心の運用で問題ありません。

Tagline（タグライン）

Tagline（タグライン）とは、サイトタイトルの補足として表示される短い説明文のことです。WordPressでは「外観 → カスタマイズ → サイト基本情報」などで設定できます。初心者の方は初期設定のまま放置しがちですが、ここにはサイトの目的や内容を簡潔に書くとよいです。SEOや訪問者の理解にも影響し、検索結果やブラウザ表示に使われることもあります。短くても「誰向けの何のサイトか」が伝わる表現を意識すると効果的です。

Taxonomy（タクソノミー）

Taxonomy（タクソノミー）とは、WordPressで投稿を分類・整理するための「仕組みそのもの」を指す言葉です。カテゴリーやタグは、このタクソノミーの一種です。初心者の方は「カテゴリーやタグ＝分類」と理解していれば十分ですが、内部的にはそれらをまとめてTaxonomyと呼びます。さらに、プラグインなどを使うと「カスタムタクソノミー」を作成でき、独自の分類（例：地域、難易度、ジャンルなど）を追加できます。ただし分類を増やしすぎると管理が複雑になるため、最初は標準のカテゴリーとタグだけで運用するのがおすすめです。

Template（テンプレート）

Template（テンプレート）とは、WordPressテーマの中で「ページの表示構造」を決めているファイルのことです。たとえば投稿用テンプレート、固定ページ用テンプレート、ヘッダーやフッター用テンプレートなどがあります。初心者の方が混乱しやすいのは「同じ内容なのにページによって見た目が違う」ケースで、これはテンプレートが異なるためです。Elementorのテーマビルダーなども、内部的にはテンプレートを上書きしています。表示トラブルの多くは、内容ではなくテンプレート側が原因になっていることが多いです。

Text Editor（テキストエディタ）

Text Editor（テキストエディタ）とは、プレーンテキスト（文字だけ）を編集するためのソフトウェアです。WordPressのテーマファイルやCSS、PHPを編集する場合、Microsoft Wordのような文書ソフトは使えません。文字コードや余計な装飾が混ざり、ファイルが壊れる原因になるためです。初心者の方がもしコードを扱う必要が出た場合は、VS Codeやメモ帳（Windows）など、テキストエディタを使うのが基本です。普段は管理画面だけで十分ですが、「コード編集＝テキストエディタ」という考え方は覚えておくと安心です。

Theme（テーマ）

Theme（テーマ）とは、WordPressサイトのデザインやレイアウト、基本的な表示ルールを決める一式のファイルです。テーマを変更すると、同じ内容でもサイトの見た目が大きく変わります。初心者の方は「テーマ＝デザインテンプレート」と考えると分かりやすいですが、実際には表示ロジックや機能も含まれています。テーマ選びでは、見た目だけでなく更新頻度や日本語対応、サポート体制も重要です。また、テーマを変えると一部の設定や表示が変わることがあるため、本番サイトでは慎重に切り替える必要があります。

Toolbar（ツールバー）

Toolbar（ツールバー）とは、ログイン中に画面上部に表示される黒い管理バーのことです。管理画面への移動、新規投稿、ページ編集、Elementor編集などへのショートカットがまとめられています。初心者の方は「この黒いバーが消えた」と驚くことがありますが、ログアウトしている場合やユーザー設定で非表示にしている場合に起こります。訪問者には表示されないため、見た目への影響はありません。作業効率を上げるための補助的な機能として覚えておくとよいでしょう。

Trackback（トラックバック）

Trackback（トラックバック）とは、他のブログ記事を紹介した際に「リンクしましたよ」と通知を送る仕組みです。Pingbackと似ていますが、現在ではあまり使われていません。初心者の方がコメント欄で「トラックバック」という表示を見て驚くことがありますが、これは自動通知の一種です。スパムの温床になりやすかったため、多くのサイトでは無効化されています。特別な理由がなければ、ディスカッション設定でオフにしておいても問題ありません。

URL（ユーアールエル）

URL（Uniform Resource Locator）とは、Webページや画像などの場所を示すインターネット上のアドレスです。ブラウザの上部に表示されている文字列がURLです。WordPressでは、投稿や固定ページごとに固有のURLが割り当てられます。初心者の方は「URLを変えるとリンクが切れる」点に注意が必要です。SNSや検索エンジン、外部サイトからのリンクはURLに依存しているため、安易な変更は避けるのが基本です。URLは「一度決めたら大きく変えない」が安全な考え方です。

Visual Editor（ビジュアルエディタ）

Visual Editor（ビジュアルエディタ）とは、文章や画像を実際の見た目に近い形で編集できる画面のことです。現在のWordPressではブロックエディタ（Gutenberg）がこれにあたります。初心者の方は、コードを書かずに直感的に編集できるため、ビジュアルエディタ中心の操作で問題ありません。ただし、テーマやプラグインの影響で「編集画面と公開画面が完全に一致しない」こともあります。表示が違う場合は、エディタの問題ではなくテーマ側の設定であることが多いです。

VPS Hosting（VPSホスティング）

VPS Hosting（VPSホスティング）とは、1台のサーバーを仮想的に分割し、専用に近い環境を使えるホスティング形態です。共有サーバーより自由度と性能が高く、専用サーバーより安価なのが特徴です。初心者の方にはやや難易度が高く、サーバー管理の知識が必要になる場合があります。WordPressではアクセス増加や特殊な構成が必要になった段階で検討されることが多く、最初から選ぶ必要はありません。成長段階での選択肢として覚えておくとよいでしょう。

WAMP（ワンプ）

WAMPとは、Windows環境でローカル開発を行うためのソフトウェア構成（Windows・Apache・MySQL・PHP）の略です。LAMPやMAMPと同様に、自分のパソコン内でWordPressを動かす目的で使われます。初心者の方は「ローカル環境」という言葉とセットで出てくることが多い用語です。現在はより簡単なツールも増えていますが、WAMPは基本構造を理解するうえでの代表例として知っておくと役立ちます。

Widgets（ウィジェット）

Widgets（ウィジェット）とは、サイドバーやフッターなどに配置できる小さな機能パーツのことです。検索ボックス、最近の投稿、カテゴリー一覧などが代表例です。WordPressでは管理画面からドラッグ＆ドロップで配置できます。初心者の方は「とりあえず全部置いてしまう」ことがありますが、情報過多になると逆効果です。訪問者が本当に必要とする要素だけを厳選すると、見やすく使いやすいサイトになります。

WordCamp（ワードキャンプ）

WordCamp（ワードキャンプ）とは、WordPressに関する公式コミュニティイベントの総称です。世界各地で開催され、初心者から開発者まで幅広い層が参加します。使い方講座、事例紹介、技術セッションなど内容は多岐にわたります。初心者の方にとっては、WordPressが「個人だけでなく世界的なコミュニティで支えられている」ことを知る良い機会になります。オンライン開催も増えており、参加のハードルは下がっています。

wp-config.php

wp-config.php は、WordPressの中でも最も重要な設定ファイルの一つです。データベース接続情報、セキュリティキー、デバッグ設定などが記載されています。初心者の方は基本的に触る必要はありませんが、サーバー移転や特殊な設定を行う際に名前を見かけることがあります。誤って編集するとサイトが表示されなくなるため、指示がない限り編集しないのが安全です。「重要な中枢ファイル」として存在を知っておくだけで十分です。

XHTML（エックスエイチティーエムエル）

XHTML（Extensible HyperText Markup Language）は、HTMLをより厳密なルールで書けるようにした仕様です。かつては標準化が進められていましたが、現在のWordPressやWeb制作ではHTML5が主流です。初心者の方がXHTMLを意識する必要はほとんどありませんが、古いテーマや技術資料で名前を見かけることがあります。「HTMLの進化の途中にあった形式」くらいの理解で十分です。

WordPressの「Featured Image」と「First Image」の違いとは？初心者向けに解説

Sun, 04 Jan 2026 01:14:42 +0000

WordPressで記事一覧やトップページを作っていると、「Featured Image」「First Image」という英語の選択肢を見かけることがあります。

特に、

Elementor アドオン
投稿一覧（Post Grid）系プラグイン
テーマの表示設定
海外のプラグイン

などを使っていると、

- Featured Imageだと表示されない
- First Imageだと表示される
- どっちを選べばいいのかわからない

と悩む方がとても多いです。

この記事では、WordPress初心者の方向けに「Featured Image と First Image の違い」を英語の意味から・使い分け・おすすめの考え方まで やさしく解説します。

Featured Image（アイキャッチ画像）とは？

Featured Image の意味（英語から理解する）

Featured = 注目された / 代表の
Image = 画像

つまり 「この記事を代表する画像」 という意味です。

日本語のWordPressでは 👉 「アイキャッチ画像」 と呼ばれています。

いわゆる投稿記事のこちらの部分から設定できる画像になります。（Gutenbergエディターの場合）

アイキャッチ画像の設定箇所（Gutenbergエディターの場合）

Featured Image の特徴

WordPressの標準機能
記事ごとに 1枚だけ明示的に設定
投稿一覧・トップページ・SNS表示などで使われることが多い
テーマやプラグインが変わっても使われやすい

名前の通り、記事の注目画像・メイン画像なので、その記事を引用される際に一緒に利用されることの多い画像です。基本的にここで画像を設定すると その記事=そのアイキャッチ画像 という形になります

Featured Image が表示されない理由（初心者がよく勘違いする点）

Featured Image を選んでも表示されない場合、原因はほぼこれです。

そもそも アイキャッチ画像が設定されていない
一部の記事だけ未設定で、表示がバラついている
テーマやプラグイン側が「アイキャッチ前提」で作られている

👉 設定していない限り、何も表示されません。 （自動では拾ってくれません）

First Image（最初の画像）とは？

First Image の意味

First = 最初の
Image = 画像

つまり 👉 「記事本文の中で一番最初に出てくる画像」 を自動的にサムネイルとして使う、という意味です。

First Image（最初の画像）

なので、Gutenbergエディターでもクラシックエディターでも同じですが、記事本文箇所に挿入されている画像で、一番最初に出てくる画像という意味になります。

上記の参考画像のように、記事に直接挿入している画像の中で、一番最初に来る画像が対象となります。なので、記事に画像がないと表示されません。

First Image の特徴

アイキャッチ画像を設定していなくても表示される
記事本文の構成に強く影響される
プラグイン独自の機能であることが多い（WordPress標準ではない）

First Image の注意点（初心者がハマりやすい）

一見便利ですが、実は落とし穴も多いです。

記事冒頭に画像がないと 何も表示されない
最初の画像が
- 小さい
- ロゴ
- アイコン
- 意図しない画像になることがある
記事ごとにサムネイルの見た目がバラバラになりやすい

Featured Image と First Image の違いを比較

項目	Featured Image	First Image
日本語名	アイキャッチ画像	本文の最初の画像
設定方法	手動で明示的に設定	自動取得
安定性	◎ 高い	△ 不安定
初心者向け	◎	△
見た目の統一	◎	✕
推奨度	★★★	★

初心者にはどちらがおすすめ？

結論：Featured Image（アイキャッチ画像）がおすすめ

基本的にプラグインやテーマの設定がある場合、基本的には Featured Image（アイキャッチ画像）を選択しておくのが無難です。

理由はとてもシンプルです。

WordPressの基本機能である
表示が安定している
デザインが崩れにくい
後からテーマやプラグインを変えても流用できる

ヒント

これから記事を書き始める人は、アイキャッチ画像を設定するようにしましょう！今後、サイトを改善したり機能を拡張する際に恩恵を受けれることが多いです。

First Image を使ってもよいケース

逆に以下のようなケースでは、 First Image を選択しても良いと思います。

過去記事が大量にあり、アイキャッチを設定していない
仮の表示としてとりあえず使いたい
表示崩れを理解した上で使える中級者以上
カスタム投稿タイプを使用しており、アイキャッチ画像を設定する箇所がそもそも存在しない（上級者）

ヒント

初心者の方は「まずはFeatured Image」でOK

まとめ

Elementorプラグインの例

WordPressで記事一覧やトップページにサムネイル画像を表示する際、「Featured Image」と「First Image」という英語表記に戸惑う方は少なくありません。Featured Imageは、日本語では「アイキャッチ画像」と呼ばれ、記事ごとに自分で設定する“代表画像”です。

WordPressの標準機能であり、多くのテーマやプラグインが前提としているため、表示が安定しやすく、デザインが崩れにくいという大きなメリットがあります。一方でFirst Imageは、記事本文内にある最初の画像を自動的にサムネイルとして使う仕組みで、アイキャッチを設定していなくても表示できる点は便利ですが、記事構成に左右されやすく、意図しない画像が表示されたり、記事ごとに見た目がバラバラになったりすることがあります。

特にWordPress初心者の方の場合、自動で設定される＝簡単で便利と感じてFirst Imageを選びがちですが、長期的にサイトを運営するのであれば、Featured Imageをきちんと設定する運用がおすすめです。もしFeatured Imageを選んだのに画像が表示されない場合は、設定方法が間違っているのではなく、単純にアイキャッチ画像が未設定の可能性が高いため、まずは各記事に画像が登録されているかを確認してみてください。基本を押さえて運用することで、WordPressの表示トラブルは大きく減らすことができます。

メルカリで買う気もないのに購入してコメントするだけの人に出会った

Sun, 14 Dec 2025 08:00:00 +0900

最近、メルカリでPCパーツをよく売っているのですが、先日変なユーザーに遭遇したのでシェアします。

こちらから失礼いたします、、失礼方法ではございますが、これしか教える方法ないです、ご容赦くださいm(__)m
先程出品した　「 *****TIMETEC DDR4 メモリ 32GB (16GB×2) 」
最低でも14000円以上売れますよ
先日からDDR4 とDDR5 メモリの価格が2倍以上値上がりしておりますよ 大変高額で売れる人気商品ですよ
購入者はツール使用しており、だから出品された後間もなく2分で購入されております
高く売れるなら、自分の利益になった方がいいと思いますよ、転売屋を潤すでは無く
出品者様に悪意持ってこんなことしているではないので、キャンセルするがしないがは、ご自身でメルカリ、ヤフオク等で一度相場をお調べしてからご判断くださいm(__)m(__)m
人気商品です。ご気味悪いであれば、こちらのメッセージを無視してくださいm(__)m
https://pc.watch.impress.co.jp/docs/topic/feature/2061720.html
以上のニュースを確認してください
11月からメモリの価格が2倍以上値上がりしておりますよ
メルカリは1が月に　4回までの自分都合のキャンセルはペナルティ無しです、キャンセルして再出品して自分の利益にした方がいいですよ
転売屋にキャンセルしますも言わなくで大丈夫なので、　商品が無いの理由でキャンセル申請　すれば、即時キャンセルになります
取引画面の最下部にある［この取引をキャンセルする］をタップします。 ［商品が無い］にチェックを入れ、 詳細も　商品が無い　　と入力 その下に □返品必要、、、、 □キャンセル後は、、、、 以上2つにチェックボックスあるですが、そこをチェック入れて その後［キャンセルを申請する］を押す 「取引をキャンセルしました」と表示され、キャンセルが完了します。［OK］をタップして終了してください。
以上の手順で転売屋同意無しでキャンセルできますよ

↑こちらが実際に送られてきた文章です。

この人が行ったことを整理すると

後払いで僕の商品を購入
わざわざ、僕が利益出せるようにアドバイスをする
キャンセルにはペナルティがないことを伝える

ということで、最初は一瞬だけ「良い人かも」と思ったけど、よくよく考えると怪しいという考察もできました。

メルカリ

彼の行動が「異常」な理由

1.わざわざ別商品を購入してまで連絡してくる

これはメルカリではかなりレアで、

善意にしては手間がかかりすぎ
通常はコメント欄で済む話

→ 「購入」という行為を使ってこちらをコントロールしようとしている可能性があります。例えば、一度キャンセルをして、再度別の値段で再出品したタイミングを狙って購入しようとしている。

2.「キャンセルしてもペナルティなし」と強調している

ここが一番危険。

メルカリはキャンセル理由・頻度・内容を内部的に必ず見ています

「月4回までペナルティなし」は公式に明言されていません

特に

「商品が無い」と虚偽理由
購入者の同意なしキャンセル

は、悪質出品者扱いされる可能性があります

👉 他人が「大丈夫ですよ」と言っても、ペナルティを受けるのは僕だけなので、これは無責任なアドバイスですね。単なる愉快犯かもしれません。

3.「転売屋がツールで即購入している」という断定

これも根拠がありません。

たまたま条件が良ければ2分で売れることは普通にある
ツール利用かどうかは第三者には分からない
不安を煽って判断力を鈍らせる典型的な話法

という感じがしますね。

このようなユーザーの意図

フリマアプリでは、まれに取引に直接関係のない第三者が「親切そうなアドバイス」をしてくるケースがあります。一見すると善意に見えますが、実際には出品者の判断を揺さぶり、取引をコントロールしようとしている可能性もあります。

特に、購入という行為を使って連絡してきたり、キャンセル方法を具体的に指南してくる場合は注意が必要です。出品者の利益を本気で考えているのか、それとも別の目的があるのか、一度立ち止まって考えることが重要です。

相場操作・横取り狙い

考えられる意図のひとつが、相場操作や横取りを狙った行動です。いったん取引をキャンセルさせ、再出品された商品を自分や仲間が購入する、あるいは価格を吊り上げたいというケースも考えられます。「今は高く売れる」「転売屋がツールで買っている」 と不安を煽るのは、出品者に冷静な判断をさせないための常套手段とも言えます。結果的に得をするのが誰なのかを考えると、違和感に気づきやすくなります。

自己満足型の危険人物

もうひとつの可能性は、いわゆる自己満足型の危険人物 です。「自分は詳しい」「教えてあげている」という優越感を得るために、過剰な長文やリンク、具体的な手順まで送りつけてくる傾向があります。敬語や謝罪を多用する一方で、出品者の時間や機会損失には無関心なことも特徴です。悪意がないように見えても、関わることでストレスやトラブルが増えるため、距離を取るのが無難です。

メルカリ規約スレスレの常習者

キャンセル方法を細かく説明し、「ペナルティはない」「商品が無い理由で大丈夫」と断言するユーザーは、規約スレスレの行動に慣れている可能性があります。本人は問題なく使えていても、同じことを他人が行えばペナルティを受けるリスクがあります。特に虚偽理由でのキャンセルは、履歴として残る以上、安全とは言えません。経験談のように語られても、その責任を負うのは出品者自身である点に注意が必要です。

結果的にどのように対応したか

結果的にはこちらからキャンセル申請をしました。後々考えたら、その人はまだ支払いを行っていなかったので、放っておいても良かったですが、早くこの商品を再販売したかったので、こちらからキャンセル申請をしました。

その後、その人からレスポンスはありませんでしたが、 24時間経過したので、自動的にキャンセル扱いされて、再度この商品を販売することができました。

特にペナルティもついていません。（まぁ、こちらが付くはずもありませんが）

一応、報告もした

購入する気がないのに商品を購入するのはメルカリ規約に違反をしています。ですので、このユーザーに対しては報告を行いました。メルカリが積極的に動いてくれるとは思いませんが、抑止力のために一応報告をしました。

このような人がたまにいるのがメルカリですので、皆さんもご注意ください！

Shopify Collabsとは？新しいインフルエンサーマーケティング機能の成功例と注意点

Fri, 05 Dec 2025 08:00:00 +0900

インフルエンサーマーケティングは、今やブランド成長に欠かせない戦略のひとつです。企業がより“本物のつながり”を求める中、Shopifyはそのニーズに応える形で Shopify Collabs（コラボズ） をリリースしました。ブランドとクリエイター（インフルエンサー）の協力関係をよりスムーズにし、双方の成果を最大化するために設計された、非常に実用的なツールです。

この記事では、Shopify Collabsの仕組み、ブランドやインフルエンサーにとっての利点、そしてどのようなビジネス成果を生み出しているのかまで、包括的に紹介します。これを読めば、企業側もクリエイター側も「Shopify Collabsを使うことでどんな成長が期待できるのか」をイメージできるようになるはずです。

Shopify Collabsとは？

Shopify Collabs は、ブランドとインフルエンサーのコラボレーションを簡単にするためのShopify公式ツール です。 Shopifyアプリストアから無料で利用でき、インフルエンサー管理アプリとして機能します。

ブランドはCollabsを使って：

クリエイターを探し、つながる
協業（コラボ）リクエストを送る
作成されたコンテンツの成果を把握する
売上に応じて報酬（アフィリエイト報酬など）を支払う

といった一連の流れを一つのプラットフォーム上で管理できます。

一方で、クリエイター側にとっても、自分に適したブランドを見つけたり、アフィリエイト報酬を受け取ったりと非常に使いやすい仕組みが整っています。

つまりShopify Collabsは、 インフルエンサーマーケティングの煩雑さをなくし、ブランドとクリエイターの双方にメリットをもたらす“橋渡し”のような存在 です。

大手ブランドはもちろん、中小規模のショップでも手軽にインフルエンサー施策を始められるのが大きな魅力です。

Shopify Collabs のメリット：ブランドとインフルエンサー双方に価値を生む仕組み

Shopify Collabs は、ブランドとインフルエンサーの双方にメリットを提供する「包括的なコラボレーション管理ツール」です。だからこそ、近年多くの企業・クリエイターから注目を集めています。

ブランドとインフルエンサーの双方にメリット

■ ブランドにとってのメリット

新しいオーディエンスにリーチできる インフルエンサーと協業することで、従来の広告では届かなかった多様な顧客層へアプローチできます。
“第三者の声”として信頼性が高まる インフルエンサーの発信は広告よりも自然で、購買意欲を高めやすいという特徴があります。結果としてブランドの認知や信頼性が向上します。
クリエイター管理を一元化できる Collabsでは、インフルエンサーの選定・コミュニケーション・契約管理まで、すべてを1つのダッシュボードで完結できます。従来のようにスプレッドシートや複数ツールを行き来する必要がありません。

■ インフルエンサーにとってのメリット

多様な収益化モデルに対応 アフィリエイト報酬、商品提供を伴うコラボなど、さまざまな形で収益を得られます。
信頼できるブランドの商品にアクセスできる クリエイターは、自分のフォロワーに紹介しやすい商品を見つけやすくなり、コラボの幅も広がります。
必要なツールが一つに集約されている リンク生成、成果管理、コミュニケーションなどの機能が揃っており、コラボ運営を効率化できます。

Shopify Collabs の仕組み：主な機能とできること

Shopify Collabs の中心となるのは、インフルエンサーとの協業プロセスを シンプルかつ効率的にすること。ここでは、ブランド・クリエイター双方が活用できる主要機能を紹介します。

1. アフィリエイト & コミッション管理

Collabs には、アフィリエイト管理機能が標準搭載されています。

ブランドは柔軟に報酬率を設定できる
アフィリエイトリンクの成果をリアルタイムで追跡
成果に応じた報酬支払いを透明性をもって管理可能

これにより、キャンペーン成果とクリエイターへの報酬を一貫して管理でき、マーケティング施策を最適化できます。

2. インフルエンサーツール & Linkpop 連携

Shopify Collabs は、Shopify公式のリンクツール Linkpop とシームレスに連携しています。

クリエイターはSNSのプロフィールに商品リンクを設置可能
フォロワーは外部サイトを何度も遷移する必要がなく、そのまま商品ページへ
コンテンツから購入までの導線が短縮され、CVRが向上

インフルエンサーにとっては購入導線がスムーズになり、収益化しやすくなるメリットがあります。

3. 詳細レポート & 分析機能

Collabs には、ブランドとクリエイターの双方が使える分析ツールが搭載されています。

クリック数
売上
コンバージョン率

といったデータを可視化でき、ブランド側は「どのインフルエンサーが最も成果を出しているか」を把握できます。クリエイター側も自身のリンク成果を確認し、次の投稿の改善に役立てられます。

Shopify Collabs

Shopify Collabs を活用する方法：ブランド編

Shopify Collabs は、ブランドがクリエイターと効率的にパートナーシップを構築できるよう設計されています。ここでは、ShopifyマーチャントがCollabsを最大限に活用するためのステップを紹介します。

1. アプリのインストールと初期設定

まずは Shopify アプリストア、または管理画面から Shopify Collabs をインストールします。基本設定を行えば、すぐにコラボ運用をスタートできます。

2. ストアをクリエイターネットワークへ公開

設定が完了したら、Collabs内でストアを“発見可能（Discoverable）”な状態にします。これにより、興味を持つクリエイターがあなたのブランドを見つけ、コラボ申請してくれるようになります。

3. クリエイター向けオファーを作成

ブランドは、独自のアフィリエイト報酬率や割引コードなど、魅力的なオファーを自由に設定できます。柔軟なインセンティブ設計によって、優れたクリエイターからの応募を増やすことができます。

4. 商品サンプルを送付してUGCを促進

クリエイターに商品を提供することで、実際に利用したリアルなレビューや写真（UGC）が生まれます。 “体験した本物の声”はフォロワーに強い説得力を持つため、プロモーションの効果を大きく高めます。

5. クリエイターの成果をトラッキング

Collabs のパフォーマンスダッシュボードでは、

クリック数
コンバージョン
売上

などの指標を確認できます。これにより「どのインフルエンサーが最も売上に貢献しているか」が一目でわかり、マーケティング投資の最適化が可能になります。

Shopify Collabs を活用する方法：クリエイター編

Shopify Collabs は、インフルエンサーが手軽にブランドとのコラボを開始し、自身の影響力を収益化できるよう設計されたプラットフォームです。

1. プロフィールを作成する

まずはプロフィールを作成し、興味のあるジャンルやフォロワー層を登録します。これにより、ブランド側があなたに適したコラボを見つけやすくなります。

2. ブランドを探して応募する

Collabs では提携可能なブランドが一覧形式で表示されます。自分のコンテンツ・フォロワーと相性の良いブランドに応募することで、自然なコラボが実現します。

3. 専用リンクと割引コードを取得

承認されたコラボでは、

あなただけのアフィリエイトリンク
割引コード

が発行されます。これをSNSやブログでシェアすることで、成果に応じて報酬を得られます。

4. Linkpop を活用して収益化を加速

Shopify の “Linkpop” は、プロフィールページに複数リンクをまとめられる「リンクインバイオ」ツールです。 Collabs と連携することで、あなたが紹介したい商品を効果的に整理・掲載でき、フォロワーがアクセスしやすくなります。

Shopify Collabs の成功事例：実際に成果を出しているブランド

Shopify Collabs は、スタートアップから既存の大規模ブランドまで、さまざまなビジネスで成果を上げています。ここでは、Collabs を活用して大きな成長を遂げた 3 つのブランド事例を紹介します。

Moonboon：6.5倍のROIと100万ドル超の売上を達成

Moonboon

北欧発のベビースリープブランド Moonboon は、サステナブル素材にこだわる高品質な製品で知られています。 Shopify Collabs を導入したことで、ヨーロッパ中のクリエイター300名以上を巻き込み、 アフィリエイト経由で100万ドル以上の売上 を実現しました。

Moonboon は Collabs を活用してクリエイタープログラムを 400% 以上拡大。シームレスなオンボーディング、成果計測、クリエイター管理により 月間売上の約10% をインフルエンサーマーケティングで生み出す体制 へと成長しました。

主な成果

アフィリエイト売上：100万ドル以上
ROI：6.5倍
5つの欧州市場で300名以上のクリエイターを獲得
新規クリエイターの90%がCollabs経由で自然流入
BFCMなどピーク期間にアフィリエイト売上が増加

Moonboon の事例は、Collabs を活用したコミュニティ主導の成長戦略がどれほど大きな成果につながるかを示しています。

Duradry：CACを29%削減し、顧客獲得効率が大幅向上

Duradry

発汗対策製品を扱う Duradry は、250名以上のクリエイターとパートナーシップを結び、 Collabs を採用したインフルエンサー施策で 顧客獲得コスト（CAC）を29%削減 しました。

クリエイターによる教育的なレビューやユーザー体験の共有が信頼につながり、 5万ドル以上の売上 を生む結果に。 Collabs の柔軟なアフィリエイト設定と追跡機能が、ブランドの成長を後押ししました。

immi：年間20万ドル、4,400件以上の注文をCollabsで獲得

immi

ヘルシーラーメンブランド immi は、Shopify Collabs を使って 400名以上のクリエイターから成る「Ram Fam」コミュニティを構築しました。

サンプル提供やアフィリエイト報酬を活用し、 1年間で 20万ドル以上のアフィリエイト売上 と 4,400件超の注文 を獲得。

Collabs のギフティング管理、成果追跡、コミッション管理が一元化されたことで、コミュニティ主導のマーケティングを効率的に展開できるようになりました。

Shopify Collabs を成功に導くためのベストプラクティス

Shopify Collabs を活用して成功物語を生み出すには、運だけでなく、計画的な戦略と継続的な改善が欠かせません。ここでは、ブランド（マーチャント）とクリエイター双方が成果を最大化するための実践的なヒントを紹介します。

■ ブランド（マーチャント）向けのベストプラクティス

1. 魅力的なパートナーシップオファーを用意する

優秀なクリエイターを引きつけるためには、報酬体系や特典をわかりやすく、そして魅力的に設計することが大切です。競争力のあるコミッション率に加え、

新商品の先行アクセス
限定割引コードなどの特典を付けることで応募率が大きく向上します。

2. “適切な”クリエイターを選定する

フォロワー数だけで判断するのではなく、あなたのブランドと相性の良いクリエイターを選ぶことが成果への近道です。

ブランドのターゲット層とクリエイターのオーディエンスが一致しているか
過去の投稿内容・エンゲージメント率が良いか
世界観や価値観がブランドと合っているかといったポイントをチェックしましょう。

3. トラッキングとレポートを活用し、改善を続ける

Shopify Collabs の分析機能を活用し、

クリック率
コンバージョン率
平均注文額などの指標を定期的にチェックしましょう。成果の高いクリエイターを特定できるだけでなく、オファー改善にも役立ちます。

■ クリエイター向けのベストプラクティス

1. 誠実で自然なプロモーションを意識する

自分の価値観やスタイルに合ったブランドを選ぶことで、より自然でリアルな発信が行えます。本音で紹介された商品ほどフォロワーに響き、コンバージョン率も高まりやすくなります。

2. Linkpop を積極的に活用する

Shopify の Linkpop は「リンクインバイオ」の機能を強化する便利なツールです。おすすめ商品をまとめて掲載できるため、フォロワーが商品を見つけやすく、紹介効果が高まります。定期的に紹介商品を更新すると engagement もアップします。

3. パフォーマンスデータを活用してコンテンツを最適化

Collabs の分析データを活用し、

どの投稿がクリックされやすいか
どの商品が売れやすいか
どの表現がフォロワーに刺さったかを把握しましょう。データに基づく改善は、長期的な収益最大化に直結します。

Shopify Collabs のよくある課題とその解決方法

Shopify Collabs は比較的新しい機能であり、今まさに成長し続けているプラットフォームです。そのため、利用する中でいくつかの課題が見られることもあります。ここでは特に多くのブランドが直面しやすい3つの課題と、その対処法を解説します。

1. 不正利用・クーポン乱用（Coupon Farming）

アフィリエイトプログラム全般に共通するリスクが、割引コードの不正利用 です。第三者のクーポンサイトに無断でコードが掲載されると、本来の価値が損なわれてしまう可能性があります。

対処法：

Shopify Collabs では、クーポンの利用状況や共有経路を追跡できる
使用ルールを明確にクリエイターへ伝える
信頼できるクリエイターをパートナーに選ぶ

これらを徹底することで、クーポンの不正利用リスクを大きく減らせます。

2. クリエイターのエンゲージメント不足

ブランドと“本当に相性の良い”クリエイターを見つけることは簡単ではありません。応募は来ても、実際には投稿が少なかったり、ブランドへの共感度が低いケースもあります。

対処法：

クリエイターのプロフィール、過去のエンゲージメントデータを慎重にチェック
ブランドの世界観に合うかどうかも重視する
コミュニケーションを活発にし、双方にメリットがある関係をつくる

信頼関係を築くことで、継続的に協力し合える価値の高いパートナーシップが生まれます。

3. 提供地域の制限

現時点（執筆時点）では、Shopify Collabs は アメリカとカナダのみ利用可能 という制約があります。そのため、日本を含む海外のブランドやクリエイターは現状では利用できません。

対処法：

利用可能地域外の場合は、代替となるインフルエンサー管理ツールを検討する
ターゲットが北米向けの場合は、対応地域内のクリエイターとキャンペーンを実施する

Shopifyが今後提供地域を拡大する可能性も十分あるため、情報を定期的にチェックしておくと良いでしょう。Shopifyには日本法人が存在するので近い将来には日本でも利用可能になる可能性が高いです。

Shopify Collabs まとめ：インフルエンサーマーケティングの未来をつくるツール

Shopify Collabs は、インフルエンサーマーケティングを専門知識なしで始めたいブランドにとって非常に強力なツールです。コラボ管理、アフィリエイト追跡、コミッション支払い、クリエイター探しまでを一元化でき、スケーラブルで効率的なマーケティング運用 を実現します。

クリエイターにとっても、自分に合ったブランドとつながり、収益化しやすい環境が整っているため、双方にメリットのあるプラットフォームと言えるでしょう。

インフルエンサーマーケティングの需要は今後ますます拡大すると考えられます。その中で Shopify Collabs は、ブランドとクリエイターが共に成長するための“未来型マーケティングツール”として、ますます重要な存在になっていくはずです。

Shopifyで商品ID（Product ID）はどこで見つかる？わかりやすく解説

Fri, 05 Dec 2025 08:00:00 +0900

Shopifyでは、商品は「商品名」だけでなく 一意のProduct ID（商品ID） でも識別されています。この番号は在庫管理、レポート作成、アプリ連携など多くの場面で役立ちます。Shopifyアプリの中には、機能を使うために商品IDの入力が必要なものもあるため、正しく把握しておくことが重要です。

しかし、商品IDはShopify管理画面の商品一覧には表示されていません。では、どこで確認できるのか？この記事では Shopifyの商品IDを見つける3つの方法 をわかりやすく紹介します。

1. ストアフロントから商品IDを確認する方法

もし管理画面にアクセスできない場合でも、商品ページがあれば問題ありません。

任意の商品ページを開く
URLの末尾に .json を追加して開く

すると、商品データがJSON形式で表示され、その中に product.id が含まれています。

例：https://example.com/products/product-name.json

管理者権限がなくてもIDを確認できる便利な方法です。

Find Product ID

2. 管理画面から商品IDを確認する方法（最も簡単）

Shopify管理画面にログインできる場合、最も手軽なのがこの方法です。

「商品」から任意の商品を開く
ブラウザのURLを確認する

URLの /products/ の後に続く文字列（数字）これが 商品ID です。

例： https://admin.shopify.com/store/xxxx/products/1234567890 → 1234567890 が商品ID

一番シンプルで覚えやすい方法です。

商品ID

3. 複数の商品IDをまとめて取得する方法（大量管理に便利）

商品を1つずつ開いてIDを確認するのは時間がかかります。そこで便利なのが「variants.json」を使った一括取得方法です。

■ 一括取得の手順

Shopify管理画面にログイン
URLの末尾に以下を追加する /admin/variants.json

すると、ストア内のすべてのバリエーション（＝商品に紐づくデータ）がJSON形式で一覧表示され、商品IDもまとめて取得できます。

一括取得の手順

■ 読み込み件数を増やす方法

Shopifyはデフォルトで1ページあたり 50件 の商品しか表示しません。件数を増やすには ?limit=250 を追加します。

例： https://admin.shopify.com/store/your-store/admin/variants.json?limit=250

最大 250件まで 一度に取得できます。

まとめ：Shopifyの商品IDは簡単に見つけられる

Shopifyで商品IDを確認する方法は次の3つです：

ストアフロントの商品ページに「.json」を付ける
管理画面で商品ページを開き、URLの数字を見る
variants.json で商品IDを一覧取得する

用途に応じて最適な方法を選べば、在庫管理やアプリ設定もスムーズに進められます。商品IDを把握したら、次はストア運営やデータ管理をさらに効率化していきましょう。

ShopifyのSEO機能ってどう？十分なの？

Fri, 05 Dec 2025 08:00:00 +0900

Shopify を Magento など他のECプラットフォームと比較したことがある方なら、「Shopify は SEO がそこまで強くない」という話を聞いたことがあるかもしれません。

とはいえ、Shopify にも標準で用意されている SEO 機能はいくつか存在し、 正しく活用できれば検索エンジンにインデックスされ、自然検索からの流入を増やすことが可能です。

ここでは、Shopify にデフォルトで備わっている SEO 機能について順番に解説します。

XML サイトマップ（sitemap.xml）

Shopify の sitemap.xml は、Google や Bing のような検索エンジンが **最初にあなたのストアを理解するための「地図」**のような役割を持っています。

サイトマップには、ストア内の主要なページ（商品、コレクション、記事など）が自動で一覧化され、検索エンジンはそれをもとにページをクロールし、インデックスしていきます。

Shopify の sitemap.xml の特徴

自動生成 & 自動更新：新しいページを追加すると sitemap に自動反映。
編集不可：独自のサイトマップを追加したり、ページを除外したりすることはできない。
閲覧は可能：例：https://あなたのドメイン/sitemap.xml

この「編集できない」という点は、SEOに強いCMSと比べると制約に感じる人もいます。特に細かいクロール制御をしたい中級〜上級者にとっては物足りない部分です。

sitemap

robots.txt（robots.txt.liquid）

robots.txt は、検索エンジンのクローラーに対して「このページはクロールしてOK」「ここはクロールしないで」といった指示を出すファイルです。

Shopify ではこの robots.txt が自動生成されていますが、 XML サイトマップとは異なり、**編集が可能（2021年のアップデート以降）**になっています。

Shopify の robots.txt の特徴

自動生成されるため初期設定は不要
編集可能（テーマファイル内で robots.txt.liquid を作成して変更）
特定URLのクロール拒否・許可の設定ができる

確認方法

例：https://あなたのドメイン/robots.txt

ただし、テーマファイルの編集が必要なため、 コードに慣れていない場合は開発者のサポートが必要になる点は注意点です。

robots

URL構造と URL ハンドル編集

Shopify の URL 構造は、SEO の観点から見ると比較的「制限が多い」仕組みです。

Shopify のURLの制限

以下のようなディレクトリ（パス）は固定であり、削除したり変更できません：

/products/
/collections/
/blogs/

そのため、商品ページのURLは必ず次のような形式になります。

例：

domain.com/products/product-name
domain.com/collections/collection-name
domain.com/blogs/blog-homepage-name

できること：URLハンドル（スラッグ）の編集

商品名・コレクション名・記事の「ハンドル」は自由に編集できます。（例：product-name の部分）

さらに、URLを変更した場合は自動的にリダイレクトの設定をすることも可能です。

ただし、URL構造自体をカスタマイズできないため、 SEO 的に“理想的なシンプルURL”を追求したい場合には制約が残ります。

URL構造

301リダイレクト

前の URL 構造の話に関連しますが、Shopify には URLリダイレクト機能 が用意されています。これは、削除したページ・非公開にしたページなどが 404 エラーを返してしまうのを防ぎ、検索エンジンにもユーザーにも良い影響を与える重要な仕組みです。

Shopify の 301 リダイレクトでできること

削除した商品や記事のリンクを、新しいURLに正しく転送できる
古い URL から新しい URL へSEO価値を引き継げる
ユーザーが 404 ページに迷い込むのを防げる

しかし、Shopify のリダイレクト機能には明確な制限があります。

リダイレクトできない URL の条件

以下のようなパスから始まる URL は、Shopify ではリダイレクト設定ができません：

/application
/apps
/cart
/carts
/orders
/services

また、Shopify 固有のシステムパスもリダイレクト不可です：

/products
/collections
/collections/all

つまり、一般的なページはリダイレクト可能だが、Shopifyの仕組み上の重要パスは編集できないという制限があります。

301 Redirects

Meta Tags（メタタグ：タイトルとディスクリプション）

SEOにおいて最重要とも言えるのが メタタイトル と メタディスクリプション。検索エンジンの検索結果（SERP）に表示される、あのタイトルと説明文の部分です。

いくら良いコンテンツを作っても、 検索結果でクリックされなければ集客にはつながりません。

Shopify で編集できるメタタグ

商品ページ
コレクションページ
ブログ記事
固定ページ
ホームページ

すべての主要ページでタイトル・説明文を調整できるため、ここは Shopify の強みの一つです。

なぜ重要？

SERPでのクリック率（CTR）を大きく左右する
キーワードを適切に入れると検索順位にプラス
ブランド力の訴求にも使える

「内容は良いのにクリックされない…」というケースは、多くがメタタイトルと説明文が弱いことが原因です。

メタタグ

Canonical Tags（カノニカルタグ）

ECサイトでよく発生する問題が 重複コンテンツ（Duplicate Content）。 Shopify でも、以下のようなケースで同一の商品が複数のURLで表示されることがあります：

例：

domain.com/products/product-name
domain.com/products/product-name?variant=43824702521540
domain.com/collection/one-time-collection/products/product-name

ユーザーには同じ商品ページに見えても、検索エンジンは「別ページ」と判断し、最悪の場合、評価が分散してしまうことがあります。

Shopify の対策：自動カノニカルタグ

Shopify では、テーマファイル（theme.liquid）内に 自動で canonical タグが生成されるようになっています。

これにより：

検索エンジンは「どのURLを正規ページとして扱うか」を理解できる
重複コンテンツによる評価分散を防止できる
特別な設定をしなくても基本的なSEO対策が成立する

必要があれば、個別ページに独自の canonical タグを設定することもできますが、通常は自動生成で問題ありません。

構造化データ（Structured Data）

メタタグと同様に、構造化データ（スキーママークアップ） は、検索結果でサイトを目立たせる重要な要素です。ただし、構造化データの役割は「見た目」だけではありません。

検索エンジンに対してページ内容の詳細情報を伝え、 どのような人に、どんな場面で表示すべきページなのか を理解させることが目的です。

検索結果でよく見かける以下のようなリッチリザルトは、構造化データがあることで表示されます：

レビュー（星評価）
価格
在庫状況
評価数
商品情報

Shopify の課題：構造化データの追加が簡単ではない

Shopify ではメタタグのように簡単に設定できず、 Liquid・HTML・JSON-LD の基礎知識が必要 になります。

そのため：

初心者にはややハードルが高い
テーマによっては構造化データが不足している場合がある
必要に応じて開発者のサポートや外部アプリが必要

特に SEO を強化したい場合、構造化データの最適化は欠かせないため、ここは Shopify の弱点とも言えます。

ブログ機能（Shopify Blog）

Shopify のブログ機能は無料で使えるマーケティングツールで、 検索流入を増やしたり、読者のエンゲージメントを高めたり、商品紹介につなげたりできる重要な機能 です。

Shopify では標準で以下が可能です：

記事の作成
メタタイトル・ディスクリプションの編集
著者名の表示
タグ付け
アイキャッチ画像の設定

しかし標準機能には制限が多く、ブログを本格運用したい場合には物足りません。

Shopifyブログでできないこと（デフォルト）

ブログ一覧ページに「ナビゲーションサイドバー」を追加できない
関連記事・関連商品を挿入する機能がない
URL構造の変更ができない（SEO的には弱点）
柔軟なレイアウト編集ができない

そのため、より高度なブログ運用をしたい場合は、 Shopify Blog App（外部アプリ）に頼る必要があります。

Blog

モバイル対応（Mobile-friendliness）

Google が「モバイルファーストインデックス」を採用している現在、 モバイルフレンドリーなストアは必須条件 です。

Shopify はこの点を非常に重視しており、実際に Shopify 全体のトラフィックの約 79% がモバイルから 来ているとされています。

Shopify のモバイル対応の特徴

多くのテーマがレスポンシブ対応
コード編集なしでモバイル最適化されたデザインが利用できる
カートやチェックアウトもモバイル前提で設計されている

ただし、最終的なモバイル体験は「選ぶテーマ」によって大きく左右されます。 SEOを意識するなら、必ずモバイルに強いテーマを選ぶことが重要です。

Google Analytics 4（GA4）

GA4 自体は SEO の直接的な順位要因ではありません。しかし、ユーザー行動のデータを分析し、改善につなげる上で欠かせないツール です。

Shopify には GA4 の組み込み機能があり、設定はとても簡単です。

Shopify で GA4 を使うメリット

ページビュー
サイト内検索
商品閲覧
カート追加
チェックアウト開始
支払い情報の追加
購入（コンバージョン）

などのイベントが自動でトラッキングされます。

設定方法

Shopify 管理画面 →「オンラインストア」 →「基本設定（Preferences）」で GA4 のタグを追加するだけでOK。

データに基づいた改善がしやすくなるため、SEO戦略にも間接的に貢献します。

まとめ

Shopifyには、XMLサイトマップ、robots.txt、URLハンドル編集、メタタグ設定、カノニカルタグ、構造化データ、ブログ、モバイル対応、GA4連携といった基本的なSEO機能が標準で備わっています。そのため、技術的には問題なくインデックスされ、一般的なECサイト運用には十分対応できます。

しかし、URL構造の固定、構造化データの追加難易度、ブログの拡張性の低さなど、上位表示を本気で狙う場合には制約が目立つ点も確かです。特に競合が強いジャンルでは、デフォルト機能だけでは限界があり、テーマの最適化やアプリ活用、外部ツールによるSEO強化が必要になります。つまり、Shopifyは「SEOの基礎は揃っているが、戦略的な最適化を行わないと成果が出にくい」プラットフォームと言えるでしょう。

【GA4の代替】 Umami.is の使い方を完全解説（アナリティクスツール）

Tue, 25 Nov 2025 07:00:00 +0900

最近、マーケティングの世界では生成AIが当たり前になり、少人数でも大きな成果を出せる時代になりました。

だからこそ、感覚ではなく「結果で証明できるデータ」 が求められるようになっています。昔のようにクリック数やいいね数だけでは、もう説明ができません。

そんな中、多くの人が悩んでいるのが Googleアナリティクス4（GA4）。ユニバーサルアナリティクスからの強制移行、複雑な操作、必要以上の機能…

正直、「なんだか使いこなせない」と感じている方も多いのではないでしょうか。

GA4って難しいよね。

僕も以前はGoogleアナリティクスとサイトをとりあえず連携をして、時々 PV数を確認するくらいで、細かい分析やデータの活用が全く出来ていませんでした。どのページが人気で、滞在時間がどれくらいというデータはわかりますが、GA4ではそれ以上のデータを知ることは難しかったです。

海外でもGA4から他のアクセス解析ツールに移行する流れがあり、最近では Umami というツールが注目されています。

今回はそんな Umami(ウマミ) の使い方、特徴、料金などについてご紹介したいと思います。

Umami とは？

Umami とは、シンプルでプライバシー重視のアクセス解析ツールです。

メモ

サイトに軽量なスクリプトを設置するだけで、ページビュー、流入元、デバイス、滞在時間などの基本データを直感的に確認できます。Cookie を使用せずに計測できるため、クッキーバナーが不要になる場合があり、個人サイトや企業サイトでも導入しやすい点が特徴です。Google アナリティクス 4 のような複雑な設定や高度な知識を求められず、必要な情報を一画面で把握できます。さらに、UTM 計測、イベント追跡、ファネル分析、ユーザー導線の可視化などにも対応しており、サイト改善やマーケティング判断に役立つ実用性の高いツールです。

Umami

Umamiの特徴

主に以下のような特徴があります。

シンプルで直感的なダッシュボード
Cookie不要の計測に対応（クッキーバナーが不要になる場合あり）
導入はスクリプト1行だけで完了
ページ速度に影響しない軽量トラッキング
基本データを1画面で確認（PV・訪問者・流入元など）
UTMパラメータを自動計測
イベント追跡が簡単に設定可能
リアルタイムでデータ反映
Breakdownで細かいセグメント分析が可能
Funnelで離脱ポイントを可視化
Journeyでユーザー導線を把握
短縮リンク機能でBitlyの代わりとして利用可能
複数サイトをまとめて管理できる
セルフホスト対応でデータを自分で保持できる
無料プランありで個人利用にも最適

特に、Cookieを使わずにシンプルな設定だけで必要なデータを確認できる点は、GA4との大きな違いです。GA4のように複雑なレポート構成やタグ設定に時間をかける必要がなく、欲しい情報に最短でたどり着ける使いやすさがUmamiの強みと言えます。

Umamiの登録方法

詳しくは上の動画でご紹介しています。まずは https://umami.is/ にアクセスをして、無料で登録することができます。

Umami

こちらから簡単にアカウントを作成することができます。1つの無料アカウントで3個までサイトを登録することができるので、複数のサイトを持っていても一元化して登録できます。

Umamiの管理画面

管理画面は日本語で利用できます。一部おかしな日本語訳もありますが、普通に理解するには十分だと思います。

Umamiで確認できるデータ

Umamiでは主に以下のようにデータを確認することができます。

■ Goals（ゴール）

Umami の Goals は、サイト上で達成したい行動を計測できる機能です。特定のページ閲覧やボタンのクリックなどを「ゴール」として設定することで、どれだけのユーザーが目的のアクションに到達したかを数値で確認できます。ゴール達成率（コンバージョン率）が自動で算出されるため、問い合わせページへの遷移率や資料請求の完了率など、成果につながる重要な指標が一目で把握できます。GA4のように複雑な設定を行う必要はなく、シンプルな操作だけでトラッキングが開始できる点も大きな魅力です。これにより、改善すべき導線や成果が出ているページを正確に判断でき、マーケティング施策の検証がスムーズになります。

Goals

■ ファネル（Funnel）

ファネルは、ユーザーが目的に向かってどのステップまで進んだかを段階的に可視化する機能です。例えば「トップページ → 商品ページ → 申し込み → 完了」といった流れを設定すると、各ステップに到達したユーザー数と、どこで離脱したかが明確に確認できます。ステップは指定した順序で完了した場合のみ計測されるため、導線上のボトルネックを正確に分析できます。途中で他ページに移動しても、最終的に順番通りに進めば達成として記録される仕様のため、実際のユーザー行動に近いデータが得られる点も特徴です。サイト改善や申し込み率向上など、成果に直結する改善ポイントを特定する際に非常に役立ちます。

ファネル

■ セッション（Sessions）

セッションは、1人のユーザーがサイト内でどのように行動したかをまとめて確認できる機能です。訪問開始から終了までの流れが1単位として記録され、滞在時間・閲覧ページ数・最初と最後のページなどが一覧で把握できます。個別ユーザーの細かい行動を追うことで「どのページで迷っているのか」「どこから離脱しているのか」といった具体的な課題を発見できます。GA4では確認しづらいユーザー単位での動きが、Umamiではシンプルに表示されるため、初心者でも理解しやすいのが魅力です。特に、滞在時間が短いセッションや、1ページのみで終了するケースを分析することで、改善が必要なページを効率よく特定できます。

セッション

個々のユーザの動きや、過去に訪れたことがあるかも確認することができる。

セッション

■ ジャーニー（Journey）

ジャーニーは、ユーザーがサイト内をどのような順番で移動したかを可視化する機能です。訪問者が最初にアクセスしたページ、どのページへ進み、どこで離脱したかといった流れをステップごとに確認できます。実際の行動パターンに基づいて表示されるため、想定していなかった導線や、ユーザーが意外に多く通っているページを発見できる点が大きなメリットです。

また、成果につながるパターンと離脱につながるパターンを比較することで、導線改善に必要な判断材料が得られます。ファネルが「理想のステップ」を分析するのに対し、ジャーニーは「実際の行動」を把握できるため、ユーザー体験の改善に非常に有効です。

ジャーニー（Journey）機能

短縮リンク発行機能

Umami の Link 機能は、Bitly のように短縮URLを発行し、そのリンクがどれだけクリックされたかを計測できる機能です。Umamiが生成した専用リンクを共有すると、クリックされた瞬間にデータが記録され、その後自動的に本来のURLへリダイレクトされます。

これにより、SNS、メール、広告、ブログなど、どのチャネルからの流入が効果的だったのかを簡単に把握できます。外部の短縮リンクサービスを使う必要がなく、アクセス解析とリンク計測が1つのツールで完結する点が大きな魅力です。さらに、UTMパラメータとも組み合わせられるため、キャンペーンの成果をより正確に比較でき、マーケティング施策の最適化に役立ちます。

短縮リンク発行機能

GA4 と Umami の比較表

項目	Umami	GA4（Googleアナリティクス4）
導入・設定	スクリプト1行で完了	設定が複雑、GTAGやGTMが必要になることも多い
UI（操作性）	シンプルで直感的	画面構成が複雑で慣れが必要
計測方式	Cookie不要で計測可能	基本はCookieを使用（同意管理が必要）
取得データ	必要最低限で分かりやすい	自動イベントが多くノイズが増えやすい
レポート表示	1画面で主要指標を確認できる	メニュー階層が深く目的のレポートを探しづらい
プライバシー対応	EUサーバー選択可、GDPR配慮しやすい	米国サーバー中心で説明が必要になる場合あり
分析機能	Goals・Funnel・Journey・Breakdownなど搭載	多機能だが設定が複雑で扱いにくい場合も
リアルタイム反映	数秒で反映	やや遅延があることも
データ保持	プランに応じてシンプル	データ保持期間に制限あり（設定も複雑）
ホスティング	クラウド版＋セルフホスト可能	Google管理のみ、セルフホスト不可
コスト	無料プランあり、明確な料金体系	無料だが高度機能は学習コストが高い
向いている人	シンプルに必要なデータだけ見たい人	大規模解析・高度な連携が必要な人

このようにメリットがあります。

Umamiの料金について：無料で始められて選択肢が豊富

Umamiは、まず 無料プラン（Hobby） から利用できるのが大きな魅力です。無料プランでは月間 100,000イベント（events） まで計測でき、最大3つのサイトを登録できます。ここでいうイベントとは、ページビューだけでなく、設定したカスタムイベント（クリック計測など）も含まれるため、ページビュー数が多いサイトでは上限に到達する可能性があります。例えば、ページビューのみを計測している場合は「10万PV ≒ 10万イベント」と考えればよく、アクセス数が少なめのブログや個人サイトであれば無料の範囲で十分活用できます。

Umamiの料金

より多くのアクセスを扱う場合や、長期間データを保持したい場合は、有料プランにアップグレードできます。料金はイベント数に応じて段階的に増える仕組みになっており、必要な分だけ支払うシンプルな構成です。また、他の解析ツールのように機能制限が多いわけではなく、無料でも基本的な機能はすべて利用できます。

さらにUmamiの大きな特徴として、セルフホスティング（自前運用） という選択肢があります。オープンソースとして公開されているため、サーバーに自分でインストールすれば、イベント数の制限なく利用でき、データをすべて自分で保持できます。企業や高トラフィックサイト、データ管理を厳密に行いたいケースでも柔軟に対応できるのがポイントです。

まとめると、Umamiは「無料で始めたい個人」から「大規模なサイトを運用する企業」まで幅広く対応でき、料金面でも導入のハードルが非常に低いアクセス解析ツールと言えます。必要に応じてプランを選べるため、将来的な拡張にも安心です。

無料プランでも十分使えますか？

無料プラン（Hobby）では、月間100,000イベントまで計測でき、最大3サイトを登録できます。ページビューのみを計測している小〜中規模サイトであれば問題なく利用できます。ただし、クリック計測やアクセス数が多い場合は、上限に達する可能性があるため、有料プランやセルフホスティングの検討がおすすめです。

UmamiはCookieを使わずに本当に計測できますか？

はい、UmamiはCookieを使用せずにアクセスデータを記録できます。そのため、場合によってはクッキーバナーの表示が不要になります。ただし、サイト内で他のサービス（チャットツールや広告タグなど）を利用している場合は、別途同意が必要になることがあります。

Googleアナリティクス（GA4）と併用できますか？

併用は可能です。同じサイトにUmamiとGA4を同時に設置しても問題ありません。まずUmamiでシンプルにデータを確認しつつ、必要に応じてGA4で詳細を確認する運用もできます。乗り換え前の比較や検証にも役立ちます。

名古屋駅前公証役場で海外の委任状に署名・ワンストップサービスも利用しました

Tue, 25 Nov 2025 07:00:00 +0900

こんにちは！ Hodaです。

先日、スペインの弁護士からの委任状に署名＆アポスティーユ認証をするために「名古屋駅前公証役場」に行ってきました。情報が少ない中での利用だったので個人的な備忘録も兼ねてこちらに整理したいと思います。

まずは予約を取る

公証役場はアポなしで行くことはできません。内容によってはできるかもしれませんが、今回僕の場合は海外の文章の「私署証書認証」というカテゴリーでした。幸い、名古屋駅前公証役場ではわかりやすい公式サイトがあり、そこに必要な手続きや持ち物が記載されていました。

名古屋駅前公証役場HP

僕の場合、急ぎでもあったのでとりあえず電話をして確認をしました。

電話をして、要件やなぜ必要かを伝えると、スタッフの方がとても良く対応をしてくれました。しっかりと状況をヒアリングしていただき、どこの国にどんな書類の署名が必要かどうかやアポスティーユ認証の必要性、ご希望の予約日などを確認することができました。

次にメールを送る

今回はスペインの弁護士からの委任状に署名＆アポスティーユ認証することが目的でした。すでに弁護士からの委任状（スペイン語）があったので、それらの書類をメールで公証役場に送りました。

委任状原本
委任状に日本語訳を付けたもの
認証依頼書（HPからダウンロード可能）

これらを電話のスタッフの方が確認してくれました。そして、折り返し電話をいただき、最短での日程を確保してくれましｔ。

ＨＰの情報では依頼日から二週間後くらいという情報でしたが、空いている時間枠を見つけてくれて、依頼日から4日後くらいに行けることになりました。

ワンストップサービス

公証役場に問い合わせて初めて知りましたが、愛知県の公証役場では署名したタイミングで即日でアポスティーユ認証もできるサービスがあることを教えていただきました。

メモ

愛知県の一部の公証役場では、いわゆる「ワンストップサービス」を実施しており、署名の認証とアポスティーユ取得までを同日に完結できる仕組みがあります。通常は公証役場で認証を受けた後、外務省（または郵送）で別途手続きを行う必要がありますが、このサービスでは公証人が外務省との連携窓口となり、利用者が移動や追加手続きをせずにアポスティーユ付きの書類を受け取れる点が特徴です。対象は私署証書認証などに限られ、事前予約や提出様式の指定、当日対応時間の制限がある場合があります。また全ての公証役場で提供されているわけではないため、利用前に実施有無や必要書類、手数料を確認することが重要です。

僕も経験がありますが、自分でアポスティーユ認証をする場合、一度書類をレターパックで外務省に送って、返信を待つ必要があります。これには約1週間かかります。今回はとにかく急いでいたので、即日アポスティーユ認証済の書類までゲットできるのはとても助かりました。

ちなみに、今回は書類1枚(夫婦で連名署名) でアポスティーユ認証付きで 10,000円でした。質問したら、アポスティーユ認証なしでもありでも値段は変わらないとのことでした。

当日の流れ・持ち物

予約の日になり、朝一番で公証役場に行きました。当日の持ち物は以下の通りです

パスポート
免許証（本人確認用）
自分で印刷した委任状
10,000円 (クレジットカードが使えました)

以下は持っていきましたが利用しませんでした。

委任状のバイリンガル版（すでにメールで見せたので）
認証依頼書（すでにメールで見せたので）

名古屋駅前公証役場はGoogleマップで見てもよくわからない建物でしたが、住所は以下の通りでした

住所：〒450-0003 愛知県名古屋市中村区名駅南１丁目１７−２９広小路ＥＳビル（7階）

建物は大通りに面している広小路ＥＳビルという建物です。大通りに出ると以下のような看板があります。

広小路ＥＳビル

入口は以下のようになっています。

名古屋駅前公証役場

しっかりと看板があります。そしたら中のエレベーターで7階に行きます。

中に入るとこのように看板があります

役場での流れ

時間通りに行ったら、受付に名前を言うとスタッフの方が対応してくれます。印刷した委任状を持っていき、免許証を見せて本人確認をします。

委任状を渡すと書類を作成してくれるので数分待ちます。そして、公証人の方に呼ばれるので、受け付けで夫婦で一緒に公証人の前で署名をしました。署名はパスポートと同じものをするために今回はパスポートを持っていきました。

書類にはすでにアポスティーユと公証人の証明がついているので、そのまま持ち帰ることができます。

最後に、クレジットカードで 10,000円 をピッタリ支払い、終了しました。思ったよりもスムーズに完了しました。

【Umami】Funnels の使い方・設定方法

Wed, 12 Nov 2025 07:00:00 +0900

🧭 Umamiのファネルとは？

ファネル（Funnel） とは、ユーザーがサイト内でどのような流れ（ステップ）をたどって最終的な「コンバージョン（目的達成）」に至るのか、またその途中でどのくらいの人が離脱したのか（ドロップオフ率）を可視化する機能です。

これにより、

ページやイベントごとの到達率・離脱率を確認できる
どのステップでユーザーが離脱しているかを把握できる
サイトの改善ポイント（UI/UXや導線設計）を見つけられる

といった分析が可能になります。

⚙️ 仕組み

ファネルでは、指定した順番でユーザーが特定のページやイベントを順番通りに完了した場合のみ、「コンバージョン」としてカウントされます。途中で別のページに寄り道してもOKですが、最終的に指定した順序でステップを完了する必要があります。

Umamiのファネル

設定項目（Parameters）

項目	説明
Window（ウィンドウ）	ユーザーが次のステップに進むまでの制限時間（分単位）。この時間内に完了しないとコンバージョンとしてカウントされません。
Steps（ステップ）	ファネル内の流れを定義する条件。最低でも2つ以上のステップを設定する必要があります。

ファネルの作成手順

Step 1: ファネルを追加

Umamiの管理画面で「Add Funnel（ファネルを追加）」をクリック。
新しいファネル作成フォームが表示されます。

Step 2: 詳細を入力

ファネル名やウィンドウ時間などを入力し、「Save（保存）」をクリックします。

Step 3: ステップを設定

「Add（追加）」ボタンをクリック
ステップタイプを選択　- Viewed page（ページ閲覧） 　- Triggered event（イベント発火）
条件を入力（URLやイベント名など）

ステップ指定の種類

種類	内容	例
Specific URL	特定のURLを訪問した場合	`/` や `/checkout`
Event	特定のイベントを発火した場合	`live-demo-button`
URL Wildcard	指定したパターンに一致するURL	`/docs*`（= `/docs/intro` など）

※ワイルドカードは「指定したパスで始まるURL」など柔軟な条件指定が可能です。

Step 4: ファネルを実行（Run Insight）

設定が完了したら、「Run Insight（分析を実行）」をクリックすると、各ステップの到達数・離脱率・コンバージョン率がグラフで表示されます。

Umamiのファネル

✏️ ファネルの編集・削除

一覧画面の各ファネルの右端「…（三点リーダー）」から　Edit（編集） または Delete（削除） を選択できます。

💡 活用のコツ

LP（ランディングページ） → サインアップ → 決済完了のような導線の分析に最適
イベントベース（例: 「ボタンクリック → フォーム送信 → サンクスページ」）も追跡可能
ファネル分析結果をもとに、離脱ポイントの改善やコンバージョン率向上施策を考えましょう。

【Umami】Funnelsとjourneysの違い

Wed, 12 Nov 2025 07:00:00 +0900

Journey（ジャーニー）とは？

Journey＝ユーザーがサイト内をどのように移動したかを可視化する機能。

ユーザーが最初にどこから入って、どのページを通り、どこで離脱したのかを「道筋（journey）」として確認できます。

📈 つまり、実際のユーザー行動の“全体の流れ”を俯瞰するツールです。

Journey

ファネルとの違い（超重要）

比較項目	Funnel（ファネル）	Journey（ジャーニー）
目的	ゴール到達率を測る（成功率・離脱率）	実際の動線・行動パターンを観察する
設計方法	あらかじめ「理想の流れ」を定義して分析	実際のユーザーの行動から流れを抽出
分析方向	上から下へ（目標に対する進捗）	横方向（どんな経路をたどったか）
ステップ数	最低2ステップ（順番固定）	3〜7ステップ（柔軟）
使うデータ	特定のURLやイベントを指定	全体のページ遷移を集計表示
主な使い方	「購入完了率」「フォーム完了率」などの定量分析	「ユーザーが実際にどう回遊しているか」の定性分析

簡単に言うと：

ヒント

ファネル＝“理想ルートを設定して検証する” ジャーニー＝“現実ルートを観察して発見する”

🔍 Journeyの基本構造

Umami のジャーニーは「ステップ（Steps）」という単位で構成されます。

パラメータ	意味	例
Steps	分析に使うステップ数（3〜7）	3ステップ：入口→中間→離脱
Start Step	ユーザーが最初に訪れた場所	`/blog` やイベント`signup_click`
End Step	最後に到達した場所	`/thank-you` やイベント`purchase_complete`

Journey

設定の流れ（初心者向け）

1️⃣ ステップ数を選ぶ 　3〜7の範囲で「どのくらいの流れを見たいか」を決める。　（3＝短い導線、7＝長い滞在の動き）

2️⃣ Start / End を指定（任意） 　例：　- Start: /blog（記事ページ）　- End: /newsletter（メルマガ登録）

3️⃣ Run Insight（実行） 　→ 実際の訪問データから、ユーザーがどんな経路で動いたかが自動生成される。

4️⃣ 結果を分析 　- 最も多い経路　- 離脱の多いステップ　- 意外な動線（想定外のルート）　を確認できます。

分析結果の見方

Umamiは、各ステップをノード（点）として、ユーザーの通過数や離脱率を可視化します。

Viewed page：そのページを見たユーザー数
Triggered event：特定アクションをしたユーザー数
Hoverすると：コンバージョン率・離脱率が表示

重要

💡 これにより「多くの人がトップページから直接“ブログ記事”へ飛んでいる」「購入ページの前に“FAQページ”を見ている人が多い」といった“行動の傾向”がわかります。

ファネルとの使い分け例

目的	使うべき機能	分析イメージ
ユーザーが理想の流れを完了できているかを見たい	Funnel	`/pricing → /checkout → /thank-you` の完了率
ユーザーが実際にどんな流れで動いているかを知りたい	Journey	`/blog → /product → /faq → /checkout` など実際の経路
離脱率を下げたい	Funnel	各ステップのDrop-off率を見る
想定外の行動を発見したい	Journey	予想外の経路・ページ遷移を見つける

💬 つまり：

Funnel＝「計画的な改善」 Journey＝「発見的な改善」

活用例

分析テーマ	目的	分析の使い方
ブログ導線の改善	記事→CTA→登録までの流れを確認	どの記事から登録に進むか
ECサイト	商品ページ→カート→購入完了	離脱ポイントを見つける（Funnel）＋他ページ経路を見る（Journey）
SaaSサイト	トップ→Pricing→Signup	どの経路が多いか・どこで止まるか
メディアサイト	トップ→人気記事→滞在時間→離脱ページ	よく読まれている記事群の動線確認

初心者が混乱しやすいポイント

よくある誤解	正しい理解
FunnelとJourneyは同じもの？	目的が違う。Funnelは“理想の経路”を検証、Journeyは“実際の経路”を観察。
Funnelの方が上位互換？	いいえ。Funnelは目標分析、Journeyは探索分析。どちらも補完関係。
ステップ数が多いほど良い？	データが分散して見づらくなる。最初は3〜4ステップでOK。

【Umami】Sessionsデータでできること

Wed, 12 Nov 2025 07:00:00 +0900

Umamiはとても使いやすいアナリティクスツールで、Googleアナリティクスの代替として世界で利用されています。今回はその機能のうちの Session（セッション）についてご紹介したいと思います。

Sessionsデータでできること（活用ポイント一覧）

目的	活用できるデータ	分析の方向性
① 滞在行動の把握	Views・Visit duration（滞在時間）	サイトの“読まれ方”を理解する
② ページ遷移の流れを確認	Activity（どの順でどのページを見たか）	ユーザーの導線改善に使う
③ デバイス・OS・ブラウザ確認	Device / OS / Browser	特定環境でのUX不具合を見つける
④ 国・地域別の行動傾向	Country / City	海外ユーザーがどのページを好むか
⑤ 再訪問・リピート傾向を把握	Visits / First seen / Last seen	リピーターがどれくらいいるかを見る
⑥ イベントやコンバージョン追跡	Events（クリック・スクロールなど）	特定アクションをトリガーに分析

Sessionsデータ

🔍 初心者がまず見るべき3つのポイント

① 滞在時間（Visit duration）

そのユーザーがどれだけ長くサイトを見ていたか。

例：11m 6s → 非常に良い数値（記事をしっかり読んでいる）
1分未満 → 内容が期待と違った・読み飛ばされた可能性 → 改善点：冒頭のリード文やタイトルの見直し

💡平均滞在時間が長い記事＝価値の高い記事

② ページ遷移（Activity）

各ユーザーが「どのページ → どのページ」に移動したか。

例：

/blog/tie-spain/
→ /blog/tie-spain/

→ 同じページをスクロール・再読している（興味度高い）

複数ページを移動していれば、内部リンクの誘導がうまく機能しているサイン。

💡これを元に：

関連記事リンクをもっと増やす
CTA（ボタン）やナビの配置を改善

③ デバイス・環境情報（Device / OS / Browser）

どんな端末から来ているかを、リアルユーザーの行動と結びつけて見られる。

たとえば：

iOSユーザーが多いのに、滞在時間が短い → スマホ版の読みづらさを疑う
EdgeやSafariだけ離脱が早い → レイアウト崩れの可能性あり

メモ

特に最近ではスマホからのアクセスが50%を超えることも多いです。もしその割合が多い場合は、PCビューではなくスマホビューやレスポンシブ対応を重視してページを作成するようにしましょう

💡 もう一歩進んだ活用方法

1️⃣ 「良いユーザー体験」を見つける

長時間滞在したセッションをピックアップして、どのページ構成だったか確認
逆に「数秒で離脱したセッション」も見て比較すると、改善のヒントが得られます

2️⃣ “生きたアクセス”を観察

Umamiのセッションビューはリアルタイム行動ログに近い。 → いつ・どこから・どの端末でアクセスしたか、すぐ見られる
これを活かして、SNS投稿後のトラフィックの反応を確認できます。 → 例えば「Xに投稿して5分後に東京のiOSからアクセスが来た」など。

3️⃣ イベントデータと組み合わせる

もし Events を設定していれば、セッション画面で「どのユーザーがボタンを押したか・スクロールしたか」も分かります。 → これにより、コンバージョン経路が明確に。

注意点

注意点	解説
個人を特定するデータではない	IDは匿名化された識別子（プライバシー安全）
同一ユーザーでもブラウザ・端末が変わると別セッション扱い	iPhone → PCで見ると別人として記録
botも一部含まれる可能性あり	国やブラウザが不自然な場合は要確認

まとめ：Sessionsデータでできること

分析目的	活用ポイント
コンテンツ分析	滞在時間・閲覧ページをチェック
UX改善	端末・ブラウザ別の行動を確認
SEO改善	流入ページ・次ページを把握
コンバージョン最適化	イベント・行動パターンを特定

Hello Bar（ハローバー）の使い方：サイト訪問者をリードに変えるツール

Tue, 11 Nov 2025 02:00:00 +0900

ウェブサイトに訪れたユーザーを「ただの訪問者」で終わらせず、しっかりと関係を築くためのツールが Hello Bar（ハローバー） です。

この記事では、Hello Bar の基本的な使い方や活用のポイントをわかりやすく紹介します。

Hello Barを試してみる

Hello Barとは？

Hello Bar（ハローバー）とは、サイトの上部（または他の位置）に表示される通知バーのことです。名前の通り「Hello（こんにちは）」とユーザーを迎える目的から始まりましたが、現在では以下のように幅広く活用されています。

メールアドレスの収集
キャンペーンやセール情報の告知
特定ページへの誘導
特典や無料プレゼントの案内　など

バーの上にメッセージやボタンを設置して、訪問者に行動を促す仕組みです。

Hello Barでできること

Hello Bar は単なる通知バーだけでなく、以下のような複数のポップアップタイプを簡単に作成できるのが特徴です。

画面上部に固定される トップバー
サイト中央に表示される モーダルポップアップ
ページ下部からスライドインする スライドアップ
離脱しようとするユーザーに表示される Exit Intent（離脱防止）ポップアップ

これらの機能を使って、ユーザーの行動に合わせた最適なメッセージを表示することができます。

どんな目的に使える？

Hello Bar の主な目的は、サイト訪問者との「つながり」を強化することです。たとえば次のような使い方が可能です。

メールマーケティングとの連携 収集したメールアドレスを ConvertKit、Mailchimp、SendGrid などに連携して、メルマガやキャンペーン配信を行うことができます。
特定ページへの誘導 「今だけ無料トライアル実施中！」などのボタンを設置して、特設ページへ直接誘導。
セールやお知らせの通知 期間限定キャンペーンや在庫情報などを目立たせるのにも最適です。

実際の見た目は？

Hello Bar で作成したバーやポップアップは、シンプルでサイトデザインに自然に馴染むように作られています。下のようなデザインを想像するとわかりやすいでしょう。

Hello Bar

このように、ユーザーの目に留まりやすい場所にスマートに配置することで、クリック率や登録率の向上につながります。

効果的なコピーの書き方と設置場所の工夫

Hello Bar の大きな特徴のひとつが、「どこに」「どんな内容で」ポップアップを表示するかを自由にカスタマイズできる点です。たとえば Squarespace などの一部のサイトビルダーでは、ポップアップの位置や種類が限られていますが、Hello Bar では ページごとに異なる種類のポップアップを設置 できます。

ページ内容に合わせてコピーを変える

これは非常に重要なポイントです。なぜなら、ユーザーが今見ているページの内容に合わせてメッセージを変えることで、より高い反応を得られるからです。

たとえば：

「マーケティングダッシュボード」に関する記事には、　👉「無料テンプレートをダウンロード」ボタン付きのHello Barを表示。
「数学の解き方」を紹介する記事には、　👉「オンライン家庭教師サービス」を案内するポップアップを表示。

このように ページ内容 × 訪問者の関心 に合わせて設置することで、より自然に行動を促すことができます。

魅力的な見出しとCTA（行動喚起）を作る

次に重要なのが、コピーの書き方です。単に「メルマガ登録はこちら」や「今すぐ購読」といった一般的な文言では、もうユーザーの目を引くことは難しい時代です。

そこで意識すべきは、「具体的で魅力的なメッセージ」にすること。たとえば次のような書き方が効果的です。

✗ 悪い例：「ニュースレターに登録する」
〇良い例：「3日で開封率を2倍にするメール術を無料で受け取る」

具体性とベネフィット（得られる価値）を明確にすることで、ユーザーの行動率は大きく上がります。

コピーは短く、わかりやすく

また、Hello Bar のようなバーやポップアップでは、文章の長さ も重要です。長い説明文よりも、短く明確なメッセージが効果的です。読者が「読む前に理解できる」くらいのテンポ感が理想です。

デザイン設定：見た目も成果もアップさせるコツ

Hello Bar では、テキストだけでなく デザイン全体 も自由にカスタマイズできます。ヘッドラインやCTA（行動喚起ボタン）の文言に加えて、色やフォント、背景などを調整し、サイト全体の雰囲気に合わせることが可能です。

テンプレートと自動カラー検出で簡単デザイン

「デザインの知識がない」「どんな色を選べばいいかわからない」という方でも大丈夫。 Hello Bar には豊富なテンプレートが用意されており、さらに 自動カラー検出機能（Color Auto-Detection） によって、あなたのサイトデザインに合った配色を自動で提案してくれます。

手順はとてもシンプルです。

Hello Bar にログイン
好きなテンプレートを選択
自動カラー検出を有効化
あとは自動的にサイトカラーにマッチしたバーが生成

まるで魔法のように、あなたのサイトにぴったりなHello Barが完成します。

CTAデザインを工夫してクリック率を上げる

Hello Bar

さらに、Hello Bar では CTA（ボタン）のデザイン も細かく調整できます。色、アニメーション、フォントサイズなどを変えることで、ユーザーの注意を自然に引きつけることが可能です。

特におすすめなのが、アニメーションを活用した「動きのあるCTA」。たとえば、ボタンの色がふわっと切り替わるようなアニメーションを設定するだけでも、クリック率が大幅に上がることがあります。

メモ

色の選び方一つでも印象は大きく変わります。信頼感を与えたいなら ブルー系、行動を促したいなら オレンジや赤系 など、目的に応じたカラー戦略を意識しましょう。

A/Bテスト：成果を数値で確かめる

サイトの成長を重視するマーケティングでは、A/Bテスト（スプリットテスト） が欠かせません。 Hello Bar でもこのテストを活用することで、より効果的なメッセージやデザインを見つけることができます。

どんな要素をテストできる？

Hello Bar では、次のようなさまざまな要素をテスト可能です。

見出し（ヘッドライン）の文言
CTAのコピーやデザイン
バー全体の配色やフォント
ポップアップの位置や形式

しかし、注意すべきなのは「一度に1つの要素だけを変更する」というルールです。

テストの進め方の例

たとえば、以下のような流れで進めると効果的です。

ヘッドラインをテストする 　→ CTAや色はそのままで、メッセージだけ変えて比較。
最も反応の良いヘッドラインが決まったら 　→ 次にボタンの色を3パターンでテスト。
最後にCTAの文言を変更して比較。

こうして1つずつ要素を検証していくことで、どの部分がコンバージョンに最も影響しているのかを正確に把握できます。

ターゲティング設定：正しい人に、正しいタイミングで、正しいメッセージを届ける

Hello Bar を最大限に活用するために欠かせないのが ターゲティング（Targeting）機能 です。どんなに魅力的なコピーやデザインを作っても、「誰に」「いつ」「どこで」見せるかが間違っていれば、成果は半減してしまいます。

Hello Bar では、フィルター（条件設定）を使って 表示対象を細かくコントロール することが可能です。これにより、特定のユーザー層に最適なメッセージをピンポイントで届けられます。

1. 日付（Date）でのターゲティング

セールやイベントなど、日付に関連するキャンペーンを実施する場合に便利なのが「日付指定」です。

たとえば以下のような使い方ができます。

期間限定セール：11月20日〜25日のみ表示
クリスマス特集：12月1日〜12月25日限定で表示

このように設定することで、特定の時期だけ Hello Bar を自動表示でき、季節やイベントに合わせた訴求が可能です。

2. デバイス（Device）別の表示設定

スマートフォンとパソコンでは、ユーザーの見え方や操作感がまったく異なります。 Hello Bar では、デバイスごとに異なるポップアップを表示 することもできます。

PCでは横幅いっぱいのバーを表示
スマホではコンパクトなスライドイン形式に変更

このようにデバイスに合わせた表示を行うことで、ストレスのないユーザー体験を提供できます。

3. URLパス（URL Path）でのターゲティング

最も強力なターゲティング方法が URLパス を使った設定です。これにより、ページごとに異なるメッセージを表示することができます。

たとえば：

/pricing ページでは「今だけ20％OFFクーポンを配布中！」
/blog/marketing-tips ページでは「無料テンプレートをダウンロード」

ユーザーが見ている内容に合わせたHello Barを表示できるので、コンバージョン率を大幅に向上 させることができます。

4. タイミング（Timing）設定で最適な表示を

「いつ表示するか」も成果を左右する重要なポイントです。 Hello Barでは、以下のように細かくタイミングをコントロールできます。

ページにアクセスした瞬間に表示
滞在5秒後に表示
ページを閉じようとした瞬間（Exit Intent）に表示

このようにタイミングを工夫することで、ユーザーの行動に自然に合わせた表示が可能になります。

💡たとえば：初回訪問者には「初回限定クーポン」離脱しそうなユーザーには「離れる前に登録して10%OFF！」といったように、状況に合わせたメッセージを出し分けましょう。

まとめ：最適なターゲティングで成果を最大化

Hello Bar のターゲティング機能を使えば、「どのユーザーに」「どのページで」「どんなタイミングで」見せるかを自在にコントロールできます。

これらを組み合わせることで、訪問者一人ひとりに最適な体験を提供し、 サイト全体のコンバージョン率（成果率）を劇的に向上させることが可能 です。

Hello Barでできること：リード獲得とメッセージ伝達の両立ツール

ここまで機能や設定を紹介してきましたが、「そもそもHello Barって何のために使うの？」という疑問を持つ方も多いでしょう。

結論から言えば、Hello Barは 「リードを獲得すること」 と 「ユーザーにメッセージを伝えること」 の2つが大きな目的です。この2つを上手に活用することで、サイトのパフォーマンスを大きく向上させることができます。

1. リード（見込み顧客）の獲得

ビジネスにおいて最も重要なのは、「一度訪問したユーザーと継続的に関係を築くこと」です。そのために欠かせないのが リード獲得（Lead Generation） です。

Hello Bar を使えば、訪問者のメールアドレスを自然な形で収集できます。メールはSNSよりも 45倍以上高いエンゲージメント率 を持つと言われており、ユーザーとの接点を長期的に維持するために最も効果的な手段です。

💡リードマグネットを活用しよう

「リードマグネット（Lead Magnet）」とは、ユーザーに価値ある特典を提示し、メール登録を促す仕組みのことです。たとえば以下のようなものがあります。

有料教材の一部を無料配布
次回購入時に使える10%OFFクーポン
E-bookやテンプレートの無料ダウンロード

Hello Barを使えば、これらのリードマグネットを「どのページで」「どのユーザーに」「どんなタイミングで」表示するかを自由に設定できます。ユーザーにとって役立つオファーを見せることで、登録率を自然に高められます。

2. キャンペーンやお知らせの告知

Hello Bar は、単にリードを集めるだけでなく、 セール・割引・新商品・キャンペーン情報の告知 にも最適です。

特定の期間限定セールやクーポン情報を、サイトの上部に固定して見せることで、ユーザーに「いま行動すべき理由」を明確に伝えることができます。

また、離脱しそうなユーザーに対してポップアップで「今なら〇〇円OFF！」などを提示すれば、 離脱率（バウンス率）を下げる効果 も期待できます。

例：

「今週末まで！限定セール実施中」

「初回購入者限定クーポンはこちら」

「最新記事をチェックしてみませんか？」

このようなメッセージをタイミングよく表示することで、サイト滞在時間を延ばし、ユーザーの回遊を促すことができます。

まとめ：Hello Barは“成果をつくる導線”を設計するツール

Hello Bar は、見た目を飾るためのツールではなく、 「ユーザーの行動を設計し、ビジネス成果を生み出す導線をつくるツール」 です。

メールリストを増やしたい
セールやキャンペーンを効果的に告知したい
特定ページへの流入を増やしたい

こうした目的を持つサイト運営者にとって、Hello Bar は非常に強力な味方になります。コピー・デザイン・ターゲティング・テストを組み合わせて、自分のサイトに最適な「成果を出すバー」を作り上げましょう。

Hello Barを試してみる

Wistia vs. Vimeo：どちらが優れた動画プラットフォーム？

Tue, 11 Nov 2025 02:00:00 +0900

WistiaとVimeo、どちらがより優れた選択肢なのでしょうか？

どちらの動画ホスティングプラットフォームも、あなたの動画マーケティング戦略を次のレベルへ引き上げる力を持っています。ここでは、市場で人気の高いこの2つのプラットフォームを比較してみましょう。

もしYouTubeよりもブランドコントロールの自由度が高い動画ホスティングサービスを探しているなら、VimeoとWistiaはどちらも有力な候補です。

両プラットフォームには、動画の作成・ライブ配信・ホスティング・プレイヤーのカスタマイズ・オンライン共有など、多彩な機能が搭載されています。

では、ビジネスやクリエイティブ活動にとって最適なのはどちらなのか？

ここから詳しく見ていきましょう。

Wistiaを試してみる

WistiaとVimeoの違いとは？

WistiaとVimeoの本当の違いは、「どちらの製品がクリエイターやチームのために本当に設計されているか」という点にあります。

現在、Vimeoは Bending Spoons 社の傘下にあり、投資家の意向により強く影響される運営体制へと移行しています。

一方、Wistiaは今でも数少ない独立系の動画プラットフォーム です。プライベートカンパニーであり、創業者が主導し、忠実であるのは株主ではなくユーザーです。

この「独立性」があるからこそ、Wistiaは株主の利益ではなく、利用者からのフィードバックに基づいて意思決定を行うことができます。

また、Wistiaは単なる動画ストレージサービスではありません。

ビジネスを成長させたり、クリエイティブスキルを磨いたりするために動画を活用する人々のために設計されたプラットフォームなのです。

マーケターとクリエイターのために設計されたプラットフォーム

Wistiaは創業当初から、ビジネス動画とクリエイティブなストーリーテリングの交差点に立つ存在として進化してきました。

初期のWistiaは、高品質でビジュアル的に優れた映像制作に力を入れていた動画制作スタジオと多く協力していました。彼らがWistiaを選んだ理由は明確です——せっかく作った高品質な動画が、配信や共有の過程で劣化してしまうことが多かったからです。

その課題を解決するために、私たちは独自のエンコードサービスを構築しました。動画の画質を最初から最後まで管理・維持・最適化できるようにするためです。

さらに、動画プレイヤー自体も差別化するために独自のUIコンポーネントを設計しました。これにより、Wistiaのユーザーがアップロードする美しい高画質動画が、それにふさわしいデザインのフレーム内で再生されるようになったのです。

そして現在も、その理念は変わっていません。 Wistiaの目的は常に、あなたのコンテンツとブランドをノイズの中から際立たせること。ここからは、「意図的に設計されたデザイン」があなたやチームにもたらす価値について、さらに詳しく見ていきましょう。

WistiaとVimeoの動画ホスティング比較

WistiaとVimeo

完全にカスタマイズ可能なプレイヤー

両プラットフォームとも、広告なしのホスティングとプレイヤーのカスタマイズが可能です。しかし、そのカスタマイズの深さにおいては、Wistiaが一歩リードしています。以下の表で比較してみましょう。

項目	Wistia	Vimeo
プレイヤーのカスタマイズ	ブランドキットでグラデーションや角丸、UI全体を自由に設定可能。完全にカスタマイズできるプレイヤー。	ブランドキットあり。カラーとロゴの基本的な設定のみ可能。
動画・ポッドキャストギャラリー	動画・ポッドキャスト向けに完全カスタマイズ可能なチャンネルと埋め込みプレイリストを提供。埋め込み最適化により、視聴者を自社サイト内に留める設計。	ポートフォリオ向けのショーケースと埋め込みプレイリストを提供。ただし、埋め込みからVimeoサイトに遷移するケースが多い。
再生（Playback）	軽量で高速（わずか43KB）のプレイヤー。常に広告なし。	美しい再生体験を提供し、最大8Kまでの高解像度をサポート。

メモ

もし「視聴者を自分のサイト内に留めたい」「ブランド体験を完全にコントロールしたい」と考えているなら、Wistiaが最適な選択です。

あらゆる規模でのコラボレーションとコンテンツ管理

動画が数本しかなくても、何千本もあっても、チームが1人でも100人でも、コンテンツと共同作業の管理はフルタイムの仕事のように感じることがあります。

WistiaとVimeoの両方には、その作業を効率化するためのツールが備わっていますが、 スムーズなワークフローという点では、Wistiaが一歩リードしています。

項目	Wistia	Vimeo
コンテンツのアップロード・インポート	直接アップロード、各種連携、共有リンクで動画を収集できる「Request video」機能、URLからのメディアインポートに対応。	直接アップロード、または連携経由のアップロードが可能。
チームでのフィードバックとコラボレーション	フォルダー単位でアクセス権を細かく設定可能。共有URL（アカウント不要）でフィードバックを収集し、タイムスタンプ付きコメントを一元管理。	タイムコード付きコメントが可能なレビューページを提供。ただし、コラボレーターはVimeoアカウントが必要。
権限管理	チームやクライアント向けに柔軟なフォルダー単位のアクセス権設定が可能。	プロジェクト単位の共有に対応するが、細かいアクセス制御は限定的。

メモ

Wistiaはコラボレーションにおける摩擦を取り除き、チームのスピード感を損なうことなく、効率的に作業を進められる環境を提供します。

マーケティングROIでWistiaが優れている理由

見込み客を獲得し、育て、成約へつなげる――そして繰り返す

オーディエンスを見つけ、育て、成果につなげたいなら、Wistiaほど適した場所はありません。 Wistiaはマーケターのために設計されており、SEO最適化・リード獲得・マーケティング自動化との連携など、成長に必要なすべてのツールを備えています。

項目	Wistia	Vimeo
SEO機能（検索最適化）	埋め込みコードが自社サイト上での視聴を促す構造になっており、ドメイン全体の検索到達範囲を向上。	AIによる自動SEO最適化機能（タイトル・説明文・タグ・チャプターの自動生成）を搭載。ただし、埋め込み経由でVimeoのドメインへ誘導されることがある。
リード獲得とナーチャリング	動画内フォームによるリード獲得が可能。コンバージョンをトラッキングする分析機能や、最適な配置を検証するA/Bテストにも対応。	動画内でのメール取得やCTA設定が可能だが、フォローアップの自動化は手動設定が必要。
メール・マーケティングツールとの連携	マーケティングオートメーションやメール配信ツールと深く連携。リードスコアリングや自動ナーチャリングワークフローのトリガー設定も可能。	基本的なメール連携のみ。ワークフロー自動化には追加設定が必要。

メモ

WistiaのAIツールは、ユーザーが余計な手間をかけなくても、コンテンツの到達範囲と成果を最大化できるよう設計されています。

Wistiaを試してみる

エンゲージメントを高めるウェビナー機能

WistiaとVimeoの両方がライブ配信（Livestreaming）サービスを提供していますが、 Wistiaのウェビナー機能は単なる配信ツールではありません。ブランドの印象を損なわず、洗練されたオンラインイベントを開催し、実際の成果につなげるために設計されています。

項目	Wistia	Vimeo
ブランディングとカスタマイズ	登録ページからイベントスペース、オンデマンド再生画面まで完全にカスタマイズ可能。	プレイヤー・イベント・URLの基本的なカスタマイズのみ対応。
配信規模（ホスティングキャパシティ）	1回のウェビナーで最大約500名の参加登録者、最大9名のスピーカー／プレゼンターに対応。	Enterpriseプラン未加入の場合、最大約100名の参加者と7名のスピーカーに制限。
分析・フォローアップ	参加者ごとの詳細データを取得し、CRMやマーケティングツールと自動連携。フォローアップやROI測定のワークフローを構築可能。	標準的なエンゲージメント分析のみ。参加者単位の追跡やコンバージョン分析は非対応。

メモ

Wistiaのウェビナー機能は、ブランド体験を一貫して保ちながら、成果に直結する高品質なイベントを実現 するために設計されています。

再生回数を超えた深い分析機能

単なる「再生回数」だけでは、視聴者の行動は見えてきません。 Wistiaのアナリティクスは、あなたのコンテンツに対してオーディエンスがどのように関わっているかをより深く可視化します。

項目	Wistia	Vimeo
テストと最適化	サムネイル、CTAなどのA/Bテストが可能。	A/Bテスト機能はなし。
個別メディアの分析	ヒートマップやエンゲージメント指標、埋め込み場所ごとのパフォーマンス、リード獲得コンバージョンなど、詳細なデータを提供。	再生回数やインプレッションを中心とした基本的な分析。
グループ化された分析とインサイト	フォルダー／グループ単位、チャンネルやプレイリスト単位、アカウント全体の埋め込み先単位など、包括的な分析が可能。	各メディア単位での分析は可能だが、グループ別や埋め込み先別の詳細分析には非対応。

メモ

Wistiaは、単に動画を「見せる」だけでなく、 トラフィックの再獲得・リードの創出・ROI（投資対効果）の可視化 を支援する、実践的な分析ツールを提供します。

まとめ：どちらが優れている？Vimeo vs. Wistia

VimeoもWistiaも、いずれも高品質で広告のない動画ホスティングを提供しています。しかし、Wistiaが際立って優れている点は、その「意図的に設計されたデザイン」にあります。

Wistiaは、次のような目的を持つマーケターやクリエイターのために設計されたプラットフォームです。

動画を通じてビジネス成果を生み出したい。
ブランドに合わせた、洗練された完全カスタマイズ再生体験を提供したい。
AIツールを活用してローカライズやアクセシビリティを向上させたい。
分析データを基にインサイトを得て、ワークフローを自動化し、オーディエンスを拡大したい。

Wistiaは、単に動画を配信するだけではなく、 動画を「ビジネスを成長させる資産」に変える場所なのです。

Wistiaを試してみる

WistiaとVimeoの最大の違いは何ですか？

WistiaとVimeoはいずれも広告なしの動画ホスティングサービスですが、目的が異なります。Vimeoはクリエイター向けの映像共有・配信に強く、Wistiaはマーケティングやビジネス活用を前提に設計されています。Wistiaはブランドカスタマイズ、リード獲得、SEO最適化、分析連携など、ビジネス成果を生むための機能が充実しています。

Wistiaはどんな人・企業に向いていますか？

Wistiaは、動画を活用して集客・販売・ブランディングを行いたい企業やマーケターに最適です。メールマーケティングツールやCRMとの連携が強力で、動画を見た視聴者の行動をデータ化して分析できます。一方、アーティストや映像作品を公開したいクリエイターには、Vimeoの方がシンプルで使いやすい場合もあります。

Wistiaを使うことでどんな効果が期待できますか？

Wistiaを使うことで、次のような成果が期待できます：サイト内の滞在時間やコンバージョン率の向上動画経由でのリード獲得やメール登録の増加ブランドイメージの統一とプロフェッショナルな印象の強化詳細な分析によるROI（投資対効果）の可視化つまり、Wistiaは「見るための動画」ではなく、「成果を出す動画」を実現するためのツールです。

楽天モバイル × Pixelが海外で急に使えなくなったと思ったら非対応機種だった...

Tue, 11 Nov 2025 02:00:00 +0900

こんにちは！スペイン在住のHodaです。

僕は大の Google Pixel ファンなのですが、先日長らく利用していた Pixel 4a(5G) が急に動かなくなってしまいました。ということで、新たにスペインで Pixel 9 Pro を購入したのですが、そこでトラブルがありました。

楽天モバイルのSIMカードが使えない

スマホはずっと楽天モバイルを利用してきました。海外でも eSIM を使って問題なくSMS受信などできたのですが、それが急に機能しなくなりました。普段使いするには現地の Lowi というSIMカードを利用しているので問題ないのですが、時々本人確認や国内カード利用時に SMSの受信ができなくなるということが発生しました。

楽天モバイルに一度連絡しましたが、一時的な問題ということで流されてしまいましたが、どうにも解決されないので自分でもう少し確認してみたら。。。

海外ローミング　対応エリア・料金というページを見つけました。ここでは、海外ローミングに対応している機種を確認することができます。

海外ローミング　対応エリア・料金

当時のハイエンド機種だった Pixel 9 Pro なので当然使えると思って検索をしてみたら

Pixel 4
Pixel 4a
Pixel 4a 5G
Pixel 5
Pixel 5a
Pixel 6
Pixel 6 Pro
Pixel 9a
Pixel 10
Pixel 10 Pro

となっていました。

ん？まさかの Pixel 9 Pro が含まれていない…. これはちょっと残念でした。ちなみに、 Pixel 7 , Pixel 8 系列も対応していないので、もし海外ローミングを利用されたい方は注意が必要です。

iPhone で代用

幸い、スマホは複数持っているので今回は iPhone 11 に eSIM をセットして代替的に利用することにしました。

とは言っても、不便ではあるのでできれば将来的には Pixel 9 Pro でも海外ローミングに対応するようにしてもらいたいものですね。

【スペイン】アリカンテでWifiが使えるカフェ14選

Mon, 10 Nov 2025 07:00:00 +0900

こんにちは！最近バレンシアからアリカンテに引っ越してきたHodaです。デジタルフリーランスとして、時々自宅ではなくカフェで仕事することが多いのですが、今回は僕が実際に行ったアリカンテでフリーWifiが使えるカフェ一覧をご紹介したいと思います！

Madness Specialty Coffee

Madness Specialty Coffee は、アリカンテ中心部にある洗練された雰囲気のスペシャルティコーヒーカフェです。バリスタが丁寧に抽出するコーヒーは香り高く、エスプレッソからハンドドリップまで本格的な味わいを楽しめます。

店内は明るくモダンで、無料Wi-Fiと電源も完備されており、パソコン作業や読書にも最適。朝はクロワッサンやトーストなどの軽食、昼にはサンドイッチやスイーツも人気です。観光客にも地元の人にも愛される、アリカンテで一息つきたいときにおすすめのカフェです。

他のレビューサイトでもここは必ずと言っていいほど紹介されているカフェなので、一度は行ってみることをオススメします！

Madness Specialty Coffee

Cafeteria Living

Cafetería Living は、アリカンテ郊外のサン・ビセンテ・デル・ラスペイグにある温かみのある雰囲気のカフェです。カラフルでモダンな外観が目を引き、地元の人々に親しまれています。店内では、手作りクッキーやホームメイドスイーツ、香り高い紅茶やコーヒーを楽しむことができます。

特に「Gofre casero de Oreo y helado（オレオとアイスの自家製ワッフル）」は人気の看板メニュー。朝食やティータイムにもぴったりで、落ち着いた時間を過ごせる居心地の良いカフェです。

オススメの手作りスイーツ

店内は可愛い

Mandala Café

Mandala Café は、アリカンテ中央市場のすぐ前に位置するおしゃれで落ち着いた雰囲気のカフェです。店名の通り、インテリアにはマンダラや自然をモチーフにしたデザインが取り入れられ、リラックスできる空間が広がっています。コーヒーはもちろん、スムージーやビーガン対応のケーキ、軽食メニューも充実しており、健康志向の人にも人気。観光や買い物の合間に立ち寄るのに便利で、地元の人にも愛されています。朝食から午後のカフェタイムまで、心地よい時間を過ごせるおすすめのカフェです。

Mandala Café

ABRACADABRA

ABRACADABRA は、アリカンテにあるユニークなコンセプトのカフェで、家族連れや友人同士で楽しめる空間として人気です。店内ではおいしいコーヒーやケーキを味わえるほか、ボードゲームやテレビゲームなどを自由に楽しむことができます。

子供向けのプレイスペースもあり、誕生日会などのイベントにも利用可能。明るくアットホームな雰囲気で、カジュアルにくつろげるのが魅力です。カフェタイムと遊びが一体になった、アリカンテならではのエンターテインメントカフェです。

ABRACADABRA

ボードゲームも自由に遊ぶことができる

ABRACADABRA

El corte ingles

El Corte Inglés のカフェは、アリカンテ中心部にある老舗デパート内に併設された落ち着いた雰囲気のカフェです。買い物の合間にゆっくり休憩できる場所として人気で、コーヒーやカプチーノ、フレッシュジュースのほか、トーストやペストリー、軽食メニューも充実しています。大きな窓から街を見渡せる店舗もあり、明るく開放的な空間が魅力。サービスも丁寧で、地元の人から観光客まで幅広く利用されています。Wi-Fiも利用可能なため、ショッピングと仕事や勉強を両立したい人にもおすすめのスポットです。

Latte Art - Plaza de Toros

Latte Art - Plaza de Toros は、アリカンテの闘牛場近くにあるおしゃれなカフェで、コーヒー好きにはたまらない人気スポットです。

2025年に新しくできたカフェということもあり、モダンなデザインで綺麗な店内が特徴的です。２階もあるので、落ち着いて作業することができます。

Latte Art - Plaza de Toros

店名の通りラテアートが美しく、一杯ずつ丁寧に淹れられるスペシャルティコーヒーが評判。明るく落ち着いた店内には大きな窓があり、自然光が差し込む心地よい空間が広がります。トーストやペイストリー、スムージーなどの軽食メニューも豊富で、朝食やブランチにもぴったり。無料Wi-Fiと電源も完備されており、作業や勉強にも最適なカフェです。

Santagloria Coffee & Bakery

Santagloria Coffee & Bakery は、1963年創業のスペイン発ベーカリーカフェブランドで、アリカンテにも店舗があります。伝統を大切にしながら、厳選された素材で丁寧に作られたパンやペストリーが並び、香ばしいクロワッサンやトースト、季節のケーキが人気です。

Santagloria

店内はナチュラルで落ち着いた雰囲気があり、朝食やランチ、午後のカフェタイムなど、どんな時間帯にもぴったり。Wi-Fi も利用でき、ゆったりと過ごしたい人や作業したい人にもおすすめです。スペイン全土で愛される、伝統とモダンさが融合したベーカリーカフェです。

Mon Sucrée

Mon Sucrée は、アリカンテ中心部にある可愛らしい雰囲気のカフェ＆パティスリーです。店内はフランス風の上品なインテリアで統一され、焼きたてのクロワッサンや手作りケーキの甘い香りが広がります。特にエクレアやマカロンなどのスイーツは見た目も美しく、味も本格的。

コーヒーや紅茶の種類も豊富で、午後のティータイムにもぴったりです。無料Wi-Fiも利用できるため、のんびりと過ごしたいときや作業をしたいときにもおすすめ。地元の人にも人気の高い、アリカンテの隠れた名店です。

Mon Sucrée

コンセントもあります

メニューはこんな感じ

店内

Café Express

Café Express は、アリカンテ駅のすぐ前にある便利な立地のカフェです。外観はシンプルながら、店内は奥行きがあり思った以上に広々としています。メニューはトーストやクロワッサン、ケーキ、スムージーなどが中心で、朝食や軽いブランチにぴったり。価格も手頃で、コーヒーの種類も豊富です。観光客の利用が多く、常ににぎやかな雰囲気のため、静かに作業をするよりは休憩や待ち時間に立ち寄るのがおすすめ。アリカンテ駅前で手軽に一息つけるカジュアルなカフェです。

El Molí Pan y Café

El Molí Pan y Café は、アリカンテ市内に複数店舗を展開する人気のカフェチェーンです。焼きたてのパンと香り高いコーヒーが自慢で、朝食からランチまで幅広く利用できます。ショーケースにはクロワッサンやトースト、サンドイッチ、スイーツなどが並び、テイクアウトも可能。店内は明るく清潔感があり、Wi-Fiも利用できるため、リラックスした時間を過ごしたい人やパソコン作業をしたい人にも最適です。観光の合間や通勤途中にも立ち寄りやすい、地元の人にも愛される便利なカフェチェーンです。

El Molí Pan y Café

実際に行ってみました

Liaopastel

Liaopastel は、スペイン各地に展開する人気のカフェチェーンで、明るく可愛らしい雰囲気が特徴です。店内はウッド系を基調としたインテリアで統一され、SNS映えする空間として若い世代にも人気。コーヒーやスムージーのほか、手作りケーキやワッフルなどのスイーツも充実しています。Wi-Fiとコンセントが完備されているため、パソコン作業や勉強、長居にもぴったり。友人とのおしゃべりにも、一人でゆっくり過ごす時間にも最適な、居心地の良いカフェチェーンです。

コーヒ（Cafe con leche）は 1.80ユーロくらいでとてもリーズナブル

Liaopastel

Dulce y Fresco

Dulce & Fresco は、「健康的で多様な食のスタイルを、より柔軟に楽しめるように」という想いから生まれたアリカンテの新感覚カフェです。現代のライフスタイルに合わせ、時間に縛られずに新鮮で高品質な料理を提供しています。素材にこだわった手作りのサンドイッチやサラダ、スムージーなどを中心に、身体にも優しいメニューが揃っています。

Dulce y Fresco

また、カフェ利用だけでなく、イベントやオフィス向けのケータリングサービスも展開。軽いコーヒーブレイクからブランチまで、希望の場所で本格的な食事を楽しむことができます。さらに、オフィスや自宅に料理を届ける「Tu Brunch Office」サービスも好評で、忙しい人でも健康的な食事を手軽に取り入れられると人気。Dulce & Fresco は、食を通して「働く人のウェルビーイング」を応援するカフェです。

Mazzapan Pastelería

Mazzapan Pastelería は、アリカンテ駅前に位置する上品な雰囲気のパティスリーカフェです。ガラス張りの明るい店内には、美しく並べられたケーキやペストリーが目を引き、どれも職人の手による繊細な仕上がり。エクレアやタルト、チョコレート菓子など、甘党にはたまらないラインナップが揃います。コーヒーとの相性も抜群で、朝食や午後のティータイムにも最適。落ち着いた空間でゆっくり過ごせるため、旅の途中の休憩にもおすすめです。駅から徒歩すぐという立地の良さも魅力のひとつです。

Pynchon & Co

Pynchon & Co は、アリカンテにある本屋とカフェが一体となった文化的な空間です。店内には多彩なジャンルの本が並び、コーヒーを飲みながらゆったり読書を楽しむことができます。奥には子供向けのプレイスペースもあり、家族連れにも人気。Wi-Fiが完備されており、仕事や勉強にも最適な環境です。また、定期的にワークショップやトークイベントなども開催され、地域の文化交流の場としても親しまれています。落ち着いた雰囲気の中で、本とコーヒーに囲まれた時間を過ごせるアリカンテの隠れた名スポットです。

TXTレコードを追加したら、急にエックスサーバーのサブドメインが使えなくなった話

Wed, 03 Sep 2025 07:00:00 +0900

こんにちは！ Hodaです。

今日は、エックスサーバーのDNSレコードについてちょっとトラブルがあったので、自分への備忘録も含めて記事にしたいと思います。

まず背景

背景としては、エックスサーバーでとある別のWordPressサイトを運営しているのですが、そこでのメール配信を安定させるために STMPプラグインをインストールしました。そうして、メールサーバーとして Brevo（旧 Sendinblue）と連携しようとしていました。

これは何度も行ったことがあり、今まで特に問題はなかったのですが、今回ちょっとトラブルがあったのでメモとして残します。

発生したエラー

xxxxx.waction.org というウェブサイトにて STMPを有効にしたかったので、上記の指定されたDNSレコードをエックスサーバーに追加しました。今までの経験から、 TXTレコードはメールに関する値なので、追加をしても既存のサブドメインなどに影響はないと思っていましたが、、、

突然、xxxxx.waction.org のウェブサイトがダウンしました。。。

常に自分のサイトは UptimeRobot で監視していたので、 DNS変更してから数分後にサイトダウンのエラーが届きました。はじめはWordPressのプラグイン自動更新による一時的なものだと思っていましたが、数分経過しても解決されず何かおかしいということに気づきました。

メモ

UptimeRobot のエラーメッセージでは DNS Resolving problem というエラーが出ていたいので、そこで先ほど追加したTXTレコードが原因だとわかりました。

なぜエラーが出たのか（解決策）

エックスサーバーではサブドメインを追加しても、Aレコードは作成されず、 *.waction.org のようにワイルドカードと呼ばれる値が追加されています。これはアスタリスクの部分がどんなサブドメインでも対応できるということで、基本的には自動的にサブドメインも皆さんのホスティングサーバーのIPアドレスを指すようになります。

しかし、今回は TXTレコードにて現在のサブドメインと同じレコードを追加したために、ワイルドカードが利かなくなったということです。

これを解決する方法は簡単で、明示的にＡレコードを挿入して、自分のサーバーのIPアドレスを入れることです。

例えば、

xxxxxxxx , Aレコード , 123.1234.1234 , Auto

のよう追加して、このサブドメインがしっかりと自分のホスティングサーバーを向くように設定したら、問題は解決できました。

エックスサーバーからの以下のような回答がありました。

お客様のご認識の通り、サブドメイン「xxxxx.waction.org 」へのアクセスが
できないという事象は、サブドメイン名のTXTレコードが影響している
ようでございます。
サブドメイン名のTXTレコードを設定した場合は、
ワイルドカード「*.waction.org」が参照されないため、
サブドメイン名のAレコードを明示的に設定する必要がございます。

まとめ

通常、一般の方が DNSレコードをいじることは少ないと思いまうが、最近は他のツールと連携することもスタンダードになってきています。 DNSレコードを追加する際は必ず追加前の状態をコピペやスクショでも良いので、バックアップをしておくことをオススメします。

そうすることで、最悪何か問題が発生しても、その時の状態に戻すことが可能です。

今更聞けないマークダウン記法とは？チートシートもあり！

Fri, 29 Aug 2025 07:00:00 +0900

こんにちは！Hodaです。

最近僕は Hugo の開発にハマっており、そこでマークダウンを多用しています。マークダウンの楽しさと便利さにどっぷりとハマっているので、当記事ではマークダウンの基本から活用方法についてご紹介したいと思います。また、チートシートも用意していますので、初めての方のご参考になれば幸いです。

マークダウン記法とは？

皆さんは「Markdown（マークダウン）」という言葉を耳にしたことはありますか？ Markdownとは、2004年にJohn Gruber（ジョン・グルーバー）によって作られた軽量マークアップ言語の一つで、テキストをシンプルなルールで装飾できる記法です。今では世界中で広く使われており、ブログ記事、ドキュメント作成、GitHubのREADMEなど、あらゆる場面で活用されています。

Wordなどのワープロソフトでは、文字を太字にしたいときはボタンをクリックしますよね。しかしMarkdownでは、太字にしたい部分を「」で囲む** というように、記号を使って装飾を指定します。例えば、見出しを作りたいときは「# 見出し」と書くだけ。シンプルですが、慣れてくると非常に効率よく文章を整えることができます。

ポイントは、Markdownのファイル自体が「装飾なしでも読みやすい」ということ。たとえプレビュー機能がなくても、テキストファイルとしてそのまま読んで理解できるように設計されています。これは他のHTMLやリッチテキスト形式にはないMarkdownの大きな魅力です。

なぜMarkdownを使うのか？

「Wordのようにボタンを押して文字を装飾できるWYSIWYGエディターがあるのに、なぜわざわざMarkdownを使うの？」と思う方もいるかもしれません。実はMarkdownには多くのメリットがあり、だからこそ世界中で使われ続けています。

1. さまざまな用途に使える

Markdownは汎用性が高く、ブログ記事やWebサイト、技術ドキュメント、プレゼン資料、メール文面、さらには本や論文の原稿まで、幅広い場面で活用できます。

2. ポータブル（移植性が高い）

Markdownで書いたファイルはプレーンテキスト形式なので、ほぼすべてのアプリケーションで開けます。もし現在使っているMarkdownアプリが気に入らなくなっても、別のアプリにそのまま移行可能です。これは、独自形式に依存するWordのようなソフトとは大きな違いです。

3. OSや環境に依存しない

Windows、Mac、Linux、スマホやタブレットなど、どんな環境でも同じようにMarkdownを扱えます。

4. 将来にわたって読みやすい

Markdownファイルはただのテキストなので、アプリが廃れても中身を読めなくなることはありません。特に本や論文のように長期保存が必要な文書には大きな安心材料です。

5. サポートが広い

RedditやGitHubといった人気サービスはもちろん、数多くのアプリやWebサービスがMarkdownに対応しています。つまり、学んでおけばどこでもすぐ使える「共通言語」のような存在です。

こんなサービスもマークダウン

実は皆さんが普段使っているサービスもマークダウンで構成されることがあります。

Markdownというと「エンジニア向けの記法」と思われがちですが、実は皆さんが普段使っているサービスの中にも活用されているケースが多くあります。

ChatGPT

最近誰もが一度は使ったことがある ChatGPTもマークダウンで回答が出力されています。回答をコピーして貼り付けるとマークダウン記法で書かれていることがわかります。

Google ドキュメント

直接Markdownで書くことはできませんが、外部アドオンを使ったり、MarkdownファイルをエクスポートしてGoogleドキュメントに取り込むことが可能です。ブログや書籍の下書きにMarkdownを使う人も多いです。

Windowsメモ帳

「ただのテキストエディタ」ですが、Markdownファイル（.md）を開くことができます。プレビュー機能はありませんが、最低限の下書きや編集には使えます。

Notion

人気のノートアプリNotionは、Markdownの入力に対応しています。たとえば「# 見出し」と入力すれば自動的に見出しに変換されるなど、直感的に使えます。また、Markdown形式でエクスポートすることも可能です。

GitHub

エンジニアにとってはおなじみですが、READMEファイルやIssue、コメントはMarkdownで書くのが標準です。シンプルに構造化できるので、読みやすさが保たれます。

Slack / Discord

チャットツールでもMarkdown風の記法が使われています。たとえば「強調」や「コードブロック」がそのまま反映されるので、仕事やコミュニティでのやり取りに便利です。

マークダウンのチートシート

マークダウンを使って文章を書くためには最初は慣れるまで大変だと思います。しかし、一度慣れるとテキストエディターよりも簡単に書くことができますし、コピペや大量編集も簡単ということがわかります。

以下は、実際にマークダウンで使える基本的な Syntax ですのでご参考いただければと思います。

基本構文（Basic Syntax）

これらは John Gruber のオリジナルの設計ドキュメントで定義された要素です。すべての Markdown アプリケーションでサポートされています。

Element	Markdown Syntax
Heading（見出し）	`# H1 ## H2 ### H3`
太文字テキスト	`太文字テキスト`
イタリック（斜体）	`イタリック（斜体）`
Blockquote（引用）	`> blockquote`
Ordered List（番号付きリスト）	`1. First item 2. Second item 3. Third item`
Unordered List（箇条書きリスト）	`- First item - Second item - Third item`
Code（コード）	`code`
Horizontal Rule（区切り線）	`---`
Link（リンク）	`[title](https://www.example.com)`
Image（画像）	`![alt text](image.jpg)`

拡張構文（Extended Syntax）

これらは基本構文を拡張し、追加の機能を提供する要素です。ただし、すべての Markdown アプリケーションでサポートされているわけではありません。

Element	Markdown Syntax
Table（テーブル）
コードブロック（囲み）	`{ "firstName": "John", "lastName": "Smith", "age": 25 }`
脚注	Here’s a sentence with a footnote. [^1] [^1]: This is the footnote.
見出しID	### My Great Heading {#custom-id}
定義リスト	term : definition
取り消し線	~~The world is flat.~~
Task List	- [x] Write the press release - [ ] Update the website - [ ] Contact the media
絵文字	That is so funny! :joy:
ハイライト	I need to highlight these ==very important words==.
下付き文字	H2O
上付き文字	X^2^

カスタマイズも可能

Markdownは基本構文と拡張構文だけでも十分に便利ですが、さらにカスタマイズすることも可能です。例えば、Hugo のような静的サイトジェネレーターを使えば、自分でオリジナルのマークダウン要素やショートコードを定義できます。

たとえば、通常の「画像挿入」機能に加えて、キャプション付きの画像ブロックや、クリックで拡大するギャラリーなどをMarkdownの記法として組み込むことができます。これにより、文章を書くだけでリッチなコンテンツを表現できるようになり、無限にショートコードを拡張していくことが可能です。

さらに、こうした独自の記法を活用することで、ページの見た目を自由にデザインしたり、SEOを強化したりといった効果も期待できます。つまり、Markdownは「シンプルな記法」という枠にとどまらず、工夫次第で強力な発信ツールに進化させることができるのです。

メモ

ヒント

重要

警告

注意

無料オンラインMarkdownエディター

【簡単】エックスサーバー＆Gmailメール受信が遅い場合の対処方法

Thu, 21 Aug 2025 07:00:00 +0900

エックスサーバーで独自ドメインを取得し、独自メールアドレスを作成して Gmail と連携している方は多いと思います。ところが、実際に使っていると「メールの受信が遅い」「すぐ届かない」と感じたことはありませんか？

特に、認証メールやセキュリティコードなどを受け取る場面では、数分の遅延でも大きなストレスになります。「なかなか届かない…」と思っていたら、10分以上経ってからようやく受信できた、という経験をした方もいるのではないでしょうか。

本記事では、なぜ Gmail で受信が遅れるのか、そしてすぐに解決できるシンプルな対処法を解説していきます。

なぜ遅れる？

通常、エックスサーバーとGmailを連携する場合、エックスサーバー公式のようにPOP3で取り込む仕組みを取っていると思います。この場合、仕様は以下のようになります。

Gmail は外部サーバーに定期的にポーリング（数分～最大1時間）して新着を取りに行く
タイミングは固定ではなく「Gmailが負荷を見て勝手に決める」
→ そのため、リアルタイムには届かず、遅延することがある

自動転送した方が速い！安定！

上記の仕組みのため、POPを使ってメールを受信しているとどうしてもメールが受信ボックスに到着するのが遅れてしまいます。

それを防ぐためには、自動転送を使って、エックスサーバーのウェブメールにメールが来たらそれを皆さんのGmailアカウントにすぐに転送する方法があります。

▼ まずはサーバーパネルにアクセスし、 WEBメールに進みます

▼ 次に、作成したメールアドレスのログイン情報でサイトにログインをします

▼ これでウェブメールにログインすることができました。そして、その中のメール転送設定をクリックします。以下のオレンジのどちらでもOKです。

▼ そして、こちらのように転送させたい先のメールアドレスを入力することができます。

↓残すか残さないの違いは以下のようになります。特に残さない意味はないので、「残す」にしておいた方が安全です。

「残す」に設定した場合「info@xxxxxx.net」に届いたメールは転送先へ転送されるとともに、「info@xxxxxx.net」のメールボックスにも保存されます。
「残さない」に設定した場合「info@xxxxxx.net」に届いたメールは転送先へ転送されますが、「info@xxxxxx.net」のメールボックスには保存されません。
転送先が設定されていない場合メールはどこにも転送されず消失してしまいますのでご注意ください。

※ もし毎日大量のメールを扱って、メールボックスのサイズがすぐに増えてしまうようであれば、残さないという選択肢もありますが、基本的には残すでOkです

最後にメールアドレスを追加するをクリックすればOKです。下にメールアドレスが追加されるので、これで独自メールに来たメールはすぐに指定したアドレスに転送されます。

メリット

この方法のメリットはいくつかあります。

・リアルタイム性が高い POP受信のように数分〜数十分の遅延がなく、届いた瞬間に転送されるので、認証メールや仕事のやり取りに最適。

・メールを取りこぼしにくいサーバーで「コピーを残す」設定にしておけば、転送先のGmailと元サーバーの両方で確認できる。

・管理がシンプル Gmail側でPOPやSMTPの詳細設定をしなくても受信だけはすぐに利用できる。

・柔軟な配信ができる複数のアドレス（例: Gmail・社内用メール・個人用メール）に同時転送できるため、チーム共有やバックアップにも使える。

デメリット

・送信設定は別途必要転送だけだと「受信」しかできません。Gmailから自分のドメインで送信したい場合は、結局SMTP情報を設定する必要があります。 → POP設定なら送受信がワンセットでまとまる。

・サーバー上の管理が分散することも転送すると Gmail側にはコピーが来るけど、元のサーバー側にも残ってしまう場合があり、不要なメールをサーバーとGmailの両方で整理する必要が出る。 → POPなら「サーバーから削除」設定ができ、メール保存場所を一元化しやすい。

・転送ループに注意が必要転送先でさらに別の転送設定をしていると、ループして無限に送られたり迷惑メール扱いになるリスクがある。

・スパム判定のルートが複雑になることがある転送メールは「元の送信元」ではなく「転送サーバー」経由になるため、SPF/DKIM認証に失敗するケースがある。結果として Gmail 側でスパム扱いされることがある。 → POP受信なら送信元サーバーから直接Gmailに取るのでこの問題は発生しにくい。

・ヘッダー情報が変わることがある転送時に「本来の送信元IP」などが見えにくくなり、トラブルシューティングがしづらい。

送信のためのSMTP設定は忘れずに

今回のトラブルシューティングは受信のレスポンスを高速化する方法です。この方法はあくまでも受信に関する変更ですので、Gmailを使ってエックスサーバーの独自メール差出人としてメールを送信するには SMTP の設定は必要となりますのでご注意ください。

Gmailで独自ドメインのメールを受信すると遅れるのはなぜですか？

Gmailが外部メールをPOPで取り込む場合、数分〜最大1時間の間隔でチェックしているためです。リアルタイムではないため、認証メールや急ぎの連絡が遅れて届くことがあります。

どうすればリアルタイムで受信できますか？

エックスサーバー側で「メール転送設定」をしてGmailに転送する方法が有効です。転送ならサーバーに届いた瞬間にGmailに反映されるので、ほぼ遅延なしで受信できます。

転送とPOP受信は併用できますか？

はい、可能です。転送でリアルタイム性を確保し、POP受信をバックアップとして残すことで、受信漏れのリスクを減らせます。

ChatGPT-5登場！進化した5つの新機能と活用アイデア

Sun, 10 Aug 2025 07:00:00 +0900

ついに噂の ChatGPT-5 が正式リリースされました。

無料プラン利用者も含め、誰でも今すぐ利用できるこの最新モデルは、これまで以上に賢く、安全で、人間らしい会話を実現しています。

僕はもちろんChatGPTのヘビーユーザーで仕事からプライベート、語学学習まで多様に使用しています。（特に、英語とスペイン語学習には本当に役立っています。）

この記事では、GPT-4から大きく進化したポイントと、ぜひ試してほしい5つの新機能を紹介します。

1. 「ステップごとの推論」でより正確な回答

ChatGPT-5では推論能力が大幅に向上。従来モデルのように結論を急いだり、曖昧な回答をするのではなく、問題を段階的に整理しながら解決してくれます。

試してみよう「予算15万円でパリ3日間の旅行プランを作って」と依頼し、「ステップごとに考えて」と追加指示。GPT-4と比較すると、より論理的で整理された提案が返ってくるはずです。

2. 「安全な回答（Safe Completions）」でデリケートな話題にも対応

新機能のSafe Completionsにより、過激な拒否や曖昧な回答を避け、安全かつ建設的な返答をしてくれます。倫理的・感情的に難しいテーマでも、理由を説明しながらサポート。

試してみよう社会問題や倫理的ジレンマについて質問すると、回避するのではなく、論理的に整理しつつ丁寧に回答してくれます。

3. 強化された「記憶機能」で過去のやり取りを活用

GPT-5は過去の会話内容や好みをより長期的に覚えられるようになりました（設定からオン/オフ可能）。文章の書き方やよく使うツールなどを覚えてくれるため、継続的なプロジェクトに最適です。

試してみようお気に入りの執筆スタイルや日課を教えておき、翌日「今週の予定を立てて」と頼んでみてください。好みに沿った提案が返ってきます。

4. 音声モードがより自然で感情的に反応

モバイル版のVoice Mode（GPT-4oベース）も進化。自然な発声だけでなく、話し手の感情やトーンに合わせて反応してくれます。

試してみようストレスを感じた時に話しかけると、落ち着かせるトーンで返事をしたり、喜びに共感してくれます。

5. クリエイティブ作業・長期プロジェクトに強い

推論力と記憶力の向上により、小説執筆、プレゼン作成、語学学習など、長期間の作業を一貫してサポート可能に。アイデアを重ねながら、徐々に精度を高めてくれます。

試してみよう「SF脚本の最初のシーンを書いて」と頼み、後日続きを追加依頼すると、ストーリーの整合性を保ったまま展開してくれます。

まとめ

ChatGPT-5は、

より賢く（推論力）
より安全に（Safe Completions）
より人間らしく（感情認識音声）

進化を遂げています。ちょっとした日常の相談から、本格的なプロジェクトまで、幅広く活用できるパートナーになりそうです。

これまでのAIに物足りなさを感じていた人も、ぜひ一度試してみてください。

【2025年最新】CursorのProプラン徹底解説｜「無制限」プランの実態と注意点

Sat, 02 Aug 2025 07:00:00 +0900

こんにちは！ Hodaです。今回は今話題の Cursor(カーソル)の有料プランの料金体系についてまとめたいと思います。

AIコーディングツール「Cursor」が、2025年6月にProプランの料金体系を大幅に変更しました。これにより「無制限」とも呼べる新しい利用スタイルが導入された一方で、一部の開発者からは混乱の声も上がっています。

この記事では、旧プランとの違いや新プランの仕組み、注意点や活用方法について、わかりやすく解説します。

各位、僕は現在Proプランを使って Nextjs、Hugo などの開発をしています。今まで自分で作成できなかったサイトのアイディアがCursorを使って現実化できるのでかなり楽しい時間を過ごしています。

旧Proプランの仕組み（～2025年6月）

旧Proプランはシンプルな月額制でしたが、いくつかの制限がありました：

項目	内容
価格	月額 $20
高速リクエスト	月500回まで（超過後は低速リクエストへ）
Max Modeの利用	可（ただし高速リクエストを多く消費）
ツール呼び出し	制限あり
追加利用	API課金で可能

課題点：

「500回」の高速リクエスト枠を使い切ると、作業効率が低下
Max Mode や複雑な処理でリクエストがすぐに消費されてしまう
追加課金がわかりづらい

新しいProプランの内容（2025年7月以降）

Cursorは2025年6月にProプランを「無制限（ただしレート制限あり）」モデルへ刷新しました。

項目	新Proプラン
価格	月額 $20（据え置き）
リクエスト数	無制限（レート制限あり）
ツール呼び出し	無制限
Max Mode	利用可能（レート制限あり）
Frontierモデル利用枠	月$20ぶん（API価格で消費）
超過時の対応	API課金で追加利用可（上限設定可）

新プランのメリット

リクエスト回数の上限が撤廃 → 思う存分使える安心感
Autoモードの利用でモデル選択が自動化 → 高性能モデルにも柔軟に対応
ツール使用制限の撤廃 → Pluginやコード変換ツールのフル活用が可能

注意点と誤解されがちなポイント

「無制限」は実質的には「制限付き無制限」 → 一定のリクエスト頻度を超えると一時的にブロックされる（レート制限）ため、パワーユーザーは注意
Autoモード以外では「$20ぶんの利用枠」あり → 例：GPT-4.1なら約650リクエスト相当。超過すると課金が発生
レート制限の詳細は非公開 → ヘビーユーザーにとっては不透明さが不安材料に

旧プランと新プランの比較まとめ

機能	旧Proプラン	新Proプラン
高速リクエスト数	月500回	無制限（レート制限あり）
Max Mode	〇（制限あり）	〇（レート制限あり）
ツール呼び出し	制限あり	無制限
API追加利用	別課金	月$20まで無料 + 追加購入可
モデル選択	手動	Autoモードで最適モデルに自動切替可

なぜ批判が出たのか？

今回のアップデートに関して、Cursorは「説明不足で信頼を損なった」と正式に謝罪しています。

説明不足により「完全無制限」と誤解された
「Autoモードのみ無制限」であることが明示されていなかった
多くのユーザーが突然課金通知を受け、驚いた

Cursorは現在、6月16日〜7月4日の間に予期せぬ課金があったユーザーに返金対応を行っています（希望者は hi@cursor.com まで連絡）。

Proプランのモデル使用例

月$20分のFrontierモデル利用で、以下のようなリクエスト数がカバーされます：

モデル	おおよその利用回数（$20相当）
GPT-4.1	約650回
Gemini	約550回
Sonnet 4	約225回

結論：新Proプランは使い方次第でお得。だが注意も必要

CursorのProプランは、「Autoモード中心で使う開発者」には非常に柔軟でコスパの良いプランとなりました。とくにツール使用が多いプロジェクトや軽量な作業を大量に行うケースでは、レート制限にかかることなくスムーズに作業できます。

一方で、特定モデルを明示的に使いたい方や、トークン消費の多い処理を行うヘビーユーザーには、$20のクレジット枠とレート制限の存在がボトルネックになる可能性があります。

活用のヒント

Autoモードを有効活用：コスト効率よく多様なモデルを活用できます
レート制限対策にはこまめな操作が◎：一定時間ごとの利用なら制限回避しやすい
外部ツールと連携：ApidogのMCP Serverなどとの連携でさらに効率化も可能

【解決法まとめ】X（旧Twitter）APIの「429エラー（Too Many Requests）」とは？原因と対策を徹底解説

Sat, 02 Aug 2025 07:00:00 +0900

2025年現在、SNS連携やBot開発に欠かせないX（旧Twitter）API。しかし、開発者の間でいま話題になっているのが、「429エラー：Too Many Requests」の発生です。

「なぜこのエラーが起きるのか？」「有料プランでも制限されるの？」「どうやって回避できるの？」この記事では、そのすべてを解説します。

429エラーとは？意味と背景

429エラー（HTTPステータスコード：429）は、Twitter側からの「リクエストを送りすぎたよ！」という警告です。これは「レートリミット（rate limit）」に達したことを意味します。

どうして起きるのか？

各APIエンドポイントごとに定められた一定時間あたりのリクエスト上限を超えると発生します。

例：

エンドポイント	15分間の上限
ユーザータイムライン（標準認証）	450回
ユーザータイムライン（アプリ認証）	15回
検索ツイート	180回
アカウント認証確認	75回
ダイレクトメッセージ（標準）	15回

ポイント：たとえ1回のリクエストでも、認証の不備や設定ミスで429が発生することも。

なぜ最近このエラーが急増しているのか？

開発者コミュニティでは、429エラーが**「致命的な障害」**として広く報告されています。

よくある声

「Proプランなのに数回で429が出る」
「ヘッダーを見ると残数はあるのにブロックされた」
「時間を置いても復旧しない。バグ？ポリシー変更？」

原因の背景

Twitter側のレート制限ポリシーが変更された（告知不足のまま）
API接続するBotやアプリの急増
新しい認証方法やエンドポイントの試験的導入による想定外の動作

429エラーの解決法：開発者向けベストプラクティス

1. レート制限を理解し、監視する

各エンドポイントごとの公式レート制限を確認（Twitter API docs）
レスポンスヘッダーを活用：

x-rate-limit-remaining: 残りの回数

x-rate-limit-reset: リセットまでのUNIX時間

2. リクエスト戦略を最適化する

**指数バックオフ（exponential backoff）**の実装 → 429が出たら、すぐ再試行せず、数秒〜数十秒間隔でリトライを増やす
バッチ処理でまとめて送る
ポーリング（定期問い合わせ）を控え、WebhooksやStreaming APIを使う

3. 正しい認証を行う

OAuth 2.0を使えばレート制限が緩和される場合あり
アクセストークンが：

有効期限切れでないか

正しいスコープを持っているか
適切にリフレッシュされているかを確認

4. 開発中の検証ツールを活用する

ApidogなどのAPIテストツールで、リクエストを本番前にシミュレーション
エンドポイントやパラメータの誤りを事前に検知

クイックチェックリスト（トラブルシュート用）

エンドポイントのURL・メソッド（GET/POSTなど）を確認
すべてのリクエストとレスポンスをログに記録
キャッシュを活用し、不要なリクエストを減らす
トークンをローテーション（使い回し）できる場合は定期的に切り替える

まとめ：Twitter APIの429エラーは「仕組みを理解すれば」回避できる

項目	対策
突然のエラー発生	レート制限を超えていないか確認
しつこいエラー	バックオフ実装と待機時間を長くする
認証まわりの不具合	トークンの更新やスコープを見直す
本番前の防止策	Apidogで事前に検証・ログ監視

開発者にとって最大の敵は“見えない制限”です。 429エラーはその象徴ともいえますが、ルールさえ理解すれば決して怖くありません。

今後もAPI仕様の変更が続く可能性があるため、定期的なドキュメント確認とテスト環境の整備が安全運用の鍵になります。

スペインのCitypaqでAmazonの荷物を受け取ってみた

Wed, 25 Jun 2025 07:00:00 +0900

こんにちは！最近バレンシアからアリカンテに引っ越してきたHodaです。

引っ越しに伴い、色々と買いそろえる必要があり、先日初めて Correo(郵便局) のCitypaq を使ってみました。バレンシアの時は家の近くのお店がピックアップポイントだったので、わざわざロッカーを使う必要はありませんでしたが、アリカンテの場合は家の隣が郵便局で、その目の前にロッカーがあるので小さい荷物であればそこで受け取れるようになっています。

Citypaq（シティパック）とは？

Citypaqはスペインの郵便会社「Correos（コレオス）」が提供する、セルフサービス型の宅配ロッカーです。 Amazonなどのオンラインショッピングで購入した商品を、自宅ではなく指定したCitypaqロッカーに届けてもらうことができます。

受け取りは24時間いつでも可能で、アパートのインターホンが使えない場合や、配達時間に家にいない人にとってとても便利なサービスです。ロッカーは郵便局の外やショッピングセンター、公共施設などに設置されています。

スペインで滞在したことがある方は一度は見たことがあると思います。

受け取り方は簡単

Amazonなどで Citypaq を指定すると、商品がここに到着すると通知メールが届きます。また途中の配送情報は Correos のアプリからも随時確認が可能です。（データは恐らく NIEなどで紐づいています。）

そして、メールの中にバーコードが表示されているので、後はそれを使うだけです。

↓ こちらのようにモニターがあるので、タッチをします。そして、受け取りのアイコンがある方をクリックします。ちなみに、Citypaq から集荷をして配送をすることも可能なので間違えないように。

↓ バーコードをスキャンすると、すぐに対応するボックスのドアが開きます！今回は鍋の蓋を注文したので、薄いゾーンに入っていました。このようにスムーズに受け取ることができます。もちろん24時間稼働なので、深夜でもＯＫです。

注意点

Amazonの今回の商品の場合、受け取り期間は到着から約5日間んでした。十分時間がありますが、何かの事情によって商品が受け取れない場合は返品処理されてしまうので忘れずに期限までに受け取るようにしましょう！

【html】ページ読み込み時にスタートするカウントダウンタイマーを実装するためのコード

Thu, 01 May 2025 07:00:00 +0900

ランディングページやセールスページで「今だけ限定」や「あと〇日で終了」などの訴求を行いたい場合に便利なのが、カウントダウンタイマーです。この記事では、JavaScriptとCSSのみで実装できる、「ページを読み込んだ瞬間から自動的にカウントが始まる」シンプルなタイマーの作り方をご紹介します。

このカウントダウンの特徴

ページを開いたタイミングから自動で72時間（3日間）カウントがスタートします。
localStorage を活用することで、同じユーザーが同じブラウザで再訪しても残り時間が維持されます。
タイマーは「日・時間・分・秒」の形式で表示され、期限を過ぎると「終了しました」と表示されます。
CSSで横幅いっぱいにタイマーを表示するデザインにも対応しています。

Html

日時間分秒

CSS

#countdown-timer { width: 100%; font-size: 32px; font-weight: bold; color: #333; background: #f0f0f0; padding: 20px 0; text-align: center; box-sizing: border-box; }

JavaScript

主な利用シーン

オンライン講座の期間限定オファー
ダウンロードコンテンツの無料配布期間
限定セール、先着キャンペーンの演出
特定LPでの「今すぐ行動を促す」ための仕掛け

ご注意：日本の景品表示法との関係

このようなカウントダウンタイマーは、ユーザーに「今だけ」「残りわずか」といった限定感を演出するマーケティング手法として非常に有効ですが、常にリセットされるような仕組みを悪用した場合、日本の「景品表示法（不当表示）」に抵触するリスクがあります。

例えば、毎回同じ期限が自動設定されるのに「今だけ」と表示し続ける場合は、優良誤認表示とみなされる可能性もあります。

このような表示を行う場合は、ユーザーに誤解を与えない設計や、実際の終了日時の明示など、法律に準拠した表現を心がけてください。

このカウントダウンタイマーの導入および運用は、すべてご自身の責任で行ってください。法律に関するご不明点は、専門の法律家へのご相談をおすすめします。

カウントダウン期限を変更する方法

このタイマーでは、初回アクセス時に「現在の時刻＋3日間（=72時間）」をカウントダウンの終了期限として設定しています。もし、表示期間を変更したい場合は、JavaScript内の「時間計算部分」を編集するだけで簡単に対応できます。

// 現在から72時間後を期限として設定 deadline = new Date(Date.now() + 3 * 24 * 60 * 60 * 1000);

この部分の 3 を希望の期間（日数）に変更すればOKです。

よくある例

表示したい期間	設定値
1日（24時間）	1 * 24 * 60 * 60 * 1000
2日間	2 * 24 * 60 * 60 * 1000
7日間（1週間）	7 * 24 * 60 * 60 * 1000
3時間	3 * 60 * 60 * 1000 （←「日」の掛け算不要）
30分	30 * 60 * 1000

【バレンシア】ボナイレアルダイアショッピングセンターへの行き方

Sat, 19 Apr 2025 07:00:00 +0900

こんにちは！スペインバレンシア在住のHodaです。

先日、イースターのお休みを利用して、バレンシア空港近くにあるボナイレアルダイアショッピングセンター（Centre Comercial Bonaire）に行ってきました！バレンシアではかなり大型のショッピングモールの一つですが、遠いということで今まで中々いくことができませんでしたが、今回は初めて行ってきました！

公共交通機関で行く方法の情報が少なかったので備忘録も含めてこちらにまとめたいと思います。

ボナイレアルダイアショッピングセンターとは

バレンシア近郊のアルダイアに位置する「Centre Comercial Bonaire（センター・コマーシャル・ボナイレ）」は、スペイン最大級のショッピングセンターの一つで、総面積は254,000平方メートルに及びます。約120の店舗が集まり、Zara、H&M、Primark、FNACなどの有名ブランドが軒を連ねています。また、映画館、ボウリング場、クライミングウォールやトランポリンを備えたアドベンチャーゾーンなど、家族で楽しめる多彩なレジャー施設も充実しています。

「Las Terrazas（ラス・テラサス）」と呼ばれる飲食エリアでは、地元のシェフによる料理や国際的なグルメを堪能できます。2024年10月のDANA（集中豪雨）による被害を受けましたが、2025年2月に大部分が再開し、地域の活気を取り戻しています。

なかなか行けなかった理由の一つとして、DANAによって甚大な被害があったこともありますが、現在は全く問題なく営業がされていました。

ボナイレアルダイアショッピングセンターにバスで行く方法

Google Map でアクセス方法を調べると、バレンシア中心地からはメトロやバスを乗り継いで行くしか方法がありません。

しかし、他にもいろいろと調べてみると L160A というバスを使うことで行くことができるということがわかりました。珍しくGoogleマップの経路検索では出ない方法ですが、今回はこの方法で実際に行ってみました。

L160番のバス

通常のバレンシア市内を走っているバスとは異なり Fernanbus という会社が運航している黄色のバスがあります。その一つの 160 番のバスが市内からボナイレまで一本で運行されています。

↓ こちらがルートです。

↓ 市内から乗るのであれば、以下の C/ Ricardo Micó というバス停が良いかと思います。ちょうど僕らの家からも割と近かったので、このバス停まで歩きました。

問題：バスが来ない。。

イースターの時期ということもあり、待っていても全くバスが来ませんでした。

時刻表だと 1時間に4本(15分間隔)という情報でしたが、バスが来たのは待ってから40分後でした。

また、料金も注意が必要で普段使っているゾーンA のSUMAカードは使うことができませんでした。クレカのタッチ決済にも対応はしていないので、現金が必要となります。

と言っても、一人片道 1.45 ユーロなので、これ一本でショッピングモールまで行けると考えればとてもリーズナブルです。

160番のバスが一番スムーズ

他にも 106番のバスやなどもありますが、すべてメトロを乗り継いだりする必要があるので、スタート地点にもよりますが160番のバスが一番スムーズかと思います。

ちなみに、バスは電動自動車になっており、割と新しい感じでした。

Googleマップでは表示されませんが、 moovit という経路アプリであれば時刻など表示されるのでそちらを利用されると良いかと思います！

スペイン語動詞活用サポートサイト

【注意喚起】2fa.liveとは？使い方と危険性を初心者向けに解説

Thu, 17 Apr 2025 07:00:00 +0900

最近、「2fa.live」というサイトがSNSやフォーラムで話題になっています。一見すると便利そうに見えるこのサイト、実は使い方次第で大きなリスクを伴う可能性があります。

今回は、「2fa.live」の仕組み、2FA（2段階認証）の基本的な仕組み、そしてこのサイトを使う前に知っておくべき重要な注意点について、初心者向けにわかりやすく解説します。

2FA（2段階認証）とは？

2FAとは、「Two-Factor Authentication（2要素認証）」の略で、ログイン時に2つの要素（知識と所有）を組み合わせて本人確認を行うセキュリティ手段です。

通常は、

パスワード（知識）
スマホアプリでの認証コードやSMS（所有）

を組み合わせて本人確認を行います。

代表的な2FAアプリ：

Google Authenticator
Authy
Microsoft Authenticator
Duo Mobile

2fa.liveとは？

「2fa.live」は、2FAの「シークレットキー」からワンタイムコード（6桁コード）を生成するツールです。

このサイトに、

2FA Secret（シークレットキー）を入力すると
対応するワンタイムパスコード（TOTP）が即座に生成される

という仕組みです。

この機能自体は、Google Authenticatorなどの公式アプリと同じアルゴリズム（TOTP）に基づいています。

なぜ2fa.liveが危険視されているのか？

2FAはセキュリティを強化するための仕組みですが、シークレットキー（Secret）を他人に知られてしまうと意味がありません。

2fa.liveにシークレットキーを入力すると、その情報が第三者の手に渡る可能性があるという点が最大のリスクです。

たとえば：

他人のアカウントの2FAコードを生成して不正ログインに使う
広告や外部リンクから別の不正サイトへ誘導される

などの悪用リスクが懸念されています。

初心者がやってはいけないこと

自分の大切なアカウント（Google, Facebook, Instagramなど）の2FAシークレットキーを2fa.liveに入力しない
安易にSNSやフォーラムで見つけた「便利ツール」に大切な情報を入力しない
2FAコードの生成には、必ず公式の認証アプリを使う

まとめ：2fa.liveを使う前に知っておくべきこと

ポイント	内容
サイト名	2fa.live
利用目的	TOTP認証コードの生成
メリット	コード生成が簡単にできる
デメリット・リスク	シークレットキーが第三者に漏れる可能性あり
推奨される使い方	セキュリティが不要な検証用アカウントに限定すること
安全な代替手段	Google AuthenticatorやAuthyなどの公式アプリを利用

さいごに

2FAはとても強力なセキュリティ対策ですが、その「鍵」であるシークレットキーをどこに入力するかは非常に重要な判断ポイントです。

「2fa.live」のようなサイトの存在を知っておくことは大事ですが、本当に信頼できる場面以外では使わないことをおすすめします。

Kajabi: La plataforma todo-en-uno para vender tu conocimiento online

Tue, 15 Apr 2025 07:00:00 +0900

Kajabi® es una plataforma “todo en uno” originaria de Estados Unidos que permite crear y gestionar un negocio digital sin necesidad de conocimientos técnicos avanzados.

Con Kajabi, puedes vender cursos online, crear membresías, gestionar comunidades, hacer email marketing, automatizar procesos (marketing automation), y administrar relaciones con clientes (CRM), todo desde un solo lugar.

Es la herramienta ideal para emprendedores, creadores de contenido y pequeñas empresas que desean monetizar sus conocimientos y experiencia de manera profesional y sencilla.

Desde autónomos hasta pequeñas y medianas empresas, cualquier persona puede empezar fácilmente con Kajabi.

¿Te gustaría probar Kajabi y ver todo lo que puede ofrecerte?

Si te registras a través de mi enlace de recomendación, obtendrás una prueba gratuita extendida de 30 días (en lugar de los 14 días estándar).
Es una excelente oportunidad para explorar la plataforma sin compromiso y comenzar a construir tu negocio digital.

Haz clic aquí para comenzar tu prueba gratuita de 30 días con Kajabi

Convierte tu conocimiento en un producto

Con Kajabi, no solo puedes vender cursos en línea (e-learning), sino también crear productos como comunidades online, programas de coaching y podcasts.

Es una plataforma que te permite transformar tus ideas en servicios digitales y venderlos fácilmente, sin complicaciones técnicas.

¡Desde agosto de 2024, Kajabi también incluye una función de Newsletter!

Sin límite en la cantidad de videos alojados

Aunque el número de productos que puedes crear en Kajabi depende del plan que tengas, no hay límite en la cantidad de videos que puedes subir dentro de cada producto.
Puedes subir archivos de video de hasta 4 GB cada uno, y también se admite calidad 4K.

Función de “Drip” (contenido progresivo)

Kajabi te permite liberar los contenidos de tus cursos de forma progresiva, en lugar de mostrar todo desde el principio.
Por ejemplo, puedes configurar que se publiquen automáticamente 5 videos por semana.

Acceso desde la app móvil

Tus clientes pueden ver los cursos directamente desde la aplicación oficial de Kajabi, disponible para dispositivos móviles.
La app también es compatible con notificaciones push, lo cual mejora el compromiso con tus alumnos.

Cursos con texto o audio

Tus productos no tienen que ser solo en formato video.
También puedes crear cursos basados en texto o subir archivos de audio como contenido principal.

Descarga de materiales complementarios

Puedes ofrecer archivos PDF, hojas de cálculo u otros documentos para que los alumnos los descarguen.
Además, estos archivos pueden servir como material extra o lead magnet para atraer nuevos suscriptores.

Función de cuestionarios simples

Kajabi te permite añadir quizzes o pruebas en medio de las lecciones para reforzar el aprendizaje.
Incluso puedes configurar cuestionarios calificables que exijan aprobar antes de avanzar al siguiente módulo.

Certificados de finalización

Kajabi permite emitir certificados de finalización a los usuarios que completen un curso.
Estos certificados pueden compartirse en redes sociales o utilizarse como credenciales para aumentar el valor de tu marca.

Comunidades y espacios tipo “salón”

Además de ofrecer cursos en video, también puedes crear una comunidad online donde personas con intereses similares puedan conectarse.
Dentro de la comunidad es posible usar foros de discusión tipo chat y realizar webinarios interactivos.

Función actualizada en 2023 con nuevas opciones.

Venta de newsletters pagadas

Kajabi incorporó una nueva función llamada Newsletter, que permite crear boletines informativos exclusivos para suscriptores de pago.
Gracias a esta función, ahora es más fácil vender contenido en formato texto como producto digital.

Crea todas las páginas que necesitas

Con la función de creación de páginas de Kajabi, puedes construir fácilmente un sitio web profesional que conecte todos los elementos de tu negocio digital.

Gracias al editor visual basado en bloques, incluso los principiantes pueden diseñar páginas atractivas y funcionales sin necesidad de saber programar.

Sin límite en la cantidad de páginas
En Kajabi puedes crear tantas páginas como necesites: página principal, páginas de venta (landing pages), formulario de contacto, entre otras.
No hay límite en el número de páginas que puedes construir.

Plantillas profesionales
No necesitas tener experiencia en diseño.
Kajabi ofrece una amplia variedad de plantillas prediseñadas, por lo que solo tienes que elegir la que más se ajuste a tu negocio y personalizarla fácilmente.

Dominio personalizado
Usar un dominio propio mejora la confianza de tu marca.
Kajabi permite conectar un dominio personalizado en todos sus planes, lo cual también ayuda a mejorar tu posicionamiento SEO y la imagen de tu sitio.

Optimización SEO
En cada página puedes configurar metadatos para SEO como el título y la descripción.
También es posible hacer que ciertas páginas no aparezcan en los resultados de Google, ideal para contenido exclusivo o páginas privadas.

Personalización con CSS y JavaScript
Si deseas más control sobre el diseño, Kajabi permite añadir código CSS y JavaScript.
Incluso puedes usar fuentes personalizadas como Google Fonts para lograr un diseño único.

Diseño adaptable (responsive)
Más de la mitad del tráfico web actual proviene de dispositivos móviles.
Las páginas creadas en Kajabi son responsivas por defecto, y puedes mostrar u ocultar ciertos elementos según si el visitante está en móvil o en ordenador, logrando una experiencia adaptada a cada dispositivo.

Configuración y pagos fáciles

Kajabi permite una integración directa con Stripe (tarjetas de crédito) y PayPal, lo que facilita realizar pagos de forma rápida y segura.

Además, puedes configurar modelos de suscripción (membresías) con facilidad, una opción cada vez más popular en los negocios digitales.

Configuración sencilla

Solo necesitas crear cuentas gratuitas en Stripe y PayPal, y conectarlas con Kajabi.
Una vez hecho esto, ya puedes aceptar pagos de inmediato.

Sin comisiones por parte de Kajabi

Kajabi no cobra comisiones por transacción.
Solo se aplican las comisiones estándar de Stripe y PayPal (aproximadamente del 2.9% al 3.6%).

Crea planes de precios personalizados

Aunque hay un límite en la cantidad de productos que puedes crear según el plan, puedes generar tantos Offers (planes de precios) como desees.
Por ejemplo, puedes ofrecer un único producto con diferentes modalidades: pago único, suscripción, u ofertas especiales por tiempo limitado.

Compatible con modelos de suscripción

Kajabi admite fácilmente pagos recurrentes por suscripción, una forma de monetización muy popular hoy en día.
Puedes combinar la suscripción con productos como comunidades privadas o newsletters premium.

Prueba gratuita y tarifa inicial

Cuando usas el modelo de suscripción, también puedes ofrecer una prueba gratuita de entre 1 y 90 días.
Además, puedes establecer una tarifa de inicio, como por ejemplo añadir un costo adicional solo el primer mes.

Upsell y Downsells

Kajabi te permite configurar ofertas adicionales (upsells o downsells) que se muestran justo después de que un cliente realice una compra.
Esto te ayuda a aumentar tus ventas de forma estratégica y automatizada.

También es una herramienta de email marketing de primer nivel

La función de email marketing en Kajabi es tan potente como su sistema para crear cursos online.
Al combinar ambas funciones, puedes aprovechar al máximo todo el potencial de Kajabi como plataforma integral.

Desde agosto de 2024, Kajabi incluye la función de pruebas A/B para mejorar el rendimiento de tus correos electrónicos.

Sin límite en la cantidad de correos enviados

Kajabi no tiene límite en la cantidad de correos electrónicos que puedes enviar al mes.
Puedes realizar tus campañas de marketing con total libertad, y también segmentar tu audiencia para enviar mensajes solo a determinados grupos de usuarios.

Creación intuitiva de correos

No necesitas escribir código para diseñar tus correos.
Kajabi ofrece un editor visual tipo “arrastrar y soltar”, lo que facilita la creación de correos atractivos incluso para principiantes.

Compatible con correos en formato HTML

No te limites a correos de solo texto.
Con Kajabi puedes enviar boletines en formato HTML, incluyendo imágenes, temporizadores de cuenta regresiva y otros elementos visuales que aumentan el interés del lector.

Informes detallados de rendimiento

No basta con enviar correos; es importante medir su impacto.
Kajabi te permite ver tasas de apertura, clics y estadísticas detalladas por usuario, lo que te ayuda a entender qué funciona y qué mejorar.

Dos tipos de correos de marketing

Puedes crear tanto “Email Broadcast” (correos puntuales como newsletters) como “Email Sequences” (campañas automatizadas con varios correos enviados en serie).

Importación desde otras plataformas

Si ya tienes una lista de correos en otro sistema, puedes importarla fácilmente a Kajabi.
Esto te permite centralizar toda tu operación en un solo lugar y reducir costes operativos.

Pruebas A/B para medir eficacia

Desde la actualización de 2024, Kajabi permite realizar tests A/B en tus campañas.
Ahora puedes comparar dos versiones de un mismo correo y optimizar los resultados enviando la versión más efectiva a tus usuarios.

Gestión avanzada de clientes

Con Kajabi puedes gestionar en un solo lugar toda la información de tus alumnos, miembros de la comunidad y suscriptores de tu lista de correos.

Es posible buscar clientes, agregarlos manualmente, cancelar accesos y realizar otras acciones administrativas de forma flexible y centralizada.

Visualización del historial completo

Para cada cliente, Kajabi registra todas las acciones realizadas.
Puedes ver fácilmente qué ofertas ha comprado, qué correos ha abierto, y más, todo desde una misma línea de tiempo.

Campos personalizados flexibles

Puedes añadir hasta 50 campos personalizados al perfil de cada cliente, lo que te permite registrar información como “nombre de la empresa”, “departamento” o “¿cómo nos conociste?”, directamente en Kajabi.

Etiquetas para segmentación

Al usar etiquetas de cliente, puedes organizar y filtrar fácilmente a tus usuarios.
Además, puedes asignar etiquetas automáticamente mediante automatizaciones, por ejemplo, cuando alguien compra una oferta específica.

Exportación rápida de datos

Todos los datos de clientes almacenados en Kajabi se pueden exportar en formato CSV con un solo clic.
Esto facilita la importación a otras herramientas o la gestión externa de la información.

Filtros avanzados de búsqueda

Aunque tengas una gran cantidad de clientes, Kajabi ofrece filtros avanzados que te permiten encontrar fácilmente a quienes cumplen ciertos criterios.
También puedes guardar filtros personalizados para reutilizarlos rápidamente cuando los necesites.

Cancelaciones y registros manuales

Desde el panel de administración puedes cancelar suscripciones, otorgar acceso gratuito a ofertas, o modificar el estado de acceso a productos específicos de forma manual y flexible.

Seguimiento del progreso de visualización

Kajabi te permite ver cuánto contenido de tus cursos ha consumido cada alumno.
Puedes saber quién vio qué video y hasta qué porcentaje, lo que te ayuda a analizar el rendimiento real de tu curso en video.

Automatiza tus ventas con Kajabi

Una de las mayores ventajas de Kajabi es su capacidad para automatizar el marketing digital.

Por ejemplo, puedes crear un flujo en el que, cuando un usuario se registre en tu newsletter, se active automáticamente una secuencia de correos, seguida de una redirección a la página de ventas, y finalmente se complete la venta de una oferta, sin intervención manual.

Aunque al principio la configuración pueda parecer compleja, una vez creado el flujo, el sistema trabaja por ti y mantiene tu negocio funcionando en piloto automático.

Plantillas predefinidas

Si es tu primera vez creando un embudo de ventas, Kajabi ofrece plantillas listas para usar.
Puedes comenzar con modelos diseñados para captación de leads, ventas directas o incluso webinarios automatizados, adaptando cada uno a tu estrategia.

Función de informes y métricas

Una vez publicado tu embudo, puedes consultar métricas como la tasa de conversión y las visitas (PV).
Esto te permite identificar posibles puntos de mejora y optimizar el rendimiento de cada etapa del embudo.

Creación visual e intuitiva

El creador de embudos de Kajabi es tan fácil de usar como el constructor de páginas.
Solo necesitas combinar páginas y correos electrónicos en un flujo lógico para crear una experiencia completa del cliente (Customer Journey) y publicarlo con unos pocos clics.

Crea formularios personalizados según tus necesidades

Con Kajabi puedes crear fácilmente formularios personalizados como formularios de suscripción a newsletters o formularios de contacto.
Además, puedes configurar los correos de notificación que se envían automáticamente cuando alguien completa un formulario, adaptándolos completamente a tu negocio.

Sin límite en la cantidad de formularios

Independientemente del plan que utilices, no hay límite en el número de formularios que puedes crear en Kajabi.
Puedes generar todos los formularios que necesites, según los objetivos de tu negocio.

Diversos tipos de campos de preguntas

Puedes añadir campos como botones de opción (radio), selección múltiple, o áreas de texto libre, lo que te permite crear formularios flexibles y personalizados según tu propósito.

Integración con automatizaciones

Puedes configurar acciones automáticas a partir del envío de un formulario.
Por ejemplo: “cuando se envía el formulario” → “notificar al administrador” y “agregar al boletín”, todo automáticamente.

Registro automático de datos del cliente

Toda la información enviada a través del formulario se guarda automáticamente en el perfil del cliente dentro de Kajabi.
También puedes revisar el historial de envíos y gestionar los datos asociados al correo electrónico del usuario.

Integración en sitios externos

Kajabi proporciona un código de inserción (embed) para que puedas incluir tus formularios en páginas web externas, no solo dentro de tu sitio Kajabi.

Posibilidad de aceptar pagos por transferencia bancaria

Aunque el proceso es manual, puedes usar un formulario para aceptar solicitudes y luego gestionar pagos por transferencia bancaria fuera del sistema estándar de Stripe/PayPal.

Otras funciones útiles que ofrece Kajabi

Kajabi cuenta con una gran variedad de funciones que no se pueden cubrir todas en esta página.
La plataforma se actualiza constantemente con mejoras y nuevas herramientas, por lo que cuanto más la usas, más valor ofrece para tu negocio digital.

Integración con Google Analytics

Aunque Kajabi incluye su propio sistema de análisis, también puedes integrarlo fácilmente con Google Analytics para obtener métricas más avanzadas sobre el comportamiento de los visitantes.

Autenticación en dos pasos

Kajabi permite activar la verificación en dos pasos al iniciar sesión como administrador.
Dado que la plataforma actúa como panel de control para todo tu negocio, reforzar la seguridad de acceso es fundamental.

Función de blog

El marketing de contenidos es clave para atraer tráfico desde Google.
Kajabi incluye una función de blog, lo que te permite publicar artículos y reforzar tu estrategia SEO mientras gestionas tu curso o comunidad.

Marketing de afiliación

El marketing de afiliación es una estrategia muy popular y efectiva, especialmente en mercados internacionales.
Kajabi te permite crear tu propio programa de afiliados para que otros promocionen tus productos y tú les pagues comisiones por cada venta.

Podcast

Puedes alojar y distribuir tu podcast directamente desde Kajabi.
Al publicar un episodio, se distribuye automáticamente a Spotify, Google Podcast y Apple Podcast, sin pasos adicionales.

Webinars integrados

Kajabi ofrece una herramienta nativa para realizar webinars con hasta 200 participantes.
No necesitas usar Zoom ni plataformas externas: puedes organizar tus sesiones en vivo directamente desde Kajabi.

Integración con Adobe Express

Gracias a la integración gratuita con Adobe Express, puedes acceder a imágenes de stock gratuitas, editar imágenes e incluso generar contenido visual con IA, todo sin salir de Kajabi.

Pruebas A/B (nuevo)

Ahora puedes realizar tests A/B en tus páginas de aterrizaje (landing pages).
Esto te permite comparar dos versiones de una página y analizar cuál tiene mejor rendimiento en términos de conversión.

Preguntas frecuentes sobre Kajabi

¿Se puede usar Kajabi en español?

Lamentablemente, la interfaz de administración de Kajabi solo está disponible en inglés.
Sin embargo, las páginas que ven tus clientes (usuarios finales) pueden mostrarse casi completamente en español.
De hecho, cada vez más personas en España están comenzando a utilizar Kajabi, por lo que el idioma no suele ser un gran obstáculo.

¿Puedo aceptar pagos en euros?

¡Sí!
Kajabi permite aceptar pagos en euros tanto a través de Stripe como PayPal sin ningún problema.

¿Es posible migrar desde otra plataforma?

El contenido multimedia como videos deberá subirse nuevamente en Kajabi,
pero la información de los usuarios puede importarse fácilmente a través de un archivo CSV.
Incluso puedes asignar acceso automático a los cursos en el momento de la importación,
permitiendo que los estudiantes ingresen a tu escuela Kajabi con el acceso ya concedido.

¿Puedo probar Kajabi de forma gratuita?

Aunque Kajabi ofrece planes únicamente de pago,
puedes obtener una prueba gratuita de 30 días si te registras a través de nuestro enlace de recomendación (la prueba estándar es de solo 14 días).
Si cancelas durante el período de prueba, no se te cobrará absolutamente nada,
así que te animamos a probar la plataforma sin compromiso.

¿Te gustaría probar Kajabi y ver todo lo que puede ofrecerte?

Haz clic aquí para comenzar tu prueba gratuita de 30 días con Kajabi

Google Font のアイコンを使う方法

Fri, 14 Mar 2025 08:00:00 +0900

個人的な備忘録です。

今まではよく Fontawesome のアイコンを利用していましたが、最近Googleフォントを見ていたら、アイコンも提供していることに気が付きました。Google Fontsのアイコンは、種類が豊富で、ページ速度にほとんど影響を与えないほど軽量です。今回は、このアイコンを使ってみようと思います。

手順

まずは、アイコンプロバイダーではよくあるように以下のリンクを header ないに挿入します。

このリンクで、Googleのアイコンセット「Material Icons」を読み込みます。

その後、アイコンをHTMLに追加するだけでOKです。

例えば、以下のように記述すると、家のアイコンを表示できます。

home

と挿入すると、家のアイコンを表示することができます。

アイコンの名前は、以下のように各アイテムの Icon name から確認することができます。アンダーバーで区切られているので注意が必要です。

スタイルのカスタマイズ

スタイルのカスタマイズも可能になっているので

を使うことで、サイズや色の変更も可能になります。

Google Fontsアイコンの利点

Google Fontsのアイコンを使うことには、いくつかの利点があります：

軽量：アイコンはベクター形式（SVG）で提供されるため、サイズが小さく、ページの読み込み速度にほとんど影響を与えません。
高い互換性：GoogleのCDNを利用するため、ブラウザのキャッシュ機能が活用され、他のGoogle Fontsを使っている場合、アイコンも自動的にキャッシュされます。
多彩なデザイン：アイコンの種類が豊富で、ウェブデザインに必要なアイコンを手軽に取り入れることができます。

アイコンの応用例

さらに、アイコンを使ったデザインの応用例もいくつか挙げてみましょう。

ナビゲーションメニュー

ボタンにアイコンを追加

これで、ボタンやメニューにもアイコンを簡単に組み合わせることができます。

WooCommerce に Paidy 支払いを実装/連携した手順

Thu, 06 Mar 2025 08:00:00 +0900

先日、クライアントさんのWooCommerceサイトに Paidy を実装する作業を行いましたので、個人の備忘録として記載しておきます。

用意するもの

WooCommerceサイト
Paidy （すでに審査通過済み）

プラグインを追加

まずはPaidy決済を受け付けるためにプラグインをインストールします

「Japanized for WooCommerce」 https://ja.wordpress.org/plugins/woocommerce-for-japan/
「Paidy for WooCommerce」 https://ja.wordpress.org/plugins/paidy-wc/

が対応しているプラグインで、どちらかでOKということでしたが、

「Japanized for WooCommerce」の方はレビューがひどかったのと、不要な機能はいらなかったので「Paidy for WooCommerce」の方をインストールしました。

インストールが完了すると、以下のように「決済」設定に「Paidy Payment」と表示されるようになりました。

Paidyを設定する

次に、Paidyの加盟店ダッシュボードにログインをします。

ここに必要な情報が記載されているので、そのままこれらの情報を設定ページに貼り付けます。

以下のように貼り付けていきます。支払い名のタイトルや説明文はある程度カスタマイズ可能でした

テスト購入（Sandbox）

次に、購入が正しく行われるか購入テストをしていきます。

テスト購入をするのは一瞬ですが、念のために実際のユーザーが間違って購入しないように以下を確認して行います。

一時的に決済名を「Paidy」⇒ 「【調整中】Paidy」などに名称変更して使用されないようにする
利用者が少ない時間帯を狙って行う
Environment を SandBox にしているのをダブルチェック

Paidyからテスト用のメールアドレス・電話番号・認証コードが提供されているのでそれを使います。

例えば承認用のテストアカウントは以下のようになっていました。

メールアドレス	successful.payment@paidy.com
電話番号	08000000001
認証コード	8888

これで成功した時の動作を確認することができます。

実際にテスト購入をしてみた

WooCommerceの通常の決済画面でPaidyを選択すると、このようにポップアップで画面が表示されます

↓ 先ほどのメールアドレスと電話番号で決済を行います。

↓ コードを入力します。実際の電話番号にリーチできないので 8888 を入力します

↓ 支払い回数を選択します。これは申請時に決めることができるようです。

↓ 最後に最終確認が表示されます。そして、お支払いを確定をクリックすることで、決済が完了します。

これでテスト購入は完了しました！！

最後に、先ほどの注文が WooCommerceの注文と、Paidy の支払い管理に反映されているか確認して問題なければＯＫです。

ヒント

あとは、Paidyの設定を本番環境にして、有効にすれば問題なくPaidy払いを受け付けることができます。

Mailerlite(メーラーライト)の登録方法/使い方/メリットをご紹介！

Mon, 03 Mar 2025 08:00:00 +0900

Mailerlite(メーラーライト)は、手頃な価格のメールマーケティングソフトウェアです。同社は2005年に設立され、目覚ましい成長を遂げています。毎月 800,000 を超える企業が MailerLite を使用しています。

海外ではMailChimpと並んで非常に人気があるサービスですが、みなさんのビジネスにとっては向いているサービスでしょうか。また、日本のマーケットでは問題なく利用することができるのでしょうか。

今回はそんなMailerLiteの導入支援などを行ったことがある僕が実際の画面をお見せしながら使い方をご紹介したいと思います。

MailerLiteのレビュー要約

永久無料プランあり（有料版にしてもリーズナブル）
1,000人 (12,000通/月)なら無料で利用可能
ドラッグアンドドロップでおしゃれなメールを作成可能
WordPress/Shopifyなど多くのツールと簡単に連携可能
登録フォームも作成可能
ニュースレター/ステップメールの両方の配信が可能
管理画面は英語だが、ユーザーが見る部分は日本語化可能
Landingページ/Webサイトの作成も可能
管理画面はシンプル
独自ドメインとの連携もOK（無料プランでも可）

動画で見たい方はこちら↓

こちらの動画で、約1時間かけてMailerLiteの使い方をレビューしています！

僕の紹介リンクからMailerLiteを始めていただくと、有料プランの時に使うことができる20$分のクレジットを獲得できます！

Mailerliteを始める

Mailerliteとは？何ができるの？

まずMailerLiteについて機能や特徴を簡単にご紹介したいと思います。

MailerLite を使用することで以下のようなことを行うことができます。

ニュースレター/ステップメールの作成＆配信
A/Bテスト
リード獲得フォームの作成
ポップアップの作成
購読者をセグメント分けして高度な顧客管理
ランディングページ/ウェブサイトを作成
マーケティングオートメーションでフローを自動化
他のツールとの連携

ニュースレター/ステップメールの作成＆配信

Mailerliteの主な使い道がメールの配信です。毎回作成して一斉送信するニュースレター（メルマガ）ももちろん作成することができますし、予め作成しておき自動的に送信するステップメールも作成することができます。

各メールはすべてメールビルダーを使って作成することができるので、コードの知識がなくても簡単におしゃれなメールを作成することができます。

↓ このように複数のテンプレートからHTMLメールを選択することができます。もちろんここからカスタマイズをすることが可能です。

↓ ブロックを組み合わせる要領で、メールを作成することができます。

特定電子メール法に必要な「購読解除」ボタンも予め設定されているので、必要な部分を日本語に置き換えるだけで問題なく利用することができます。

A/Bテスト

メールマーケティングツールで A/Bテスト は必須な機能の一つです。ABテストとは、いくつかのメールのバージョンを作成しておき、自動的にランダムで送信をしてどちらのバージョンのメールの方が効果的かを測定する機能です。これを繰り返して、効果的なメールのデザインを見つける手法です。

Mailerliteを使うとメール・フォーム・LandingページのすべてでA/Bテストを行うことができるので、常に効果的なマーケティング方法を調べることができます。

↓ どちらのバージョンに何パーセントのトラフィックを送信するかも調整できます。

リード獲得フォームの作成

メーリングリストのリードを獲得するためのフォームもMailerLiteで作成することができます。

もしみなさんがすでにWordPressやShopifyでウェブサイトを持っている場合は、MailerLiteで作成したフォームを簡単に埋め込むことができます。またポップアップで表示することも可能です。

それ以外のプラットフォームであっても、コードを挿入するだけで簡単に他のサイトにフォームを表示することができます。

フォームでは「Eメール」「名前」はもちろん取得できますし、必要に応じで自分で入力項目を作成することもできます。また、フォーム送信後のサンキューメッセージを表示したり、任意のページに飛ばすこともできます。

↓ カウントダウンタイマーを表示して、期間限定のプロモーションとしても使うことができます。

購読者をセグメント分けして高度な顧客管理

ただメールを配信しているだけでは、メールマーケティングをしているとは言えません。配信後にレポートを確認したり、顧客の情報を見ることが重要です。

MailerLiteでは各顧客のデータはすべて保存がされます。各顧客をセグメントという機能で自動的に振り分けたり、メーリングリストをグループ分けして整理することもできます。

↓また、その人が過去に開封したメール、クリックしたメール、リンク、追加されたグループなどすべての情報を履歴として確認することもできます。

ランディングページ/ウェブサイトを作成

フォームを設置するためのサイトを持っていない場合は、MailerLiteがページもホスティングしてくれます。

※無料プランでは 10個のページを作成できます。有料プランなら無制限で作成できます。 MailerLiteには使いやすいページビルダーがあるので、必要なブロックをドラッグアンドドロップすることで簡単におしゃれなページを作成することができます。 ↓また、Stripeと連携することで、Landingページ内でクレジットカード決済を受け付けることも可能です。何かオンラインでデジタルプロダクトを販売したり、サブスクリプションを販売することもできます。作成したLandingページは独自ドメインで表示することも可能なので、お持ちのドメインと接続して自分のブランドでページを見せることも可能です。独自ドメインをお持ちでない場合は、MailerLiteが用意してくれるドメインでページを表示することができます。

マーケティングオートメーションでフローを自動化

MailerLiteの強みの一つがこのマーケティングオートメーション機能です。様々な条件を指定して、「何かが起こったら、この作業につなげる」というような自動的なマーケティングを行うことができます。

これを使うことでステップメールも作成することができるようになり、

①リストに登録されたら　→　②24時間待つ　→　③ウェルカムメールを送信する　→　④ 24時間待つ　→　⑤ ２通目のメールを送信する …..

というような設定をすることができます。

また、条件分岐のような機能があるので指定した条件にマッチする場合は「A」、マッチしない場合は「B」のフローを実行することができます。

マーケティングオートメーション機能は想像以上に便利で、一度作成しておけばあとは自動的にメールを送信したりサービスのPRをすることができるので、マーケティングにかける時間を短縮してくれます。みなさんはメールコンテンツの作成に集中することができます。

オートメーションでは以下のような項目をトリガーとして使用することができます。

サブスクライバーがグループに参加したら
メール内のリンクがクリックされたら
購読者がフォームに入力したら
購読者のフィールドが更新されら
指定した日付
データベースからの特定の日付の正確な一致

上記の条件にユーザー（購読者）がマッチした時にオートメーションをスタートすることができます。

他のツールとの連携

海外ツールの特徴としては、他のツール同士でスムーズに連携できることです。国内のツールだとどうしてもガラパゴス化が起こっており、他のツールとの連携を好みません。

MailerLiteは他のツールをスムーズに連携できるようになっているのでWordPrssやShopifyはもちろんのこと、今皆さんが使っているツールとも連携ができるようになっているかもしれません。

有名なツールですと、以下のようなツール/サービスとはスムーズに連携することができます。

Facebook Audiences
Shopify
WooCommerce
WordPress
Stripe
Airtable
ClickFunnels
Ghost.org
GitHub
Google Docs
Google Sheets
Google Forms
Gravity Forms
Gumroad
Magento
Squarespace
Trello
WPForms
Zoom

Mailerliteの登録方法

僕の紹介リンクからMailerLiteを始めていただくと、有料プランの時に使うことができる20$分のクレジットを獲得できます！

Mailerliteを始める

↑是非こちらのリンクから(^^)/

無料で登録するには、まずは上記リンクからMailerLiteのサイトに行きます。

↓次の画面ではみなさんのメールや名前の情報を入力します。Companyの部分で屋号がなければ、ここもお名前でOKです。

※無料プランを開始したタイミングで最初の30日間は、有料プランでしか使えない機能も使えるようになっています。是非最初の30日間の間に色々な機能を触ってみてください！！

登録をすると、メール宛に確認メールが届きますので、その中のボタンをクリックしてメールアドレスが正しいことを認証します。

そしてログインをすると以下のようなダッシュボードに入ることができます。ここからすべての機能にアクセスすることができますが、まずはこの③をクリックしてみなさんの詳細情報を追加します。

※無料プランでMailerliteを使う場合は、アカウントがスパム送信に利用されないように簡単な審査があります。ここのアンケートで適当に回答をするとメール送信機能が使えなくなるのでしっかりと回答しましょう。

有料プランであれば、審査なく普通にメール送信機能を使うことができます。

↓このようなアンケートが続くので、ページ翻訳機能などを使ってしっかりと回答をしていきます。注意点などで上記の動画内でご説明しています。

アンケートを完了すると、

という通知が表示されます。通常でしたら、半日くらいでレビューが完了してメール配信ができるようになります。その間もメールデザインを作成したり、フォームを作成することなどはできるので色々を触っていただくのが良いです。

Campaigns(キャンペーン)の作成

ここで言う「Campaigns(キャンペーン)」とはニュースレターやメールのキャンペーンになります。まずはここから配信するメールを作成することになります。

Campaignsで作成することができるメールの種類は以下の４種類です。

Regular campaign
指定したユーザーグループに一斉送信する一般的なメルマガ
A/B split campaign
2種類のメールを作成してどちらが効果的かを測定する
RSS campaign
ブログやウェブサイトのRSSから自動的にコンテンツを配信する
Auto resend campaign
最初に送ったメールを開かなかったユーザーに向けて、予め２通目も作成しておく

基本的には最初は「Regular campaign」で進めていくのが良いです。ちなみにですが、ステップメールはここで作成するのではなく、Automationから作成する流れになります。

↓件名を設定するところでは、Personalize(パーソナライズ)の機能を使うことができるので、受信者の情報を自動で挿入することができます。（顧客の名前情報が登録されている必要があります。）

例：佐藤様！お得な情報です！

↓メールはテンプレートから選択することもできます。HTMLメールではなく、シンプルなテキストメールで配信することもできます。　また、以前送信したメールのデザインを再利用することができるので、毎回一からメールをデザインする必要はありません。

↓メールはブロックの組み合わせでできているので、簡単に作成することができます。

テキストをクリックすることで英語から日本語に置き換えることができます。

↓ 各メールにはしっかりとユーザーが購読解除できるようにリンクが設置されています。（特定電子メール法にも対応しています。）

↓作成したメールはすぐにプレビューで見ることができます。また実際のメールアドレスにテスト送信することもできるのでチームや上司に簡単にシェアすることができます。

↓ メールのコンテンツが完成したら、配信スケジュールを決めます。「今すぐ送信」「スケジュール送信」「各タイムゾーンごとに送信」から選択することができます。

グローバルでメール配信をする場合は「各タイムゾーンごとに送信」の機能はとても便利だと思います。

レポートの確認

配信したレポートの確認もメールマーケティングでは重要です。

Mailerliteでは、配信した各メールの詳細のレポートを確認することができます。

ざっくりと以下のデータを見ることができます。

開封率/開封数
クリック率/クリック数
購読解除数
バウンス数
送信後24時間の開封数/クリック数
ユーザーのメールソフトの割合
メール内のリンクのクリック数
どのユーザーが開封したか/クリックしたか

各レポート情報はCSVでダウンロードすることが可能です。

ユーザー（メーリングリスト）を追加する方法

他のソフトから移行する時や、手動で個別でユーザーを追加するのも簡単です。

大きく分けて、以下の４つのオプションがあります。

Import from a CSV or TXT file（CSVファイルから一括で追加）
Copy/paste from Excel (エクセルからコピペで追加)
Add single subscriber（一人ずつ手動で追加
Import from Mailchimp（Mailchimpからインポートする）

もし別のサービスから移行する場合、一番簡単な豊方法は、「Import from a CSV or TXT file」です。別のサービスからユーザー情報をCSVでダウンロードして、それをそのままMailerliteにアップロードできます。

独自ドメインを設定する

ご自身ブランドのドメインのメールからマーケティングメールを送信することで、迷惑メールになりにくいですし、受信者からの信頼度も上がります。Mailerliteでは無料プランであっても自分の独自ドメインを割り当てることができます。

ここで独自ドメインを予め設定しておくことで、 info@hoda.com のような自分のメールアドレスからメールを配信することができますし、 hoda.com/aaaaa のURLでLandingページを表示することもできるようになります。

オートメーション（ステップメール）の作成方法

ステップメールはオートメーションの中で作成をします。

オートメーションのアクションで「Delay（待機）」「Mail（メール送信）」というアクションがあるので、これを交互に組み合わせることで1日ごとにメールを送信したりすることができます。

こちらの動画の後半で詳しくご説明しています！

Mailerliteの価格プラン

MailerLiteの利用価格はメーリングリストの件数（購読者の数）に基づいています。

無料プラン(Free)

1000件までなら無料

無料プランは以下のようになっています。

項目	内容
購読者	1000人まで
月間送信可能数	12,000通
管理者の数	1人
サポート	月曜～金曜
Landingの数	10個まで
Formの数	無制限
MailerLiteのウォーターマーク（ロゴ）	表示される

基本的に無料プランであっても、主要な機能は利用することができるので普通にメールマーケティングをするには無料プランでも十分です。

ただ、以下のような便利機能は、有料プランから使える機能になるのでタイミングを見計らって有料プランにしてもいいと思います。

MailerLiteのウォーターマークの非表示
RSS campaigns
ランディングページでの独自ドメイン
ランディングページでのA/Bテスト
Stripeと連携してデジタルプロダクトの販売
24時間365日のメールサポート

有料プラン(Growing Business/Advanced)

有料プランであればほぼすべての機能にアクセスすることができますが、厳密に言うとGrowing Business/Advancedの二つのプランがあります。

これらの２つの有料プランの主な違いは以下になります。

	Growing Business	Advanced
Promotion pop-ups	✖	〇
Custom HTML newsletter editor	✖	〇
オートメーションの複数トリガー	✖	〇
パスワードでページにカギを付ける	✖	〇
24時間サポート	メールでのサポート	チャットでのサポート

主な違いは上記の項目になるので、特にそこまでこだわりがない場合は、「Growing Business」のプランで十分だと思います。

MailerLiteのメリット・デメリット

メリット

#### 無料プランがあり、有料プランでもリーズナブル

MailerLiteの一番のメリットがこのコストパフォーマンスです。無料プランでも十分に利用することができ、リストが増えてアップグレードしたとしても10ドルから使用することができます。しかも有料プランにすれば月間送信可能数は無制限になるのでどんどんメールを配信することができます。

#### 使いやすいメール作成ビルダー

動画内でもご紹介していますが、メールを作成したりLandingを作成する時にはブロックを組み合わせるようなビルダーを使って簡単にコンテンツを作成できます。デザインに自信のない人でも比較的簡単におしゃれなデザインを作成することができるようになっています。

#### 詳細なレポート機能

メール、フォーム、Landingページのすべてに高度なレポート機能がついているので、実際に運用してみた結果を数字で確認することができます。ABテストもすることができるので、効果的なバージョンを探していくことも可能です。顧客情報では各顧客のすべての履歴を確認することができるので、顧客管理もばっちりです。

#### 他のサービスとの連携

国内のサービスは、あまり他のサービスとの連携を好みませんがMailerLiteは多くのサービスとスムーズに連携することができます。僕は海外の多くのツールをレビューしていますが、その多くで「MailerLiteと連携可能」だったりします。スムーズに連携することで、商品を購入した人に自動的にフォローアップメールを送ったり、購入金額が○○円を超えると自動的に次のメールを送信したりすることができるようにもなります。

デメリット

実際のところ、デメリットはそこまでありませんが強いて言えば以下のような項目です。

👎 複雑なオートメーションは組むことができない

動画でもご紹介していますが、MailerLiteでは様々な条件をもとにオートメーションを組むことができます。ただ、もっと複雑なオートメーションを組むことができるマーケティングツールもあるのでそれと比べると機能的には劣ります。ただ、価格面やターゲット層を考えればMailerLiteのオートメーションも十分に実用的です。

Mailchimpとの違い

MailerLite は、老舗で知名度の高い Mailchimp とよく比較されますが、「使いやすさ」と「コストパフォーマンス」を重視するなら MailerLite に明確な優位性があります。両者ともメール配信や基本的な自動化、フォーム作成など主要機能は揃っていますが、Mailchimp は多機能ゆえに管理画面が複雑で、初心者には迷いやすい設計です。一方、MailerLite はメールマーケティングに特化したシンプルなUIで、必要な機能にすぐ辿り着ける点が評価できます。

特に大きな違いは料金体系です。MailerLite は有料プランでもメール送信数が無制限で、同じ登録者数でも Mailchimp より低価格に抑えられます。リスト管理も「1つのマスターリスト＋グループ・セグメント」という分かりやすい構造で、Mailchimp のようなオーディエンス分割による重複課金の心配がありません。高度な自動化や外部連携の数では Mailchimp が勝りますが、日常的なメール配信や簡単なステップメールが目的であれば、MailerLite の方が直感的かつ実用的と言えるでしょう。

まとめ

いかがでしたでしょうか。今回は今話題のMailerLiteについてご紹介をさせていただきました。

僕の周りでも使っている人が増えている海外のメールツールです。海外のツールと聞くと不安になる方もいるかもしれませんが、ITサービスに関しては海外は日本よりもはるかに進んでいるのでコスパもいいですし、カスタマーサポートもとても良いです。

その中でもMailerLiteは無料から使用することができるマーケティングツールということで、これから日本でも利用される方が増えてくると思います。管理画面は英語ですが、メール自体は日本語で作成することができるので購読者目線からしたら全然気にならないです。

まずは無料で使うことができるので、もしメールマーケティングのツールをお探しの場合は是非MailerLiteを試していただければと思います！

僕の紹介リンクからMailerLiteを始めていただくと、有料プランの時に使うことができる20$分のクレジットを獲得できます！

Mailerliteを始める