島のWeb屋

スタジオジブリ作品の場面写真1,278枚が公式サイトで無料提供されています

Tue, 07 Apr 2026 20:25:19 +0000

スタジオジブリの公式サイトで、ジブリ作品の画像（場面写真）が「常識の範囲でご自由にお使いください。」というとても緩い使用条件で無料で公開・提供されていますので、ダウンロード方法と合わせてご紹介します。

場面写真は、映画の一コマを画像として保存したものです。

「常識の範囲で」ということですので、勝手に販売したり、著作権を主張したり、作品や関係者を貶めるようなことをしない限り「自由に」使えるのではないかと思われます。

提供されている画像は、サイズも横1920ピクセルと十分な大きさで、様々な用途に使えそうです。

超定番の大人気作品

千と千尋の神隠し

湯屋の豪華絢爛な和洋折衷デザインと、夜の街の幻想的な色彩美

半額以下！Google AI Proから新プラン「Google AI Plus」に切り替える方法

Wed, 28 Jan 2026 21:40:39 +0000

Googleから、Gemini 3 ProやNanoBanana Proなどの上位モデルが利用できる新しいプランの提供が始まりました。

「Google AI Pro」(月額2900円)の半額以下の料金(月額1200円)で使える「Google AI Plus」という新プランです。

コンテキストウィンドウサイズが8分の1になるため、「使い勝手にどのくらい影響するのか？」という点は気になるところですが、ひとまず試してみて問題がなければ、固定費を下げることが可能です。

ということで、早速、プランを変更してみましたので、その際の手順と、注意すべき点について共有したいと思います。

Google AI Plus プランの概要

今回提供が開始された「Google AI Plus」は、概ねProプランの機能を維持しつつ、ストレージ容量やコンテキストウィンドウなどのリソースの利用可能な範囲（サイズや性能？）を調整したプランのようです。

利用可能モデル: Gemini 3 Pro, NanoBanana Proなど（Proと同等）
ストレージ: 200GB（Proは2TB）
コンテキストウィンドウ: 128k（Proの8分の1）
価格: 月額1200円（Proの半額以下）

Nano BananaやDeep Researchなどには、Proと比較して一定程度の制限（回数など？）が設けられているようです。

ProからPlusへのプランの切り替え手順

変更はGoogle Oneの管理画面から行います。

ProからPlusへ変更する場合、画面上の表示が少し分かりにくい箇所がありましたので、以下の手順を参考にしてください（PCブラウザでの操作画面です）。

Google Oneの「メンバーシッププランを変更」画面を開く

まず、Google Oneの「メンバーシッププランを変更」画面を開きます。

現在Proプランを利用中の場合、画面には現在のプランとして「Google AI Pro(2TB)」が表示されています。

スクロールして「その他のプランを見る」をクリック

ここは注意ポイントです！

やりたいことは「ProからPlusへのダウングレード」なのですが、変更したい先の「Google AI Plus」は、初期状態の画面には表示されていません。

そこで、画面を下の方にスクロールしていくと、「その他のプラン見る」というリンクがありますので、こちらをクリックします。

「Google AI Plus(200GB)」にダウングレード

リンクをクリックすると、今まで表示されていなかったいくつかのプランが展開・表示されます。

その中に「Google AI Plus(200GB)」という欄が表示されますので、枠内にある「ダウングレード」というボタンをクリックします。

内容を確認して続行

「200GBに切り替えますか？」という確認画面が表示されますので、内容を確認し、問題がなければ「はい、続行します」をクリックします。

フリマアプリの出品価格と利益を決める計算機をヤフオクに対応させてみました

Sat, 28 Sep 2024 13:40:19 +0000

前に作って公開中のフリマアプリの出品価格と利益を計算する計算機を使った人から

『フリマアプリの出品価格と利益を検討する計算機を作りました.』昨年末、家族で相談して、身の回りの必要ではないと思う物を手放していく「断捨離」らしきことを始めたんですが、「どうせ手放すなら、捨てるよりもフリマに出して誰か…ameblo.jp

「ヤフオクにも対応して欲しいです」

というご要望を頂いたんですが、調べてみたら、ヤフオクの送料出品者負担だけなら他のフリマと計算のしかたが変わらない感じだったので対応してみました。

ご要望を送ってくださった方によると、

何円で出品すれば何円の利益になるか？
何円の利益が欲しい時は何円で出品すればいいか？

の両方が、複数サイトの一覧で見れるのが助かるとのことでした。

特に、利益から出品価格を出せるのを気に入ってくださっている様子でした。

今もまだ無料公開していますので、フリマアプリをやっている方は、よかったら使ってみて下さい。

» フリマ出品価格＆利益計算機

アメブロの「下書きボタン」がいつでも押せるようになって欲しい

Tue, 20 Aug 2024 17:30:22 +0000

アメブロのパソコン版の記事エディタで、

「下書きボタンがいつでも押せるようになって欲しい」

という声を聞いたんですが、確かに、

「いちいちスクロールしないと押せないのは使いにくいな」

と感じますね。

記事エディタの画面を見ると、タイトルを入力する欄の右側が空いているので、

ここに下書きボタンを置いて
スクロールしても居座るようにする

と便利なのでは？

と思うんですが、どうでしょう？

「いいと思う！」「それよりも、ここが良いのでは？」

などのご意見などあれば聞かせてほしいです。

Facebookの「あなたと他のフォロワーをメンション」や「コメントをハイライト」の通知を止める

Sun, 18 Aug 2024 13:33:29 +0000

なぜか最近になって、Facebookで、

「◯◯さんが投稿であなたと他のフォロワーをメンションしました。」「◯◯さんがあなたへのコメントをハイライトしました」

というお知らせが頻繁に届くようになりました。

どうやら一括メンションという機能で、以前からあるみたいなんですが、僕の繋がりのある辺りで、急に使う人が増えたんですかね？

ただ、個人的に非常に鬱陶しいと感じるので、止めることにしました。

止め方は簡単で、届いたお知らせの右側にある三点メニューアイコンをタップし、表示されたメニューから「一括メンションのお知らせをオフにする」を選ぶだけで良さそう。

もし同じように「鬱陶しいな」と思う場合は試してみて下さい。

にしても、こんなことやっても反感買うだけだと思うんですが、そんなふうには思わないんですかね？

WordPressテーマ「Genesis Framework」を勝手に日本語化するプラグイン

Thu, 20 Jun 2024 15:10:01 +0000

当ブログの管理人は、Genesis FrameworkというWordPressテーマが気に入っていて、サイト制作時によく利用します。

ただ、海外製のテーマなので、管理画面などは基本的に英語がベースになっています。

一応、日本語の翻訳も提供されてはいますが、実際は日本語化されている部分は少なく、また日本語化されていても分かりにくかったり間違えていたりすることも多いです。

なので、よく使う部分だけでもと思って、自分なりに勝手に日本語に翻訳するプラグインを作ってみました。

Genesis Framework version 3.5.0に、この記事を書いている時点で最新の翻訳¹を適用した状態から、公式に提供されている翻訳はできるだけそのまま使うという方針で、未翻訳、誤訳、翻訳がわかりにくい部分などを独自に補完したものになります。

無料で自由にご利用いただけますが、完全に非公式ですので、そのつもりでよろしくお願いします。

使い方は、↓こちらからダウンロードして、他のWordPressのプラグインと同様にアップロード＆有効化して下さい。

ダウンロード » Genesis_katte_ja version 3.5.0.0

プラグインの設定ページなどはありません。

仕組み

プラグインの中身は、翻訳の情報を書いた設定ファイルをgettext_genesisというアクションフックで読み込んで翻訳するという単純なものです。

本来はmoやpoといった翻訳ファイルを作ってやるべきなのでしょうが、面倒だったのでphpの設定ファイルを用意して、それにハードコーディングしています。

翻訳内容

このプラグインでは、日本語化されていない部分だけではなく、既に日本語化されていても「分かり難い」と感じた部分を別の日本語で言いかえています。

例えば、次の画像のように管理画面の表示が変わります。

Genesis Frameworkは子テーマの使用が前提なので、もともと「テーマのSEO設定」だった部分を、Genesis自身の設定であることがわかりやすいように「GenesisのSEO設定」に変えました。

また、和訳に間違いがあった部分も正しい表現に変えています（下の画像の「サイドバー2-サイドバー1-コンテンツ」の部分）

なお、必ずしも英語からの和訳として正確というわけではなく、かなり大胆に意訳している部分もあると思いますので、きになる場合は、必要に応じて修正していただければと思います。

以下、本プラグインによる翻訳のビフォー・アフターを書いておきますので、参考にして下さい。

カスタマイズ

Theme Settings (テーマの設定)

Theme Settings: → Genesisの設定; (「テーマの設定」から変更)

Site Layout (サイトレイアウト)

Select Site Layout: → サイトのレイアウトを選択して下さい.
Content, Primary Sidebar: → コンテンツ - サイドバー1; (「コンテンツ - 最初のサイドバー」から変更)
Primary Sidebar, Content: → サイドバー1 - コンテンツ; (「最初のサイドバー - コンテンツ」から変更)
Secondary Sidebar, Primary Sidebar, Content: → サイドバー2 - サイドバー1 - コンテンツ; (翻訳間違い(サイドバー2 - コンテンツ - サイドバー1)を修正)
Full Width Content: → サイドバーなし

Breadcrumbs (パンくずリスト)

Select the pages which should display breadcrumbs.: → パンくずリストを表示するページを選択して下さい.
Breadcrumbs on Homepage: → ホームページ
Breadcrumbs on Posts page: → 投稿一覧
Breadcrumbs on Single Posts: → 投稿
Breadcrumbs on Pages: → 固定ページ; (「ページ上のパンくずリスト」から変更)
Breadcrumbs on Archives: → アーカイブページ
Breadcrumbs on 404 page: → 404エラーページ
Breadcrumbs on Attachment/Media: → 添付ファイルやメディア',

Comments and Trackbacks (コメントおよびトラックバック)

Enable Comments on Posts: → 投稿でコメントを有効にする
Enable Comments on Pages: → 固定ページでコメントを有効にする
Enable Trackbacks on Posts: → 投稿でトラックバックを有効にする
Enable Trackbacks on Pages: → 固定ページでトラックバックを有効にする

Singular Content

Singular Content: → 個別コンテンツ
Modify the settings for individual entries such as posts and pages.: → 投稿や固定ページなど個別記事の設定を変更します.

Content Archives (コンテンツアーカイブ)

Content Archives: → アーカイブページ; (「コンテンツアーカイブ」から変更)
Entry content: → 記事の本文
Entry excerpts: → 記事の抜粋
Limit content to how many characters? (0 for no limit): → 本文を表示する場合の文字数制限(0は無制限)
Display the featured image?: → アイキャッチ画像を表示する
Featured Image Size: → アイキャッチ画像のサイズ
Featured Image Alignment: → アイキャッチ画像の位置揃え
Center: → 中央 (「真ん中」から変更)
Entry Pagination Type: → ページネーション(ページ送り)の種類
Previous / Next: → 前ページ / 次ページのみ (「前・次」から変更)
Numeric: → ページ番号のリンクあり; (「数値」から変更)

Header/Footer Scripts

Header/Footer Scripts: → ヘッダー／フッターのスクリプト
This code will output immediately before the closing %s tag in the document source.: → このコードはページのHTMLソース内で閉じタグ「%s」の直前に出力されます.

Theme SEO Settings (テーマのSEO設定)

Theme SEO Settings: → GenesisのSEO設定; (「テーマのSEO設定」から変更)

Document Title (タイトル)

Add site name to document title on inner pages?: → サブページのタイトルにサイト名を追加する
Document Title Separator: → ページのタイトルの区切り文字
If the title consists of two parts (original title and optional addition), then the separator will go in between them.: → タイトルが2つの部分(元のタイトルと追加要素)で構成されている場合、それらの間にこの区切り文字が入ります。
Document Title Order: → ページのタイトルの追加要素の位置
Additions on left: → 左
Additions on right: → 右
Determines which side the added title text will go on.: → 追加要素をページのタイトルのどちら側に配置するかを選択します。

Homepage (ホームページ)

Primary Title H1: → H1タグで表示する主要タイトル
Site Description (tagline): → サイトの説明(キャッチフレーズ)
Homepage Document Title: → ホームページのタイトル
If you leave the document title field blank, your site’s title will be used instead.: → 空欄のままにすると、サイトのタイトルが使用されます。
Add site description (tagline) to document title on home page?: → ホームページのタイトルにサイトの説明(ディスクリプション／キャッチフレーズ)を追加する
Meta Description: → メタ・ディスクリプション
The meta description can be used to determine the text used under the title on search engine results pages.: → 検索エンジンの結果ページで、タイトルの下に表示される可能性のある短い説明文を指定できます。

Document Head

Document Head: → head部の設定
By default, WordPress places several tags in your document title. Most of these tags are completely unnecessary, and provide no SEO value whatsoever; they just make your site slower to load. Choose which tags you would like included in your document title. If you do not know what something is, leave it unchecked.: → デフォルトでは、WordPressはページのhead部にいくつかのタグを出力します。これらのタグのほとんどは完全に不要であり、SEO的な価値は皆無です。サイトの読み込みが遅くなるだけです。head部に出力するタグを選択して下さい。何のことかがわからない場合は、チェックを外したままにしてください。

Indexing

Indexing: → 検索サイトへのインデックス
Apply noindex to the archive pages below.: → noindexを適用するアーカイブ(記事一覧)ページを選択して下さい。
Category Archives: → カテゴリーの記事一覧',
Tag Archives: → タグの記事一覧
Author Archives: → 投稿者の記事一覧
Date Archives: → 日付の記事一覧
Archiving: → 検索サイトへのアーカイブ
Apply noarchive to the pages below.: → noarchiveを適用するページを選択して下さい。

(その他項目 Indexingと同様 ↑)

レンタルサーバーの契約をしたら意味がわからないくらい安かった

Sun, 14 Apr 2024 21:00:34 +0000

今使っているサーバーからの乗り換え目的で、今日、レンタルサーバーの契約をしました。

