現バージョン(2.6)の『子猫の手』で作成する公開ページの表示幅は、［スマホ(100%)］［480px］［640px］の３種類があります。

　スマホとパソコンを『ユーザエージェント』で自動判別して、スマホならば［スマホ］、パソコン（その他）ならば［480px］で、まず表示します。

　表示幅は手動で切り替えれますが、不要と判断しました。そして、［640px］はA4縦の印刷を想定していますが、あまり利用されておらず、幅広で少し読みにくいとのご指摘も頂いたので、削除します。

　『子猫の手 バージョン３』では、デバイスの表示幅、表示高などを検知する機能を付加します。デバイス本体が縦長の場合は［スマホ］、横長の場合は［パソコン］と判断します。ちなみにタブレットは、縦長タイプが［スマホ］、横長タイプが［パソコン］となります。

--参考
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices

http://screensiz.es/
--

　つまり、自動判別のみで、表示幅はスマホ用とパソコン用の２種類とします。


　なお、画像の表示サイズを的確にする機能も付加します。デバイスの表示幅を検知できると、色々なことに応用が利きますね。


　また、iPhone(Safari)では、スマホの画面を横向きにした場合、文字が拡大していました。文字が拡大されないようにします。

--
<style>

body {
  -webkit-text-size-adjust:100%;
}

</style>
--

　試用版を作成しました。微調整も完了しました。ただし、高解像度のスマホやタブレットでの確認が残っています。

　ブログの『日付』が一行に収まっていないことが原因で、表示幅に狂いが生じていました。とりあえず、日付が長い場合、～で段替えして、きちんと表示幅100%で表示できるようにしています。

　バージョン３では、曜日の括弧を全角から半角に変更して、表示幅に収めます。余談ですが、曜日の括弧は、昔は半角にしてましたが、表示フォントによっては下にずれて格好が悪いとのことで、全角にした経緯があります。やっぱり半角に戻します。

--
（土）
　↓
(土)
-- ガレコレのHPでは、先行して変更しました。--

　なお、最上段に［デバイス］［表示幅］［表示高］［ピクセル比］を、ブログの日付の上に［日付の文字数］を確認用に表示していますが、無視して下さいね。

　↓

　以前の『猫の手』では、パソコンで非タグブラウザのIE利用を前提としていました。なので、文字色、文字の背景色も編集できる仕様でした。

　『子猫の手』は、『猫の手』の余分な機能を排除して、パソコン、スマホを問わず、手軽に利用できるようにしたものです。なので、文章はベタ打ちとなっております。

　とは言え、文章に色を付けたいというご要望は多く、過去にそのテストを何度も行ってきましたが、すべての環境で稼働するものができませんでした。

　Androidも進化したので、出来るかもしれませんね。テストを再作成してみました。

　とりあえず、Windows10+IE11,Edge,Chrome、iPhone5c+safariで確認しました。

　パソコンでは、選択した文字が反転したままです。<iframe></iframe>も試してみましたが、同じく反転したままでした。異なるウインドウ間で行えば、反転は消えて色が確認できます。しかし、JavaScriptでは、新規タブと新規ウインドウの制御は、相変わらずできないようで、我慢してもらいましょう。

　iPhoneでは、元の色に戻すときにカラー値''ではいけませんね。背景色は透明を指定して、文字色は苦肉の策ですがblackを指定すれば良いようです。

--
document.execCommand('foreColor',false,'');
　↓
document.execCommand('foreColor',false,'black');

document.execCommand('backColor',false,'');
　↓
document.execCommand('backColor',false,'transparent');
--


P.S. Androidでも、問題なく動きました。


P.S.2 注意事項ですが、Microsoft EdgeとIEでは、何度も、文字の修飾を繰り返すと、<font></font>などのHTMLタグのゴミが増えてしまいます。確実にかつ簡便に使ってもらえたらと考えています。

　今月初めに、Ver.2.6をリリースしていますが、不具合が多くて、検証してもらえるプログラマー級のお客様のみ、バージョンアップさせてもらっています。

　ブログの編集で、そのブログページのアドレスが変わってしまう不具合が生じております。アドレスが変わると、インターネット検索に引っ掛かっても、該当ページ無しとなってしまいます。編集するたびに、IDが指定日のID最大値+1になっています。

　なお、Ver.2.5では、日付を変更しない場合、同じアドレスのままで正常です。ミスの見当はついておりますので、今夜中に修正します。

　Ver.2.6を全員でご利用頂けるのは、GW明けになります。その間に、徹底的に検証してもらえますので、しばしお待ち下さい。


P.S. 検証して頂いているお客さま、ありがとうございます。ガレコレでは、諸事情により、プログラマーが自分一人になってしまいました。自分以外の検証の目が、どうしても必要です。

　今後、新規の大きなプログラミングは行わず、『子猫の手』などの既存プログラムのバージョンアップを中心に行っていきます。よろしくお願いします。

　ご迷惑をお掛けしまして、申し訳ありませんでした。


【症状】

　ホームページ作成で[HTML]入力を利用した直後、ブログ作成しようとしたとき、登録・編集できない不具合を確認しました。

　不具合が生じても、ホームページ作成で他の作業をすると、ブログ作成ができることも確認しました。なお、再ログインすれば、ブログ作成ができます。


【推測】

　セッション変数$_SESSION[]を利用した箇所に問題があると推測。


【修正】

　プログラムに誤りがあり、修正済みです。

　原因は、条件式に、プログ作成では利用しないホームページ作成用のセッション変数$_SESSION[]が含まれていたためです。[HTML]入力だけ、条件式に当てはまり、エラーが発生していました。

　おそらく、ホームページ作成プログラムからブログ作成プログラムにコピー＆ペーストで持ってきた際、残っていたようです。

　なお、セッション変数$_SESSION[]が、一時的に無効になることはありませんでした。お騒がせしました。

　『Network Communication Note 子猫の手』では、画像ファイルを登録する際に、サーバで自動的にサムネールを作成します。今回、サムネールのサイズを長辺240pxから長辺640pxに引き上げる作業を進めています。

　順調に思えましたが、スライドショーで、サムネールの表示サイズを調整しようとして、問題が発生しました。パソコンやスマホの各ブラウザで、Javascriptの挙動が異なりました。今に始まったことではありませんが、もううんざりです。

　この際、スライドショーの機能を削除することにしました。出来なくはありませんが、クライアント側の各ブラウザごとにプログラミングを制作しなければいけないので、工数が何倍にも膨らむことになり、ご了承お願いします。

　ランダム表示機能は、サーバでPHPにより表示ページを作成しますので、全く問題ありません。


P.S. 検討の末、『長辺480px』に引き上げに変更しました。長辺640pxにしようとしたのは、スマホの解像度に適応しようと考えたためです。しかし、スマホの画面が小さいためか、あまり差が感じられなかったため、長辺480pxにしました。