備忘録として残しておきます。

変更前→変更後のデザイン

アーカイブウィジェットは設定でドロップダウン表示とリスト表示が選べますが、そのままのデザインではしっくりきませんでした。

それぞれのカスタマイズ前のデザインです。

ドロップダウン表示はちょっと味気ないデザインだし、月を選択するのに2クリックしなければならないので操作性も悪いなと感じていました。

一方のリスト表示。
これぐらいの長さならまだ問題ありませんが、これから長年サイトを運用していくとなると、もっと長さも伸び、見栄えや操作性も悪くなります。

なので今回は、

この三点を目標にカスタマイズした結果、

こんな感じのデザインになりました。

直近の年は最初から表示、それ以外の年はスペース節約のため非表示になっています。
各年をクリックすると表示・非表示を切り替えできます。

今回のカスタマイズはCocoonの作者、わいひらさんの記事を参考にさせてもらいました↓

折り畳み式アーカイブウィジェットを作成するWordPressカスタマイズ方法。プラグイン不要コピペのみ。

今回は、Wordpressアーカイブウィジェットのリスト表示を、プラグインを必要とせず、コピペのみでスッキリと…

nelog.jp

ウィジェットの設定

まずはウィジェットの設定を確認します。

「外観」→「ウィジェット」で、アーカイブをクリックし「ドロップダウン表示」のチェックを外して保存。

ここにチェックしたままだとドロップダウン表示になります。

CSSのソースコード

以下のコードを、「外観」→「テーマエディター」Cocoon Childのstyle.cssに貼り付けます。

/*---折り畳みアーカイブウィジェット---*/
.widget_archive a.year{ /*各年*/
	cursor: pointer;
	border-bottom: 1px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive .years ul { /*各月*/
	display: flex;
	flex-flow: row wrap;
	margin-left: 5px; /*インデント*/
	font-size: 1rem;
	text-decoration: underline; /*各月に下線を引く*/
}
.widget_archive ul.years li {
	padding: 0 1px; /*各月の間隔*/
}
#sidebar .widget_archive ul.years li :hover { /*マウスホバー時*/
	background: none;
	transition: 0.1s;
	color: #72c7e6;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

6〜11行目のコードは「Font Awesome5」に設定している場合です。
「Font Awesome4」に設定している場合は対応するコードに変えてください。

Font Awesomeについては↓の記事が分かりやすかったです。

【Cocoon】Font Awesome 4から5へ変更する前に注意すべきこと

2019年11月14日に無料WordPressテーマ「Cocoon」のバージョンが2.0.0になり、多くのブロックエディター機能が強化されました。そして今回のアップデートでFont Awesome 5が漸く公式から使用できるように用意されま...

y-k-studio.com

jQueryのソースコード

次に、以下のjQueryコードをCocoon Childのjavascript.jsに貼り付けます。

///////////////////////////////////
// 折り畳み式アーカイブウィジェット
/////////////////////////////////
(function($) {
  $(function() {
    var wgts = $(".widget_archive");//アーカイブウィジェット全てを取得
    //アーカイブウィジェットを1つずつ処理する
    wgts.each(function(i, el) {
      wgt = $(el);

      //日付表示＋投稿数か
      var has_date_count = wgt.text().match(/\d+年\d+月\s\(\d+\)/);
      //日付表示だけか
      var has_date_only = wgt.text().match(/\d+年\d+月/) && !has_date_count;

      //日付表示されているとき（ドロップダウン表示でない時）
      if ( has_date_count || has_date_only ) {
        var
          clone = wgt.clone(),//アーカイブウィジェットの複製を作成
          year = [];
        //クローンはウィジェットが後に挿入。クローンはcssで非表示
        wgt.after(clone);
        clone.attr("class", "archive_clone").addClass('hide');

        var
          acv = wgt; //ウィジェット
          acvLi = acv.find("li"); //ウィジェット内のli全て
        //ul.yearsをアーカイブウィジェット直下に追加してそのDOMを取得
        var acv_years =  acv.append('<ul class="years"></ul>').find("ul.years");

        //liのテキストから年がどこからあるかを調べる
        acvLi.each(function(i) {
          var reg = /(\d+)年(\d+)月/;
          //日付表示＋投稿数か
          if ( has_date_count ) {
            reg = /(\d+)年(\d+)月\s\((\d+)\)/;
          }
          var dt = $(this).text().match(reg);
          year.push(dt[1]);

        });
        $.unique(year); //重複削除

        acvLi.unwrap(); //liの親のulを解除

        //投稿年があるだけ中にブロックを作る
        var
          yearCount = year.length,
          i = 0;
        while (i < yearCount) {
          acv_years.append("<li class='year_" + year[i] + "'><a class='year'>" + year[i] + "年</a><ul class='month'></ul></li>");
          i++;
        }

        //作ったブロック内のulに内容を整形して移動
        //オリジナルのクローンは順番に削除
        var j = 0;
        acvLi.each(function(i, el) {
          var reg = /(\d+)年(\d+)月/;
          //日付表示＋投稿数か
          if ( has_date_count ) {
            reg = /(\d+)年(\d+)月\s\((\d+)\)/;
          }
          var
            dt = $(this).text().match(reg),
            href = $(this).find("a").attr("href");

          //月の追加
          var rTxt = "<li><a href='" + href + "'>" + "" + dt[2] + "月</a>";
          //日付表示＋投稿数か
          if ( has_date_count ) {
            rTxt += " (" + dt[3] + ")" + "</li>"; //投稿数の追加
          }

          //作成した月のHTMLを追加、不要なものは削除
          if (year[j] === dt[1]) {
            acv_years.find(".year_" + year[j] + " ul").append(rTxt);
            $(this).remove();
          } else {
            j++;
            acv_years.find(".year_" + year[j] + " ul").append(rTxt);
            $(this).remove();
          }
        });

        //クローン要素を削除
        clone.remove();

        //直近の年以外は非表示
        acv.find("ul.years ul:not(:first)").addClass("hide");

        //年をクリックで展開
        acv.find("a.year").on("click", function() {
          $(this).next().toggleClass("hide");
        });
      }//if has_date_count || has_date_only
    });//wgts.each

  });

})(jQuery);

直近の年以外は最初、非表示になっています。
クリックすると表示されますが、最初から全年表示したいという方は89〜90行目のコードを削除してください。

直近の2年分を表示したい場合は、89〜90行目のコードを以下のコードに書き換えてください。

        //直近2年（0番目と1番目のul.month）以外は非表示
        acv.find("ul.years > li:gt(1) ul.month").addClass("hide");

修正版

ここからはただの自己満のコードを載せておきます。

以下の点を修正しました。

1〜3はCSS、4はJavaScriptの管轄です。

Geminiに上記のコードを投げたら、「無駄な処理」や「非効率なDOM操作」がいくつか見受けられるとのことで、ぱぱっと簡素化・最適化してくれました。

私には何が何だかさっぱり(笑)ですが、こういうプログラミング系にはめちゃくちゃ強いですねAIは。

最終的にこうなりました↓

/*--- 折り畳みアーカイブウィジェット ---*/
/* 各年の親要素：クリックできることを示し、区切り線を入れる */
.widget_archive a.year {
    cursor: pointer;
    border-bottom: 1px dotted #ccc; /* 各年に下線を引く */
    display: block; /* クリック領域を広げる */
}
/* 各年横のアイコン */
.widget_archive a.year::after {
    font-family: "Font Awesome 5 Free";
    content: '\f107'; /* 下向き矢印のアイコン */
    margin-left: 8px; /* アイコンの位置 */
    font-weight: bold;
}
/* 各月の横並び（フレックスボックス）の設定 */
.widget_archive .years ul {
    display: flex;
    flex-flow: row wrap; /* 折り返しを許可 */
    font-size: 1rem;
    line-height: 1.5; /* 行の高さを低くする */
    text-align: center; /* 中央寄せで等間隔感を出す */
    white-space: nowrap; /* 月名（12月など）が途中で改行されないように固定 */
    text-decoration: underline; /* 各月のリンクに下線を引く */
}
/* 1行に6ヶ月ずつ並べる（PCサイズ） */
.widget_archive ul.years li {
    flex: 0 0 calc(100% / 6); /* 6列 */
}
/* レスポンシブ対応：画面幅が狭いときは3列にする */
@media (max-width: 480px) {
  .widget_archive ul.years li {
    flex: 0 0 calc(100% / 3); /* 3列 */
  }
}
/* マウスホバー時のエフェクト */
#sidebar .widget_archive ul.years li :hover {
    background: none;
    transition: 0.1s;
    color: #72c7e6;
}
/* jQueryで .hide を toggle する場合、CSSは以下のようにシンプルでOK */
.widget_archive .hide {
  display: none;
}