CORESERVER(コアサーバー)のCORE-Xというプランで、3年契約しました。

CORE-Xは、普通に3年契約すると、

初期費用	月額（3年合計）
1,650円	390円（14,040円）

という料金のプランで、3年間の合計が、15,690円です。

容量400GB、転送量無制限という内容なので、これでも安いと思いますが、

ちょうど、初期費用無料＋月額費用20%OFFというキャンペーンをやっていて、

初期費用	月額（3年合計）
0円	312円（11,232円）

ということで、3年間の合計が、11,232円になりました。

さらに、コアサーバーを1年以上契約すると、サーバー契約中は、コアサーバーと同じ会社のバリュードメインで取得したドメインの更新費用が1つずっと無料になります。

ドメイン無料は、当サイトで使っている比較的高額な.jpも対象です。

バリュードメインでは、現時点で.jpドメインの費用が年額3,843円なので、これの3年分11,529円が無料になりました。

結局、3年で、

　サーバー費用 11,232円　ドメイン費用 0円

になったので、サーバー費用全額に.jpドメインの費用も含めて、

月額 312円

で使えることになりました。

もちろん、WordPressも問題なく、複数サイトインストールしても十分に使えるサーバーです。

数年前と比べると、本当に意味がわからないくらい安いですね。

» CORESERVER(コアサーバー)

YouTube動画をアメブロに貼り付けると画面からはみ出してしまう問題への対処方法

Wed, 03 Apr 2024 23:20:52 +0000

アメブロに普通にYouTubeの動画を貼り付けると、スマートフォンのブラウザで見た時に画面から左右がはみ出してしまい、全体が表示されません。

Amebaアプリで見ると問題のない表示ですが、ブラウザでは、iPhone版のSafariでも、Android版のChromeでも次の画像のようになります。

アスペクト比が16:9の一般的な動画ですが、この表示では左右がはみ出して見えんくなってしまっているため、12:10くらいの動画であるかのような表示になってしまっています。

また、パソコン版の2カラムレイアウトでは逆に横幅が記事の幅に足りず、右に空白ができてしまいます。

つまり、アメブロのユーザー以外、つまりアプリをインストールしていない人が見てくれた時は、かなりの確率で、ちょっとカッコワルい表示になっていると思ったほうが良さそうです。

というわけで、この問題への対処方法を考えてみたところ、概ね問題ないと思われるタグができましたので、ご紹介します。

（ご紹介するのはパソコンでの操作になります）

YouTube動画をアメブロの記事の幅にピッタリ収まるように貼り付ける方法

まず、YouTubeから記事に貼り付けたい動画の埋め込みコードを持ってきます。

下の画像のように、貼り付けたい動画を開き、「共有」→「埋め込む」の順にクリックします。

「動画の埋め込み」が表示されたら「コピー」をクリックします。

これで、埋め込みコードがクリップボードにコピーされましたので、それをメモ帳などのテキストエディタで編集します。

今回は、↓サンプルとしてこの埋め込みコードを使ってみます。

<iframe width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

まず、最初の<iframeの後ろに以下のコード（style属性）を追加します。

style="margin:0;min-width:0;width:100%;height:100%"

iframeと「このコード」の間にも、「このコード」と次のwidthの間にも、必ずスペース（空白文字）が必要ですのでくっつかないよう注意して下さい。

追加後の埋め込みコードは、次のようになります。

<iframe style="margin:0;min-width:0;width:100%;height:100%" width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe>

更に、これの前に、

<div style="position:relative;padding:56.25% 0 0 0;width:100%;"><div style="position:absolute;left:0;top:0;width:100%;height:100%;">

後ろに、

</div></div>

を付けます。

結果、埋め込みコード全体は、次のようになります。

<div style="position:relative;padding:56.25% 0 0 0;width:100%;"><div style="position:absolute;left:0;top:0;width:100%;height:100%;"><iframe style="margin:0;min-width:0;width:100%;height:100%" width="560" height="315" src="https://www.youtube.com/embed/gANPXn2rlXg?si=bQmICnUKkxRyWcK2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>

実際に貼り付けた例

修正した埋め込みコードでYouTube動画を貼り付けると・・・、

このように、スマホ画面の左右にはみ出さず、他の文字と同じ記事の幅にピッタリ合うようにYouTubeの動画を貼り付けることができます。

広告ブロッカーをブロックしてみた結果

Wed, 27 Mar 2024 17:35:08 +0000

先日、Googleアドセンス広告を貼って公開しているWebページで、1ページだけ、「広告ブロッカーをブロックする」というのをやってみました。

PVがあっても、広告ブロッカーで広告の表示が阻害されるとアドセンス広告を貼っている意味がないので、もしそれなりに効果があるなら儲けものです。

具体的には、アドセンス広告をブロックする広告ブロッカーが動いているときは、ページの重要なコンテンツを表示しなくなくなるスクリプトをページに組み込んで、どのように変化するか確認してみました。

対象のページについて

今回、対象としたページは、次の画像のグラフのようなアクセス状況のページです。

訪問者数が1日10人くらいでPVが1日に170くらいの、少数のユーザーが1日に何度も訪れるページです。

少々特殊なページと言えるかもしれません。

通常のブログ記事などと比べるとリピーターも多めなので、プラスに出るにしても、マイナスに出るにしても、おそらく広告ブロッカー無効化の効果が大きめに分かりやすく出るだろうと思い、対象としました。

コード例

コードは、次のようなものです（jQuery前提です）。

if ( $( &#039;.adsbygoogle iframe[src]&#039; ).length ) {
  // ここに広告がブロックされて「いない」場合の処理を書く
} else {
  // ここに広告がブロックされて「いる」場合の処理を書く
}

とても簡単なものなので、全ての広告ブロッカーに有効というわけではないと思います。

アドセンスが表示される前に動作しても意味がないので、場合によってはタイマーで起動するなどの工夫が必要かもしれません。

setTimeout( function() {
  if ( $( &#039;.adsbygoogle iframe[src]&#039; ).length ) {
    // ここに広告がブロックされて「いない」場合の処理を書く
  } else {
    // ここに広告がブロックされて「いる」場合の処理を書く
  }
}, 1000 /* 起動までのミリ秒数 */ );

結果をご紹介

結果です。

上でも書きましたが、今回対象としたページは、広告ブロッカー無効化の効果が大きめに出やすいであろうと思われるページですので、その前提で捉えて下さい。

結果は、以下のグラフのようになりました。

めちゃくちゃ分かりやすい変化でした。

導入前は、広告がほとんど表示されていない状態で、収益が月100円前後まで落ち込んでいましたが、導入後は、一気に増えました。

数日暴れましたが、概ね、月1000円ペースに落ち着いたように感じます。

ちなみに、訪問者数が少ないということもあって、クリックされることはほとんど無いので、ほぼ全てインプレション収益です。

1ページだけでこの効果なので、こんなページを1000ページ持っていれば月100万円ですね。

持ってないですが・・・。

まとめ

今回、場合によってはユーザー数が減って導入前よりもひどい状態になるかもしれないとも思っていたのですが、元々ひどかったので、「まあ、そうなってもいいか」と考えてやってみました。

結果、思惑通りというか、むしろ期待以上にうまく行ったように感じています。

ですが、1ユーザーあたり1～2PVくらいの普通のブログ記事の場合だと、恐らくこうは行かないだろうと思っています。

ほとんどの訪問者は、広告ブロッカーが阻害された時点で、何の感情もなく去っていくでしょうから。

もし勇気が出たら、普通のブログ記事でもやってみようと思いますので、その時はまた記事に書かせてもらいます。

タグをコピペして使える！囲み枠・ボックスデザイン各種

Mon, 18 Mar 2024 09:22:38 +0000

読者に読んでほしい重要な情報や、注意を促したいポイントなどを囲むことで、視覚的に目立たせることができる、囲み枠（ボックスデザイン）をいろいろ作ってみましたのでご紹介します。

各囲み枠の中にある**【この囲み枠のタグを取得・編集】というリンク**から、HTMLタグをコピペしたり、好みに応じて囲み枠のカスタマイズをしたりもできるページが開きますので、よかったら試してみてください。

シンプルな囲み枠(実線・破線・点線・二重線)

最もシンプルな囲み枠です。

外枠のdivタグと本文のdivタグのみのシンプルな構造で、外枠の方にスタイルを適用することで、色、枠線の種類、角の丸み、影などのバリエーションを実現しています。

構造は同じでも、枠線の太さや色、背景色、角の丸みなどを変えるだけでも、全く違った囲み枠になります。

枠線を無くして、影をつけてみました。

外枠を破線にしたり、

外枠を二重線にすることもできます。

外枠を点線にすると、控えめな感じになりますが、

「点」を大きくして色を変えると、明るく元気な感じにもできます。

こうして見ると、単に目立たせたいだけであれば、実はこの囲み枠だけあれば十分かもしれません。

タイトル付きの囲み枠

タイトルが枠線の上

囲み枠の本体に加えて、上部にタイトルを書くことができる囲み枠です。

囲み枠の中で伝えたい内容をタイトル部分で端的に言うことで、より伝わり易くなることが期待できます。

こちらは、fieldsetとlegendというタグを使ったベーシックなタイプのタイトル付き囲み枠です。

このタグを使うと、タイトルの背景を透過しても、タイトルと重なる部分の外枠が自動で消えてくれるのでとても便利です。

ここにタイトル

ほかに、タイトルが囲み枠の枠線の外側にタブのように貼り付くタイプ。

WordPressとPHPのバージョンを管理画面の見やすい位置に常時表示する方法

Mon, 04 Mar 2024 20:15:46 +0000

WordPressとPHPのバージョンを管理画面の左上あたりの見やすい位置に常時表示する方法です。

WordPressのバージョンは管理画面の右下に表示されていますし、PHPのバージョンはサイトヘルスの「情報-サーバー」を見ればわかりますが、「すぐに見たい！」と思った時にどこを見ればよかったか分からなくなることはありませんか？

そんな方にはピッタリのカスタマイズ方法だと思います。

まずはコードからご紹介

まずは、カスタマイズのためのコードですが、以下のようなものです。

add_action( &#039;admin_notices&#039;, function () {
  global $wp_version;
  printf(
    &#039;&lt;p id=&quot;your_version_infos&quot;&gt;&lt;span id=&quot;your_version_of_wordpress&quot;&gt;WordPress ver.&lt;b&gt;%s&lt;/b&gt;&lt;/span&gt; / &lt;span id=&quot;your_version_of_php&quot;&gt;PHP ver.&lt;b&gt;%s&lt;/b&gt;&lt;/span&gt;&lt;/p&gt;&#039;, $wp_version, phpversion()
  );
} );

内容を簡単に説明すると、

WordPressのバージョンは、グローバル変数$wp_versionで取得。
PHPのバージョンは、関数phpversion()で取得。
取得した2つのバージョンを、アクションフックadmin_noticesで画面に表示。

となっています。

これが管理画面表示時に実行されればOKですので、その方法を3つご紹介します。

方法1：プラグインとしてインストール・有効化

１つ目の方法として、上記のコードの内容を実行するプラグイン(Show wp and php versions)を用意しました。

特にやり方にこだわりがなければ、これが一番簡単なのでおすすめです。

不要になった場合も、プラグインの一覧画面で無効化・削除するだけです。

手順は、以下の通りです。

こちらからプラグイン(zip形式)をダウンロード
WordPressの管理画面にログイン
左サイドバーの「プラグイン」をクリック
プラグインの画面で「新規プラグインの追加」をクリック
プラグインを追加の画面で「プラグインのアップロード」をクリック
ダウンロードしたzipファイルを選択して「今すぐインストール」をクリック
インストールできたら有効化

有効化すれば、管理画面の左上の方にすぐにWordPressとPHPのバージョンが表示されると思います。

設定などは特にありません。

方法2：「Code Snippets」プラグインのスニペットとして登録

2つめは、「Code Snippets」というプラグインを使ってスニペット(「再利用できる小さいプログラム」のような意味)として導入する方法です。

マイナーなプラグインはインストールしたくないものの、テーマのファイルを直接編集することが難しい、または不安という方におすすめです。

Code Snippetsは、記事執筆の時点で90万以上のダウンロード実績と星4.5以上の評価を得ている優秀なプラグインです。

まず、以下の手順でCode Snippetsをインストール・有効化します。

WordPressの管理画面にログイン
左サイドバーの「プラグイン」をクリック
プラグインの画面で「新規プラグインの追加」をクリック
「Code Snippets」を検索
「Code Snippets」の「今すぐインストール」をクリック
インストールできたら有効化

有効化すると、左サイドメニューに「スニペット」というメニューが表示されるので、そこから「新規作成」をクリックします。

アメブロの運営から警告メッセージが届いた話

Sun, 25 Feb 2024 20:30:00 +0000

もうずいぶん前の話になりますが、私のアメブロのアカウントにアメブロの運営から警告メッセージが来たことがあります。

アメブロの運営から届いた警告メッセージ

届いたのは、↓こんな警告メッセージです。

内容を要約すると・・・、

「Amebaのメッセージ機能で規約違反したことを確認しました。今後も規約違反をした場合は、通知なく機能制限や退会措置もあります。」

ということのようです。

送信者もヘルプに書かれているのと同じでした。

なので、イタズラとかではありません。

心当たりがありました

このメッセージを受け取って、最近やり取りしたメッセージを確認しながら、考えてみたんですが・・・

心当たりがありました。

実は、別のアメブロユーザーにユーザーIDとパスワードをメッセージで教えました。

それが、規約の第5条に引っかかったのではないかと思います。

つまり、「他人に自分のアメブロの認証情報を教えて使わせようとした」と判断されたのでしょう。

誤解です

しかし、実はこれは、おそらく誤解されただけだと思います。

なぜかと言うと、私が教えたのはアメーバとは別のシステムのユーザーIDとパスワードだからです。

つまり、アメブロの認証情報（IDとパスワード）は、教えてはいません。

それでも、警告メッセージは来ました。

そして、有無を言わさず「規約違反した」と判断されました。

何を言いたいかというと、この時は警告だけで済んだので良かったのですが・・・、

たとえ、規約違反と判断された原因が誤解であったとしても、届いた警告文にも書かれている通り、通知なく削除されたり強制的に退会になったりする可能性もあるということです。

手段を一つに絞るのは恐ろしい

アメブロに限らず、Instagram、Facebook、X(Twitter))などは、何れもシステムの一部を借りて使わせてもらっているだけなので、そのシステム全体と多くのユーザーを守るという名目のために、かなり厳しめの規約があることが多いです。

