「こんなブログは読みたくない」を考えてみた

あれま、Akira氏が

 最初の方に出てきたの、夏目漱石の文章って本当ですか？
 確かにこんな表現だと読む気が起こらないというか、押しつけがましいというか。
 画面上の表現が、内容の如何に関わらず拒否感が出る事ってありますね。

 実は私めは、ブログを始めて暫くしてから文字の大きさ、間隔、行間がすごく気になってあれこれ調べたり、試したりした事がありました。
 公文書の文字の大きさは元々10.5ptだったそうですが、それは14pxだという記事を見たことがあります。で、14pxはじいじいの私にも適当だと思います。
 その頃から文字間隔（letter-spacing）や行間（line-height）を私の気に入った数値に決めています。
 とは言ってもそれは私の主観なのでどうなんでしょう。

 私は文章のセンター寄せが好きなもので多用してるのですが、スマホでは変なところで改行されて、うーん、なんだかなぁ。となります。
 たまにwhite-space: pre; を入れて変なところで改行されないようにするのですが、いつもじゃありません。

 結局、自分では凝ってるつもりが、うけてるのはおまえだけやろという、私めもそんな結果なのかも。

To ｈｉｇｅさん

higeさん、こんばんは ('0')/

もうホントやめて欲しいです。デカ文字。
色がつきでしかも文章末尾にいちいちびっくりマークが付いていた日にはボディーブローの一つもお見舞いしたくなります。

line-heightを好きな数値に決めるというのは良いと思いますよ。
最近の行間指定は単位なしかemなので、文字が大きくなれば当然大きい字ほど行間が大きくなります。
見出しだけやたら行間空いてるパターンなんかよく見かけますよね。
ちょっと調整した方が良いと思うんです。

body {
line-height: 1.6;
}
h1, h2 {
line-height: 1.4;
}

みたいな感じで。

痛いかも"

