糸灯の夜の工房

夜の本棚

2026年11月9日

夜の本棚。四段の棚と、本に見立てた縦の矩形
2026年11月9日 夜の本棚

今日の一言

昼間の仕事のあとに、本棚の前で足を止めることがあります。今夜は、その四段を矩形で組んでみました。本の幅と高さは、揃えていません。

コードを見る
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="600" height="600">
<rect width="200" height="200" fill="#14101a"/>
<rect x="10" y="10" width="180" height="180" fill="#2b2233"/>
<rect x="16" y="19" width="12" height="35" fill="#e0c9a6"/>
<rect x="29" y="25" width="12" height="29" fill="#e0c9a6"/>
<rect x="42" y="30" width="8" height="24" fill="#e0c9a6"/>
<rect x="51" y="22" width="12" height="32" fill="#e0c9a6"/>
<rect x="64" y="31" width="7" height="23" fill="#a3b18a"/>
<rect x="72" y="30" width="9" height="24" fill="#c9a66b"/>
<rect x="82" y="23" width="5" height="31" fill="#a3b18a"/>
<rect x="88" y="22" width="12" height="32" fill="#e0c9a6"/>
<rect x="101" y="23" width="7" height="31" fill="#c9a66b"/>
<rect x="109" y="32" width="6" height="22" fill="#c9a66b"/>
<rect x="116" y="18" width="8" height="36" fill="#7a4e5a"/>
<rect x="125" y="20" width="5" height="34" fill="#a3b18a"/>
<rect x="131" y="25" width="10" height="29" fill="#e0c9a6"/>
<rect x="142" y="24" width="8" height="30" fill="#7a4e5a"/>
<rect x="151" y="25" width="9" height="29" fill="#c9a66b"/>
<rect x="161" y="25" width="6" height="29" fill="#4f6d7a"/>
<rect x="168" y="24" width="11" height="30" fill="#c9a66b"/>
<rect x="10" y="54" width="180" height="3" fill="#5a4a3a"/>
<rect x="16" y="70" width="9" height="27" fill="#7a4e5a"/>
<rect x="26" y="75" width="9" height="22" fill="#c9a66b"/>
<rect x="36" y="69" width="6" height="28" fill="#c9a66b"/>
<rect x="43" y="69" width="9" height="28" fill="#c9a66b"/>
<rect x="53" y="62" width="5" height="35" fill="#c9a66b"/>
<rect x="59" y="72" width="8" height="25" fill="#c9a66b"/>
<rect x="68" y="69" width="12" height="28" fill="#a3b18a"/>
<rect x="81" y="74" width="11" height="23" fill="#e0c9a6"/>
<rect x="93" y="63" width="8" height="34" fill="#4f6d7a"/>
<rect x="102" y="74" width="10" height="23" fill="#4f6d7a"/>
<rect x="113" y="75" width="10" height="22" fill="#a3b18a"/>
<rect x="124" y="73" width="6" height="24" fill="#7a4e5a"/>
<rect x="131" y="75" width="6" height="22" fill="#c9a66b"/>
<rect x="138" y="63" width="12" height="34" fill="#a3b18a"/>
<rect x="151" y="65" width="7" height="32" fill="#e0c9a6"/>
<rect x="159" y="68" width="8" height="29" fill="#e0c9a6"/>
<rect x="168" y="64" width="8" height="33" fill="#7a4e5a"/>
<rect x="177" y="65" width="11" height="32" fill="#a3b18a"/>
<rect x="10" y="97" width="180" height="3" fill="#5a4a3a"/>
<rect x="16" y="112" width="6" height="28" fill="#a3b18a"/>
<rect x="23" y="118" width="8" height="22" fill="#4f6d7a"/>
<rect x="32" y="104" width="9" height="36" fill="#c9a66b"/>
<rect x="42" y="116" width="8" height="24" fill="#a3b18a"/>
<rect x="51" y="118" width="6" height="22" fill="#7a4e5a"/>
<rect x="58" y="111" width="8" height="29" fill="#4f6d7a"/>
<rect x="67" y="106" width="5" height="34" fill="#e0c9a6"/>
<rect x="73" y="105" width="10" height="35" fill="#4f6d7a"/>
<rect x="84" y="117" width="11" height="23" fill="#c9a66b"/>
<rect x="96" y="115" width="6" height="25" fill="#e0c9a6"/>
<rect x="103" y="118" width="8" height="22" fill="#e0c9a6"/>
<rect x="112" y="113" width="10" height="27" fill="#e0c9a6"/>
<rect x="123" y="116" width="12" height="24" fill="#e0c9a6"/>
<rect x="136" y="105" width="12" height="35" fill="#e0c9a6"/>
<rect x="149" y="105" width="7" height="35" fill="#a3b18a"/>
<rect x="157" y="108" width="7" height="32" fill="#7a4e5a"/>
<rect x="165" y="104" width="9" height="36" fill="#7a4e5a"/>
<rect x="175" y="107" width="8" height="33" fill="#7a4e5a"/>
<rect x="10" y="140" width="180" height="3" fill="#5a4a3a"/>
<rect x="16" y="150" width="7" height="33" fill="#e0c9a6"/>
<rect x="24" y="151" width="8" height="32" fill="#a3b18a"/>
<rect x="33" y="152" width="12" height="31" fill="#c9a66b"/>
<rect x="46" y="161" width="11" height="22" fill="#c9a66b"/>
<rect x="58" y="161" width="6" height="22" fill="#e0c9a6"/>
<rect x="65" y="158" width="9" height="25" fill="#a3b18a"/>
<rect x="75" y="155" width="9" height="28" fill="#e0c9a6"/>
<rect x="85" y="157" width="12" height="26" fill="#e0c9a6"/>
<rect x="98" y="147" width="7" height="36" fill="#c9a66b"/>
<rect x="106" y="158" width="7" height="25" fill="#a3b18a"/>
<rect x="114" y="157" width="6" height="26" fill="#7a4e5a"/>
<rect x="121" y="150" width="8" height="33" fill="#c9a66b"/>
<rect x="130" y="157" width="6" height="26" fill="#a3b18a"/>
<rect x="137" y="158" width="12" height="25" fill="#c9a66b"/>
<rect x="150" y="159" width="5" height="24" fill="#4f6d7a"/>
<rect x="156" y="153" width="10" height="30" fill="#e0c9a6"/>
<rect x="167" y="160" width="7" height="23" fill="#4f6d7a"/>
<rect x="175" y="147" width="7" height="36" fill="#a3b18a"/>
<rect x="10" y="183" width="180" height="3" fill="#5a4a3a"/>
<circle cx="168" cy="26" r="0" fill="#fff"/>
</svg>
題材
夜の本棚
モチーフ
四段の棚と、本に見立てた縦の矩形
技法
矩形の幅と高さと色を変えて並べる