しかも、その内容は、運営の裁量次第でどうとでも判断できるようなものが含まれていることも少なくありません。

そして、意図のある無しに関わらず、その規約に違反してしまうと、突然、アカウントが凍結されたり削除されたりする可能性があります。

仮になにか一つのメディアの運用がうまく行っていたとしても、手段を（これらのシステムの一部を間借りしているだけのメディア）一つに絞るのは、ある日突然「手詰まり」になってしまう可能性のある、本当に恐ろしいことだと思います。

やはり、もし仮にアカウントのどれかが無効になっても、少なくとも手詰まりになってしまうようなことにはならないよう備えておくべきだろうと、強く思います。

例えば、WordPressなどの「運営の裁量」のようなものが及ばないところでブログを作っておくとか、メルマガの読者を増やしておくとか、複数のSNSで繋がっておくとか。

常日頃から、気をつけておきたいものだと思います。

アメブロの記事に貼り付けた画像がスマホ版ブラウザで見たときに勝手に拡大され表示が崩れてしまう問題への対処方法

Sun, 25 Feb 2024 14:30:26 +0000

アメブロには、スマートフォン版ブラウザで見たときだけ、記事に貼り付けた画像の横幅が画面の横幅と同じサイズになるまで拡大表示されるという仕様があります（2024/02/25現在）。

Amebaアプリや、パソコン版ブラウザ、iPad版ブラウザではそのようなことが起こらないため、画像の貼り付け方によっては、スマホ版ブラウザで見たときだけ表示が崩れることになってしまいます。

本当に困った仕様ですが、調べてみたところ、対処方法がありましたのでご紹介したいと思います。

Amebaアプリを使っていると、スマホ版ブラウザで自身のアメブロを見ることは少なくなると思いますが、スマホ版ブラウザの画面は、GoogleやSNSからの訪問者が見る画面なので、このあたりからのアクセス流入や集客を考えている方は、ちゃんとチェックして対策しておくほうが良いでしょう。

どのように表示が崩れるのか？

ではまず、具体的にどのように表示が崩れるのか？を見てみます。

囲み枠に入れない場合

最初に、囲み枠などに入れずに、記事枠内にダイレクトに貼り付けた場合です。

↓こちらは、PC版の記事エディタで普通に画像を貼り付けて、PCで表示した例です。

これを、スマホのAmebaアプリで見ると、↓このように表示されます。

1枚目と2枚目の間が妙に広く空いていますが、まあ何とか許容範囲でしょうか。

そして、これを、スマホ版ブラウザで見ると、↓このように表示されます。

2枚目だけ、左右の余白などを一切無視して、画面幅いっぱいまで拡大されました。

ちなみに、これは、Android版のGoogle Chromeでの表示ですが、iPhone版のChromeやSafariでも同様でした。

なぜ2枚目だけなのか？にも理由がありますが、それは後ほど。

囲み枠に入れた場合

次に、簡単な囲み枠に入れた場合を見てみます。

パソコンで↓このように表示される場合です。

スマホのAmebaアプリで見ると、↓このように表示されました。

やはり、と2枚目の間が妙に広く空いてしまいますが、破綻はしていません。

そして、問題のスマホ版ブラウザで見た場合は、↓このように表示されます。

もう、これはダメですね。

2枚目の画像が、表示位置もおかしいですし、右側が画面外にはみ出してしまっています。

ご自身の記事をAmebaアプリ、PC版ブラウザ、スマホ版ブラウザの全てで確認する人は少ないかもしれませんので、確認してみてこんな事になっていると知ってしまうと、驚くでしょうね。

かく言う私も、とても驚きました。

表示が崩れる原因と対策は？

さて、上のように、記事に貼り付けた画像がスマホ版ブラウザで見た場合だけ表示が崩れてしまうのには、もちろん原因があります。

それは、スマホ版ブラウザで記事を表示するときに、次のような処理が行われているためです。

記事に貼り付けられた横幅が400ピクセル以上ある画像の<img>タグに、　data-amb-layout="fill-width" という属性が追加される。
その属性の付いている画像に対して「位置を左へ16pxずらす」「横幅の最小値を画面の横幅にする」という内容のスタイルが適用される。

「属性」とか「スタイル」とか少々専門用語が出ましたが、要は、横幅が400ピクセル未満であれば処理の対象外ということです。

上の例で、2枚の画像のうちの1枚目の表示が崩れなかったのは、実は、画像の横幅が399ピクセルだったからです（2枚目は400ピクセルです）。

なので、当記事で問題にしている「スマホ版ブラウザで表示が崩れてしまう処理」を回避するには、次の画像のように、画像を貼り付ける時は横幅を399ピクセル以下にすると良いということになります。

大きな画像は使えないのか？

では、スマホ版ブラウザでの表示のことを考えると、400ピクセル以上の大きな画像は使えないのでしょうか？

実は、囲み枠に少し工夫をすることで使えます。

↓こちらは、これまでと同じ、横幅が399ピクセルと400ピクセルの2枚の画像を貼り付けたものをスマホ版ブラウザで見たものですが、2枚目の画像も拡大されず、はみ出してもいません。

どうやら、スマホ版ブラウザで表示したときでも、アメブロの記事エディタで用意されている囲み枠の中に貼り付けた画像は、たとえ横幅が400ピクセル以上でも、上記のような拡大処理はしないことになってるようです。

つまり、アメブロの記事エディタで用意されている囲み枠の中に入れるか、もしくは、自作の囲み枠でも、アメブロの記事エディタで用意されているものに仕様を合わせることで、その囲み枠の中に貼り付けた画像を表示崩れの元になる拡大処理の対象外とすることができます。

具体的には、囲み枠の一番外側の要素(HTMLタグ)にdata-entrydesign-part=""という属性を設定すればOKです。

例えば、元が、

<div style="border:2px solid #666;border-radius:4px;padding:20px">囲み枠の中身</div>

という囲み枠だったとすると、これを、

写真に写り込んでしまった消したいものを簡単に消す

Mon, 19 Feb 2024 22:53:41 +0000

ただいま絶賛練習中の・Affinity Photoという画像編集ツールで「写真に写り込んでしまった消したいものを簡単に消す」というのをやってみました。

やり方は一つではありませんが、今回は「インペインティングブラシツール」という機能を使ってみました。

↓こんな写真の真ん中の蝶を２頭消して、

↓このようにします。

もちろん、本当にこの蝶を消したいわけではありませんが、練習用にわかりやすいのを選びました。

実際にやってみた動画が↓こちら。

所要時間は約30秒で、めちゃくちゃ簡単にできました。

一応もうひとつ、↓別のもやってみましたが、やっぱり簡単です。

もちろん、写真によってはなかなかキレイに消せないこともありますが、試してみる前に思っていたよりはかなり優秀でした。

ちなみに、Photoshop CS5.1(古くてすみません)で同様の機能(スポット修復ブラシツール)を使ってやってみたのが↓こちら。

選択するブラシ名が違うだけで、それ以外の操作は全く同じで、仕上がりもよく似た感じになりますね。

・Serif Affinity Photo for PC (SOURCENEXT/Windows7、10対応)

・Affinity Photo (Microsoft Store／Windows10のみ)

あと、↓こちらにも同ソフトのことを書いてありますのでよかったら。

『PhotoshopとIllustratorの月額課金が嫌なので代替品を探してみました』

Adobeが自社のソフトウェアを月額課金制にしてから、もともとユーザーだった人が、乗り換えのために(特にPhotoshopとIllustratorの)代替品を…

島のWeb屋の日記

完全無料でWordPressを使う場合の課題と解決案について考えてみた

Fri, 02 Feb 2024 09:19:23 +0000

WordPressでホームページを作ろうと思うと、普通は「レンタルサーバー」と「ドメイン」の費用が必要ですが、完全無料でできる方法もあります。

[linkcard slug=“free-wordpress”]

XREAという20年以上前からある無料レンタルサーバーを使いました。

↓サンプルサイト的なデモサイトも作ってみました。