/////////////////////////////////////
// 折り畳み式アーカイブウィジェット
/////////////////////////////////
(function($) {
  $(function() {
    $(".widget_archive").each(function() {
      var $wgt = $(this);
      var wgtText = $wgt.text();

      // 正規表現を一度だけ定義
      var regCount = /(\d+)年(\d+)月\s\((\d+)\)/;
      var regSimple = /(\d+)年(\d+)月/;
      
      var hasCount = wgtText.match(regCount);
      var hasDate = wgtText.match(regSimple);

      // ドロップダウン表示時はスキップ
      if (!hasDate) return;

      var $listItems = $wgt.find("li");
      var years = [];

      // 1. 年のリストを抽出
      $listItems.each(function() {
        var match = $(this).text().match(regSimple);
        if (match) years.push(match[1]);
      });
      years = $.unique(years);

      // 2. 新しい構造（ul.years）を作成
      var $acvYears = $('<ul class="years"></ul>');
      $.each(years, function(i, y) {
        $acvYears.append('<li class="year_' + y + '"><a class="year">' + y + '年</a><ul class="month"></ul></li>');
      });

      // 3. 既存のliを新しい構造に振り分け
      $listItems.each(function() {
        var $li = $(this);
        var match = $li.text().match(hasCount ? regCount : regSimple);
        if (!match) return;

        var y = match[1], m = match[2], count = match[3];
        var href = $li.find("a").attr("href");
        
        var linkText = m + "月" + (hasCount ? " (" + count + ")" : "");
        var $newLi = $("<li>").append($("<a>").attr("href", href).text(linkText));

        // 該当する年のulに追加（prependで昇順、appendで降順）
        $acvYears.find(".year_" + y + " .month").prepend($newLi);
      });

      // 4. DOMを入れ替え
      $wgt.find("ul").first().replaceWith($acvYears);

      // 5. インタラクション設定
      $acvYears.find("ul.month:not(:first)").hide(); // 最初以外非表示
      $acvYears.on("click", "a.year", function(e) {
        e.preventDefault();
        $(this).next(".month").slideToggle(200);
      });
    });
  });
})(jQuery);

ハイライトしてあるところが大きく変わった部分です。

まとめ

今回のカスタマイズでこだわったのは二点。

ユーザビリティ重視です。

コピペするだけで簡単に実装できるので、アーカイブが長くなって困っている方はぜひいかがでしょうか。

どうせ公共料金の支払いに使うだけだし…と思って旧姓のまま放置。