うーーん、Akiraさんの嫌いにはまってるかも?
きろろもなんかタイトルを端折っているかもです。
文字数、多いかも;:(∩︎´﹏`∩︎):;
きろろの場合、もう世間様に忘れられない程度の更新なので(^◇^;)

To きろろさん

きろろさん、こんにちは ('0')/

文字数が多いのは全然構わないですよ。むしろ歓迎できます。
タイトルの端折りすぎはやっぱりどうかと思います。
例に挙げたのは極端な例ですが、あのタイトルが頼りでは情報って探せないですよね (´・ω・｀)
「最近の…」
最近の政治についてなのか管理人の体調なのか、最近の若い子は的なものなのか気候のことなのか。
何ひとつ予測できないので読む気になれないです ^^;

To Akiraさん

なるほど、確かにおっしゃるとおりです。
昔々、「本日は……」とか「うちのお猫様が……」とか使っておりました。
予測できないタイトルでは読む気になれませんよねえ。
身内同士ならともかく、ネット上では無数の人が見ているわけですから。
反省します(m_m)

ところで今、iPadで執筆をしているのですが、
iライターズってご存じですか？　有料で縦書き対応なんです。
基本、縦書き対応で、保存はテキストがよいのですが、おすすめのアプリとかあったら教えてくださいませ。(｡･ω･｡)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To きろろさん

こんばんは (o'ω')ﾉ

アプリのことは全然わかんないです。
iPadで文書を作成することが無いもので。
そして私のiPadは今長男が持っている(アメリカ在住)ので検証もできません。
ごめんなさいね (´・ω・｀)

To Outlookの件 内緒さん

メールアプリのこともわかんないです。Outlook使ったこと無いですし。
iPhone, iPad双方からPCに送ると届きますかね。
iPadの方から送って届かなければアカウントやimapの指定に問題があるのかもしれません。
iPhoneはアプリを使ってログインを保持しながら使う場合もありますし、正規メールアカウントとして登録することもできます。
どちらなのかも不明ですしお役に立てそうもないです。ごめんなさい (´・ω・｀)

To Akiraさん

ありがとうございます。
iPad、息子さんが(^^)
わかりました。アプリは自分で探してみますねえ。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

To きろろさん

お役に立てず申し訳ないです (*_ _)
良いものが見つかると良いですね。

その通りの人がかつていたので笑えました

Akiraさんが嫌いだと仰った条件、吹き出しとタイトルの件以外全部揃ってるブログがかつてあったので共感してしまいました。
オリキャラを描いて紹介しているものだったのですが、ブログもサイトも、色数は多いわ文字はデカすぎるわで自己主張の強さが程度を超えていて鬱陶しい印象でした。
普通の文章なのに全部太字でそれこそ22pxくらいはあって、文字色が全部赤だったり行間が広すぎたりしてました。電光掲示板のようにページ上部を流れていく文章や、ページ左右のブログパーツも豊富で「遊園地のように楽しんでもらいたい」なんて豪語してて「小学生か！」って思っちゃいました(笑)
挙句の果てにプロフィールページで本人のドアップでブサイクな自撮り写真がデカデカと載っている始末…。なんかきもいオタクのおっさんが幼女描いてるんだなと思い知らされましたけど(笑)
なので、Akiraさんがブログの書き方で人を嫌いになるっていうのもわかります。4年前にそのウザいブログを見つけたまま誰にこの鬱憤を晴らせばいいんだろうって地味に悶々としてたんですけど、共感者がいて嬉しかったです。

To 雪柳アンさん

こんにちは ('0')/

私は近眼なので小さい字はもともと見えにくいんですが、大きすぎる字は可読性よりも視認性というか理解力を低下させる気がしますよね (´・ω・｀)
そして仰るとおり内容によっては図々しいイメージになってしまうかも。
私も共感してくれる方が居てくれて安心しました(笑)

こんにちわ

御無沙汰しております

此の記事読ませてもろうて
何や！
マルっと金のブログまんまやん・・・思いました

文字太い
文字色付き
画像デカイ

文字に関しては、以後あきらちゃんの言う様にしたいと思います
画像も、かえんとアカンのかな？

To 金さん

金さん、お久しぶり ('0')/

金さんの字は17〜18pxなのでギリです。
webブラウザのフォントサイズの基準は16pxなので大きすぎるということはないと思うよ。
画像も特に問題なし。横長ならば。
縦にえらく長い画像というのはスマホで見たときに画面全部取られてしまうので疎ましがられることがあります。
最近だとどこだったか… えーと。確か時計のメーカーよ。有名な。
そのサイトの商品説明の画像が縦長でwebデザイン界隈でいたく不評だったもよう。

それより金さんの最近のYahoo!の方はスマホからテキストが全く読めない状態なのでそちらをどうにかした方が良いと思われる (´・ω・｀)

あきらちゃん・・・

彼方の方迄気に掛けて呉れて居たんやね
ありがとう！感謝感謝で有ります


そうなんや！
「わごん〇」さんの枠を使って要るやつや無いのかな？
やっぱ、もう「枠」は使えないんやね
教えてくれてありがとう！

見えない記事何か意味無いもん、削除するね。
ＰＩＸＺのみでの記事はみられるとおもうけど・・・如何かな？

To 金さん

金さん、おっつ (o'ω')ﾉ

誰の作品かはともかく、念の為仕組みをもう一度説明しておくね。

----
【金さんのブログのスマホ背景は「黒」】
背景が黒なのだから黒色でテキストを書いたら当然その字は背景と同化して読めない。

【Yahoo!のスマホ版テンプレートは原則としてhtml内容による装飾を受け付けない】

壁紙はhtmlのローカルファイル(パソコンに .html で保存したもの)を一旦ブラウザで開き、その内容をコピーして記事に貼り付けます。
それはつまりhtmlによる装飾を利用しているという意味です。
コピーというのは私たちが「文字」あるいは「テキスト」と認識する内容だけでなく、html内容も取得します。
ペーストを行うと取得したhtml内容もそっくりそのまま反映されることになります。
コピー&ペーストという作業で「壁紙」と認識できる形が出てくるのはそのためです。

ただしそれはパソコンから閲覧した時のみ
Yahoo!スマホ版では一部の重要なhtml以外は全て取り除かれて表示されます。
<table>だとか<div>といったタグが全て消失するということです。
そして「一部の重要なhtml」というのはタグでズバリ言うと <span>です。
このhtmlタグだけはスマホでも反映するようにしておかないと、文字色の操作ができません。
なので スマホ版でも例外として取り除かれないhtmlということです。

【テキストに関連する指定がdivならば取り除かれ、spanならばそのままスマホ版でも反映される】

まず、htmlのほとんどがスマホで取り除かれることになるので、スマホ版では「壁紙」と認識できる形は既に消失している、つまり枠も背景もなんにも無くなり、ただテキストだけが表示されることになる、というのが大前提です。
その上でテキストに関する説明が以下の通り。

×
<div style="color: black;">あいうえお</div>

✔
<span style="color: black;">あいうえお</span>

テキストに「黒」を指定した場合。
もし「あいうえお」というテキストがdivタグで形成されていた場合、divはスマホで取り除かれるので テキストは黒色にはなりません。
金さんの背景は「黒」なので、テキスト基本指定色が適用されます。
自分で設定したテキスト色。金さんの場合はたぶん紫。
つまりテキストはちゃんと読める状態で表示されます。

一方「あいうえお」がspanタグで形成されていた場合。spanはスマホでも取り除かれないので テキストは指定を守って黒色になります。
金さんの背景は「黒」なのですから、テキストに同色の「黒」が指定されていれば当然 読むことができない ということですね。

何故背景と同じ文字色を使ってしまうかというと、ブログ背景色「黒」の中に 黒以外・白に近い背景の壁紙を利用した時ですよね。
仮に壁紙の背景色が「白」ならば当然文字は白背景でも読みやすい色に設定してあるはず。
つまり「黒またはそれに近い色」
自身のブログ背景色とスマホ版の特性を無視して壁紙を利用してしまうとこういった現象が起こるわけです。

Yahoo!のエディターにある「文字色」のツールは利用した時点で <span> の利用が確定します。
なので一度でも利用したらアウト。
例えばもともとの壁紙が背景色「白」文字色「赤」だったとします。
赤い文字が読みづらいので黒に変更しようとエディターの文字色変更を利用してしまったらスマホで文字が読めなくなることが確定。

----
ちなみにこの件は過去にもう何度も説明したんだけども忘れちゃったのですね ^^;
「テキストは記事に貼り付けてから編集してはいけないよ」「テキスト内容は記事に貼り付ける前にhtmlファイル内で<br>を利用しながら作成しなきゃいけないよ」
と口を酸っぱくして言っていたのは背景と文字の同色化を避けるためです。
といってもローカルファイルの操作はhtmlを自作しなければ無理だよね (´・ω・｀)
配布主が出来上がり(レンダリング済みのコピペ)でなくソースコードで提供してくれれば可能だけど。

文字が読めないブログというのは装飾がどうの、書いてある内容がどうのと言う前にブログの体をなしていないわけなので避けるべきだよね。
だって何も読めないわけだから閲覧者は混乱するだけで意味がわからない (´・ω・｀)

-----
上記説明内容が理解でき、適切な対処ができるのであればしばらくは壁紙を楽しんでも良いと思うよ(後述)
説明内容が理解し辛い、混乱する、ということならば利用しないのが賢明かもしれません。
または背景が白系の壁紙は利用しない、というだけでも対処できます。
要は壁紙利用時に黒及びその類似色を避ければ良い話。

-----
「しばらくは楽しめる」の意味だけど、リニューアル後のYahoo!はエディターで操作できるもの以外一切のhtmlを許可しないようなので、壁紙そのものが利用不可になる可能性が高いです。
htmlを記載した際に「不正な文字列」という扱いになるのならば利用不可。

またはこれまでのようなコピペによるhtmlソース利用ができると仮定しても(その可能性はかなり低い)、スマホの画面はパソコンと違って320pxしかないのだから、壁紙は当然記事から大きくはみ出します。
はみ出してしまえば 閲覧が困難、専門的な言い方をすれば「モバイルフレンドリーではない」ということに。
今は大モバイル時代なのだから、スマートフォン閲覧の快適度を最優先に考えるべきです。

これまで利用した過去の壁紙がどうなるかの予想。
恐らくそれはそのまま見られるようにはしてあると思います。新規投稿は不可だとしても。
ただし「壁紙のはみ出し分(右側の約220pxあるいはそれ以上)は 見られない」つまり「見切れ」
またははみ出しの対処無しで画面幅超過、つまり画面が左右に大きく振られて閲覧困難な状態になるかのいずれかではないかと思います。
まぁどちらにしても閲覧困難であることには変わりないけど。

対処としては今のうちに全ての壁紙を

<div style="overflow-x: auto;">
ここに壁紙のhtml内容
</div>

こうして囲っておくか(もちろんローカルファイル段階での操作が必要です)

あるいは諦める (´・ω・｀)
対処をする、つまりリニューアル後にも閲覧できる状態にしておきたい場合にはもう今すぐやっておいた方が良い。
たぶん過去投稿分も何もしなければそのまま、一度でも編集してしまえばページ崩壊(html無効化)、という可能性が高いので。

ありがとう！

忙しいのに、何時も丁寧にアドナイス(人''▽｀)ありがとう☆です
あっちは、まあ・・如何でもエエかな～何て気持ちも有りながら
やっぱ、独り言綴っちゃうね
何かさ、此処のブログと少し感じ違う所（アソコから入った所為やからかな？）有るよね
コッチのブログは、金みたいな記事を書く感じの場所と少し違うブログの様な気がするよ
(日記と言うのか、愚痴というのか）
まあ・・・
此処のブロガーさんの事ヨウケイ知ってる訳や無いけれどね(*´ω｀*)

アッチは、アカンく成ってもええけれど
一応、金の解る範囲で修正してみた。

To 金さん

金さん、おっつ (●'0'●)/

そうだね。ブログサービス毎に大まかな特徴ってあるよね。
結局は金さんが何を重視してるかだと思うよ。
例えばYahoo!はアカウントが完全匿名でYahoo!はユーザーにホスト・IP情報を開示しない方針のようだからどこの誰がコメントしてるのかわからないようになってる。
そしてアカウントは取り放題。
だから悪い言い方をすれば、個人情報が一切明かされない安心感があると中傷や暴言もし易い。
他ブログでは滅多に見られないような中傷合戦もよく見かける。知恵袋からの流入も原因だと思うけど。
良い面を見れば安心感があるので比較的気楽にコメントできる。
だから交流面が強いという言い方もできる。
AmebaもYahoo!に近いかな、と思う。

FC2ブログなんかはコメントすると受信側にホスト情報が届くので中傷はし難いと言ってもよいと思う。
それにアカウントも取り放題でなく1アドレス1アカウントなのでアカウントは大事にしたい(つまり捨てIDという感覚はない)と思う人がほとんど。
その反面気楽・気軽なコメントもし難いってことになる。

FC2ブログはYahoo!のような「ナイス」Amebaのような「いいね」が無いので「コメントはしないけど読んでるよ」みたいな意思疎通もできないしね。
やっぱり何らかの反応が無いと悲しくなったりアホらしくなったりする人って多いと思うんだよ。
なのでFC2もナイス・いいね的なものは導入しても良いんじゃないかと個人的に思ってる (´・ω・｀)

金さんはどのジャンルに登録してるのかしら。
交流ってたぶん「同じことに興味がある」ってのが最初の一歩で。
例えばある歌手が好きでその人のことを話題にする。すると同じくファンの方がコメントをするかもしれない。
そうするうちにその歌手とは無関係な実生活のことを書いたとしても、ある程度付き合いができてくれば大抵の人はいつもと同じようにコメントを入れると思うのよ。
人付き合いってそういうもんじゃん。
一度ジャンルの見直しをしても良いかもしれないよ。

-------
金さんってシナモンさんと交流なかったっけ？
確か私がYahoo!を仮開設した時に彼女から私への伝言の橋渡ししてくれたの金さんだったような気が。
彼女もYahoo!からの移転組さんだけど、FC2で記事をUPするたびにYahoo!にお知らせ記事を書いてるよ。
つまりYahoo!からFC2へ誘導してる。それも一つの方法だと思う。
ただYahoo!ブロガーさんは他ブロガーとの交流を望まない人が多いかも。FC2ブロガーはそういう排他的な感覚は薄いような。

こんばんわ！☆彡

やっぱ、そうだよネ
今のＦＣ２のお知り合い（になるのかな？）は２人位だね
あきらちゃん入れたら３人
時々、アンマシ人との交流がメンドク成る時有るんや
以前は、いろんな「ジャンル」に参加してた気がするけれど
今は如何成ってるのか解らん(∩´∀｀)∩

その、お知り合いの一人がｈｉｇｅさんです
此の御方の作品が偶然目に付いて「エエナ！」思うたん
したら、あきらちゃんとも行き来しておった(*´▽｀*)

・・・・・・

ごめんね。
シナモンさん・・・記憶無いんだよな。
「シナモン」ていう香辛料　金すきやから
交流有ったら記憶してる思うんやけれど・・・(。´･ω･)?

コッチも、アッチも　　まあ「自分流」に遊んで見るね
やっぱ、時々は吐き出したい気持ちの時も有るしね

あきらちゃんと、御久にお喋り出来て楽しかった
ありがとうね！(*´▽｀*)

To 金さん

金さん、こんち (o'ω')ﾉ

今あちら覗いたら
> 今迄のブログの背景が「黒」やったけ
スマホやと、文字も黒に成るそうで〜

これは違う(笑)
これだとyahooで黒背景は使えないってことになっちゃう。
こんな簡単な理屈なら説明は3行で済むはずで、長ったらしい説明をしたのはこんな単純な仕組みではないからです。
金さんがブログ背景を黒から白に変更したのならば、今度はこれまでとは逆に
壁紙背景色が黒、テキストが白文字
という場合に同じことが起こるよ。
これはyahooのせいではないし、「ブログ背景が黒だとスマホの文字が黒になる」は嘘だし私はそんなことは一言も言っていません (´・ω・｀)
これでは大きな誤解を招くと思う。

壁紙を使う・使わないは個人の自由で私がどうこう言うことではないので「理屈が理解できるのならば使用しても良いと思う」という表現をしたけれど、「壁紙は使わない方が良い」に変更します(笑)
もちろんスマホユーザーを無視する、という選択もあるのでそれを選ぶのも金さんの自由です。もちろんおすすめはしないけど。

こんばんわ！

あきらちゃん、御免ね。

金の読解力・解釈力が無い所為で
又・迷惑掛けちゃったね
それでも、「金さん、この解釈は間違ってるよ」って
ホンマは、怒りたいのに気を付こうてくれて「(笑)」文字まで入れて呉れて
手の掛る金に一生懸命教えてくれる
有り難いです(ホンマに有難う|ω・)）
なのに、金には未だ良く解って無いみたい
又、背景変えて
昔のでＹＡＨＯＯブログをアップした
そして、其処で金の６月２５日の記事が誤って居た事を記事にして来ました

ホンマに、迷惑バッカで御免なさいm(__)m

To 金さん

こんばんは (o'ω')ﾉ

いや。全くもって怒ってなどいません(笑)
逆に心配してる。

--- 内容削除しました ---

おはよう！

色々と心配掛けました
今一度（いま千回かな？(*´ω｀)）
あきらちゃんの言っている事良く読んで理解出来る様に頑張って見ます
お勉強部屋の方にあきらちゃんの記事コピペさせてもらいました

此処の処理は、あきらちゃんの思う様にして下さい
だって、あきらちゃんのブログやもん…(お気遣いありがとう！<(_ _*)>）

はい、了解です！

あきらちゃん、だ～い好き！💛(エエがね、削除するんやもんね（●＾o＾●））

To 金さん

金さん、おは (o'ω')ﾉ

相方がバイクを買うそうなので行ってきます。
今持ってるそのクソデカいのを処分してからにしろ！
と言いたいが「えー。でもでもー (∵`) 」とかグダグダ言い出すので我慢することにする(笑)
金さんに伝えて発散(笑)