[linkcard_ext url=“http://ffwp.s322.xrea.com/” title=“完全無料WordPress” image="/home/wp-content/uploads/2024/04/o0620039115428093700.jpg" domain=“ffwp.s322.xrea.com”]【デモ】支払いが一切発生しない完全無料のWordPressサイトを作ってみました。完全無料の場合は広告表示＋レンタルサーバー会社のサブドメイン＋SSL使用不可の制限あり[/linkcard_ext]

無料の割にWordPressの動作も比較的軽快で使えないことは無さそうです（但し、検討すべき課題はあります）。

ちなみに、↓パソコンで見た時のトップページはこんな見た目です。

サーバーの申し込みからここまでで、所要時間は、待ち時間なども入れて概ね1～2時間くらいといったところでした。

テーマはLightningという有名な無料テーマを使いました。

メインビジュアルもCanvaという有名な無料デザイン作成サイトで適当に作ってみました。

デザインACなどでも簡単に作れます。

ただし、完全無料のため、検討すべき課題がいくつかあります。

広告表示が必須

画面最上部に広告が必ず出ます（WordPressのインストール中や管理画面にも出ます）。

今回のデモサイトは、広告が出る瞬間に画面がガクッとなったのと、広告が入ってくることでモバイルのメニュー表示ボタンの位置がおかしくなったので、調整するために少し追加CSSを記述しました。

広告が出るのは困るという場合は、一ヶ月あたり200円ちょっと（3年契約の場合）支払って上位の「XREA Plus」というプランにすると、広告を消すことができます（ついでに容量200GBなど、スペックもかなり上がります）。

ドメインがレンタルサーバーのサブドメイン

サーバー申し込み時に最初に一つだけ割り当てられるレンタルサーバーのサブドメイン（初期ドメイン）をサイトのURLとして使うことになります。

初期ドメインは他のサーバーでは使えないため、サーバーを変えたいとなったときに同じURLで引っ越しできないので注意が必要です。

もし、アクセスが増えて無料サーバーでは処理しきれなくなり別のサーバに引っ越すとなった場合に、URLが変わってしまいます。

なので、（「完全無料」では無くなりますが）最初から「.com」などの独自ドメインを取得してスタートて、その独自ドメインを使ってサイトを立ち上げるのが無難だと思います。

独自ドメインならURLを変えずに引っ越しできます。

費用は「.com」なら1年あたり2000円以下くらいです。

なお、XREAの無料サーバーの申し込み時に「.shop」の独自ドメインを無料でもらえますが、これを使うと2年目から更新費が発生するため「完全無料」と考えると使えません。

「.shop」の更新費は5000円超えで意外と高いです。

SSLが使えない

XREAレンタルサーバーから借りる初期ドメインは、SSLに対応していません。

つまり「https」で始まるURLが使えません。

今はURLが「https」で始まっていないとブラウザで「安全ではない」と表示されてあまり見栄えがよくありませんし、WordPressのログインパスワードを盗聴されるリスクも上がります（確率は低いとは思いますが）。

この問題の解決策も、前項で書いた、独自ドメインを1つ取ってそれを使うことです。

まとめ

以上、「完全無料でWordPress」について考えてみました。

完全無料は魅力的ですし、表示も思ったより軽快で良さそうではあるものの、懸念事項が多く、本気のホームページとしては使いにくい仕様で、少々無理がある気がします。

やはり、少し費用を出して、もっと制約の無いサーバーを借りるべきだろうと思います。

ちなみに、XREAの広告を消して（3年契約で）、「.com」ドメインを一つ取れば、年間維持費は4000円ちょっと（月額370円程度）なので、これを使うという方法も考えられます。

ほかにも、サーバーを借りている間はドメイン費用がかからないというレンタルサーバーも増えましたので、そういうところから探せば、月額500円くらいまででWordPress用のサーバーとドメインの両方を維持できます。

精神衛生上も、その方が良いかもしれないですね。

最後に、独自ドメインを取得しても月額500円程度で使えるレンタルサーバーのプランを3つご紹介します。

1 XREAの有料プラン「XREA Plus」: XREA Freeの上位プラン。1ヶ月あたり209円（3年一括の場合）で、広告なし、初期ドメインとは別のSSL通信もできるサブドメインも3個まで無料で利用することが可能。.comや.netなどの独自ドメインを取っても1ヶ月あたり370円程度です。容量も200GBに増えます。

2 CORESERVER（コアサーバー）のV2プラン: XREAと同じ会社が運営しているサーバーで、1ヶ月あたり390円（3年一括の場合）から利用できます。独自ドメインも同時契約すればサーバーの初期費用が無料。しかもサーバー契約中は独自ドメインの更新料が1つ無料になります。つまり、最初のドメイン購入費用以外は、1ヶ月あたり390円のみです。しかも本来は1ヶ月あたり300円以上かかる高額な.jpドメインも無料対象なので、めちゃくちゃお得です。

3 ロリポップ！のハイスピードプラン: 独自ドメインが2つまで無料。1個目は.jpドメインも対象（2個目は選択肢がかなり減ります）。安価なプラントしては珍しく電話サポートも付いているので、ネットのサポートだけでは不安な初心者も安心です。これで月額550円（3年契約の場合）は、かなりお得でしょう。

最初からずっと0円！完全無料でWordPressのサイトを運営する方法

Tue, 30 Jan 2024 23:20:10 +0000

WordPressでサイトを作る場合、ブログでもホームページでも、サーバーとドメインに費用がかかるのが一般的ですが、そういった費用は一切なしで、全て無料にすることは可能です。

XREA（エクスリア）というレンタルサーバーの「XREA Free」という無料プランを使います。

これを使うと、初期費用も0円、月額費用も0円、最初からずっと完全無料でWordPressのサイトを公開し続けることができます。

どんなレンタルサーバーか？

XREAの無料プラン「XREA Free」は、ウェブサイトに広告を表示することを条件として、無料で使えるレンタルサーバーです。

容量は10GBなので、有り余るほどの余裕があるわけではありませんが、写真を適切なサイズに縮小してからアップロードするなど、容量を無駄遣いしなければ、ホームページでもブログでも問題なく運用することができます。

ただし、動画をたくさんアップロードするのはさすがに厳しいので、その場合は、YouTubeにアップロードした動画を貼り付けるようにするなどの工夫が必要になるでしょう。

もちろんWordPressをインストールして使うこともできますし、自動バックアップが15世代も付いて、商用利用も可能という、無料であることを考えると、非常に豪華で嬉しい仕様です。

しかも、実際に使ってみた感想としては、無料とは思えないくらい動作も軽快で快適だ、と感じました。

無料で使うための条件は？

ただし、無料で使い始めて、そして、その後もずっと無料で使い続けるためには、以下ような条件(制限)があります。

広告の表示が必須: 全てのページに広告が表示されます。広告のサイズは大きくはありませんが、位置は、画面最上部中央というかなり目立つ場所です。
ドメインはXREAのサブドメイン: ずっと無料で使えるドメインは、サーバー契約時に割り当てられるアカウント名.サーバー名.xrea.comというXREAのサブドメインのみ（以下「初期ドメイン」と呼びます）です。
SSL（https:）は使えない: 残念ながら、上記の「初期ドメイン」はSSL(TLS)通信を使うことができません。なので、https:で始まるURLは使えず、http:始まりになります。

これらは、無料で使い続けるための条件になりますので、一つでも無理だと思う場合は、無料はやめて、有料の方法を検討される方が良いと思います。

最近は、有料でもかなり安価で使えるレンタルサーバーも増えていますので。

例として、独自ドメインを取得しても月額500円程度で使えるレンタルサーバーのプランを3つご紹介します。

1 XREAの有料プラン「XREA Plus」: XREA Freeの上位プラン。1ヶ月あたり209円（3年一括の場合）で、広告なし、初期ドメインとは別のSSL通信もできるサブドメインも3個まで無料で利用することが可能。.comや.netなどの独自ドメインを取っても1ヶ月あたり370円程度です。容量も200GBに増えます。

2 CORESERVER（コアサーバー）のV2プラン: XREAと同じ会社が運営しているサーバーで、1ヶ月あたり390円（3年一括の場合）から利用できます。独自ドメインも同時契約すればサーバーの初期費用が無料。しかもサーバー契約中は独自ドメインの更新料が1つ無料になります。つまり、最初のドメイン購入費用以外は、1ヶ月あたり390円のみです。しかも本来は1ヶ月あたり300円以上かかる高額な.jpドメインも無料対象なので、めちゃくちゃお得です。

3 ロリポップ！のハイスピードプラン: 独自ドメインが2つまで無料。1個目は.jpドメインも対象（2個目は選択肢がかなり減ります）。安価なプラントしては珍しく電話サポートも付いているので、ネットのサポートだけでは不安な初心者も安心です。これで月額550円（3年契約の場合）は、かなりお得でしょう。

無料アカウント作成

それでは、ここから、XREAの無料プランを利用して、WordPressでずっと無料で使えるサイトを立ち上げていきます。

まず最初に、XREAの公式サイトの画面右上にある「無料アカウント作成」をクリックして下さい。

すると、下の画像のような「アカウント作成」という画面が開きます。

この画面は、このあとの手順で何度も訪れることになりますので、閉じずに残しておくことをお勧めします（閉じてしまってもXREAの公式サイトからすぐに開けますので大丈夫ですが）。

まず、第１ステップとして「バリュードメイン」というサービスにユーザー登録するよう促されます。

XREAのサーバーは、このバリュードメインの管理画面から管理する仕組みになっているため、XREAを利用するには、バリュードメインに登録することが前提となっています。

ということで、「バリュードメインユーザー登録画面はこちら」というボタンをクリックして下さい。

既にバリュードメインのサービスを利用している場合は改めてユーザー登録をする必要はありませんので、XREAの新規アカウントを作成からはじめて下さい。

バリュードメインにユーザー登録

ユーザーアカウント作成

下の画像のような、バリュードメイン（Value Domain）のユーザーアカウント作成の画面が開いたでしょうか。

ここでは「ユーザー名」、「パスワード」、「メールアドレス」を入力します。

「ユーザー名」と「パスワード」は、今後、バリュードメインの管理画面にログインするために使いますので、忘れないものにしましょう。

ただしパスワードには、あまり簡単すぎるものを使うのは危険です。

「メールアドレス」には、バリュードメインなどからの連絡メールを受け取れる有効なメールアドレスを入力して下さい。

3つの項目すべてに入力できたら「入力内容を確認」ボタンをクリックして入力内容確認の画面に移ります。

内容に問題がなければ「登録する」ボタンをクリックして下さい。

もし修正したい場合は「修正する」ボタンをクリックしてやり直して下さい。

メール認証

次は、メールアドレス認証という画面です。

この時点で、先ほど登録したメールアドレス宛に（noreply@valueauth.jpというメールアドレスから）「認証コードの確認」というタイトルのメールが届いていると思いますので確認して下さい。

フリマアプリの出品価格と利益の計算機を作ってみました

Fri, 12 Jan 2024 12:30:08 +0000

昨年末、身の回りの必要ではないと思う物を手放していく「断捨離」らしきことを始めたんですが、

「どうせ手放すなら、捨てるよりもフリマに出して誰かに使ってもらおう」「お小遣いにもなって、一石二鳥！！それで食事とか行きたくない？」

と、断捨離なのに少々下衆な動機が芽生えて、手放すものをネットフリマに出品することにしました。

どのフリマサイトにいくらで出品すればいいのか？

とりあえず大手３サイトの「メルカリ」「楽天ラクマ」「Yahoo!フリマ」に出すことにして、これらのフリマアプリをダウンロードして使ってみたところ、

「どのフリマにいくらで出品すればいいの？」

と、悩んでしまいました。

フリマサイトごとに手数料も送料も違うし・・・

下手すると、お小遣いどころか普通に赤字になったりもしますよね。

フリマ出品価格＆利益計算機を作ってみた

そこで、

何円で出品すれば、どのフリマで何円の利益になるか？
何円の利益のためには、どのフリマに何円で出品すればいいか？

を簡単に計算できる、自分で使いやすいと思う計算機を作ってみました。

フリマ出品価格＆利益計算機

スマートフォンやパソコンで、SafariやChromeなどのブラウザで開いてすぐに使えます。

実は、最初は自分用に自分のパソコン内だけで使えるものを作ったんですが、我ながら思ったよりも意外と良くできたと感じたのと、家族からもなかなか好評だったので、公開してみることにしました。

フリマ出品価格＆利益計算機の使い方を簡単に

使い方は簡単で、

フリマ出品価格＆利益計算機のページをブラウザで開き、「金額」のところに出品したい金額を入れると、フリマアプリごと・発送方法ごとに、利益がいくらになるか表示されます。

また、「替」というボタンを押すと入力した金額を利益と判断して、その利益のためにはフリマアプリごと・発送方法ごとに、何円で出品すればよいかを表示するようになります。

「替」ボタンは押すたびに「出品額→利益」「利益→出品額」が反転するようになっています。

更に、表内の数値をタップすると、その数値を「金額」欄に自動入力して「替」ボタンを一回押した動作をします。

例えば、↑この画像の状態の時に「115」をタップ（クリック）すれば、115円の利益のためには各フリマで何円で出品すればよいか？という表示に変わるという具合です。

もちろん無料公開で、使用料とか一切かかりませんので、よかったら使ってみて下さい。

まとめ

とりあえず作って公開してみましたが、改善点が見つかれば修正していきたいと思っています。

また、送料や手数料などの必要経費も、変更になったという情報を入手したら更新していきたいと思います。

もしご意見や各経費の情報などがありましたら、コメントやお問い合わせからご連絡いただけたら嬉しいです。

フリマ出品価格＆利益計算機

Flickrでパブリックドメインの写真だけを検索する方法

Sat, 22 Jul 2023 13:50:10 +0000

Flickrの写真は、原則「クレジット表記必須」のCreative Commonsというライセンスで公開されていますが、中にはクレジット表記不要のパブリックドメインというライセンスで公開されている写真もたくさんあります。

ここでは、そのようなパブリックドメインの写真をFlickrから検索する方法をご紹介します。

まず、Flickrで使われるライセンスの中にはパブリックドメインに該当するものが２つありますので見ておきます。

１.CC0 1.0 Universal (CC0 1.0) Public Domain Dedication 　（CC0 1.0 全世界 (CC0 1.0) パブリック・ドメイン提供）

2.Public Domain Mark 1.0 　（パブリック・ドメイン・マーク 1.0）

Flickrは検索パラメーター「license」で検索する際のライセンスを指定できますが、上記の「CC0」は「9」、「Public Domain Mark」は「10」を指定すればOKです。

ライセンスが「CC0」の写真を検索する場合

ライセンスが「CC0」の写真は↓以下のURLのページから検索できます。

https://www.flickr.com/search/?license=9

このページの検索ボックスに検索したいキーワードを入力して検索すると、引き続き「CC0」の写真を検索できます。

ただし、「CC0」の写真は検索結果で「Everyone’s Photos」よりも下に表示される写真で、上は広告やライセンスの異なる写真が含まれますのでご注意下さい。

また、個々の写真のページを表示すると「CC0」ライセンスを指定をしているパラメーターが解除されますので、別の写真の検索は、一旦検索結果の一覧ページに戻ってから行うと良いと思います。

ライセンスが「Public Domain Mark」の写真を検索する場合

ライセンスが「Public Domain Mark」の写真は以下のURLのページから検索できます。

https://www.flickr.com/search/?license=10

ほかの注意事項などは、「CC0」の場合と同じです。

ライセンスが「CC0」か「Public Domain Mark」の写真を検索する場合

ライセンスが「CC0」の写真とライセンスが「Public Domain Mark」の写真をまとめて検索することもできます。

その場合、以下のURLのページから検索して下さい。

https://www.flickr.com/search/?license=9%2C10

ほかの注意事項などは、「CC0」や「Public Domain Mark」だけの検索の場合と同じです。

パブリックドメインの写真は何にどう使っても良いか？

パブリックドメインライセンスとして公開されている画像は、著作権が切れた、若しくは放棄された画像ですので、何にどう使っても誰の権利も侵害しないように思われるかもしれませんが、残念ながらそうとは限りません。

CC0やPublic Domain Markの「その他の情報」にも書いてありますが、写真の中に写っているものに、別の誰かが所有している権利が残っている可能性があります。

なので、使い方によっては、その権利を侵害してしまう可能性があります。

そもそもそのような権利が残っている写真をパブリックドメインとして公開することに疑問を感じますが、実際にそのような状況になってしまっていますので仕方がありません。

そういった場合もあるということを認識した上で、使用するかどうかを判断する必要がありそうです。

アメブロのフォロー＆フォロワーが状態によってお互いどのように見えるのか？

Sun, 16 Jul 2023 22:47:05 +0000

アメブロのフォローおよびフォロワーが、状態によって管理画面でお互いにどのように見えるか？についてまとめておきたいと思います。

なお、「非公開でフォロー」すると相手には全く分からず、ただただ、ひっそりとフォロー先の更新情報を受け取れるようになるだけなので、あくまでも「公開でフォロー」した場合の話です。

「あなた」が「相手」をフォローする場合で書きます（当然、「相手」からフォローされる場合は逆になります）。

相手のフォロー受付が「全て承認する」の場合

まず、相手（フォロー先）のフォロー受付設定が「全て承認する」になっている場合です。

この場合、あなたは、即座に相手の公開フォロワーとなり、相手の管理画面のフォロワー一覧（「あなたのブログのフォロワー」という画面）にも承認済みの状態で表示され、相手から見て、あなたがフォロワーになったことがわかります。

あなたの管理画面のフォロー先一覧（「フォローしたブログ」という画面）でも即座に「●承認済み」と表示されます。

そして、あなたのホーム画面のフォローフィードに相手のアメブロの更新情報が届くようになりますし、お互いのアメブロの公開画面にフォロー＆フォロワーとして表示されます。

相手のフォロー受付が「選択する」の場合

フォロー先のフォロー受付設定が「選択する」になっている場合は少々複雑です。

フォロー申請した直後

まず、フォロー申請した直後ですが、

相手側には、・管理画面のフォロワー一覧に「承認待ち」状態で表示される。・アメブロの公開ページには、まだフォロワーとして表示されない。

あなた側は、・管理画面のフォロー先一覧に、「●申請中」で表示。・フォローフィードには相手の更新情報が届くようになる。・アメブロの公開ページには、まだフォロー先として表示されない。

という状態になります。

フォロー申請が却下（削除）された場合

もし、フォロー申請が相手に承認されずに却下（削除）された場合は、

相手側では、・管理画面のフォロワー一覧からフォロー申請の情報が消えます。・当然、アメブロの公開ページには表示されないままです。

あなた側は、・管理画面のフォロー先一覧は、「●申請中」のまま。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページには、フォロー先として表示されないまま。

となります。

つまり、あなた側（フォロー申請した側）では、フォロー申請が却下（削除）されたのか？それともまだ承認されていないだけなのか？を知ることができません。

フォロー申請が承認されると

無事にフォロー申請が承認された場合は、

相手側では、・管理画面のフォロワー一覧での表示が「承認済み」の状態になる。・アメブロの公開ページに、フォロワーとして表示さる。

あなた側は、・管理画面のフォロー先一覧で、「●承認済み」になる。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページには、フォロー先として表示さる。

相手のフォロー受付が「すべて拒否する」の場合

フォロー受付の設定が「すべて拒否する」の場合は、そもそも「公開でフォロー」のボタンが表示されないので、この記事の説明としては対象外となります。

承認済みのフォローが削除されると

既に相手のフォロワーとして承認済みであっても、残念ながら、場合によっては相手から削除されてしまうことがあります。

その場合は、

相手側では、・管理画面のフォロワー一覧からあなたの情報が消える（消えるので、以後もう承認できない）。・アメブロの公開ページでもフォロワーとして表示されなくなる。

あなた側では、・管理画面のフォロー先一覧では「●申請中」に戻る。・フォローフィードには相手の更新情報が届く状態のまま。・アメブロの公開ページに、フォロー先として表示されなくなる。

という状態になります。

これは、フォロー申請した時に、承認されずに却下（削除）された場合と同じ状態になるということです。

つまり、一度「●承認済み」になっていたのに「●申請中」に戻った場合、あなたは相手のアメブロのフォロワー一覧から削除されたということです。

しかし、削除されても、ホーム画面で相手の更新情報は届く状態のままなので、フォロワーから削除されてもフォロー管理画面を開かなければ気づきにくいかもしれませんね。

フォローを削除した場合

逆に、既に承認されているフォローをやめてしまう場合もあると思います。

縦書き対応で日本人モデルの写真素材も豊富な無料の和製デザイン作成サイト

Fri, 14 Jul 2023 16:50:42 +0000

最近は、無料のデザイン作成サイトと言えばCanvaを思い浮かべる人が多いかなと思いますが、用途によっては、Canvaよりも使いやすいのでは？と思って気に入っている、日本のデザイン作成サイトがありますのでご紹介します。

「 デザインAC 」というサイトです。

基本的にはCanvaやPixlrなどと同様に、テンプレートをベースにWebブラウザを使ってデザインを作っていきますが、全体的に動作も軽く、操作も直感的でわかりやすいように思います。

和製サイトなので、日本人向きの作りなのかもしれませんね。

画面は以下の画像ような感じです。

↓ちらしや、配布資料を作ったり

↓ブログやウェブサイトのイメージ画像を作ったり

↓名刺を作ったり

と、このようなサイトで画像を作るという意味で思いつきそうなものは、一通り何でも作れそうです。

運営会社が、もともと写真AC やイラストAC といった画像素材を扱うサイトを運営していることもあってか、素材も豊富ですし、日本人の写真も多くて使いやすいと思います。

また、テキストの縦書きにしっかり対応してくれていたり、日本語フォントがかなり豊富に用意されているあたりもポイントが高いと思います。

具体的な使い方については別の機会に書ければと思いますが、ブラウザでデザインACのサイトにアクセスすれば、登録無しでデザインの作成を試すことができますので、よかったら一度見に行って確認してみて下さい。

もし満足できるデザインができた場合、作成したデザインをダウンロードするにはメールアドレスやSNSアカウントで無料登録する必要があります。

無料登録すると、作成途中のデザインもマイページに保存できますので、少しずつ作っていくことや、以前作ったデザインを使い回すことも可能になります。

おすすめです。

Googleアドセンスで広告配信が制限されて復活した話

Wed, 12 Jul 2023 20:53:47 +0000

このブログでも使っていますが、**Google AdSense（アドセンス）**というクリック報酬型の広告システムがあります（今はインプレッションに重きを置いているらしいですが）。

先日、そのアドセンスの運営（要はGoogle）から、

「広告配信が制限されています。」

という内容のメール連絡が届きました。

概ねBANされた状態

メールを見ただけではよくわからなかったので、

「どういうことだろう？」

と思って、アドセンスの管理画面を見てみると次の画像のような表示が。

「お客様のアカウントの広告配信は、無効なトラフィックの問題により現在制限されています。」

とあるので、この「無効なトラフィック」について調べてみると、

アドセンスのヘルプにありました。

無効なトラフィックの例は次のとおりです。

サイト運営者様が、ご自身のライブ広告をクリックしてクリック数やインプレッション数を増やすこと
1 人以上のユーザーが繰り返しクリックして、クリック数やインプレッション数を増やすこと
サイト運営者様がご自身の広告でのクリックを誘導すること（例: 広告をクリックするようユーザーを誘導するあらゆる言葉、大量の偶発的クリックを誘発する広告掲載など）
自動クリックツールやトラフィックソース、ロボット、その他の不正な行為を行うソフトウェア

ということのようです。

アドセンスは、クリックだけで報酬になることもあって、自分でクリックすることや、知り合いにクリックを依頼するようなことは絶対にやってはいけないという鉄のオキテとでも呼ぶべきルールがあるのは知っています。

なので、それは当然やっていないのですが…

あとは、何をすればいいのか？

正直なところ、全然わかりません。

広告を連打されてアカウントを凍結されたといった話も聞いたことがありますが、このような悲劇をうまく防ぐことができる方法はあるんでしょうか？

とにかく何をすればいいのか全くわからないのですが、最悪の場合はアカウントを凍結される可能性を考えながらも、ひとまず、できそうなことを探しすことにしました。

ちなみに、この制限されたモードに入ると、本当にびっくりするくらい広告が出なくなるみたいで、過去7日間の予想報酬額を確認してみても、ほぼゼロでした。

アカウント凍結までは行っていないものの、概ねBANされている状態に近いですね・・・。

約一週間で制限解除

その後、正しい対応方法がわからないままにあれこれやっていると、

約一週間後、

管理画面に出ていた警告文が消えていました。

何とか無事に制限が解除されたようです。

制限が開始されたときはメールでも連絡がありましたが、恐らく解除されたと思うタイミングではメールでの「制限が解除されました」といった連絡はありませんでした。

でも、報酬も少しずつ出始めているので、恐らく制限は解除された（もしくは徐々に解除されて行っている）のだと思います。

何はともあれ、警告文が消えているのを確認して、復活できたと安心しました。

制限解除のためにやったこと

結局、原因が何だったのかはわかりません。

ですが、わからないなりに、一応やってみたことはあるので、書いておこうと思います。

１．ほぼアクセスがないサイトに貼ってある広告を削除した

「ほぼアクセスがない＝広告収入もない」ということですので、そのサイトが原因であろうと無かろうと、貼ってある意味はないと思ったので消しました。

一応サイトは残していますが、広告は出ないようにしましたので、もしもここが原因だった場合は解消となるはずだと考えました。

２．プライバシーポリシーの表示が無いサイトを修正した

アドセンスを利用するには、アドセンスを使う旨やCookieを利用する旨などを記述したプライバシーポリシーを表示することが必須になっていますが、手持ちサイトを見て回ったところ、表示していないサイトがありましたので追加しました。

内容は、自分のほかのサイトからコピーして少し修正しただけですので、少々手抜きな感じはあるものの、まあ十分であろうと思います。

３．不審なクリック履歴がないか探してみた

アナリティクス（GA4）のイベントデータなどを確認しながら不審なクリックがないか探してみました。

しかし、残念ながら、これに関しては全く分かりませんでした。

なので、これは恐らく問題解消の役に立っていないと思います。

まとめ

以上、Googleアドセンスで、広告配信が制限されて復活した話を書いてみました。

結局、対策としてやってみたことの中で、**どれが役立ったのか？**もしくは、どれも役立っていないのか？、正直なところ、分かりません。

Googleからは具体的なことは一切教えてもらえていませんし。

ですが、今回、「２．プライバシーポリシーの表示」がちゃんとできていないサイトがあることを把握して修正できたのは、後々のことを考えると良かったと思っています。

何にしても、制限が解除されて、本当にホッとしました。

10年以上前の古いノートPCにChromeOS Flexを入れてChromebook風？にしてみた

Mon, 03 Jul 2023 12:12:48 +0000

もう使っていない余っている10年以上前の古いノートPCを有効利用する方法は何か無いものか？

そう思ったときに、古いWindows PCやIntel MacをChromebookのようにできるChromeOS FlexというOSがGoogleから無料で配布されていることを知ったので、早速試してみました。

ChromeOS Flexとは？

ChromeOS Flexは、本物のChromebookのOS（ChromeOS）に似ていますが、違うところもたくさんあるようです。

≫ ChromeOS Flex と ChromeOS の違い - ChromeOS Flex ヘルプ

Google PlayとAndroidアプリが使えないというのが痛いですが、古いPCなので贅沢は言えませんね。

ウェブ閲覧とメールチェックくらいできれば良し！というつもりでやってみました。

ChromeOS FlexをインストールしたPC

今回ChromeOS Flexをインストールしたのは、「HP ProBook 4310s」という古いモバイルノートPCです。

（↑パンフレットの一部です）

Windows XPとWindows 7が併売されていた頃の機種で、CPUはCeleron Dual-Core T3000というCore 2 Duoの頃のやや安物CPU、メモリーは4GBというスペックです。

一応、HDDだけはSSDに交換してあります。

インストールできたか？使い心地は？

結果から言うと、普通にインストールできて、しかもほどほど快適に使えます。

最近のWindowsはもちろん、軽量のLinuxでも重いと感じるくらいの機種ですが、ChromeOS Flexだと、まずまず使えるレベルです。

もちろん爆速ではないものの、ウェブサイトの閲覧、Gmailのチェック、ブログの記事を書く、くらいの用途なら十分に実用レベルだと思います。

YouTubeは、DVDと同じ解像度くらいなら普通に見れました（フルHDはかなり厳しく、4Kは全く無理です）。

インストールの手順

続いて、インストールの手順です。

もしかすると機種によって違うかもしれませんが、今回の機種でやった手順を簡単に書いておきます。

ちなみに、インストール先PCのハードディスクやSSDの内容は全て消えます（デュアルブートの設定もできません）ので、全て消えても問題ないPCにインストールして下さい。

インストールに必要なもの

インストール先となる古いPC以外にインストールに必要だったのは、以下の２つです。

8GB以上の空のUSBメモリー（16GBを使いました）
Google ChromeがインストールされたWindows PC（Macでも良いはず）

PCでの作業

まず、Windows PC（または、mac）で、以下の手順で起動用USBを作成します。

PCのGoogle Chromeに、Chromebook リカバリユーティリティという拡張機能を追加します。
Google Chromeのアドレスバーの右側の、拡張機能のアイコン（ジグソーパズルのピースのようなアイコン）があるところからChromebook リカバリユーティリティを起動して、起動用のUSBメモリーを作成していきます。

Web開発とは？～ウェブ開発に関する用語いろいろ

Sat, 30 Apr 2022 16:45:33 +0000

Web開発（ウェブ開発）について、基本的なところを、用語の意味を中心に備忘録を兼ねてまとめておきたいと思います。

Web開発とは？

Web開発者が、Webアプリケーションを開発（作成）することです。

Webとは？

インターネット内に存在している文字・画像・動画・音声などの情報を結びつけて閲覧・利用できるようにした世界規模の巨大なコンピュータネットワークシステム。

正式名は「Wordl Wide Web」。

Web開発者とは？

Webアプリケーションを開発（作成）する技術者のことで、WebエンジニアやWebアプリケーションエンジニアもほぼ同じ意味です。

Webアプリケーションとは？

SafariやGoogle ChromeのようなWebブラウザが持っている表示・通信・データ処理などの基本機能を使って動作させるアプリケーションのことです。

例 » Google検索、Gmail、Amazon、楽天、YouTube、Twitter、Instagram、NetFlixなど。

各Webアプリケーションは、それぞれ独自の機能を実現するためにプログラミングされています。

プログラミングとは？

プログラムを使ってコンピュータに何かをさせる命令をすることです。

プログラムとは？

コンピュータに指示を出すために専用設計された「プログラミング言語」という言葉を用いて、コンピュータが何かするを時にどのように動作すればよいのかのルールを書いたものです。

一般的に「ソースコード」と（単に「ソース」あるいは「コード」とも）言われるテキスト（人が見て読める「文字」で書かれた情報）を何かしらの方法でコンピュータに理解させます。

Web開発では、原則「HTML」「CSS」「JavaScript」という3つのプログラミング言語は必須と言えます。

HTMLやCSSは厳密にはプログラミング言語とは言えないかもしれませんが敢えて含めました。

HTMLとは？

「Hyper Text Markup Langage」の略で、Webページ（Webブラウザで見るためのページ）の内容（意味や構造）を記述するための言語です。

CSSとは？

Webページのスタイル（見た目やデザイン）に関する情報を記述する言語です。

スタイルをゼロから整えるのは大変な作業になるので、整ったデザインを比較的簡単に作れるよう利用頻度の高いパーツやレイアウトのCSSがまとめられた「CSSフレームワーク」が使われることも多いです。

CSSフレームワークの例 » Bootstrap、Foundation、Tailwind CSS、Materializeなど

JavaScriptとは？

Webブラウザで動作させることができるものとしては、唯一と言える、本格的なプログラミング言語です。

JavaScriptを使うと、表示・通信・データ処理などの様々な処理をブラウザに行わせることができるため、Webページに動きをつけたり、Webページ内容の一部だけを動的に更新するなど多くの場面で利用されます。

JavaScriptにも、便利な機能がまとめられた「JavaScriptフレームワーク」や「JavaScriptライブラリ」があり、よく利用されています。

例 » jQuery、Vue.js、Nuxt.jsなど

クライアントとサーバー

上記の「HTML」「CSS」「JavaScript」を使えば、Webブラウザ単体で動作する簡単なWebアプリケーションを開発することは可能です。

しかし、より高度なWebアプリケーションの開発を行うためには、Webブラウザで動作させる部分のほかに、インターネット内で公開されているサーバーというコンピュータで動作させる部分の開発も必要になります。

サーバーに対して、Webブラウザ側をクライアントと呼びます。

Webアプリケーションは、サーバーが提供している各種機能を、クライアントがインターネットを介して通信することで操作・利用するという形態となることが多くなっています。

クライアント側（クライアントサイド、あるいはフロントエンド）の機能を作ることをフロントエンド開発、サーバー側（サーバーサイド）の機能を作成することをサーバーサイド開発などと言います。

クライアントとサーバーの役割分担はWebアプリケーションにより異なるため、一律に機能を切り分けることはできませんが、主に、

クライアント側は見た目や操作に関する機能
サーバー側は情報の提供や収集、加工、保存に関する機能

などを担当することが多く、開発に関しても、必然的にそれぞれの側で担当する機能を作成していくことになります。

なお、サーバーサイド開発ではWebブラウザの仕様に縛られることなくプログラミング言語を選べるため、JavaScriptはもちろん、PHP、Ruby、Python、Go言語、Java、Perlなど、非常に多種多様なプログラミング言語が使われますが、詳細についてはここでは割愛させていただきます。

まとめ

以上、Web開発（主にクライアント側）について、基本的なところを、用語の意味を中心にまとめてみました。

ここに挙げた内容だけでは、まだWeb開発の入り口にすら立っていないくらいかもしれませんが、少しでも参考になったらうれしいです。

Windowsキーを使った便利なショートカットキー一覧

Thu, 28 Apr 2022 17:48:31 +0000

ショートカットキーと言えば、コピペで使うCtrl＋CやCtrl＋Vなどがよく知られていますが、Windowsキー()を使ったショートカットキーにもとても便利なものがたくさんありますので、自身の備忘録も兼ねてご紹介します。

スタートボタンやタスクバーの操作

ショートカットキー	機能
	スタートメニューを開く
＋`S`	検索ボックスを開く
＋`R`	ファイル名を指定して実行を開く
＋`X`	クイックリンクメニュー（各種設定アプリなどを列挙したメニュー）を開く
＋`B`	通知領域（上級アプリなどの表示領域）にフォーカスする
＋`A`	アクションセンター（通知やアクションボタンのメニュー）を開く
＋`Alt`＋`D`	カレンダーを表示

ウィンドウのサイズや配置を操る

ショートカットキー	機能
＋`↑`	ウィンドウを最大化
＋`↓`	ウィンドウを最小化
＋`→`	ウィンドウを画面の右半分に配置
＋`←`	ウィンドウを画面の左半分に配置
＋`Shift`＋`↑`	ウィンドウを上下いっぱいに広げる
＋`D`	デスクトップを表示（ウィンドウを全て最小化）
＋`,`	デスクトップを表示（ウィンドウを全て一時的に透明化）
＋`Home`	アクティブウィンドウ以外のウインドウを最小化）
＋`M`	ウィンドウを全て最小化
＋`Shift`＋`M`	全て最小化したウィンドウを元に戻す

プログラムなどの起動や表示

ショートカットキー	機能
＋`Tab`	タスクビュー
＋`E`	エクスプローラーを起動
＋`I`	設定を起動
＋`Pause`	システム（詳細情報）を起動
＋`1`～`0`	タスクバーのアプリを起動または表示
＋`Alt`＋`1`～`0`	タスクバーのアプリのジャンプリストを開く

スクリーンショット

ショートカットキー	機能
(参考) `PrtSc`	画面全体のスクリーンショットを撮る
(参考) `Alt`＋`S`	アクティブウィンドウのスクリーンショットを撮る
＋`Shift`＋`S`	範囲指定してスクリーンショットを撮る
＋`PrtSc`	画面全体のスクリーンショットをピクチャのスクリーンショットに保存する

仮想デスクトップ

ショートカットキー	機能
＋`Ctrl`＋`D`	仮想デスクトップを作る
＋`Ctrl`＋`F4`	仮想デスクトップを閉じる
＋`Ctrl`＋`→`	一つ右の仮想デスクトップに切り替える
＋`Ctrl`＋`←`	一つ左の仮想デスクトップに切り替える

その他

ショートカットキー	機能
＋`V`	クリップボード履歴
＋`L`	画面をロックする

まとめ

ほかにも色々あると思いますが、ひとまず思いつくものを挙げてみました。

ローマ字入力の入力キー一覧

Tue, 26 Apr 2022 15:58:19 +0000

パソコンのキーボードでローマ字入力するときの入力キーの組み合わせ一覧です。

よく忘れるのでまとめておこうと思います。

Windows10のMicrosoft IMEの場合なので、他のOSや他の日本語入力システムでは異なる可能性があります。

清音

あ	い	う	え	お
a	i (yi)	u (wu)	e	o

か	き	く	け	こ
ka (ca)	ki	ku (cu)	ke	ko (co)

さ	し	す	せ	そ
sa	si (shi) (ci)	su	se (ce)	so

た	ち	つ	て	と
ta	ti (chi)	tu (tsu)	te	to

な	に	ぬ	ね	の
na	ni	nu	ne	no

は	ひ	ふ	へ	ほ
ha	hi	hu	he	ho

ま	み	む	め	も
ma	mi	mu	me	mo

や		ゆ		よ
ya		yu		yo

ら	り	る	れ	ろ
ra	ri	ru	re	ro

わ	ゐ		ゑ	を
wa	wyi		wye	wo

撥音（ん）

ん
nn (次に子音字が続くときなどは「n」一つで「ん」になる)

捨て仮名・半音（小さい字）

ぁ	ぃ	ぅ	ぇ	ぉ
xa (la)	xi (li)	xu (lu)	xe (le)	xo (lo)

っ
xtu (ltu) (xtsu) (ltsu) (促音の入力は同じ子音字2つ＋母音時で一つ目の子音字が「っ」になる)

ゃ		ゅ		ょ
xya (lya)		xyu (lyu)		xyo (lyo)

ゎ
xwa (lwa)

濁音（点々つき）・半濁音（丸つき）

ヴ
vu

が	ぎ	ぐ	げ	ご
ga	gi	gu	ge	go

ざ	じ	ず	ぜ	ぞ
za	zi (ji)	zu	ze	zo

だ	ぢ	づ	で	ど
da	di	du	de	do

ば	び	ぶ	べ	ぼ
ba	bi	bu	be	bo

ぱ	ぴ	ぷ	ぺ	ぽ
pa	pi	pu	pe	po

組み合わせ（大きい字＋小さい字）

うぁ	うぃ	うぇ	うぉ
wha	whi	whe	who

ヴァ	ヴィ	ヴェ	ヴォ
va	vi	ve	vo

ヴャ	ヴュ	ヴョ
vya	vyi	vye

きゃ	きぃ	きゅ	きぇ	きょ
kya	kyi	kyu	kye	kyo

ぎゃ	ぎぃ	ぎゅ	ぎぇ	ぎょ
gya	gyi	gyu	gye	gyo

くぁ	くぃ	くぅ	くぇ	くぉ
qa (qwa)	qi (qwi)	qwu	qe (qwe)	qo (qwo)

ぐぁ	ぐぃ	ぐぅ	ぐぇ	ぐぉ
gwa	gwi	gwu	gwe	gwo

しゃ	しぃ	しゅ	しぇ	しょ
sya (sha)	syi	syu (shu)	sye (she)	syo (sho)

じゃ	じぃ	じゅ	じぇ	じょ
zya (ja) (jya)	zyi (jyi)	zyu (ju) (jyu)	zye (jhe)	zyo (jo) (jyo)

ちゃ	ちぃ	ちゅ	ちぇ	ちょ
tya (cha) (cya)	tyi	tyu (chu) (cyu)	tye	tyo (cho) (cyo)

ぢゃ	ぢぃ	ぢゅ	ぢぇ	ぢょ
dya	dyi	dyu	dye	dyo

でゃ	でぃ	でゅ	でぇ	でょ
dha	dhi	dhu	dhe	dho

にゃ	にぃ	にゅ	にぇ	にょ
nya	nyi	nyu	nye	nyo

ひゃ	ひぃ	ひゅ	ひぇ	ひょ
hya	hyi	hyu	hye	hyo

びゃ	びぃ	びゅ	びぇ	びょ
bya	byi	byu	bye	byo

ぴゃ	ぴぃ	ぴゅ	ぴぇ	ぴょ
pya	pyi	pyu	pye	pyo

ふぁ	ふぃ		ふぇ	ふぉ
fa (hwa)	fi (hwi)		fe (hwe)	fo (hwo)

みゃ	みぃ	みゅ	みぇ	みょ
mya	myi	myu	mye	myo

りゃ	りぃ	りゅ	りぇ	りょ
rya	ryi	ryu	rye	ryo

まとめ

以上、ローマ字入力の入力キーの組み合わせ一覧でした。

国土地理院のサイトで無料で地図を作ってダウンロードしてみました

Sun, 17 Apr 2022 12:04:59 +0000

地図と言えば子供の社会科の勉強でよく使ったイメージがありますが、よく考えてみると、例えば地域の案内マップを作ったり、イベント会場の告知に使ったりと、自分で作れてうまく利用できれ便利なことが多いようにも思います。

ただ、そういった用途に地図を利用するとなると、どうしても「この範囲のこのような地図が欲しい」となりますが、そんな都合の良い地図はなかなか見つからないかもしれませんね。

ですが、探してみたら、全国の欲しい範囲の地図を無料で作ってダウンロードできる国土地理院のサービスがありました。

地理院地図VectorというWebサイト（Webアプリ）です。

地理院地図Vector

地理院地図Vectorで何ができるか？

地理院地図Vectorは、日本全国の任意の範囲を（最大拡大率の制限はありますが）自由に拡大縮小して地図を作成することができる、国土地理院のサービスです。

無料で利用できます。

個人的には「ほぼ無段階と言っても良いのではないか？」と思うくらいに自由に拡大縮小できるので、「このエリアだけ欲しい」というニーズにかなり答えてくれると思います。

ちなみに、今回は簡単な「白地図」を作ってみることにしましたが、それ以外にも、

普通の色付き地図や、

写真地図なども作れます。

確認した限りでは地図に透かし文字が入ったりもしていないようです。

このように、地図を作成するためのWebアプリとしてはとても高機能で便利ですが、そのぶん少し動作が重く感じましたので、あまり非力なPCでの利用は厳しいかもしれません。

また、一応スマホでも動くようですが、画面の構成の関係でこれもまた厳しいのではないかと思います。

それから、（余談かもしれませんが）現時点では「試験公開」という状態のようですので、もしかすると今後大きく仕様が変更される可能性も考えられます。

地理院地図では、しっかりと使い込めばもっと高度な地図も作れますので、興味のある方は試してみて下さい。

地理院地図Vectorで白地図を作る

では、ここから「地理院地図Vector」を使って白地図を作った手順をご紹介したいと思います。

地理院地図VectorのWebサイトを開く

まずは、ブラウザで地理院地図Vectorを開きます。

最初は↑この画像のようなカラフルな地図が開いたと思います。

白地図モードにする

今回は白地図を作りますので、画面左のサイドバーの上の方にある「おすすめの地図」の中にから「白地図」をクリックします。

すると、地図が書き替わります。

カラフルな地図から白地図になったかと思います。

地図に表示したい場所と範囲を決める

次に、地図に表示する場所と範囲を決めていきます。

基本的には地図上で、ドラッグすると上下左右に移動でき、マウスのホイールの回転で拡大縮小できます。

ですが、地図に表示したい場所が現在表示されている場所から遠い場合など、この操作では大変なこともありますよね。

そのような場合は、画面上部の検索ボックスにキーワードを入力して、目標とする場所を検索して移動することが可能です。

検索ボックスにキーワードを入力して【Enter】キーを押すと、↑上の画像のように検索結果の候補が表示されますので、その中に目標とする場所があればクリックして下さい。

すると、その場所が地図に表示されます。

検索結果は、一覧の右上の【✕】をクリックすると消せますので、あとは、ドラッグとホイールの回転で場所と範囲を調整してみてください。

あとから何度でも調整できますので、この段階では概ねで良いと思います。

地図に表示する情報を決める

地図に表示する場所と範囲が決まったら、次は地図に表示する情報を決めます。

左サイドバーに、地図に表示する情報を項目ごとにON・OFFで細かく編集できるパネルがありますので、こちらで、必要な情報が掲載された地図になるよう設定してみて下さい。

もし、このパネルそのものが表示されていない場合は、パネルが表示されるであろう位置のすぐ上にある小さな「編集」という文字をクリックすると表示されると思います。

各項目の右端にある目のようなアイコンをクリックすると、その項目の表示・非表示がリアルタイムで地図に反映されますので、作成する地図の利用用途に合った最適な状態に設定してみて下さい。

地図の仕上がりを確認する

ひとまずこれで必要な情報を含んだ地図はできたと思いますので、ここで仕上がりを確認してみます。

実は、ここまでの編集中の地図は左側がサイドバーで隠れた状態になっていますので、サイドバーの右上にある「◀」が表示されている小さなタブをクリックしてみてください。

Adobeのサイトで無料ダウンロードできる写真・イラスト・動画

Fri, 15 Apr 2022 09:22:30 +0000

Photoshopなどのクリエイト系のアプリで有名なAdobeが運営しているストック素材サイト「Adobe Stock」に、無料素材コーナーがあります。

» Adobe Stock 無料コレクション : 写真、ベクター、ビデオ

サイト内の検索で確認してみたところ、写真、イラスト、動画などの無料素材が、現時点でのべ100万点くらいは公開されているようです。

しかも、無料素材のライセンスは有料で販売されている素材と同じで商用利用も可能（素材をそのまま再販する場合などは別ライセンスが必要）。

Adobeという世界的な大手が運営しているサイトということもあって、通常の無料素材サイトと比べて利用する上での安心感もありますね。

審査もしっかりしていると思われますので、知らない間に他人の著作権を侵害していたなどという危険性も低いでしょう。

素材のダウンロードをするためにはAdobe IDの登録が必要ですが、Adobe製品を持っていなくても無料で登録できます。

ちなみに、実は私もこのサイトに写真素材を50点ほど出品していますが、それらが無料素材の中に入っているかどうかはよくわかりませんでした。

以上、Adobeが運営しているストック素材サイト「Adobe Stock」の無料素材コレクションを紹介しました。

画像や動画の素材をお探しの際には、ぜひ一度のぞいてみて下さい。

(2022年4月調査)エラー無く送信できるPING送信先を調べました

Thu, 14 Apr 2022 08:15:13 +0000

ブログ記事の拡散方法の一つとして、古くから用いられている方法としてPING送信があります。

WikiPediaによると、

ブログにおいて、(中略)サーバーに更新と変更内容を伝えるためのメカニズムである。

と書かれています。

PING送信は、WordPressでも多くの無料ブログサービスでもサポートされていますが、「送信」するわけですので「受信」して処理してくれる送信先のコンピューター（PINGサーバー）が必要です。

PINGの送信先の候補は、探せば色んなサイトに大量に書かれていますが、実際に送信できるのかどうかを調べているサイトは少ないように思います。

というわけで、いくつかのサイトを見て回って仕入れたPING送信先の候補50数カ所ほどに、実際に送信できるのか？を調べてみました。

調べ方

まず、調べ方ですが、PING送信してその結果を表示する簡単な「PINGクライアント」を自作しました。

そして、候補となるサーバーに一つ一つ送信してみました。

結果

結果は惨憺たる物でした。

50数カ所調べてみましたが、エラー無くまともに送信できたのは9カ所だけでした。

以下にエラー無く送信できたリストを公開します。

http://rpc.pingomatic.com/
http://ping.fc2.com/
http://ping.rss.drecom.jp/
http://rpc.twingly.com/
http://pingoo.jp/ping/
http://ping.feedburner.com/
http://blo.gs/ping.php
http://bulkfeeds.net/rpc
http://www.pingmyblog.com/

ただし、あくまでも「エラー無く送信できた」、少し専門的に言うと「HTTPのレスポンスのステータスが『200 OK』だった」というだけで、送信先で適切に処理されたか？記事の拡散に少しでも貢献できたか？などは一切不明です。

つまり、上記リストにPING送信できてもスルーされてしまうだけの可能性もあります。

例えば、リストの上から5番目は「PINGOO!」という日本のサービスですが、会員制ですので、恐らく会員登録せずにPINGだけを送っても無視されるだけではないかと思います。

まとめ

というわけで、今日（2022年4月15日)現在、エラー無く送信できたPING送信先を調べてご紹介しました。