名義変更しなきゃとは思いつつ、カード番号が変更になると支払い先に連絡しないといけないのが面倒で二の足を踏んでいました。

でもいつの間にか、カード番号はそのままで発行できるようになったらしい！？

それは朗報！と心置きなく名義変更の申請をしました。

というわけで今回は、名義変更手続きの流れをまとめました。

新カードも旧カードと同じ番号に！

名義変更を躊躇していた面倒くさがりの私ですが、何気なく、楽天カードの「お客様の声を実現しました」というページを見てみると、

なんと、2019年1月から新旧同じ番号のまま、カードの発行ができるようになっているではありませんか！

マジかよ！粘っといてよかった！これで安心して名義変更できますわ。時代は進化しておるぞ！

一応別のソース↓

カードを作り直した場合、カード番号が変わるのか知りたい | よくあるご質問｜楽天カード

改姓・改名による氏名の変更やカードの破損・磁気不良などのカードの作り直しの場合は、カード番号の変更はございません。楽天e-NAVI「カードの作り直し」よりお手続きが可能です。カードの作り直しはこち

support.rakuten-card.jp

カード番号が変わらないなら名義変更しない理由がないやん…。

というわけで早速、名義変更の手続きをしました。

手続きの流れ

※以下は改姓による手続きの流れになります。

まず楽天e-NAVIにログインし、「お申込み（カード/サービス）」→「カードの作り直し」をクリック。

名義変更したいカードと合っているか確認し、申請理由を選択。

申請書の送付先を入力。住所は既に自動で入力されていました。
改姓後の氏名を入力。

楽天カードの裏面右端に書かれている3桁のセキュリティコードを入力。

新しいカードについての注意点を確認。

「確認画面へ進む」をクリック。

入力内容に間違いがないか確認し、「送付依頼する」をクリック。

申し込み完了！

あとは申請書が届くのを待つだけです。

申請書が届く

名義変更の申請をしてから9日後に改姓改名申請書が届きました。

申請書の記入例、返信用の封筒も一緒に入っていました。

記入例があるからすんなり書けるかと思いきや、わたくし、記入ミスを盛大にやらかしました(笑)

名前をローマ字で書くところがあるんですが、「名前→姓」の順で書くところを、間違って普通に「姓→名前」の順で書いてしまいました。

幸い、書いてる途中で間違いに気付いたので、間違えた部分は二重線を引き、その上から訂正印を押しました。訂正印までいらないのかもしれないけど、一応丁寧なやり方で。
その横に正しく「名前→姓」の順で書きました。
ギリギリ19文字の枠内には収まりましたがめっちゃ焦りました。

それと申請書の下の方には預金口座振替依頼書もあるんですが、楽天銀行などの印鑑レス口座を指定する場合は印鑑を押す必要はないです。

記入例の紙の方には印鑑が不要なことについて何も書いてなかったので、楽天銀行を口座開設したとき印鑑登録してないはずなのにどうするんだ？と不安になりネットで調べました↓

預金口座振替依頼書のご記入における注意事項を知りたい | よくあるご質問｜楽天カード

預金口座振替依頼書ご記入時の注意事項については、下記の「よくある不備内容」をご確認ください。また、郵送（預金口座振替依頼書）でのご登録は1～2カ月程度かかります。書類への記入や捺印も不要の楽天e-N

support.rakuten-card.jp

私は楽天銀行を指定したので印鑑を押さずに出しましたがちゃんと受理されていました。
※現在では、引落口座名義記入欄の横に『印鑑なし口座』と明記しなければならないようです。

そんなこんなで改姓改名申請書を書き終え、返信用封筒に入れ返送。

新カードが届く

返送してから10日後、簡易書留でカードが無事届きました。

「書類受理しました」とか「カード発送しました」的なメールがなかったので不安になりましたが(笑)

左が旧カード、右が新カードです。やはりカード番号は変わっていません！

有効期限、楽天ポイントカード番号は変更なし。
Edyは新しい番号に変わっているので、Edy残高を使い切ってから旧カードを処分しましょう。

細かいですがカードのデザインが若干変わってますね。

左上の矢印が赤色から目立たない灰色に。
上部の「楽天」、「楽天ポイント」、「Edy」のロゴが新しいものに。
それと、中央に描かれているお買いものパンダが、ICチップとホログラムに被らないように縮小されてる！

うーん、旧カードのデザインの方が好みかも(笑)

まとめ

• 10/10楽天カード名義変更申請
• 10/19申請書届く
• 10/22申請書返送
• 11/1新カード届く

ということで、楽天カードは本当に、カード番号が変わらずに名義変更ができました。

いやー、カード番号の変更がないって素晴らしいですね（しみじみ）。

この記事が、名義変更したらカード番号変更になるのが嫌！と二の足を踏んでる方の一助になれば嬉しいです。

多段タブ化の導入方法については多くの方が詳しく解説してくれていますが、そのほとんどがWindows！
Macでも大方の流れは一緒なのですが、やっぱりちょっとやり方が違ってスムーズに行かない…。

ということで今回は、Mac派の方でもスムーズにFirefoxを多段タブ化できるよう、解説記事を作ってみました。

userChrome.js、config.js、config-prefs.jsをダウンロード

alice0775さんのGitHubページへアクセスし、現在のFirefoxのバージョンと一致するフォルダを開きます。
この記事の投稿時点ではFirefox 92.0なので「92」のフォルダです。

このフォルダの中には、

• userChrome.js
• config.js
• config-prefs.js

の3つのファイルが格納されているので、それぞれダウンロードします。

それぞれ、

• 92→userChrome.js
• 92→install_folder→config.js
• 92→install_folder→defaults/pref→config-prefs.js

