MARUINO future Online event

　どうも！LSSです！！

冒頭から「いきなり 何！？」って感じで失礼しました^^;

（何人かはこの記事を予測されていた方もおられるかとは思いますが）

 

はい。ネタ記事 兼 SVG模写チャレンジです！

元ネタ

いつもお世話になっております、さじさん(id:conasaji)の、

conasaji.hatenablog.com

この記事、「パターンA」の画像が元ネタです。

先日も言及させていただきましたが、 マジメな内容なのにブログ仲間のLSSを密かにネタにしていただいてて、爆笑させていただきましたｗ

で、そのネタの中で「2021.2/1　16:00」からのオンラインイベントの予告をされていたので、その時刻に合わせてネタ記事を投稿しなくてはいけない、と思った次第です。

冒頭のSVG画像作成に全力を出し切りました

例によって、コード手打ちです。

元ネタと完全に同一、というわけにはいきませんが、「極力似せようとした」努力を汲んでいただき、暖かい目で見ていただければと思いますｗ

コードを見るにはここをクリックしてください。

<svg id="svge" xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 300 450">
<path d="M 0,0 300,0 300,450 0,450 Z" stroke="none" stroke-width="0" fill="black"></path>
<imagexlink:href="画像ファイルURL" x="-15" y="-20" width="170"></image>
<path d="M 300,240 300,0 0,240" stroke="none" stroke-width="0" fill="#84dc5b"></path>
<circle cx="150" cy="205" r="22" fill="black"></circle>
<text x="132" y="207" stroke="white" stroke-width="0.5" style="font-size: 6px;">16:30～17:20</text>
<circle cx="265" cy="60" r="22" fill="black"></circle>
<text x="247" y="62" stroke="white" stroke-width="0.5" style="font-size: 6px;">16:30～17:20</text>
<circle cx="256" cy="117" r="30" stroke="white" stroke-width="0.5" fill="none"></circle>
<circle cx="272" cy="140" r="30" stroke="white" stroke-width="0.5" fill="none"></circle>
<circle cx="297" cy="140" r="40" stroke="white" stroke-width="0.5" fill="none"></circle>
<text x="120" y="30" stroke="white" fill="white" stroke-width="1.2" style="font-size: 18px;">まるいのを</text>
<text x="120" y="55" stroke="white" fill="white" stroke-width="1.2" style="font-size: 18px;">SVG 化する</text>
<text x="120" y="80" stroke="white" fill="white" stroke-width="1.2" style="font-size: 18px;">仕組みと挑戦。</text>
<text x="10" y="108" stroke="white" fill="white" stroke-width="0.2" style="font-size: 8px;">基調講演</text>
<text x="10" y="120" stroke="white" fill="white" stroke-width="0.1" style="font-size: 5px;">株式会社Little Strange Software</text>
<text x="10" y="127" stroke="white" fill="white" stroke-width="0.1" style="font-size: 5px;">CEO リトル・須藤　蓮二</text>
<text x="164" y="117" stroke="black" fill="black" stroke-width="0.2" style="font-size: 6px;">SVGが単にIllustratorで開けるデータと</text>
<text x="164" y="124" stroke="black" fill="black" stroke-width="0.2" style="font-size: 6px;">思っていたのはきっと自分だけではあるまい。</text>
<path d="M 50,107 164,107" stroke="white"></path><path d="M 165,107 265,107 265,80" stroke="black" fill="none"></path>
<path d="M 130,205 100,205 100,180 206,180" stroke="black" fill="none"></path>
<text x="100" y="168" stroke="black" fill="black" stroke-width="0.2" style="font-size: 6px;">CSSの本を読んでいると眠くなってくるのは</text>
<text x="100" y="175" stroke="black" fill="black" stroke-width="0.2" style="font-size: 6px;">かつて数学の授業で感じたあの感覚と同じなのではないだろうか。</text>
<text x="176" y="192" stroke="black" fill="black" stroke-width="0.2" style="font-size: 8px;">特別講演</text>
<text x="176" y="207" stroke="white" fill="white" stroke-width="1" style="font-size: 13px;">CSSを</text>
<text x="176" y="222" stroke="white" fill="white" stroke-width="1" style="font-size: 13px;">ゼロから理解する。</text>
<text x="15" y="290" stroke="white" fill="white" stroke-width="2" font-family="monospace" style="font-size: 41px;">MARUINO</text>
<text x="169" y="290" stroke="yellowgreen" fill="yellowgreen" stroke-width="2" font-family="monospace" style="font-size: 41px;">future</text>
<text x="15" y="330" stroke="white" fill="white" stroke-width="2" font-family="monospace" style="font-size: 41px;">Online event</text>
<text x="15" y="370" stroke="#32cd32" fill="#32cd32" stroke-width="2" font-family="sans-serif" style="font-size: 31px;">CSSとSVGの未来</text>
<text x="15" y="408" stroke="white" fill="white" stroke-width="2" font-family="monospace" style="font-size: 26px;">2021.2/1 16:00start</text>
<text x="115" y="440" stroke="white" fill="white" stroke-width="0.1" style="font-size: 5px;">MARUINO future Online event運営事務局　問い合わせ　000-0000-0000 須藤</text>
</svg>

あとがき

余力があれば…中で触れられているような話も書いてみようかと思っていましたが…力尽きましたｗ

以前にも、さじさんの描かれた画像ファイルを再現しようという試みは

CSS模写？に挑戦！ - Little Strange Software

【CSS】CSS模写 再び！【格子模様】 - Little Strange Software

とありましたが、今回はSVGでの挑戦となりました！

元ネタを作ってくださった さじ様、快くモデルを引き受けて下さったリトル・須藤蓮二様、誠にありがとうございました^^

ってなとこで、今回はこのへんで！

次回もまた、よろしくお願いします^^