PINGの送信によって効果があるのかどうか不明ではありますが、送信できないところに向けて無闇に大量送信するよりはマシかなと思いますので、よかったら参考にして下さい。

アメブロのリブログ機能を理解して有効に使おう

Thu, 14 Apr 2022 01:45:20 +0000

アメブロには「リブログ」という、他のアメブロユーザーの記事を簡単に紹介できる機能があります。

リブログとは、他のアメブロユーザーの記事の冒頭部分を自分のアメブロに貼り付けて（埋め込んで）投稿するアメブロ独自の機能で、一般的な引用とリンクによる紹介とはかなり趣の異なる仕組みになっています。

せっかくある機能、仕組みを理解して活用していければと思いますので、リブログがどのようなものなのかを少しご紹介したいと思います。

なお、画面の紹介は何れもパソコン版のものです。

また、デザインなどは記事をご覧になる時点では変わっているかもしれませんのでご了承下さい。

リブログしてもらう側

まず、リブログしてもらう側です。

記事下に「リブログする」ボタンと「リブログ一覧」リンク

アメブロの記事の記事下には「リブログする」というボタンと「リブログ一覧」というリンクが表示されます。

ただし、デザインによっては（新CSS編集用デザインなどでは）、1件以上リブログされるまでは「リブログ一覧」リンクは表示されません。