の順に辿っていくとダウンロードできます。

以下は例として「userChrome.js」のダウンロードの方法です。

「userChrome.js」をクリック→右上の「Raw」を右クリック。

「別名でリンク先を保存」を押して、任意の場所に保存します。

同じ手順で「config.js」、「config-prefs.js」もダウンロードします。

多段タブ.zipをダウンロード

firefox用スクリプトアップローダーから、一番上にある「多段タブ.zip」をダウンロードします。

少し待つと↓の画面が出てくるので、「ファイルを保存する」にチェックを入れ「OK」を押します。
※デフォルトでは「アプリケーションで開く」にチェックが入っているので注意。

ダウンロードが終わったら、アドレスバーの右にあるダウンロードボタンを押し、「多段タブ.zip」を開きます。

MultiRowTabLiteforFx.uc.js

「多段タブ」ファイルが開くので、その中にある+マークが付いた方の多段タブフォルダを開きます。
今回は「多段タブ Firefox 89+」です。

ここで2つのことを決めなければなりません。

一つは、用意された6種類のスクリプトの中からどれを選ぶか。
「01～06 それぞれの組み合わせ.txt」を読んで好きなものを選びましょう。

とはいえ、「読んでもよく分からん！」という人はシンプルに、

• 段数を無制限にしたいなら「01」
• 段数を制限したいなら「02」（デフォルトでは5段）

を選ぶと良いと思います。
私は段数制限したいので「02」を選びました。

もう一つは、Proton UIにするかどうか。

何やらFirefox 89から導入されたデザインらしいのですが、ユーザーからは「タブの境界が不明瞭になって見にくい」「メニューやブックマークの行間が広くなって使いにくい」等、とにかく評価は散々なもの…。

試しに「…Proton falseにする」「…Proton UIにする」を両方表示してみましたが、確かに「…Proton UIにする」の方はタブの余白が広かったり、表示が見切れていたり等デザインが崩れていたので、無難に「…Proton falseにする」を選んだ方が良いと思います。

お好みの「Proton」フォルダ→先ほど選んだ番号のフォルダを開きます。

中に「MultiRowTabLiteforFx.uc.js」というファイルがあります。
このファイルはあとで使いますので、この場所にあることを覚えておいてください。

userChrome.css

「多段タブ」フォルダに戻り、「userChrome.js用スクリプトを利用する方法」フォルダの中に「userChrome.css」があることを確認します。

このファイルもこのあと使うので、フォルダを開いたままにしておきます。

「chrome」フォルダに格納

Firefox右上のハンバーガーメニュー（漢数字の三みたいなアイコン）をクリックし、「ヘルプ」→「他のトラブルシューティング情報」を開きます。

「アプリケーション基本情報」の真ん中ら辺にある「プロファイルフォルダー」欄の「Finderに表示」をクリックします。

開いたフォルダの中に「chrome」という名前のフォルダを新しく作ります。
もし既に「chrome」フォルダがあれば、それを使います。

先ほどダウンロードした、

• userChrome.css
• userChrome.js
• MultiRowTabLiteforFx.uc.js

の3つのファイルを「chrome」フォルダに入れます。

「Resources」フォルダに格納

ここがWindowsと違って分かりにくく、一番躓くところかもしれません。

「Dock」→「アプリケーション」→一番下の「Finderで開く」をクリック。

「Firefox.app」を右クリック→「パッケージの内容を表示」をクリック。

「Contents」→「Resources」フォルダ内に「config.js」を入れます。

同じ「Resources」フォルダ内の「defaults」→「pref」フォルダに「config-prefs.js」を入れます。

Firefoxを再起動

ここまで終わったら、一旦Firefoxを終了して再び開きます。

無事、多段になっていたら成功です。お疲れさまでした。

応用編

ここからは応用編です。

多段タブの段数を変更

「MultiRowTabLiteforFx.uc.js」をテキストエディットで開き、
/* 段数(デフォルト5段) */
と書かれた行の数字を好きな数値に書き換えます。

例えば、3行にしたかったら「3」と書き換えます。

タブの横幅を固定

「多段タブ」→「多段タブ Firefox 89+」→「タブの横幅固定.txt」に2通りの方法が記載されていますが、後者の「userChrome.css」に追記するやり方の方が簡単です。

「userChrome.css」をテキストエディットで開き、以下のコードを追記します。

.tabbrowser-tab[fadein]:not([pinned]) {
        min-width: 100px !important; /* 最小値 デフォルト  76px */
        max-width: 100px !important; /* 最大値 デフォルト 225px */
}

pxの数値はお好みで調整してください。
最小値・最大値をともに同じ数値にすると、横幅が固定されます。

バージョンアップで不具合が発生したら

Firefoxをバージョンアップした際、不具合が発生するときがあります（例えばタブの移動が出来なくなる等）。

そのときは、「多段タブ.zip」をダウンロードし直し、「chrome」フォルダ内の「MultiRowTabLiteforFx.uc.js」を新しいのに置き換えましょう。

手順は、『2.多段タブ.zipをダウンロード〜3.「chrome」フォルダに格納』と同じです。

今回参考にさせてもらった記事

Firefox92で多段タブ表示～新規用～

この記事はFirefox92から初めて多段タブにしたい人用です。以前のバージョンで既に多段タブにしている方はこちらの記事をご覧ください。各ファイルを上げてくださっている方々に感謝感謝です。 zipフォルダをダウンロード こちらにアクセスして...

kamehiyo.com

【Firefox151まで】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法

この記事ではFirefox151～72でuserChrome.css、userChrome.js、xx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない未読タブなどのフォン...

dev.macha795.com

その名も、生産者還元用ポテトチップス！

