前回までのあらすじ

【第八回】コロナ禍だから何かできることを


実装イメージ図

LINEを利用して保健所の担当者の負担を軽減するとともに、自宅療養者はいつでもつながっている安心感を持たせるためのツールイメージです。


今回...

下図のようにコードブロックにCSSで行番号を表示する方法を紹介します。




前提

CSSで行番号を表示するにあたって、コードブロックのHTMLは行が<span>などの要素で表現されている必要があります。




行番...

はじめに

某プログラミングスクールで二年間講師をしてました。
受講生の方からの評価点は平均より高く、最終的には全インストラクターの中から代表に選ばれる立場にまでなりました。


始めた経緯

もともと、プログラミングスクールをい...

先日、コリスで紹介されたcssプロパティのaspect-ratio（ie11以外のモダンブラウザで利用可）に感動して、ie11がお亡くなりになってから利用できる他のcss周辺技術が気になり調査してみた。


aspect-ratio
...

背景

さまざまなCSS フレームワークが登場し、最近は Tailwind CSSが注目され話題になっていたのは認識していました。そんな中、一部でChakra UIなるものの名前も見るようになり、さらにTailwind CSSと比...

はじめに

Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。


環境


OS：macOS Big Sur ...

対象読者


アニメーションに興味ある人
CSS @規則 keyframesに触れてみたいなっていう人
ちょっとHTML/CSSを理解している人（初学者）



前置き

始めまして、マイスター・ギルドのおれさまちゃんです（ひどい...

期間限定だが、404ページをハロウィーン仕様にしてみました。
ページを読み込んだら、1秒かけてカボチャの口が開いて、メッセージ「404 File not found.」が表示されるというアニメーションです。

右上の「EDIT ON ...