他のアメブロユーザー（自分でもできます）がリブログしてくれる（リブログ機能を使って紹介してくれる）時は、「リブログする」ボタンをクリックします。

リブログのしかたは簡単で、この「リブログする」ボタンをクリックするだけです。

クリックすると、reblogCard（リブログカード）というクラス名の付いたiframeタグが自動的に貼り付けられた新規記事作成画面が開きますので、あとはその前後にリブログ先の紹介など、記事本文の内容を書くだけです。

「リブログ一覧」リンクの方は、このリンクをクリックすると、今までにその記事をリブログしてくれたアメブロユーザーの記事へのリンクが一覧表示されるようになっています。

リブログしてくれた人の記事が表示される

また、他のアメブロユーザーがリブログ機能を使って紹介する（つまり「リブログする」）と、リブログされた側のアメブロ記事の下の方（コメントの上）に、直近にリブログした人の記事の一部が一件だけ表示されます。

リブログは拒否できる

なお、リブログは、記事ごとに拒否することができるほか、アメブロの基本設定画面(https://blog.ameba.jp/ucs/blog/bloginfoinput.do)で、全記事一括拒否する（既に自分の記事下にある情報も非表示にする）ことが可能です。

具体的には、「リブログの受付」を「受け付けない」にすると「リブログする」ボタンも「リブログ一覧」リンクも、すべての記事で表示されなくなります。

ただし、「リブログする」ボタンを非表示にしてもリブログされたというデータはそのまま残りますので、リブログされた記事自体を削除または下書き状態にしない限り、リブログした人の記事には表示され、過去に遡って完全にリブログをなかったことにはできないようです。

迷惑リブログ対策

なお、悪意のあるリブログや迷惑なリブログをされた場合などは、リブログ履歴画面(http://blog.ameba.jp/ucs/reblog/list.html)で、そのリブログされた情報を自分の記事のリブログ一覧に表示されないように（非公開に）することが可能です。

リブログする側

次は、リブログする側です。

リブログで貼り付けられる内容

誰かの記事の「リブログする」ボタンをクリックすると、その記事の内容の一部がiframeタグで埋め込まれた記事が新規作成されます（以下、この埋め込まれたiframeタグをリブログカードと呼びます）。

リブログカードには、ブログ名やタイトルとともに、画像がある記事の場合はサムネイル画像と記事冒頭の101文字、画像がない記事の場合は記事冒頭の121文字が表示されるようです。

リブログカードは、一般的な紹介で用いられるような「記事タイトル＋記事の一部引用＋画像＋リンク」というものではなく、リブログ用に用意された専用の記事ページがiframeというタグを使って埋め込まれる仕組みになっています。

例えば、こんなページの内容が埋め込まれます。

埋め込まれるページには、元のリブログされた記事の内容がリアルタイムに反映されるようで、リブログされた記事が変更されると、リブログカード内の内容も代わります。

例えば、以前リブログして貼り付けたリブログカードの中身が、いつの間にか全く別の内容に書きかわっていたなどということも起こり得るでしょう。

自分のブログに表示されるのはとても許容できないような内容に変わる可能性も大いにありますので、何でもかんでも無闇にリブログしないよう心掛けたほうが良いと思います。

あと、リブログされた記事が削除、或いは下書き状態にされた場合は、リブログカードの内容は「記事が存在しない、または削除された為表示できません」という内容に変わり、クリックしてもリブログ元の記事に移動しないようになります。

それから、リブログした記事を更にリブログすることもできますが、リブログカードの中には、元記事のリブログカードは表示されないようです。

まとめ

以上、アメブロのリブログ機能について、分かった範囲でまとめてみました。

もし参考になりましたら幸いです。

よく出来ている部分、迷惑利用も可能な部分、両方ありますが、上手く使うとユーザー間の交流を深める良いきっかけにもなりそうですね。

また、自分のアメブロの記事をリブログすることもできますので、過去記事に言及しながら新しい記事を書く場合などにも便利です。

あと、もし間違いなどあれば、ぜひご指摘下さい。

アメブロの運営から警告が来たときの話_

Wed, 13 Apr 2022 15:00:09 +0000

もうずいぶん前の話になりますが、私のアメブロのアカウントにアメブロの運営から警告メッセージが来たことがあります。

アメブロの運営から届いた警告メッセージ

届いたのは、↓こんな警告メッセージです。

送信者もヘルプに書かれているのと同じでした。

なので、イタズラとかではありません。

内容を要約すると・・・、

「あなたがメッセージで規約違反したのを見つけました！やめないと強制退会もありますよ！」

ということのようです。

心当たりがありました

このメッセージを受け取って、最近やり取りしたメッセージを確認しながら、考えてみたんですが・・・

心当たりがありました。

実は、別のアメブロユーザーにユーザーIDとパスワードをメッセージで教えました。

それが、規約の第5条に引っかかったのではないかと思います。

つまり、「他人に自分のアメブロの認証情報を教えて使わせようとした」と判断されたのでしょう。

恐らく誤解された

ですが、実はこれ、恐らく誤解されただけだと思います。

なぜかと言うと、私が教えたのはアメーバとは別のシステムのユーザーIDとパスワードだからです。

つまり、アメーバの認証情報（IDとパスワード）は、教えてはいません。

でも、警告メッセージは来ました。

何を言いたいかというと・・・、

この時は、警告だけで済んだので良かったんですが・・・、

たとえ、規約違反と判断された原因が誤解であったとしても、届いた警告文にも書かれている通り、

通知なく削除されたり強制退会になったりする可能性もあるということです。

発信手段を一つに絞るのは恐ろしい

アメブロに限らず、Instagram、Facebook、Twitter(X)などは、何れもシステムの一部を借りて使わせてもらっているだけなので、そのシステム全体と多くのユーザーを守るために、かなり厳しい規約があることが多いです。

そして、意図のある無しに関わらず、その規約に違反してしまうと、突然、アカウントが凍結されたり削除されたりする可能性があります。

発信手段を（これらのシステムの一部を間借りしているだけのメディア）一つに絞るのは、ある日突然手詰まりになってしまう可能性のある、本当に恐ろしいことだと思います。

なので、もしアカウントのどれかが無効になっても、手詰まりになってしまうようなことにはならないよう備えておくべきだ！と、強く思います。

例えば、WordPressでブログを作っておくとか、メルマガの読者を増やしておくとか、複数のSNSで繋がっておくとか。

気をつけたいものです。

アメブロのPINGの送信先設定に何を設定すればいいか？

Wed, 13 Apr 2022 00:00:47 +0000

アメブロの管理画面に「PINGの送信先設定(https://blog.ameba.jp/ucs/ping/srvpingupdateinput.do)」というページがあります。

PINGというのは、ブログの更新情報をブログランキングサイトなどに伝えて記事の拡散を図る仕組みの一つです。

アメブロの場合、記事更新時などに、この「PINGの送信先設定」に設定した送信先へ、自動的に更新したことを伝える仕組みになっています。

参考 » アメブロのPINGの送信タイミングを実際に調べてみた

では、この「PINGの送信先設定」にはいったい何を設定すればいいのか？

検討してみました。

PING送信の目的を明確にする

まず、PING送信の目的を明確にしたいと思いますが、これに関しては特に論じるまでもなく、唯一の目的はアクセスを増やすことだと思います。

そのために、

検索サイトへの登録を促す
ブログランキングサイトなどに新着記事として紹介してもらう

などを期待してPINGの送信設定をするはずです。

そして、おそらく多くの利用者は、検索サイトへの登録を促す方を重視したいと思っていると思います。

しかし、少なくとも検索サイトへの登録を促すような効果はほぼ期待できません。

もちろんゼロではないかもしれません。

ですが経験上、Google Search Consoleで直接「URL検査→インデックス登録をリクエスト」という手続きをするほうが格段に効果が高いと自信を持って言えます。

というわけで、PING送信の目的は「ブログランキングサイトなどに新着記事として紹介してもらう」に絞られるということになりそうです。

ちなみに、アメブロで候補として表示されるBlogPeopleは、既にサービス終了済みです。

もう一つの候補として表示されるGoo BLOGも、Goo BLOGにアップされた記事以外の新着情報が表示される箇所は無さそうですので、恐らく送信してもきっと意味がありません。

なぜこの２つが今も候補にあるのか、首を傾げてしまいます。

まとめ

以上、PINGの送信先についてご紹介しましたが、個人的な感想としては、

PINGの送信先設定は不要

だと思いますし、既に無くなってしまっている送信先を無駄にたくさん設定して、無効なネットワークトラフィックを増やすのはやめておいたほうが良いでしょう。

ただし、上記で紹介したようなページに新着情報として表示させたいなら別ですので、その場合は、ちゃんと会員登録して送信すれば目的は達成できると思います。

アメブロのPINGの送信タイミングを実際に調べてみた

Tue, 12 Apr 2022 11:33:24 +0000

アメブロは、PINGの送信に対応しています。

「PING」とは何か？と言うと、Wikipediaによると、

[ブログにおいて、(中略)サーバーに更新と変更内容を伝えるためのメカニズムである。](https://ja.wikipedia.org/wiki/Ping_(%E3%83%96%E3%83%AD%E3%82%B0))

のように書いてあります。

つまり、ブログの更新情報を受け取って拡散する機能を持ったコンピューター（サーバー）に対して「更新しました！」という情報を送信し、記事を拡散させてもらいアクセスを増やそうという仕組みです。

うまく働いてくれればとても便利でありがたい機能ですが、アクセスを増やそうと頑張るばかりに大量に送信したりすると、スパムと判定されて逆効果になってしまうことがあるとも言われていますので注意が必要でしょう。

例えば、実際には更新していないのに更新したかのようにPINGの送信だけをするのは良くないようです。

では、アメブロでは、どんなタイミングでPINGの送信が行われるのか？

ちょっと気になったので、少し実験してみました。

PINGの送信の確認方法

アメブロは「PINGの送信先設定(https://blog.ameba.jp/ucs/ping/srvpingupdateinput.do)」というページで、PINGの送信先のサーバーを設定することができます。

今回、ここに自前で準備したテスト用のPINGサーバー(PINGの仕組みで更新情報を受信する機能を持ったコンピューター)を設定して、どんなタイミングでPINGの送信が行われているのか？を調べてみました。

なお、実験の際の記事更新は、パソコン版のアメブロの記事エディタを使っていますので、もしかすると、スマホやメールでの投稿の場合は動作が異なる可能性もあります（たぶん同じだとは思いますが）。

期待するPINGの送信タイミング

まず、実験前に予想、というか、期待したPINGの送信タイミングは以下のとおりでした。

新規記事を投稿・公開した時に送信される
記事修正時は内容を変更して保存した時のみ送信される
予約投稿は記事が公開されるタイミングで送信される
下書き保存した時は送信されない

もしこれが全部満たされていれば、更新通知のツールの動作として、とてもよくできていると思います。

実際のPINGの送信タイミング

では、実際はどうだったかというと、実験してみた結果、PINGの送信タイミングは以下のとおりでした。

新規記事を投稿・公開した時に送信される→OK!
記事修正時は内容に変更がなくても保存すれば送信される
予約投稿は記事を保存するタイミングと公開後しばらくしてから送信される
下書き保存しただけで送信される<

期待していたものとはかなり違いました。

原則「記事を保存したタイミングでPINGの送信が行われる」と考えて良さそうです。

それ以外では「予約投稿の記事が公開されてしばらくするとPINGの送信が行われる」ようです。

試行回数が多くはないため「しばらく」が何分なのか？までハッキリとは言えませんが、実験した範囲では公開されて数分～10分くらいで送信されていました。

まとめ

以上のように、アメブロのPINGの送信タイミングは、残念ながら期待していたものとはかなり違うものであることがわかりました。

特に「下書き保存しただけで送信される」のは良くないように思います。

例えば「少し書いて下書き保存」を繰り返したら、場合によってはPINGの送信のやり過ぎでスパム(迷惑行為)と判定されてしまうのでは？と思ってしまいます。

記事修正時の内容チェックまでは望み過ぎかもしれませんが、できれば、

下書き保存した時は送信されない

くらいは、実現してもらえるといいのですが。

アメブロの有料プラン「広告を外すコース」(月額1027円)の解約方法

Tue, 12 Apr 2022 02:00:34 +0000

2024年2月13日に有料プランの変更があり、「広告をはずすコース」を解約すると、二度と申し込むことはできなくなり、広告を消すには「Amebaブログビジネスプラン(月額1,490円)」への申し込みが必要になりました。

アメブロの有料プラン「広告を外すコース」のやめ方をご紹介します。

「広告を外すコース」とは、アメブロを無料で使っているとたくさん表示される広告の多く(残念ながら全てではありません)を、月額1,027円を支払うことで非表示にできるサービスです。

大きな広告に邪魔されずにデザインに凝りたい人や、仕事用のブログなどで「ライバルや同業他社の広告が出るのは困る」「広告から外部へ意図せずアクセスが逃げてしまったりするのは困る」という人は、ぜひ申し込んでおくべきサービスです。

ですが、「申し込んではみたものの、あまり効果が実感できない」とか「もう必要なくなった」ということもあると思います。

そのような場合は解約することもできますので、ここではそのアメブロの有料プラン「広告を外すコース」解約の手順をご紹介したいと思います。

(パソコンでの手順なのでスマートフォンの場合は手順が異なります。ご了承下さい。)

アメブロの「広告をはずすコース」の解約方法

ホームで「Amebaプレミアム」をクリック

まず、Amebaの「ホーム」画面を開きましょう。

Amebaホームの、ページ右上の方にある小さな「設定▼」というリンクをクリックします。

すると、各種設定関連ページへのリンクがまとめられたメニューが表示されますので、その中の「Amebaプレミアム」をクリックしてください。

Amebaプレミアム画面で「解約お手続き」

すると、「Amebaプレミアム」というページが表示されます。

このページ内の、「広告をはずすコース」の枠内に「解約お手続き」というボタンがありますので、こちらをクリックしましょう。

(もし、このボタンが「お申し込み」になっている場合は「広告を外すコース」を契約していないと思われます)

広告をはずすコース画面で「解約する」

すると、「広告をはずすコース」というページに変わります。

ここでは、「利用規約に同意する」にチェックマークを入れてから「解約する」ボタンをクリックしてください。

広告をはずすコースの解約完了

ページが変わり、「解約完了」が表示されればOKです。

特に確認もなく、これで解約手続きは完了します。

広告はいつから表示されますか？

なお、実は、アメブロ「広告を外すコース」を解約してもすぐには広告が表示されるようにはなりません。

実際には解約した月の末日いっぱいまで広告は消えたままで、翌月1日になった時点から広告が表示されるようになります。

まとめ

以上、アメブロの「広告をはずすコース」の解約方法についてご紹介しました。

なお、広告がないことを前提にアメブロをカスタマイズしてあると、広告が表示された瞬間にデザインが大きく崩れる可能性がありますので、そのようなことが無いよう事前にチェックしておくことをお勧めします。

よかったら参考になさって下さい。

アメブロの広告の消し方

Tue, 12 Apr 2022 01:50:05 +0000

2024年2月13日に有料プランの変更があり、この記事の「広告をはずすコース」は新たに申し込むことはできなくなり、広告を消すには「Amebaブログビジネスプラン(月額1,490円)」への申し込みが必要になりました。

アメブロは無料サービスですので原則として広告表示が義務になっていますが、広告を消せないわけではありません。

もちろん、パソコン向けの画面はCSSなどを駆使して消すこともできますが、残念ながら、そのような方法で広告を消すのは規約違反のため危険です。

規約違反をせずにアメブロの広告を消すには、アメーバプレミアムという有料サービスの一つ「広告をはずすコース」に申し込む必要があります。

月額制で１ヶ月あたり税込1,027円なので、安くはないですが、大きな広告に邪魔されずにデザインに凝りたい場合や、仕事ブログなどでライバルの広告が出てせっかくの新規顧客獲得のチャンスを逃してしまうのを避けたい場合など、検討の価値はあると思います。

というわけで、当記事では、アメーバプレミアムの「広告をはずすコース」に申し込んでアメブロの広告を消す手順をご紹介します。

アメブロの「広告をはずすコース」に申し込んで広告を消す手順

Amebaホームで「Amebaプレミアム」をクリック

まず、Ameba「ホーム」画面で、ページの右上の方にある小さな「設定▼」というリンクをクリックします。

すると各種設定ページへのリンクがまとめられたメニューが表示されますので、その中の「Amebaプレミアム」をクリックして下さい。

（管理トップの左サイドメニューの一番下にある「Amebaプレミアム」ボタンでも同じです）

Amebaプレミアム画面で「広告をはずすコース」に新規お申し込み

「Amebaプレミアム」の画面が表示されたら、「広告をはずすコース」の枠内にある「新規お申し込み」というボタンをクリックします。

間違えて上の「画像容量アップコース」に申し込まないようご注意ください。「画像容量アップコース」では広告は消えません。

支払方法の選択

次は、料金の支払方法を選択します。

支払い方法は（2022/04/21時点で）「クレジットカード払い」「Yahoo!ウォレット払い」のどちらかを選ぶことができます。

ここでは「クレジットカード払い」を選んだ場合について説明します。

ということで、「クレジットカード」をチェックした状態で「次へ」ボタンをクリックします。

カード情報の入力と利用規約に同意

次はカード情報の入力です。

「クレジットカード番号」「カード名義人」「カード有効期限」「セキュリティコード」を入力し、下の方にある「利用規約に同意する」をチェックして、「申し込む」ボタンをクリックしてください。

申し込み完了

これで申し込みが完了しました。

「Amebaプレミアムトップへ戻る」というリンクをクリックすると、手順の最初のページに戻ります。

なお、もし「広告をはずすコース」を解約したい場合は、ここから解約できますので覚えておくと良いと思います。

↓解約のしかたの詳細はこちら

アメブロの有料プラン「広告を外すコース」(月額1027円)の解約方法

広告はいつ消えますか？

「広告をはずすコース」に申し込むと、パソコン画面・スマホ画面ともに、自分のアメブロに表示されていた広告のほとんどがすぐに消えます。

また、申し込み途中の画面にも書いてあるので気付いた人もいると思いますが、はじめて申し込んだ人だけは初月無料です。

実際に料金が請求されるのは翌月からなので、申し込みした月だけはタダで広告を消すことができるということになります。

つまり、とりあえず申し込んでみて広告が消えた状態を確認して、もし不要でしたら、申し込み当月中に解約すれば1円も請求されません。

まとめ

以上、アメブロの「広告をはずすコース」の申し込み方法についてご紹介しました。

よろしければ参考にして下さい。

「ドメイン情報認証のお願い」というタイトルのメールが届いた時の対応方法

Tue, 12 Apr 2022 01:40:54 +0000

独自ドメインでWebサイトを運営していると、ドメインを取得した業者に登録してあるメールアドレス宛に、「ドメイン情報認証のお願い」というメールが来ることがあります。

私は現在、ドメインを主にバリュードメインで取得していますが、以前、そのバリュードメインからこのメールが届いたことがあります。

■メールアドレスの有効性認証■
本メールは、先日お送りしているドメイン登録者（Registrant）情報のメールアドレス有効性認証をご対応いただけていない方に送信しております。

ドメイン情報認証のお手続きが期限内に行われない場合、該当ドメインを利用したホームページの閲覧や、メールの送受信ができなくなりますので、必ずお手続きをお願いいたします。

ドメイン登録者情報のメールアドレスとして情報が正しい場合は、以下URLへアクセスしてください。

対応期日：20XX年XX月XX日 XX曜日
https://onamae.com/domain/verification?authId=XX&token=XX&lang=ja&btn_id=whoisaccuracy_approval_mail

※メールアドレス以外にも、Whois情報が不正確なドメインは、登録抹消や使用停止の対象となることがございますのでご注意ください。
※各種情報の確認・修正等はご利用のドメイン管理会社へご相談くださいますようお願いいたします。

要約すると、「メールアドレスが有効かどうかを確認するからリンクをクリックして下さい」というものです。

このメールへの対応方法は簡単で、アクセスするようにと指定されているURLをクリックするだけです。

すると以下のようなページが開きます。

このページが開けば認証は完了です。

なお、このメールは無視してはいけません。

無視して期日がすぎてしまうと、独自ドメインを利用停止状態にされてしまって使えなくなります。

つまり、その独自ドメインのWebサイトが開かなくなりますし、メールも届かないし送れなくなります。

実は、以前にも同様のメールが届いたことがあるんですが、その時は、意味のわからない不審なメールだと思って無視してしまいました。

バリュードメインでドメインを取得しているのに、差出人のドメインが「お名前.com」だったので、なおさら意味がわからないと思ってしまいました。

ところが、ある日突然ドメインが使えなくなりました。

サイトは開かないし、独自ドメインのメールも使えません。

もちろん最終的には復旧はできたのですが、バリュードメインに連絡して認証用のメールを再送信してもらって・・・と、けっこう面倒でした。

登録しているメールアドレスが停止状態になってしまったドメインのメールアドレスだったりすると、そのメールアドレス自体使えない状態になっているはずなので、再送信してもらってもすんなり受け取ることができず、なおさら厄介でしょう。

ですので、そんなことにならないよう、「ドメイン情報認証のお願い」というメールは無視せず、すぐに認証手続きをすることをお勧めします。

ただし・・・、

もしかすると、今後このメールを偽った詐欺メールが届く可能性もあります(既にあるかもしれません)ので、リンクをクリックする時にURLがおかしくないか確認してから問題なければクリックしましょう。

あと、上でも書きましたが、このドメイン認証手続きはメールに書かれているURLのクリックのみで完了します。

なので、それ以上の情報、例えば名前や住所、ログインIDやパスワード、クレジットカード番号などの入力を要求してくる場合は詐欺メールの可能性が高いと思いますので、一度疑ってみる方が良いのではないでしょうか。

以上、「ドメイン情報認証のお願い」というタイトルのメールが届いた時の対応方法について書いてみました。

参考になったら嬉しいです。

島のWeb屋

スタジオジブリ作品の場面写真1,278枚が公式サイトで無料提供されています

最新作

君たちはどう生きるか

超定番の大人気作品

千と千尋の神隠し

半額以下！Google AI Proから新プラン「Google AI Plus」に切り替える方法

Google AI Plus プランの概要

ProからPlusへのプランの切り替え手順

Google Oneの「メンバーシップ プランを変更」画面を開く

スクロールして「その他のプランを見る」をクリック

「Google AI Plus(200GB)」にダウングレード

内容を確認して続行

フリマアプリの出品価格と利益を決める計算機をヤフオクに対応させてみました

アメブロの「下書きボタン」がいつでも押せるようになって欲しい

Facebookの「あなたと他のフォロワーをメンション」や「コメントをハイライト」の通知を止める

WordPressテーマ「Genesis Framework」を勝手に日本語化するプラグイン

仕組み

翻訳内容

カスタマイズ

Theme Settings (テーマの設定)

Site Layout (サイトレイアウト)

Breadcrumbs (パンくずリスト)

Comments and Trackbacks (コメントおよびトラックバック)

Singular Content

Content Archives (コンテンツアーカイブ)

Header/Footer Scripts

Theme SEO Settings (テーマのSEO設定)

Document Title (タイトル)

Homepage (ホームページ)

Document Head

Indexing

レンタルサーバーの契約をしたら意味がわからないくらい安かった

YouTube動画をアメブロに貼り付けると画面からはみ出してしまう問題への対処方法

YouTube動画をアメブロの記事の幅にピッタリ収まるように貼り付ける方法

実際に貼り付けた例

広告ブロッカーをブロックしてみた結果

対象のページについて

コード例

結果をご紹介

まとめ

タグをコピペして使える！囲み枠・ボックスデザイン各種

シンプルな囲み枠(実線・破線・点線・二重線)

タイトル付きの囲み枠

WordPressとPHPのバージョンを管理画面の見やすい位置に常時表示する方法

まずはコードからご紹介

方法1：プラグインとしてインストール・有効化

方法2：「Code Snippets」プラグインのスニペットとして登録

アメブロの運営から警告メッセージが届いた話

アメブロの運営から届いた警告メッセージ

心当たりがありました

誤解です

手段を一つに絞るのは恐ろしい

アメブロの記事に貼り付けた画像がスマホ版ブラウザで見たときに勝手に拡大され表示が崩れてしまう問題への対処方法

どのように表示が崩れるのか？

囲み枠に入れない場合

囲み枠に入れた場合

表示が崩れる原因と対策は？

大きな画像は使えないのか？

写真に写り込んでしまった消したいものを簡単に消す

完全無料でWordPressを使う場合の課題と解決案について考えてみた

広告表示が必須

ドメインがレンタルサーバーのサブドメイン

SSLが使えない

まとめ

最初からずっと0円！完全無料でWordPressのサイトを運営する方法

どんなレンタルサーバーか？

無料で使うための条件は？

無料アカウント作成

バリュードメインにユーザー登録

ユーザーアカウント作成

メール認証

フリマアプリの出品価格と利益の計算機を作ってみました

どのフリマサイトにいくらで出品すればいいのか？

フリマ出品価格＆利益計算機を作ってみた

フリマ出品価格＆利益計算機の使い方を簡単に

まとめ

Flickrでパブリックドメインの写真だけを検索する方法

ライセンスが「CC0」の写真を検索する場合

ライセンスが「Public Domain Mark」の写真を検索する場合

Google Oneの「メンバーシッププランを変更」画面を開く