士幌町は、カルビーのじゃがりこを製造する工場があるほど、じゃがいもの名産地。その地から生まれた士幌町限定のポテトチップスをご紹介します！

塩味・のり塩味・コンソメ味の3種類

塩味。
「うす塩味」ではなく「塩味」なだけに塩が効いています。

のり塩味。
カルビーののり塩味と似ているけど、こちらの方があっさりしています。
青のり、あおさの味がしっかりと感じられます。

コンソメ味。
あっさりとしているのに、しっかりとコンソメを感じられます。
（あと手で摘んだ後の、あの指に付いたコンソメの残り香が微香レベルなのがちょっと嬉しかったり。）

3種類ともとてもあっさりしていて、噛むほどにじゃがいもの味を深く感じられます。途中で飽きることもなく、1袋なんてあっという間に食べきれちゃうほどです。

購入できる場所とお値段は？

あくまで、じゃがいも生産者への還元が目的なので、士幌町近辺でしか購入できません。今のところ通販では扱っていないみたいですね。

実際に行って販売を確認できたのはAコープ士幌店ASPOと道の駅ピア21しほろです（2021年6月時点）。

どちらも1袋単位、1箱（80g×12袋入り）単位で置いていましたが、値段が少し異なりました。

追記：上士幌町のAコープ上士幌店ルピナ、音更町のハピオでも購入できるとの情報をコメントにていただきました。
更に調べてみると、士幌町にあるしほろ温泉プラザ緑風のHPにも取り扱っているとの記載が…。

Aコープ士幌店ASPO

入り口を入って右側、サービスカウンターの隣に箱積みされていました。

1袋：税込116円
1箱：税込1,280円

こちらのお店では、「ポテトチップスミックス」として1箱に3種類の味×各4袋の箱売りもしていました。
（隣には士幌町で製造された「じゃがりこ」も箱売りされていました。）

食べ比べをしたかった私はこれを購入しました！

箱の天面には各味の数量が書かれたシールが貼られています。

こちらにも書かれている通り、賞味期限は袋の方を確認しましょう。
箱の側面に書いてある賞味期限よりも前のものは入っていないので全然問題ないのですが、全て同じ賞味期限というわけではないので(笑)

賞味期限は購入日から数えて5、6ヶ月後でした。

住所：北海道河東郡士幌町字士幌西2線161
電話番号：01564-5-2316
営業時間：【4月中旬～10月】9:30～20:00（平日）、9:30～19:00（日曜）
【11月～4月中旬】9:30～19:00→当面の間9:30～19:00
定休日：1月1日、1月4～5日

Aコープ士幌店 ASPO｜とんとん帯広・十勝のお店、スポットの情報満載！TONxTON

帯広・十勝のAコープ士幌店 ASPO 地域のライフラインとして愛されるお店へ ASPO（アスポ)の名前の由来は“農業の町士幌の人々が集う憩いの場”。アグリカルチャの「A」、士幌の「S」、ピープルの「P」、オアシスの「O」を組み合わせています...

www.tonxton.com

道の駅ピア21しほろ

入り口を入って真っ直ぐ進むと右側にあります。

1袋：税込128円
1箱：税込1,420円

写真中の令和元年12月の人気お土産ランキングによると、

ということで、やっぱり王道の塩味が人気なんですね。

住所：北海道河東郡士幌町字士幌西2線134番地1
電話番号：01564-5-3940
営業時間：9:00～17:00

ピア21しほろ | 北の道の駅

hokkaido-michinoeki.jp

Aコープ上士幌店ルピナ

未訪問なので基本情報だけ記載しておきます。

住所：北海道河東郡上士幌町字上士幌東３線237番地
電話番号：01564-2-2067
営業時間：9:00〜19:00
定休日：毎月第4日曜日

Aコープ 上士幌店ルピナ｜とんとん帯広・十勝のお店、スポットの情報満載！TONxTON

帯広・十勝のAコープ 上士幌店ルピナ 地域に愛されるスーパーを目指しています！ 国産野菜統一宣言・もぎたて市・道産食材おススメ宣言の3つのこだわりで、お客様に安心・安全な食品の提供を目指します。『十勝ナイタイ和牛』を始め、地元上士幌町特産品...

www.tonxton.com

しほろ温泉プラザ緑風

未訪問なので基本情報だけ記載しておきます。

住所：河東郡士幌町字下居辺西2線134番地
電話番号：01564-5-3630
営業時間（売店コーナー）：【日帰り】11:00～19:45、【宿泊】8:00～19:45

館内施設 | しほろ温泉「プラザ緑風」

www.shihoro-spa.co.jp

ハピオ

未訪問なので基本情報だけ記載しておきます。

帯広市の隣町、音更町にあるので、帯広からだと一番購入しやすいところですね。
帯広駅からだと車で約10分で着きます。

住所：北海道河東郡音更町木野大通西7丁目1
電話番号：0155-31-2141
営業時間：10:00～20:00

Hapio/ハピオ 北海道は十勝 音更町の食品スーパー

www.hapio.jp

お得に買うには？

Aコープ士幌店ASPOと道の駅ピア21しほろでの購入価格を比較してみました。

ASPOと道の駅、どちらのお店で買っても、単品で12袋分買うより箱買いした方が約110円お得です。

少しでも安く買いたい、3つの味を箱買いで楽しみたいという方は、Aコープ士幌店ASPOで買うのがオススメです。

地域限定商品ですし日持ちもしますので、お土産としても喜ばれそうですね。

ふるさと納税でも入手できる！

なかなか士幌町まで行くのは…という方に朗報です！

なんと、ふるさと納税の返礼品としても、ポテトチップスを手に入れることができます！

