サイトの文章の位置取りはデザインのCSSのtext-alignでleftとcenterとright（左寄せと中寄せと右寄せ）が可能だけれども文章の外側と内側、または全体と部分が同じように整列されてしまう。そこでどうすれば一つの文章て外側（レイアウト）が中寄せで内側（コンテンツ）が左寄せなどの別々の位置取りが可能かを取り上げる。 二つの親要素で文章を別々に整列する 文章の外側と内側に別々の親要素を設置してそれぞれに整列することができる。 外側が中寄せで内側が左寄せの例 あいうえお かきくけこさしすせそ たちつてとなにぬねのはひふへほ はひふへほまみむめもやゆよ らりゆれろわをん HTML <div class="outer"> <div class="inner"> <p>あいうえお</p…
サイトで画像や動画に文章を続けると隙間が多めに付いたり、囲うリンクが大き過ぎて画像や動画の下が余ったりしてデザインが崩れることがある。枠線や余白を消しても現れて悩まされるけれども対処法が分かったので、どうすれば余分な隙間を消し去って画像や動画のデザインを次の文章やリンクの大きさと整えられるかを纏める。 画像や動画が周りの要素とずれる原因 サイトの画像や動画が周りの要素とずれる原因はHTMLの画像を表示するimgタグや動画を表示するiframeタグの扱いが影響している。 imgとiframeは改行なしの要素で、縦位置がベースラインとなり、次の列の要素との間に僅かな空間が取られる。 日本語にはないけれども例えば英語では「g」と「j」と「p」と「q」と「y」の文字が本体よりも下に伸びるところがベースラインの下になる。 HTMLでそうしたベースラインの下が画像のim…
ブログの人気の投稿の表示で画像と文章をCSSのdisplay:flexで横並びにしようとしたら上手く行かなくて参った。行毎に画像の大きさが異様に変わったり、スペースに合わなくて無駄な隙間が増えるかスペースが広がり過ぎて慌てるばかりだった。画像が潰れるとしか呼べない。あるいは縮んだり、膨らんだりして大変だったけど、しかし何とか考え通りの表示を果たしたので、覚え書きというか、どうすれば上手く行ったかの対処法を纏めておきたい。 目次 フレックスボックスと画像を分けて捉える 画像を親ボックスに入れて文章と揃える方法 画像の親ボックスと文章の四対六の横並びの例 画像をそのままで文章と揃える方法 画像自体と文章の四対六の横並びの例 フレックスボックスと画像を分けて捉える 失敗の原因として気付いたのは画像を親ボックスに入れて画像の大きさだけを指定して文章と合わせようとした。す…
サイトのデザインでCSSのfloat（浮遊）を使うと複数のコンテンツを両側に配置して一列に表示できる。 しかし上手く行かない場合も多くて難しい。陥りがちな失敗を二つ挙げると背景や枠線が付かないのと画像や背景がはみ出すのとで、デザインを崩してしまうんだ。 何とかならないかと考えながら対処法が見付かったので、纏めておきたい。 floatで背景や枠線が付かなければoverflowのhiddenも使おう 一文目 二文目 三文目 四文目 サンプルのソースコード HTML <div class="fbox"> <p>一文目<br>二文目<br>三文目<br>四文目</p> <img src="画像URL"> </div> CSS .fbox {bor…
ブログの 平均ページの滞在時間 が 人気の投稿の表示を増やした のと 記事名の下に著者名を付けた のとで、一分前後まで上がって来ている。以前よりも三十秒くらい良いから考え通りに進んでいてブロガーとして本当に嬉しい。 難しいのは訪問者がブログ内のページを、二つ以上、開かないと計測されず、零になるのが平均ページの滞在時間なので、動き回り易いデザインが何よりも求められる。 人気サイトはメインのコンテンツの回りに パンくずリスト などの小さな内部リンクが、一杯、付いているし、確かに有利だと本当に良く分かるよね、検索エンジンからのアクセスアップに。 しかし実際に使われるのはブログならば記事の中に貼られた関連記事へのリンクが殆どだろう。一段落を取って大きく目立たせるデザインも見かけるし、文脈に合わせて上手くやっていると押さずにはいられないような感じがする。するとアクセスは一日一万人…
文章で作家活動をやっていて最も悲しいのは外国人に全く分かって貰えないところだ。いつも絵や音楽などの世界共通に受け取られる創作を羨ましいと思っていた。作家として人気者になりたくても実現されるスケールが、全然、違う。取り分け昨今のインターネットを踏まえると世界中の誰でも造作なく分かってくれるはずのない文章は本当に不利だと悔しいかぎりの心境を迫られずにいなかった。 スパコンを遥かに凌駕！国産量子コンピューター発表 via ANNnewsCH しかし長年の夢が叶えられる状況を量子コンピューターに感じる。日本の研究チームが従来のスーパーコンピューター（ ノイマン型 ）のおよそ百倍の処理速度を室温／常温で達成したらしい。量子ニューラルネットワーク（QNN：Quantum Neural Network）という。光を使って――「全長１キロのループ状の光ファイバーに光の粒を…
若いのにとても低い声だと サイエンスZERO に出ている女性が喋っていて感じた。落ち着いた雰囲気で静かな口調なのも影響してか、名前は 南沢奈央 （俳優）だけれども気に入って良い声だと惹かれると思い起こすのがアルトサックスだった。 サックスには音域によって様々な種類があるけれどもアルトサックスは女性の低い声の音域で、しかも最も美しい音色のサックスといわれている。 アルトサックスの奏者はジャズの チャーリー・パーカー がジャズの第一人者としても有名だろう。人気曲の一つの Confirmation を聴いてみるとアルトサックスが女性の低い声ならばちょっと高くて違和感が否めないけれども艶やかさが際立っている。演奏の腰の座った安定感と相俟って華麗な印象を与えるのが素晴らしいと思う。 "Lover Man"Sonny Stitt,Walter Bishop,To…
ブログのアクセスが久々に一日百人を越えたと飛び上がるくらい嬉しい気持ちを味わっている。素晴らしい世界だし、長続きしながらさらに上向きにアクセスが伸びるように努力しなければならないと思う。 自分を見失っては駄目だし、作家活動が天職で、少なくとも書くことはできるかぎり、幸せを味わいながら生きて行くのが面白いに決まっている。 結城永人 via Google+ ブログの記事の仕上がりを新しく変えて行きたくなった。どんな作家活動が良いのか、自分にとって。気に入った仕方で行えばアクセスが伸びなくてうんざりしたまま、止めてしまいたくなるよりは益しだろうと以前から気付いていたものの初めて腑に落ちて来た。本当に駄目だと焦りが大きいせいで、ブログをしっかり続けるには自分こそ満足できる記事を仕上げないと詰まらなさ過ぎている。 詩人だけど、ただし作詩は厳禁なんだ。 メインのホームペ…
スマホを Moto G5 Plusに買い替えたら 文字入力のキーボードが Google日本語入力 だった。使うのは初めてではなかったものの本格的には未経験だったので、どうなるかと不安が心に過った。しかし暫く使っている間に慣れて来て特に支障はないと感じた。他の文字入力のアプリに変えもせず、数ヵ月、経った今でも喜ばしく使い続けている。 追記：2020年9月からGoogleの Gboard に日本語入力が統合されることになり、キーボードに新しくGboardの日本語を使えば全角の英数字も普通に出せる。 ただし一つだけ大きな難点がGoogle日本語入力には含まれていて全角の英数字が打ち込めないのではないかと悩まされずにはいなかった。 駄目だったらもはや止めなくてはならないと日本語の文字入力のキーボードとして僕にとっては重要な項目だった。 英数字は半角で打ち込めるから良いのではな…
検索エンジンを使っていたら イケダハヤト の まだ東京で消耗してるの？ を見付けた。 以前からブログのアクセスアップについて調べていて人気のブロガーとしてあちこちで名前が挙げられていて気に留まっていた。ブログ名のまだ東京で消耗してるの？もそうだけれとも聞いた瞬間に頭に入って来る感じのイメージで、イケダハヤトとまだ東京で消耗してるの？、ブロガーとブログがセットになって非常に記憶に残り易いと驚きながらだかれ人々に好まれるのではないかと一人で想像していた。 直ぐには見に行かなかったし、プロブロガーとして膨大なアクセスを実現しているという生き方が日本では第一人者みたいな捉えられ方をしていて僕にとっては羨ましくも憧れるべき存在そのものだったけれども一日百人もあり得ない些細な日常の現状からでは 象と蟻の力比べ に他ならなさ過ぎる余り、何かを学ぶよりも悔しさが大きくてやる気を失…
皆は意外と言葉が分かってない。だから文章を分かり易くするだけでは理解され難かったようだ。一般人と呼ぶしかない。作家にとって手強いのは人それぞれの言葉を生きている皆だったんだ。どれほど細かく追求した文章でも理解されるには不充分かも知れない。 言葉が分からなければ意味も価値も変わってしまうわけで、本当に厳しい自己表現を迫られてしまうんだ。個性を出せないのではないか、作品に。もはや一般人のために文章を徹底して細かく追求するかぎりだ。 作家は分からない言葉を減らしながら世界が理解される喜びこそ想定するしかない。他には個性もなくて良いと覚えよう。良いんだ、いっそ文章が分かるためならば完全に。皆が知っている言葉は決して誤りではなかった。手の届かない気持ちが作家にとって苦しくも免れたいだけだ。 一般人に必要なのは柔らかい言葉だ。言葉が柔らかいと一般人は直ぐに納得してし…
ブログを移転していて DAIGOと北川景子の結婚式の記事 を改めてチェックしたら異変に気付いた。写真が表示されなかったという。北川景子のInstagramから埋め込んでいたから咄嗟にリンク先を見に行ってみると削除されていた。調べるとアカウントが偽物だったらしい。 北川景子 はブログしかやってなかったんだ。 参った。写真に合わせて文章を載せたから完全にバランスが崩れてしまった。試行錯誤の結果、写真の代わりに描写を「白いタキシードと白いウェディングドレス」と言葉で載せたらイメージが逆に良くなったので、笑ってしまったよ、本当に。 諸々の部分がブログの記事の全体に合っているかどうかかが問われるし、完成度に響く。狂いないほどに作品として魅力的に仕上げられそうだ。自己表現の本質からは間違いない。皆にもきっと分かり得る。 なので気付いた、自信を持つべきだと、つまり作家・詩人と…
いっておくべきではないかと思う、先月の後半から些細な日常の言葉遣いが人々の霊感へ訴えかけているかも知れなかったと。 貴方だけではなく、僕も認めているのだから実際には余り驚き過ぎないで欲しい。 気付いた頃から数週間を経て最近はもう怪しまれもしなくなったようだ。ただし些細な日常というか、ブロガーとしての作家の僕自身の表現力が変わったわけではなさそうだ。考えるとむしろ言葉遣いの霊感への効果は完全に広がってしまってそれ自体で目立なくなっているに過ぎないはずだ。 不思議な気持ちならば世界を部分よりも全体で味わうほどに違和感が薄らいでしまうのと同じだと思うよ。 振り返るとブログのアクセスアップへ向けた 人々のため に 猿でも分かる日本語 で明け渡される 真実を伝え届ける という自己表現の三つの段階を経てついに生み出されたようだ。 僕は予測してなかったにせよ、文芸的に面白いし、霊感ま…
又吉直樹 （お笑い）が 火花 という小説で世の中から好評を得ていたらしい。 NHKスペシャルの 又吉直樹 第二作への苦闘 を観ていて知った。 出版した本の売り上げも二百五十万部を超えていて大ベストセラーだったので、きっと印税で大金持ちだし、多方面から仕事も貰えて絶好調だろうから僕も小説はメインではないにせよ、作家として生き延びるための参考になるのではないかと又吉直樹の人生での素晴らしい成功について考えてみたくなった。 火花 が人々に受ける理由 又吉直樹さんインタビュー via BungeishunjuLtd 又吉直樹は人間関係を悩みながら暗示するように 火花 を仕上げたために文学的と納得されたのではないか。 僕はいつもやってなくて何でも明確に示したがるゆえに人気が出ないみたいな感じがして来て本当に難しいと作家として生き延びるためには嘆きたくなってしまう事実だ。 暗示された人間関…
一口に真実といっても人それぞれなので、見方によってコロコロ変わってしまう、イメージは纏め切らないにせよ、分かり易さは抜群だ思う。伝え届きさえすれば真実は誰にでも信じられるし、良いほどに愛好されるだろう。 サイトのアクセスアップに最も適した方法は人々へ向けて真実を味わわせる自己表現に他ならないと気付いた。 僕は嫌だった。事物の本質から 永遠の詩 を歌う。すると人々にも真実は完全に当て嵌まっているし、何一つ疑う余地はない。悲しいのは知識として余りに難し過ぎて自己表現も猿でも分かる日本語とは正反対ではないか。仕様がないから永遠の詩でなければなるべく気付き易くするように努めていた。 言葉遣いでは知りたい誰かが敢えて考えれば分かるような偶発的な趣きでしか真実は示されなかったけれどもそれこそ中心的に捉えればサイトのアクセスアップに役立つとすると気持ちを内側に込めると大丈…
朝から良い感じでブログの記事を書き進めて五千文字近くで完成した。中々の力作が仕上がったと満足しながら後は関連したリンクを貼るのにサイトを探していて、全部、見付かってもう公開しかけていた。 Evernote のタブレットで見付けたリンクをノートに載せながら文章が可笑しいと思った。物凄く短くて半分くらいしかなくなっていて気付いた頃にはスマホとの同期に失敗して消え去ってしまっていた。 元々はタブレットで半分くらい書いた。それをスマホで開いて半分くらい書き足して完成した。次いでタブレットで見付けたリンクを載せるところで先に同期してなかったせいかも知れない、ノートが消えて失敗したというのは。 スマホからの新しいデータを受け取る前にタブレットで古いままの状態を少しだけ変えて更新してしまったようだ、はっきり覚えてないけど、とにかく。 複数のデバイスで同期がずれると重複ノー…