家庭教師がお手伝い 目次       自己紹介と生徒募集


縦書きのウェブページ

 CSSで縦書きができるようになった。ソースは普通に横書きであるので、クロールで泳ぐロボットも読んでくれるはずだ。サイズ調整としては、タブレットとパソコン両方では、ちょうど原稿用紙サイズだ。また、一応スマホ用にもデザインしてある。例えば拡大や移動にすこし指を使う必要はあるものの、スマホでは解像が細かいため文字が小さく表示されるので大きくし、余白と行数を削った。レスポンシブにしても、スマホはもともと縦長で縦書きを読むのに都合がいい気もするので「ユーザビリティ」上あまり意味がないとも思うが、SEO的にどうなのだろうかも不明。まあ、それ以前に、こんな縦書きの長い文章を読む気が起きるかという大問題があるが。さらに悪いことに、ブラウザによっては縦表示ができないものもある。古いブラウザ全般やスマホ向けの一部ブラウザがそうだ。IE9やクローム40位までは縦書きはできるもののボックスが縦につながらず、下の段が表示されない。ファイアーフォックスはPタグがうまく効かないようだ。OSがウィンドウズ、マック、スマホ類であることよりもブラウザによって左右される。グーグルアナリティクスの結果から考えると、二〇一六年現在、スマホ用パソコン用共古いブラウザや一部ブラウザで表示されず、全閲覧者のだいたい一から二割くらいは読めないだろう。アイフォンでもサファリ以外は十分に表示されない。
 振り仮名もつけられるが、クロームで特定のフォントを指定すると行間ぎょうかんを指定しているのに行間ゝゝが空いてしまう。ところで、左側の縦タブはただ幅を狭くして縦のように見せているだけで、画像を使わずCSSで動くタブらしさを出している。

いろは歌縦二十文字

色は匂へど散りぬるをわが世誰ぞつねならむうゐの奥山けふ越えて浅き夢見じ酔ひもせず 色は匂へど散りぬるをわが世誰ぞつねならむ、うゐの奥山けふ越えて浅き夢見じ酔ひもせず。 いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせすん4950 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎら〳〵ひかる草の波。 祇辻飴葛蛸鯖鰯噌庖箸着鷗鴎喜㐂頰頬叱𠮟吉𠮷娯娛高髙萌萠塚塚著著遜謎餅餠侠俠蟬蝉躯軀呑吞痩瘦硬吸頃睡異挨雪満無斎発備奔溺空湿吹冥岸家脈蚕印蓋聴非祭存孝射芽夢帰班均麗蔑考値勢競頑災芝更伎八公雲環泰談医継園耳邦街餌四配換湾次姿牙韓茨栃衣去玄人家北芝史入八子手⺘了辶心 雨戸戶户無風比仰糸絲示礻衣主言讠年又文月条保奥公角骨切改酒陸穴木来來糸牜環令外淫恣煎嘲溺蔽葛嗅僅餌箋填賭惧稽詮捗剥喩選普無女文延進手子也⺄ 〇●◎☐◆▲⌘€♨ओ७✗〻ゞヸカ゚〽 𝄡➀①♳☮⦾⋱♡🙆💘☞ あめ「天」つち(地)ほし(星)そら{空}「『やま』山」みね[峰]たに<谷≫くも{雲}きり〔霧〕むろ【室】こけ‘苔’ひと〴〵〝人々”うへ—上-さる=猿〓ゆわ~硫黄〰すゑ_末ゟ゠かは〖河〗いぬ〘犬〙 Shift_JIS&UTF-8??!! タヰニイナツム我ヲゾキミ召ストアサリ追ヒ行ク山シロノウチ酔ヱヘル子ラモハホセヨエフネカケヌ