ネットからは次の3サイトから申し込みが可能です。

13,000円→15,000円以上の寄付で、塩味・のり塩味・コンソメ味の3種類を各1箱（80g→72g×12袋入り）、計3箱（36袋）もらえます。

道民の方もそうじゃない方も、一度食してみてはいかがでしょうか？

まず接点復活剤を使ってみる

こちらの記事に希望をもらい、まずは接点復活剤を購入。

スマホの電源ボタンが壊れた！！WAKO's ワコーズ接点復活剤で復活したよ

楽天市場でお買い物をするなら無料で１％キャッシュバック出来る方法を教えますよ。なんと当ブログから無料登…

noukiguhikaku.seesaa.net

電源ボタン付近にプシューッと噴射（一応安全のため家の外で行いました）。5分ぐらい放置したあと、電源ボタンを長押ししてみる。

…が、残念ながら効果なし。

相変わらずボタンの押し応えもなく、これは何回やっても変わらんだろうなと。

うーん、こうなったら実力行使しかない！ということで、力技で分解しました。

ゼムクリップで分解

※この方法はスマホを傷付けます。自己責任でお願いします。

マイナスドライバーが近くになかったので、たまたま目に入ったゼムクリップを使いました。

↑こういうの。4個ぐらいあると楽です。

これを画面のへりに差し込んでいきます。

へりに爪を入れて隙間を作ってゼムクリップを差し込む。

（画面が汚いのは気にしないでください…。）

こんな感じで四方に差し込んでいって画面部分を浮かせます。

内部には粘着剤が付いているのでなかなか外れないですが、壊れないように慎重に。

やっと外れた！30分ぐらいかかったかな？

電源ボタンと音量調整ボタンが外れましたが、電源ボタンはここでお役御免です。

音量調整ボタンだけ元に戻して、本体も最初の状態に戻します。

電源ボタンがない状態。

この丸いポッチを爪楊枝で押せば…、

電源入ったー！！（充電していなければもちろん電源は入りません(笑)）

これでまた使えるー！わーい！

まとめ

まさかのゼムクリップ大活躍で終わったスマホ復活劇。

画面と本体カバーを分解して電源ボタンを外すだけというシンプルさ。難しいことはしないので確実性はあると思います。

分解に少し時間がかかるのと、スマホに傷が付くのが玉に瑕ですが。

ちなみに傷付き具合はというと、

見えづらいですが上部のへりが傷付いています。下部もちょっと傷付きました。

さすがに触ればザラザラしますが、目立つほどではないです。

多少傷付いてもいいからスマホを復活させたい！って方は是非試してみてください。

今回参考にさせてもらった記事

F-01Fの分解、電源ボタン修理 - なぽえあ

F-01Fの電源ボタンが陥没し、電源ONができなくなってしまいました。メインはすでに移っており、おもちゃと化していた...

napo.air-nifty.com

↓はリンク切れ
http://www.ossannoasobi.club/article/439450002.html

私が購入したのは、エスケイジャパンの食器洗い乾燥機、Jaime(ジェイム)SDW-J5Lです。

分岐水栓がいらない、業界初のタンク式食洗機です。

購入に至った理由は、私自身パートタイムで働くことが決まり、苦手だった食器洗いの負担を減らしたかったからです。

結論から言うと、本当に買って良かったです！！もう食洗機なしの生活は考えられない！

購入してから半年、見えてきたメリット・デメリット、使用感をレビューしたいと思います。

※2021/12/16現在、エスケイジャパン公式サイトへのリンクが403エラーとなっており、ページの閲覧ができない状態です。

この食洗機を選んだ理由

最初はパナソニック製の購入を考えていました。

大手メーカーだし、評価も悪くないし、機能性も良さそうだし安心だろうと。

とりあえず、食洗機を設置するには分岐水栓が必要ということだったので、品番を確認。

ところが、キッチンの水栓をよく確認してみても、品番が書かれたシールがどこにもないので品番が分からず…。

（今住んでいるのは築25年の賃貸マンションです。まあまあ古いお家なのでしょうがないのか…。）

しかし、品番が分からなくても水栓の写真を送れば教えてくれるサービスが！

（↓リンク先の「分岐水栓サポートデスク」を参照）

分岐水栓ガイド | ビルトイン食器洗い乾燥機 | Panasonic

sumai.panasonic.jp

さっそくサポートセンターに画像を添付してメールしたところ来た返信が、

水栓金具のハンドルと吐水パイプの形状が一致いたしません。
レバーハンドルを変更されましたでしょうか。
吐水パイプを変更されましたでしょうか。

なんですと！？まさかの展開！

一気に雲行きが怪しくなる。

もちろん住み始めてから何も変更はしていません。

形状が一致しないと特定するの無理なん？と返信したら、

形状が一致致しませんと分岐水栓の特定が出来ません。
水栓金具品番が必要になってきます。
もしくは水栓金具に下部の外周を全て撮っていただいた写真　と水栓金具を分解
頂いた各部の写真をいただけますと特定が出来る可能性もございます。
（金具本体形状によっては特定が出来ない場合もございます）

分解までせにゃならんのか…と思いつつ水栓の分解を試みたのですが、外れるであろう部品部分が外れず、水栓の下の部分まで一緒に回っちゃって、結局分解は諦めました。無理に回して壊れても困るし。

それに、「分解しても特定できない可能性もある」ということに、もう心が折れました。

さらば夢の食洗機…。この家を出ない限り、ずっと手で食器洗いをしなければならないのか…。

というわけで一度は諦めかけたんです。

でも諦めきれず意地でネットで探し続けていると…、

水道の分岐作業も不要

これだ！！まさにこの家にぴったりな食洗機！！