今日も暑いのでテキトーに頑張りましょう (●'0'●)/

色々お世話様でした

あげに、カッコエエ　バイク持っちょるんに
また、買うん？
まあ～～
今の季節バイクは気持ちエエケね！

あきらちゃん・・・
又、乗って(運転）から、コケン様にして下さいよ！
相方さんのバイク言うても、新しかったら遂乗りたくなるでしょ？
あきらちゃんは、ヤセッピーさんで力無さそうやケネ
骨折したら大事やもんね。
相方さんの後ろかサイドカーでも付けてもろうて、一緒に楽しんでね(∩´∀｀)∩

此の度は、ホンマにお世話に成りました
でも、きっとマダマダ　御手数掛ける金や思いますが
宜しくお願い致します(^_^)v

To 金さん

金さん、おっつ (●'0'●)/

こちらこそ変わらずよろしくお願いします :)

あのね

今日ね、ｈｉｇｅさんが
金のブログ（ＦＣ２）がスマホからきちんと見える様に
教えてくれました。
今迄は、スマホからは　何やらあきらちゃんからのテンプレートが上手く反映されていなかったみたいです
ｈｉｇｅさんのアドバイス通りにしたら
キチンと、スマホから見えたそうです。

あきらちゃんのテンプレートは素晴らしいから
きちんと見えんのは、惜しい・・・と
してから、教えて頂きました

あきらちゃんにしろ、ｈｉｇｅさんにしろ
金は、素敵な人に巡り会えたと思って居ます

今日の良い出来事でしたので、あきらちゃんに報告に来ました。　　　(＾ω＾)

To 金さん

金さん、こんにちは (o'ω')ﾉ

レスポンシブ設定のことかしら。
higaさん、ご協力ありがとうございます :)

明日長男が一時帰国するのでお迎えの準備をしております(笑)

Akira氏のテンプレ等レスポンシブ対応のテンプレを使用した時のスマートフォン版の表示設定の事です。
恐縮しております。
他にもこの設定を忘れられてるのか、わざとなのか、たまにおられるようですね。

To ｈｉｇｅさん

こんにちは ('0')/

そうなんですよね。わざとの場合があるので最近はもう私からは何も指摘しないようにしています。

金さんはたぶん知らなかっただけなので助かりました(笑)