ビールのストックが無くなったので、やまやに買いに行くと６月１日から値上げになると掲示されていました。
いつかそんな話があったなあという感覚で、今月いっぱいで値上げになると言う意識は無かったので、びっくりしました。
俊は、やまやの「ぐぐっと生 糖質オフ」（２４本２０３０円）を好んで飲んでいますが、たくさん値上げになるなら、もう１ケース買っておこうかなと思うのですが、いくらになるのか情報が全くないです。聞けば教えてくれるのでしょうが、この状況は変です。
２０１７年５月２１日
最近、サイトのモバイルフレンドリー化を進めているのですが、今回は掲示板のモバイルフリー化に挑戦してみました。
掲示板はyybbs(YY-BOARD)という日本で一番使われているCGIを利用しているのですが、ネットで探しても、そのような試みをしているという記事は一向に見つかりません。
それでダメ元で挑戦してみました。
完璧では無いですが、なんとかそれらしいところまで頑張れました。
https://kimassi.net/cgi/yybbs11/yybbs.cgi
ＦＰ２級の試験１週間前に、こんなことしなくても良いと思いますが、気になると途中でやめられないので仕方ないです。
変更箇所は、試験が終わってから紹介しようと思います。
２０１７年５月２８日
yybbs(YY-BOARD)の改造について１つ１つ進めていくことにします。
なお、yybbs(YY-BOARD)は基本形の物を使っていなくて、スパム対策済みバージョンを使っていますので、標準のyybbs(YY-BOARD)とは多少の違いはあるかもしれません。
ステップ１
まず、アイコンやカウンターの使用をやめます。
yyini.cgiの
# アイコンモード (0=no 1=yes)
$iconMode = 0;
を0にします。
# ミニカウンタの設置
$counter = 0;
を０にします。
# 家アイコンの使用 (0=no 1=yes)
$home_icon = 0;
を０にします。
これらは変更しなくても良い場合がほとんどだと思います。
ステップ２
yyini.cgiの# HTMLヘッダの部分（<head>より上部）に
<meta name=”viewport” content=”width=device-width,initial-scale=1″>
を挿入します。これがモバイルフリレンドリーへの第一歩です。
ステップ３
フォントを大きくするためにyyini.cgiの# HTMLヘッダの部分（<head>より下部）スタイルシート設定部の
body,td,th { font-size:$bSize; font-family:”$bFace”; }
を
body,td,th { font-family:”$bFace”; }
に変更します。
これで文字が大きくなります。これで基本的な対処は終わりで、後は幅を狭くするための微調整になります。
ステップ４
#————————————————-
# 投稿画面
#————————————————-
はかなり変更します。
print <<EOM;
<table ><TR><TD>
<table border=0 cellspacing=1>
<tr>
<td><b>お名前</b></td>
<td><input type=text name=$RNDname size=28 value=”$nam” class=f></td>
</tr>
EOM
if ($use_form_email == 1 or $use_form_email == 3) {
my $message = ($use_form_email == 3 ? $dont_use_this_form : “”);
print <<EOM;
EOM
}
print <<EOM;
<tr>
<td><b>タイトル</b></td>
<td>
<input type=text name=$RNDsub size=36 value=”$sub” class=f>
<input type=submit value=”投稿する”><input type=reset value=”リセット”>
</td>
</tr>
<tr>
<td colspan=2>
<b>メッセージ</b><br>
<textarea cols=56 rows=7 name=$RNDcomment wrap=”soft” class=f>$com</textarea>
</td>
</tr>
EOM
if ($use_form_url == 1 or $use_form_url == 3) {
my $message = ($use_form_url == 3 ? $dont_use_this_form : “”);
print <<EOM;
<tr>
<td><b>参照先</b>$message</td>
<td><input type=text size=52 name=$RNDurl value=”$url” class=f style=”ime-mode:inactive”></td>
</tr>
EOM
}
# 管理者アイコンを配列に付加
@ico1 = split(/\s+/, $ico1);
@ico2 = split(/\s+/, $ico2);
if ($my_icon) {
push(@ico1,$my_gif);
push(@ico2,”管理者用”);
}
if ($iconMode) {
print “<tr><td><b>イメージ</b></td>
<td><select name=icon class=f>\n”;
foreach(0 .. $#ico1) {
if ($ico eq $ico1[$_]) {
print “<option value=\”$_\” selected>$ico2[$_]\n”;
} else {
print “<option value=\”$_\”>$ico2[$_]\n”;
}
}
print “</select><font size=\”-1\”> \n”;
# イメージ参照のリンク
if ($ImageView == 1) {
print “[<a href=\”javascript:ImageUp()\”>イメージ参照</a>]”;
} else {
print “[<a href=\”$script?mode=image\” target=\”_blank\”>イメージ参照</a>]”;
}
print “</font></td></tr>\n”;
}
if ($pwd ne “??”) {
print “<tr><td><b>暗証キー</b></td>”;
print “<td><input type=password name=pwd size=8 maxlength=8 value=\”$pwd\” class=f>\n”;
print “<font size=\”-1\”>（英数字で8文字以内）</font></td></tr>\n”;
# 投稿キー
if ($regist_key) {
print “<tr><td><b>投稿キー</b></td>”;
print “<td><input type=text name=regikey size=6 style=\”ime-mode:inactive\” class=f value=\”\”>\n”;
print “<font size=\”-1\”>（投稿時 <img src=\”$registkeycgi?$str_crypt\”> を入力してください）</font></td></tr>\n”;
print “<input type=hidden name=str_crypt value=\”$str_crypt\”>\n”;
}
}
print “<tr><td><b>文字色</b></td><td>”;
# 色情報
@col = split(/\s+/, $color);
if ($col eq “”) { $col = 0; }
foreach (0 .. $#col) {
if ($col eq $col[$_] || $col eq $_) {
print “<input type=radio name=color value=\”$_\” checked>”;
print “<font color=\”$col[$_]\”>■</font>\n”;
} else {
print “<input type=radio name=color value=\”$_\”>”;
print “<font color=\”$col[$_]\”>■</font>\n”;
}
}
print <<EOM;
</td></tr></table></TD><td></TD></tr></table>
EOM
print $antispam->get_post_wait_html(‘wait’, ‘wait_key’);
}
の部分を
print <<EOM;
<table ><TR><TD>
<table border=0 >
<tr>
<td colspan=2><b>お名前 </b><input type=text name=$RNDname value=”$nam” class=f></td>
</tr>
EOM
if ($use_form_email == 1 or $use_form_email == 3) {
my $message = ($use_form_email == 3 ? $dont_use_this_form : “”);
print <<EOM;
EOM
}
print <<EOM;
<tr>
<td colspan=2><b>タイトル</b><BR>
<input type=text name=$RNDsub size=38 value=”$sub” class=f>
</td>
</tr>
<tr>
<td colspan=2>
<b>メッセージ</b><br>
<textarea cols=”42″ rows=”8″ name=$RNDcomment wrap=”soft” class=f>$com</textarea><BR>
<input type=submit value=”投稿する”>
</td>
</tr>
EOM
if ($use_form_url == 1 or $use_form_url == 3) {
my $message = ($use_form_url == 3 ? $dont_use_this_form : “”);
print <<EOM;
<tr>
<td><b>参照先</b>$message</td>
<td><input type=text name=$RNDurl value=”$url” class=f style=”ime-mode:inactive”></td>
</tr>
EOM
}
if ($pwd ne “??”) {
print “<tr><td colspan=2><b>暗証キー </b><input type=password name=pwd size=8 maxlength=8 value=\”$pwd\” class=f>\n”;
print “<font size=\”-1\”>（英数字で8文字以内）</font></td></tr>\n”;
# キー
if ($regist_key) {
print “<tr><td colspan=2><b>投稿キー </b><input type=text name=regikey size=6 style=\”ime-mode:inactive\” class=f value=\”\”>\n”;
print “<font size=\”-1\”>（投稿時 <img src=\”$registkeycgi?$str_crypt\”> を入力）</font></td></tr>\n”;
print “<input type=hidden name=str_crypt value=\”$str_crypt\”>\n”;
}
}
print “<tr><td><b></b></td><td>”;
print $antispam->get_post_wait_html(‘wait’, ‘wait_key’);
}
に変更します。入力部分の幅がかなり狭くできました。
#————————————————-
# HTMLヘッダ
#————————————————-
の<head>より下のほうに
<STYLE type=”text/css”>
<!–
body,html{
max-width:860px;
margin-right: auto;
margin-left : auto;
}
–>
</STYLE>
を挿入します。これはPCで見る場合に、不必要に幅を広くしないための設定です。
これでyyini.cgiの改造は一応終わりです。
ステップ５
次はyybbs.cgiの改造になります。
if (!$re) { print “<b>$nam</b> ：$dat “; }
else { print “<b>$nam</b> – $dat “; }
print “<font color=\”$subCol\”>No\.$no</font></td>“;
print “<td valign=top nowrap> $url </td><td valign=top>\n”;
を
if (!$re) { print “<br><b>$nam</b> ：$dat “; }
else { print “<br><b>$nam</b> – $dat “; }
print “<font color=\”$subCol\”><br>No\.$no</font>”;
print ” $url \n”;
に変更します。
記事表示部で<blockquote>と</blockquote>が各２か所ありますので削除します。
記事表示の際に無駄に左右の空間を大きくしないための変更です。
これでyybbs.cgiの改造は一応終わりです。
ステップ６
最後にyyregi.cgi の改造になります。
# 日時のフォーマット
$date = sprintf(“%04d/%02d/%02d(%s) %02d:%02d”,
$year+1900,$mon+1,$mday,$week[$wday],$hour,$min);
}
を
# 日時のフォーマット
$date = sprintf(“%04d/%02d/%02d %02d:%02d”,
$year+1900,$mon+1,$mday,$hour,$min);
}
に変更しました。すでに投稿済みの原稿はそのままですが、以後の投稿は曜日を表示しなくなります。
これで随分幅を狭くできました。
番外編
Ｇｏｏｇｌｅの広告を入れる場合は、
yyini.cgiを修正します。
とりあえず下記のページを参考にします。
https://support.google.com/adsense/answer/6307124?hl=ja#exact
$banner1 = ‘”;の部分に、Ｇｏｏｇｌｅレスポンシブの公告を挿入します。*****はサイトによって個別の番号・記号を与えらえます。
# タグ広告挿入オプション
# → <!– 上部 –> <!– 下部 –> の代わりに「広告タグ」を挿入
# → 広告タグ以外に、MIDIタグ や LimeCounter等のタグにも使用可能
$banner1 = ‘<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!–******_responsive_1 –>
<ins class=”adsbygoogle ******_responsive_1″
style=”display:inline-block”
data-ad-client=”ca-pub-****************”
data-ad-slot=”*********”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>’;
スタイルシートのコマンドを挿入します。
#————————————————-
# HTMLヘッダ
#————————————————-
の<head>より下のほうに
<STYLE type=”text/css”>
<!–
.******_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .******_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .******_responsive_1 { width: 728px; height: 90px; } }
–>
</STYLE>
を挿入します。
これでモバイルフレンドリー対策の広告が表示されます。
上記をそのままCOPY&PASTすると、「”」が全角にPASTされるようです。PASTする際には半角に戻してからにして下さい。
最後にGoogleのモバイルフレンドリーテストをしましたが、無事モバイルフレンドリーなページに認定されました。
２０１７年５月３０日
yybbs(YY-BOARD)のすべてを改造しました。
２０１８年９月２０日
記事表示の枠内の空間が全く無くなっていて窮屈なので、空間を少し入れました。
yybbs.cgiの
if (!$re) {
print “<TABLE BORDER=1 WIDTH=’100%’ BGCOLOR=\”$tblCol\” CELLSPACING=0 CELLPADDING=0><TR><TD>\n”;
$flag=1;
}
を」
if (!$re) {
print “<TABLE BORDER=1 WIDTH=’100%’ BGCOLOR=\”$tblCol\” CELLSPACING=0 CELLPADDING=10><TR><TD>\n”;
$flag=1;
}
に変更しました。
かなり見栄えが良くなりました。
２０１８年１１月２７日
記事表示の２ページ以降の投稿表示の枠の幅が異様に広い事に気づきました。
yybbs.cgiの改造で、
記事表示部で<blockquote>と</blockquote>が各２か所削除してあったのですが、よく見るともう一か所ありました。全部で３か所削除が必要でした。
能美市で、４５歳未満の住宅取得者に一律１０万円の交付の助成が始まるそうです。
２０１７年４月１日に遡って交付されるそうです。
２０１７年５月２３日
最近、ブログをモバイルフレンドリーに改造していたのですが、MovableTypeのブログにもサイトマップを設置しようと思い、ネットを調べたり、いろいろ苦労したのですが、文字化けしたりして、なかなかうまく動作しませんでした。
試行錯誤を続けていたのですが、今日やっとサイトマップの設置に成功しました。
とりあえず「石川の食 美味しいもの食べたい」にサイトマップを設置しました。
サイトマップが無いと、ブログにどんな記事があるか調べるのが不便ですよね。
時間に余裕が出来たら、サイトマップの設置方法を掲載しようと思います。
２０１７年５月２５日
MovableTypeのブログにサイトマップを設置する方法を掲載します。
MovableTypeのユーザーダッシュボード—設定画面のデザイン—テンプレート—アーカイブテンプレート—アーカイブテンプレートの作成—記事リスト
テンプレート名を設定 例えば Sitemap
本文に
<!DOCTYPE html>
<html lang=”<$mt:BlogLanguage$>”>
<head>
<$mt:include module=”HTMLヘッダー”$>
</head>
<META http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>
<div class=”search-results-container”>
<h2 class=”search-results-header”>サイトマップ</h2>
<div>
<ul>
<li><a href=”<$MTBlogURL$>” title=”<$MTBlogDescription$>”>トップページ</a>
<MTTopLevelCategories>
<MTSubCatIsFirst>
<ul class=”tree”>
</MTSubCatIsFirst>
<MTIfNonZero tag=”MTCategoryCount”>
<li><a href=”<$MTCategoryArchiveLink$>” title=”<$MTCategoryDescription$>”><MTCategoryLabel></a>
<ul>
<MTEntries>
<li><a href=”<$MTEntryPermalink$>”><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<MTSubCatsRecurse>
</li>
</MTIfNonZero>
<MTSubCatIsLast>
</ul>
</MTSubCatIsLast>
</MTTopLevelCategories>
<MTIfArchiveTypeEnabled archive_type=”Monthly”>
<ul class=”tree”>
<li>月間アーカイブ
<ul>
<MTArchiveList archive_type=”Monthly”>
<li><a href=”<$MTArchiveLink encode_xml=”1″$>”><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
</li>
</ul>
</MTIfArchiveTypeEnabled>
</li>
</ul>
</div>
</div>
</MTIfArchiveTypeEnabled>
を記入して保存します。
上記をそのままCOPY&PASTしてもダメなようです。そのままCOPY&PASTすると「”」が全角になるようです。エディターで「”」を半角に戻してからPASTしてください。
本文は
http://bluehawk.infinitybird.com/2007/0403045644.html
を参考にして文字化けしないように修正しました。
テンプレートの設定をクリック
新しいアーカイブマッピングを作成
種類でユーザーを選択—追加 パスがauthor/author-basename/index.htmlになっていると思います。
プレビューで動作確認して正常に動作していれば 変更を保存
サイトを再構築
FTPソフトでブログフォルダーのauthorの中を見て、index.htmlが存在するアドレスをメモしておきます。
何故かauthor/author-basename/index.htmlになっている場合とauthor/author1-1/index.htmlになっている場合があります。
そのindex.htmlがサイトマップのページになります。
サイトマップを表示するボタンを挿入したい場所にauthor/author-basename/index.html（もしくはauthor/author1-1/index.html）へのリンクを挿入します。
最後にサイトを再構築して完了です。
ちなみに自分の場合はバナーヘッダーに挿入しましたが、ウィジェットセットのウィジェットテンプレートを作成してリンクを埋め込んでも大丈夫です。
２０１７年６月２７日
福井県鯖江市の坊商店で給油しました。ガソリンが１１５円でした。
ちなみにカナショクの看板価格は１１９円でした。
２０１７年６月２０日
福井県坂井市のベストプライスで給油しました。ガソリンが１１６円でした。
福井県坂井市のＰＬＡＮＴ３も１１６円でした。
ちなみにカナショクの看板価格は１１９円でした。
２０１７年６月１３日
福井県坂井市のベストプライスで給油しました。ガソリンが１１７円でした。
福井県坂井市のＰＬＡＮＴ３も１１７円でした。
ちなみにカナショクの看板価格は１２１円でした。
２０１７年６月６日
福井県坂井市のベストプライスで給油しました。ガソリンが１１６円でした。
福井県坂井市のＰＬＡＮＴ３では１１７円でした。
ちなみにカナショクの看板価格は１２１円でした。
２０１７年５月２６日
福井県鯖江市の坊商店で給油しました。ガソリンが１１６円でした。
ちなみにカナショクの看板価格は１２２円でした。
２０１７年５月２３日
福井県坂井市のベストプライスで給油しました。ガソリンが１１５円でした。
ちなみにカナショクの看板価格は１２２円でした。
２０１７年５月１６日
福井県坂井市のベストプライスで給油しました。ガソリンが１１８円でした。
福井県坂井市のＰＬＡＮＴ３では１１７円でした。
ちなみにカナショクの看板価格は１２２円でした。
２０１７年５月９日
福井県坂井市のベストプライスで給油しました。ガソリンが１１９円でした。
ちなみにカナショクの看板価格は１２２円でした。
ほとんど差が無くなってきました。
２０１７年４月２１日
福井県鯖江市の坊商店で給油しました。ガソリンが１１９円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年４月１１日
福井県坂井市のベストプライスで給油しました。ガソリンが１２１円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年４月４日
福井県坂井市のベストプライスで給油しました。ガソリンが１２１円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年３月２４日
福井県鯖江市の坊商店で給油しました。ガソリンが１２２円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年３月１７日
福井県坂井市のベストプライスで給油しました。ガソリンが１２１円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年２月２８日
福井県坂井市のベストプライスで給油しました。ガソリンが１１９円でした。随分、値上げになりました。
ちなみにカナショクの看板価格は１２３円でした。
２０１７年２月２１日
福井県鯖江市の坊商店で給油しました。ガソリンが１１６円でした。
ちなみにカナショクの看板価格は１２３円でした。
２０１７年２月１４日
福井県坂井市のベストプライスで給油しました。ガソリンが１１７円でした。
ちなみにカナショクの看板価格は１２３円でした。
２０１７年２月７日
福井県坂井市のベストプライスで給油しました。ガソリンが１１７円でした。
ちなみにカナショクの看板価格は１２４円でした。
２０１７年１月３１日
福井県坂井市のベストプライスで給油しました。ガソリンが１１７円でした。
ちなみにカナショクの看板価格は１２４円でした。
２０１７年１月２４日
福井県鯖江市の坊商店で給油しました。ガソリンが１１７円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年１月１７日
福井県坂井市のベストプライスで給油しました。ガソリンが１１７円でした。
ちなみにカナショクの看板価格は１２６円でした。
２０１７年１月６日
福井県坂井市のベストプライスで給油しました。ガソリンが１１５円でした。
ちなみにカナショクの看板価格は１２５円でした。
２０１６年１２月１９日
福井県坂井市のベストプライスで給油しました。ガソリンが１１５円でした。
ちなみにカナショクの看板価格は１２３円でした。
２０１６年１２月６日
福井県坂井市のＰＬＡＮＴ２で給油しました。ガソリンが１１２円でした。
ちなみにカナショクの看板価格は１１８円でした。
２０１６年１１月２９日
福井県坂井市のＰＬＡＮＴ２で給油しました。ガソリンが１１０円でした。
ちなみにカナショクの看板価格は１１８円でした。
２０１６年１１月１５日
福井と石川のガソリンの価格差が無くなったので、金沢で給油する事が多くなっていたのですが、福井にいる時に、ガソリンが少なくなったので、ベストプライスで給油しました。１１１円でした。ＰＬＡＮＴ２も１１１円でした。
ちなみにカナショクでは看板価格１１７円でした。
２０１６年２月２３日
今日、福井県坂井市のベストプライスでレギュラーガソリンが９６円だったので給油してきました。
ちなみにカナショクの看板価格は１０２円でした。
２０１６年２月１６日
福井県坂井市のベストプライスとＰＬＡＮＴ２、福井県鯖江の坊商店は、いずれもガソリンが９９円でした。
ちなみにカナショクの看板価格は１０３円でした。
２０１６年２月２日
興味があって、福井県坂井市のベストプライスとＰＬＡＮＴ２の前を通りましたが、いずれもガソリンが９９円でした。
ちなみにカナショクの看板価格は１０３円でした。
２０１６年１月１９日
今日、福井県鯖江の坊商店の前を通ったらガソリン１００円の看板がたっていたので思わず給油しました。
ガソリン１００円というのは、以前は普通って感覚でしたが、最近はガソリンが高かったので安いって感じがします。
ちなみにカナショクの看板価格は１０５円でした。