もう速攻で恋に落ちましたよね。

即、ネットで注文しました。

私はYahoo!ショッピングで購入しましたが、プレミアム会員でポイントもたくさん付いたので、実質3万円ほどで買えました。

製品仕様

ホームページから転載。

エスケイジャパンストア 404 Not Found

skj-felicis.com

使い方

二人暮らしで、一日に1〜2回使っています。

予洗い

すぐ食洗機に入れるときも、頑固そうな汚れが付いていたら軽くサッとすすいでいます。

すぐに洗わないときは洗い桶に入れてつけ置きしています。

おそらくつけ置きしなくても汚れは落ちると思いますが、食洗機導入前からの習慣だし、なんとなく汚れが落ちやすくなるかなーと思って継続しています。

食器を入れる

これぐらい入ります。

鍋やフライパンも入れようと思えば入れれますが、スペースも取るし、カゴのトゲトゲでテフロンが傷むので、手洗いした方が無難です。

あまり数多く入れすぎると汚れが落ちきらないので、全体的に水が行き渡るぐらいの量を目安に入れてます。

要は、食器に水が当たればいいんです！

最初は何をどこに置くか迷いますが、慣れてくると段々食器の定位置が決まってきます。

ちなみに食器を入れる前はこんな感じ。

このカゴが中途半端な作りでちょっと入れづらいです。

特に右側は穴空きすぎかなーと。

ここにコップを置くと倒れちゃうので、奥側に茶碗とかお椀を一つ入れて、その手前にコップ類を入れています。

もっと網目細かくてもいいのになーと、ちょっと不満な点です。

洗剤を入れる

液体洗剤の場合はドアに直接つけます。

洗剤はチャーミークリスタ 消臭ジェルを使っています。

これはジェルタイプなので手が汚れなくていいですね。洗剤の溶け残りの心配もないし。

ボトルに書いてある洗剤量の目安では、通常の汚れの場合では6gとなっていますが、うちではいつも3gにしています。

というのも、この6gという分量は5〜7人用の食洗機の場合なんですよね。

ですが、この食洗機は2～3人分を想定されているので、半分の量の3gで使用しています。

この量でも汚れ落ちは問題ありません。

水を入れる

タンクに直接水を入れることもできますが、私はいつも付属してきた計量カップで入れています。

だいたい1.8Lを3回入れればちょうどです。

最初は面倒くさいと思っていましたが、慣れてくると何とも思わなくなりました（笑）

最小のライン付近まで入れると、ピピッと音が鳴ります。

ボタンを押す

電源→洗いモード選択→スタートで開始。

タッチパネル式です。先進的でオシャレですよね。

※画像ではスピーディーコースを選択して35分と表示されていますが、実際は約45分かかります。

仕上がり

いつもスピーディーコースで洗っていますが、満足のいく仕上がりです。

洗剤のヌルつきもありませんし、油汚れもすっきり落ちています。

コップもピカピカ。手で洗うのとは大違い。

ただ、卵などのこびりついた汚れは取れていないときが時々あります。

そのときはしょうがないので手洗いしています。

あと乾燥機能ですが、正直使い物になりません。

半日、乾燥機能を使いましたが、水たまりが残るぐらい全然乾かず。

しかも、運転終了後も自分で電源を切るまで乾燥機能が働き続けるという残念仕様。

なので洗浄が終わったらすぐにドアを開けて自然乾燥させています。

庫内は熱々なので数時間経つと結構乾きます。

うちは自然乾燥派なので、乾燥機能には期待していなかったですが、乾燥機能を重視する方は不満に思うかもしれません。

音は気になる？

正直、うるさいです。洗濯機ほどではないですが。

うちはカウンターキッチンで音も抜けやすくリビングも近いので、テレビは音量を＋２にしないと聞こえづらいです。

耐えられないほどではないけど、テレビを真剣に見たいときはちょっと気になります。

水道光熱費は安くなる？

単純な比較はできないですが、前年と比べると、水道代（2ヶ月分請求）とガス代（毎月請求）はそれぞれ平均して約1,000円安くなりました。

食洗機のおかげ！とは言い切れないですが、節約になっているのは嬉しいですよね。

電気代はさほど変わらず。

特に食洗機の影響を受けた感じもなく。

食洗機ってなんとなく電気代がかかりそうなイメージですけど、急激に高くなるってこともなさそうです。

メリット

半年使ってみて感じたメリットをまとめました。

特に、1と2ですね。

1回では全ての食器が入りきらない時でも、溢れた分を洗うのが全く苦にならない自分にびっくりしています。量が少ないとこうも違うのか。

また、「食器洗いをやってくれているのと同時に別の事が出来る」ことが、こんなにも至福なことなのかと実感しています。食器洗いをしたくないのにしなきゃならないというストレスがなくなりました。

デメリット

一方、デメリットのまとめ。

1〜4はぶっちゃけ使っていくうちに慣れます（笑）

5も自然乾燥派ならあまり気になりません。

6は地味ーに不便。アース線があるコンセントに繋がなければならないので、設置できる場所が限られてきます。

アース線に繋がないで使うという手もありますが、万が一のこともあるのでおすすめしません。

まとめ

購入まで色々ありましたが、結果、この食洗機を買って本当に満足しています。

今までの食洗機は分岐水栓が不可欠でしたが、「分岐水栓不要の食洗機」という新たな選択肢が増えたことで、食洗機購入へのハードルは大きく下がったのではないでしょうか。

家事の負担を減らしたい人や食器洗いが憂鬱な人だけじゃなく、もう全ての人におすすめしたいです。

エスケイジャパンさんのサイトから取扱説明書がダウンロードできるので、購入の参考になるかもしれません。

