【重要】2022年までの投稿について

2022年までの投稿について 1年半ぶりの更新です。 更新とはいっても、新しく提供できる情報がほとんどありません。 強いていえば、元気です。というか元気になりました(後述)。 本題です。 2022年2月2日までに投稿した全記事について、情報が古くなっていますが、 今のところ 情報の修正・更新の予定がありません 。 この1年、主に生活環境の大きな変化でメンタルがやられてしまって休養をとり、 最近になって少しずつ精神状態が安定してきました。 しかしながら、この1年の間に趣味や興味がガラリと変わってしまい、 今まで触れてきたコンテンツに関する新しい情報を調べる時間も気力もなくなってしまいました。 (あと、純粋にブログの書き方やHTMLの使い方、サーチコンソールの設定等を完全に忘れているのもあります) 今までの記事について、 記事の内容が古くなった旨の注意書きを冒頭に追加する ことで、対処とさせていただきます。 ただ、あまりにも情報が古いと判断した場合は、記事を非公開にするかもしれません。 固定ページ( about など)については、古くなっている情報を更新しておきます。 また、この記事をブログの上部に固定する方法がわかれば、それもやっておく予定です。 ご迷惑をおかけして申し訳ありませんが、ご理解のほどよろしくお願いいたします。

些細な学び~クリックしたら内容を確認できるようになるアレ編~

【重要】(2023/08/15追記)
この記事の情報は古く、かつ、修正の予定がありません。予めご了承ください。
2022年2月以前の記事に関する詳細はこちらをご覧ください。


本当にちょっとした、「こんなことを知りました」的な記事に、「些細な学び」タグを使用することにします。


今日の学び

たまにある、「基本的には閉じているが、クリックすることで開き、詳細を表示するやつ」を、記事内で利用できるようになった。

クリックしたら別のURLを開くわけではなく、あくまでも記事内で完結させたい。
これを利用すれば、スクロールの手間も若干省けるし、「この画像は必ずしも見る必要はありません。デフォルトでは閉じておくので、必要に応じて開いてください」的なことができるようになりそう。
Bloggerにデフォルトでそういう機能はないようだが、HTMLでの実装は極めて簡単だった。

実現方法

クリックで詳細を表示

HTMLの<detail>タグで実現できる。
また、<summary>〇〇</summary>とすることで、〇〇の部分をクリック前のラベルにできる(上記の「クリックで詳細を表示」にあたる部分)。
こんな感じでHTMLで書けばいい。

<details>
    	<summary>クリックで詳細を表示</summary>
        <p>HTMLのdetailタグで実現できる。</p>
</details>
	

ちなみに、こういうのは「アコーディオン(メニュー)」とかいうらしい。
CSSで見た目をいい感じにしたりできるっぽいけど、とりあえずはこれで十分かな。

参考

コメント

このブログの人気の投稿

【刀剣乱舞】レベル・機動値差があっても行動順をなんとなく把握したい

【重要】2022年までの投稿について

【機能編】ゲームデータの整理ついでにExcelに触れる