テキスト縦組み表示の
研究サイトです
2020/11/8
wordpress
Information 全てのテキストはサンプルです。他の研究ページと同じサンプル文言を使用しています。
テキスト縦組み表示の
縦組み時の表示速度やカーニングなどをテストします
2020/10/30
javascript
欧文、和文の混在時の対応などもテストしています。
2020/9/30
web app
カーニングが横組みと縦組みでどう変化するかもテストします。
2020/11/4
wordpress
in a gadda da vida以下サンプル文言です。
延々と呪文のようにはてしなく歌う
サンプル文言のため他の研究ページと同じ文言を使用しています。
70年前後ミヘンやドアーズ、バニラ・ファッジなんかと一緒に毎日のように流れていました。アイアン・バタフライの「In-A-Gadda-Da-Vida」って曲で延々と呪文のようにはてしなく歌うんです。イントロとテーマが非常に印象的です。
私が持っているのはこれのライブ版です。
Ｂ面が全部これ一曲です。
これも当時は一曲が長ければ長いほど
カッコ良いとされていた時代なモンで(^^;)）
で、そのころまだこの世に生を受けておられなかったら(^^;)
もしかすると退屈な曲かも知れません。
サイケデリックな曲って「グラスっぽさ」がある
サイケデリックな曲って「グラスっぽさ」がある。でもドラッグぽさとは違う。
ドラッグって注射とかスプーンとか、お鼻ひくひく…
狭く暗い室内で犯罪の臭いがしますが・・・
「グラスっぽさ」はもろヒッピー、
太陽とか土の匂いとか家族とか…。まあ当時の日本にどの程度そんな文化があったかは疑問ですけどね。とはいうものの、当時18歳で上京した初めて知り合った東京の女の子に「ねえ、グラスやったことある？」って聴かれ「グラスってなに？」って聞き返した。。。そのくらい地方とは格差があったのも事実ですが…
グラスっぽいといえば「グレイトフル・デッド」ですが。私の持ってる中では「AXOMOXA」てアルバムが一番有名です。
レコード業界で初めてのプラチナディスク
この「In A Gadda Da Vida」って曲が入っているアルバム。
アルバムタイトルが「In A Gadda Da Vida」で曲名と同じ名前なんですが…
なあんと、レコード業界で初めてのプラチナディスクをとったと有ります。
めちゃくちゃ売れたんですね。
しかもスタジオ版でもB面がこの曲だけで17分間延々と入ってるようです。
このあとピンクフロイドなんかもやたら長い曲を出してきます。
オルガンが印象的な曲
「In A Gadda Da Vida」ライブ盤ですが曲調は初期のドアーズやバニラ・ファッジなんかと同じようにオルガンが印象的な曲です。
ただライブなので、途中のアドリブ部分がいまいちというかヒーリングというか…
ジミヘンやクリームのライブのように今でもじっくり聞ける感じでは、まったくないです。
about this explorenceこの探求について
今回はWEBサイト本文に縦組みがどう組込めるのかの実験です。
すでにタイトルや見出し部分では本サイトに実装していますができれば本文も縦組みできればと考えています。
縦組みの問題点
今回の実験で分かったことに
・『writing-mode: vertical-rl;』を使えば縦組みになること
・『column-count: 2;』でコラム数を変更できること
横幅が狭くなれば溢れたテキストは次の段へ移動すること
つまり各コラムの分量を気にせずテキストを組み込める可能性がある。
・ただし『writing-mode: vertical-rl;』を指定するとflexなどの指定を無視してビューポートを起点にしたりなどして再構成されるためレイアウトが設計しづらいこと
などがわかりました。
もっともシンプルな縦組みを下へ載せます。
テキストが横幅可変に対応してテキストがあふれずに下の段へ送られますが、フロート状態のようでその下のブロックと重なってしまいます。
ここからサンプル
リチャード・キンブル。職業、医師。
正しかるべき正義も時として盲（めしい）ることがある。
彼は身に覚えのない、妻殺しの罪で死刑を宣告され、護送の途中、列車事故に遭って辛くも脱走する。
孤独と絶望の逃亡生活が始まる。
髪の色を変え、重労働に耐えながら、犯行現場から走り去った片腕の男を探し求める。
彼は逃げる。執拗なジェラード警部の追跡をかわしながら。
現在を、今夜を、そして明日を生きるために。
ここまでサンプル
今後の課題
いまだwriting-mode: vertical-rl時の仕様が理解できません。 なんとかなる感覚はあるのでもう少し進めてみたいと思います。