エスケイジャパンストア 404 Not Found

skj-felicis.com

マグカップケーキ

優しい甘さです。ちょこっとお腹が空いた夜食にちょうどいい量です。

めんつゆわさびうどん

鶏ガラごま風味うどん

創味シャンタンでも代用できますが、味が濃くなりがちなので鶏ガラをおすすめします。

独断と偏見で、オススメ度と簡単なレビューも記載しています。
レギュラー商品（と思われるもの）には商品名の頭に●を付けています。

パン好きなのでパンが多めです。

※価格は購入時点のものです。

2012〜2015年頃の商品画像を集めた記事はこちら↓

2012〜2015年頃のホットシェフの商品画像を淡々と貼る。

2012〜2015年に撮りためた、セイコーマートのホットシェフの商品画像を大放出。終売している商品がほとんどですが、今でも販売されている息の長い商品もあります。※価格が「税込表示」のみのものと、「本体価格」と「税込表示」の併記のものが混在し...

inokigeki.com

2021.01.04

丼

●カツ丼(税込540円)

●豚丼(税込540円)

海老ほたて天丼(税込500円)

ビーフオムハヤシ丼(税込540円)

照焼ペッパーバーグ丼(税込540円)

弁当

さんま蒲焼重(税込520円)

ねぎ塩鶏かつ重(税込540円)

チキン南蛮重(税込550円)

ザンギ弁当(税込540円)

大きなおにぎり

●鮭(税込190円)

●ベーコンおかか(税込190円)

チーズおかか(税込192円)

山椒香る鶏ごぼうマヨ(税込192円)

パン

ホットシェフのパンはそのまま食べても美味しいのですが、私のオススメの食べ方は「レンジで10〜20秒温める」です！
パンの風味も増し、生地もふわっふわになり更に美味しくなります！
ぜひお試しを！
※チョコ系のパンは溶けてデロデロになるのでオススメしません。

●バタークロワッサン(税込140円)

●ミニクロワッサン(税込180円)

●チョコクロワッサン(税込180円)

●ミニチョコクロワッサン(税込210円)

コーヒークロワッサン(税込160円)

クッキークロワッサン(税込160円)

キャラメル風クロワッサン(税込159円)

ミニクロワッサン（ホワイト）(税込210円)

ミニパンオショコラ(税込180円)

メロンパン(税込140円)

チョコチップメロンパン(税込150円)

北海道赤肉メロンパン(税込150円)

とうきびパン(税込160円)

北の小倉あんパン(税込140円)

クリームパン(税込140円)

しおぱん(税込108円)

シュガーバターパン(税込138円)

バターパン(税込108円)

チーズマヨパン(税込124円)

ソーセージパン(税込230円)

ヘーゼルナッツロール(税込170円)

ホットスナック

●フライドチキン(税込260円)

うま塩チキン(税込280円)

チーズチキン(税込280円)

オニオンコンソメチキン(税込280円)

ごまとナッツの香ばしチキン(税込280円)

こんがり焼きチキン(税込260円)

ザンギ(税込257円)

●フライドポテト(税込140円)

ポテトガーリック(税込150円)

道産ポテトのフライ(税込162円)

大きな焼鳥 うま塩(税込185円)

ポテトコロッケ(税込95円)

オススメ

紹介したメニューの中でのオススメはこちら。

パン贔屓ですみません(笑)
でも本当にパン類はオススメです！

パン専門店にも負けないぐらいレベルが高いと思いますし、弁当類に比べて値段も量も手頃で大きなハズレ商品もないので手が出しやすいと思います。

パン以外なら、

がオススメです。

ぜひ一度ご賞味あれ！

終売している商品がほとんどですが、今でも販売されている息の長い商品もあります。

※価格が「税込表示」のみのものと、「本体価格」と「税込表示」の併記のものが混在しているのは、2014年4月から消費税が5%→8%に引き上げられたことによるものだと思われます。

現在販売されているホットシェフ商品はこちらへ↓

セイコーマート・ホットシェフのメニューを淡々とレビュー

定番品から期間限定商品まで。独断と偏見で、オススメ度と簡単なレビューも記載しています。レギュラー商品（と思われるもの）には商品名の頭に●を付けています。パン好きなのでパンが多めです。※価格は購入時点のものです。2012〜2015年頃の商品画...

inokigeki.com

2021.07.09

丼

弁当

大きなおにぎり

パン

ホットスナック

早速、設定やら色々いじってみたんですが、困りごとが。
Bluetoothマウスを接続したときに、何故か2秒後にクリック（タップ）反応が起きてしまうんです。

マウスを動かして止めたあと、カーソルポインタの中にカウントダウンの円環が出てきて、一周したらクリックになるという感じ。

とりあえず、設定の「Bluetooth」や「ポインタコントロール」をいじってみるも何も変わらず。

ですが諦めずに設定の中をくまなく調べてみるとやっと見つけました！

今回はBluetoothマウスを接続したときの自動クリックを直す設定方法の紹介です。

原因

そもそもの原因は、仮想ホームボタン設置のため、アクセシビリティ設定をいじったことでした。

iPad Air4には物理ホームボタンがないので、Androidに慣れている身としては、仮想ホームボタンがあった方が便利かなーと思い設置しました。やっぱりあると便利です！

もしこの設定をいじっていなかったら、マウスは問題なく作動すると思います。

設定方法

設定を開きます。
「アクセシビリティ」→「タッチ」をタップ。

「AssistiveTouch」をタップ。

下部にある「滞留コントロール」をオフにする（初期設定ではオン）。

これで設定は完了です。

同じく悩んでいる方の助けになれば幸いです。