どうも！LSSです！！ このブログに、 little-strange.hatenablog.com というカテゴリがあります。 HTML、CSS、JavaScriptなどの「さわりはじめ」だけを軽く説明するような内容で、はてなブログでも試せるような内容であるところからWeb関連の話のみになっています。 が、仕事のほうで「SQL超入門のさわりだけ」みたいな感じのものを今日ちょっと書いてみました。 タイトルはもちろん異なりますｗ が、「難しそう、と極力思わせないように」というのと「業務なのである程度の硬さ」のバランス…とか考えだすと、なかなか迷うところがあります。 とりあえず「１回２ページ」のを３回分書けたのは、ここで書いていた経験も役立ってるのかな、とか、逆に仕事で書いてる経験がブログの方にも活かせたりするかも？とか思う今日この頃です。 ってなとこで、今回はこのへんで！ 次回もまた、よろしく
【CSS】文中に付箋のような注釈【小ネタ】 - Little Strange Software
どうも！LSSです！！ 今回は、ふと思いついたCSS小ネタです。 ブログなどの文中でも、さらっと使いやすいんじゃないかな？ サンプル コード CSSの説明 サンプル文に書いたように、上の行と重なりますが サンプル ただし重要適宜、改行を入れるなどしておかないと上の行と重なってしまいます。 コード ただし<span style="display: inline-block; transform-origin: 0% 50%; transform: rotate(-25deg); padding: 0 0.5em 0 1em; background-image: conic-gradient(from 40deg at 0% 50%,#ff444480 99deg,#ff444400 100deg); color: #ffffff;">重要</span>適宜、改行を入れるなどしておかないと上の
At Least 30,000 U.S. Organizations Newly Hacked Via Holes in Microsoft’s Email Software – Krebs on Security
At Least 30,000 U.S. Organizations Newly Hacked Via Holes in Microsoft’s Email Software At least 30,000 organizations across the United States — including a significant number of small businesses, towns, cities and local governments — have over the past few days been hacked by an unusually aggressive Chinese cyber espionage unit that’s focused on stealing email from victim organizations, multiple
【CSS】音波攻撃！【水面の波紋アレンジ】 - Little Strange Software
どうも！LSSです！！ 昨日の記事、 little-strange.hatenablog.com に、 421miyako(id:m421miyako) 土台の部分を水の写真にして波紋を乗せるとリアルになりませんか？ mio(id:mio20100501) 応用できたらと思いますがなかなか難しいです。 miyakoさんのコメントにお書きになった ・radial-gradientがカンマ区切りで並んでいるところの最後に「url(画像ファイルURL)」を追加とありましたが その場所がわかりませんでした。 とコメントをいただきました。 ありがとうございます^^ 書き換える箇所が複数あり、コメント欄に書いたものだけでは分かり辛いかと思いましたので、実際にやってみたものを今回記事にしてみました！ 水面の波紋アニメーション 改め 三つ首竜の音波攻撃！ コード コード解説 なぜに三つ首竜？？ 水面の波紋
どうも！LSSです！！ 昨日のおみくじのコード解説をやってみます。 little-strange.hatenablog.com おみくじのコード コード解説 配列変数.lengthを使用しているので 容赦のない均等な確率 おみくじのコード <style> #omikuji{ width:280px; padding:10px; font-size:40px; font-weight:bold; background-color:#eeeeee; border:1px solid black; background-image:radial-gradient(circle 80px at 70% 30%,white,#eeeeee); user-select:none; } </style> <div id="omikuji">おみくじ</div> <script> cnt=0; kuji=
【CSS】回転体を増やした疑似３D - Little Strange Software
どうも！LSSです！！ 【CSS】疑似３D 前後関係 - Little Strange Software の回転体を増やしてみました。 疑似３D コード CSS変数を使って、個々の回転体の設定を簡略化 もっと凝った疑似３Dを見たい！という方は 疑似３D コード <style> @keyframes d3dzx{ 0%{background-position-x:var(--i);} 100%{background-position-x:calc(100% - var(--i));} } @keyframes d3dzy{ 0%{background-position-y:40%;background-size:calc(40px - var(--s)) calc(40px - var(--s));} 100%{background-position-y:60%;background-siz
どうも！LSSです！！ 転職を機に、LINE証券で株式投資を始めました。 転職後にしている仕事が「収入は爆増、ただし１年契約」のため、「前年と同レベルの支出で生活していればかなり余裕が出るはず。その後に備えてなんらかの手を打つか」って感じで始めたのです。 入金履歴 現在の成果 それに、単純に原資が増えたとて 入金履歴 4/11 2843円（キャンペーンで貰い物。原資として考えて良いと思います。） 4/13 10000円入金 5/23 30000円入金 6/1 150000円入金 仕事の報酬ががっつり入ってくるのがまだ先（一度目の波が今月末）のため、現時点ではこの程度ですが、最終的に「どれだけ入金するか」の目標を考えました。 「365万円」を目標とします！ （350でも400でもなく、１年の日数に合わせるあたりがひねくれものｗ） １年間仕事を全うし、会社が契約を守ってくれれば、の話ですがはた
どうも！LSSです！！ ふと、「JavaScriptを使わず、CSSだけでクイズシステムを作れないか？」と思いついてしまい、作ってみちゃいました^^ 選択肢をクリックすると〇か×がつく、というだけのものですが、とりあえず遊べますｗ 突然ですがクイズです！ コード コードについて説明 余談：問２の問題の内容について 突然ですがクイズです！ 問１ apple、日本語で言うと？ りんご みかん バナナ 問２ 次のうち、王族は誰？ 魔法使いチャッピー 魔法使いサリー 魔女っ子メグちゃん コード <style><!-- #q1a,#q1b,#q1c{display:none;} #q1a:checked~label:before{content:"〇";font-weight:bold;color:blue;} #q1b:checked~label:before{content:"×";font-w
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Today, software engineers need to know not only how to program effectively but also how to develop proper engineering practices to make their codebase sustainable and healthy. This boo
【謎CSSアニメーション】光の龍…？ - Little Strange Software
どうも！LSSです！！ CSSをいじっているうちに、また謎のアニメーションができました。 光の龍…？ コード 仕組み どうしてこうなった 光の龍…？ コード <style> @keyframes stardragonx{ 0%{background-position-x:0%;} 100%{background-position-x:100%;} } @keyframes stardragony{ 0%{background-position-y:0%;} 100%{background-position-y:100%;} } .stardragon{ position:relative; height:200px; background-color:black; } .stardragon div{ position:absolute; top:0;left:0; width:100%;
【CSS】テキスト装飾によく使うプロパティ おさらいとサンプル集 - Little Strange Software
どうも！LSSです！！ 【CSS】ボックス装飾によく使うプロパティ おさらいとサンプル集に続き、テキスト装飾関連のまとめ記事です！ 最初は基本的なところから、後半だんだん特殊なものになっていきます^^ font-size 文字の大きさを指定します コード 書式 color 文字の色を指定します コード 書式 font-weight 文字を太文字にします コード 書式 text-align 文字の表示位置を、右寄せにしたり、中央揃えにしたりできます コード text-decoration 文字に下線などの線を引きます コード 書式 その他アレンジ text-shadow 文字に影をつけます コード 位置をずらさず、ぼかしをまとわせる効果も作れます コード 書式 その他アレンジ 袋文字作成ツール マーカー 蛍光ペンを引いたような効果 コード 書式 その他アレンジ グラデーション文字 文字色自体
どうも！LSSです！！ 記事タイトルの通り、 このブログを読者登録してくださっている方が400人になりました！！ 増えるペースはごくごくゆっくり 読者登録していただいた方のブログは、こちらも登録 …というような軽い内容の記事でも 増えるペースはごくごくゆっくり 以前に記事で読者数について触れたのは、 333人の時でした。 これが去年の７月の話なので、いかにゆっくりペースかが分かりますねｗ …実際のところ、今は積極的に増やそうと思ってはいないので（でも増えたら嬉しいｗ）、たまに読者登録していただいた通知を見ると「おおっ^^」ってなります。 読者登録していただいた方のブログは、こちらも登録 させていただいております。今のところは、ですが。 （漏れがあったらすみません^^;） どんな記事を期待されているかは分かりませんが、マイペースにぼちぼち書いてますｗ …というような軽い内容の記事でも ↑これ
【JavaScript】効果があるかどうか未確認ですがコピペサイト対策スクリプト - Little Strange Software
どうも！LSSです！！ Twitterで「ブログ記事をまるっとコピーして、独自の広告をつける」悪質コピペサイトの話を見かけました。 恐らくは自動的にURLを収集して、膨大な数のページを作ってるんでしょうね。 と、いう事で、「対策になるかならないか分からないけど、JavaScriptで仕掛けを施してみる」事にしましたｗ はてなブログ、デザイン画面から 記事上、にスクリプトを仕込みます 忘れずに「変更を保存する」をクリック 説明 欠点 はてなブログ、デザイン画面から スパナマークのアイコンをクリックして、「記事」をクリックします。 記事上、にスクリプトを仕込みます 「ヘッダ」「フッタ」「記事上」「記事下」どこでもいいんですけどねｗ 今回はこんなコードにしました。 <script> if(location.match('/proxypy/')){ location.href='https://l
【CSS】でっかい下向き矢印、もうひとつのバリエーション - Little Strange Software
どうも！LSSです！！ little-strange.hatenablog.com のバリエーション、もうひとつ考えていたものを公開します。 だんだん太くなる線 コード 文字関連の指定 かなり近いものを先にアレンジしていただいてたり^^ だんだん太くなる線 ちょっとアレンジ コード <div style="box-sizing: border-box; height: 200px; background: linear-gradient(to top right,#ff000000 49.9%,#ff0000 50%) 1px 100%/50% 100px no-repeat,linear-gradient(to top left,#ff000000 49.9%,#ff0000 50%) 100% 100%/50% 100px no-repeat,linear-gradient(#ff00
どうも！LSSです！！ www.youtube.com …あ、この歌は「あれから何年たったでしょうか」でしたね。 そんなこんなで、このブログを開設してから３年めの最後の日となりました。（2019/9/14開設） 最初の記事 一年後 二年後 明日から４年めかぁ 最初の記事 little-strange.hatenablog.com いかにも「初めまして」らしい「初めまして」ですねｗ ブログ名およびハンドルネームの意味について触れていたりします。 当初の志からはちょっと方向性が変わり、その変わったまままっすぐ進んでる感があります。 一年後 little-strange.hatenablog.com ジャスト２年前の記事、という事になります。 ダッシュボード画面のスクショを晒しているので、今となっては懐かしい旧アイコンが見られますｗ ちなみに今はこんな感じ。 記事中にある「１年目終了間際になって
「Radeon Software」が「AMD Software Adrenalin Edition」に名称変更。超解像技術「Radeon Super Sampling」を新たに導入
「Radeon Software」が「AMD Software Adrenalin Edition」に名称変更。超解像技術「Radeon Super Sampling」を新たに導入 ライター：米田 聡 2022年3月17日，AMDは，同社製GPU向けのドライバソフトウェア「AMD Software Adrenalin Edition 22.3.1」（以下，Adrenalin 22.3.1）をリリースした。 これまで，Radeon向けドライバソフトウェアの名称は「Radeon Software Adrenalin Edition」であったが，今バージョンから「AMD Software Adrenalin Edition」に変更された。AMDによると，たとえばCPUのオーバークロック機能やワンクリックオーバークロックなど，GPU以外の機能も実装するようになったこともあり，より広い用途に向けたソ
【CSS】CSSでチョコレートケーキを描いてみました【backgroundプロパティ】 - Little Strange Software
どうも！LSSです！！ 実用性はまったく無いと思いますが…CSSのbackgroundプロパティで「チョコレートケーキ」を描いてみました。 チョコレートケーキ コード 3つのgradientを重ねています あとがき チョコレートケーキ ChocoCake コード <div style=" box-sizing: content-box; width: 100px; height: 100px; background: conic-gradient(from 60deg at 13px 50px,#372006 29.9deg,#37200600 30deg) -13px 0px , radial-gradient(100px 100px at -86px 100px,#372006 99%,#37200600 100%) 86px -50px , linear-gradient(180de
【日記】シン・ウルトラマン、映画館で観てきました！ - Little Strange Software
どうも！LSSです！！ １０年ぶりに映画館に出向き、「シン・ウルトラマン」を観てきました^^ いやぁ…最高でした！！ 今の技術で初代ウルトラマンを撮影したらこうなるのか、という部分や、数々のオマージュ。 Twitter上では２回、３回と繰り返し観たという方もおられますが、その気持ちも納得します（といって自分は行かないと思いますがｗ） っと、ネタバレは避けたいのであまり多くは語りませんが、登場人物の中で自分が一番気に入ったのは「メフィラス」でした^^ ウルトラマン（初代）について考える - Little Strange Software 「シン・ウルトラマン」が楽しみ^^ - Little Strange Software シン・ウルトラマン、いよいよ明日公開ですね！ - Little Strange Software DVDとか出たら買うか…でもその前に初代を改めておさらいしたいですね。
どうも！LSSです！！ 作りかけているCSSネタがあるのですが、汎用性…変更の手の加えやすさ、という面でどうしたものかと考えています。 作りかけCSS～雨～ コード これからのCSS 作りかけCSS～雨～ コード <style> @keyframes rainya{ 0%{background-position:0px 0px,0px 0px;} 100%{background-position:-50px 137px,0px 0px;} } .rainy{ width:280px; height:280px; background-image:linear-gradient(110deg,#ffffff00 10px,#ffffff80 12px,#ffffff00 14px) ,linear-gradient(black,blue,white); background-size:50p
【CSS】CSS模写 再び！【格子模様】 - Little Strange Software
どうも！LSSです！！ 今日は、以前にやった、 に続いて、またしても さじ(id:conasaji)さん出題のお題？に挑戦してみました！ 小田原城の寄木細工 ↑上がさじさんがイラレで描かれた画像、下がそれをCSSで模写してみたものです。 （今回、色はツールを使って盗みました。なのに文字の色が違うような^^;;;） 元記事は↓こちら！ コード コード解説 の前に考え方から background-size と background-positionというプロパティ ここからコード解説！ もうひとつのお題 やってみて凄く勉強になりました！ コード <div style="width: 320px; height: 65px; font-size: 29px; color: #ffe9a5; text-align: center; text-shadow: 2px 2px 3px gray; fo
【構想】２０年以上前のお題小説を全てリンクさせたいが未だまとまってない話 - Little Strange Software
どうも！LSSです！！ 早速ですが、標題の件。 もしかしたらちょこっと書いたかも知れませんが、このブログで「自作小説」カテゴリに置いている作品のうち、 「２０年以上前の草の根ネットにお題小説として投稿した作品群」を全て繋げたい、と当時から考えていました。 未だに構想がまとまっていないんですけどねｗ 対象作品 すでにリンクしている設定 双子の姉妹の名前を最近考えましたｗ 総集編？となる話のおおまかな筋 こういうのは、小説として形にしてあげるべき 対象作品 話としてまとめた際の、時系列順に書き出します。 むかしむかし、の双子の姉妹の話。 この二人は二人とも「不老不死」のゾンビと化しており、今もなお生きている、という設定です。 小学生のマキちゃんが、魔界の王子ヘケヘケマカール三世から貰った、万能の力を持つスティックを使って無茶苦茶する話。 主人公「カズちゃん」が彼女とデートしようとしたら、彼女も
GitHub - gitpod-io/gitpod: The developer platform for on-demand cloud development environments to create software faster and more securely.
Dev environments as code - Gitpod is like infrastructure-as-code, but for your development environment. Gitpod defines your editor extensions and requires dependencies in a declarative .gitpod.yml configuration. Spinning up dev environments is easily repeatable and reproducible empowering you to automate, version-control, and share dev environments across your team. Prebuilt dev environments - Git
【CSS】カタカタ自己主張する見出し（なのに照れ屋さん） - Little Strange Software
どうも！LSSです！！ サンプル コード コード解説 アニメーションの内容となる部分 ボックスを装飾している部分 見出し部分 マウスカーソルが乗った時の変化 ボックス内の文章 アレンジしやすいポイントをまとめると サンプル こんな風に、ボックス要素につけた見出しがカタカタ揺れる事で自己主張します！ …が、自己主張しているわりにボックスにマウスカーソルが乗ると、赤面したようにピンク色のマーカーが入りますｗ コード <style><!-- @keyframes katakata{ 0%{transform:rotate(-10deg);} 80%{transform:rotate(-10deg);} 85%{transform:rotate(10deg);} 90%{transform:rotate(-10deg);} 95%{transform:rotate(10deg);} 100%{tr
どうも！LSSです！！ はてなブログに「こよみモード」という機能があります。 面白いのは、１年以上続けていると「１年前の同じ日」に書いた記事があると、右側に「〇月のあゆみ」として表示してくれるんですね。 …というのは知っていたのですが、今日初めて知った事がありました！ ↑これが、こよみモードの画面。 月カレンダーとして今月書いた記事が並んでおり、前月や次月に移動するリンクが上部にあります。 ここで、前月に移動するリンクをクリックします。 ↑すると、もちろん前月（今なら2022年2月）の月カレンダーになるのですが…。 この時、右側に出ている「〇月のあゆみ」が「2月15日」のものになっています！ …というのを、今さらになって気づきましたｗ これだと「〇年△月」の、日付は今日と同じものを振り返る事ができますね^^ （日付も変えられるかは不明） いやぁ…こよみモード自体そう毎日見る画面ではないとは
【CSS】ぐるぐる回転して目立たせる物体 - Little Strange Software
どうも！LSSです！！ 今回はまたCSSサンプルです。 animationと3Dを使い、目立たせる効果を作ってみました^^ サンプル コード コード書き換えについて おまけ サンプル 本日のハイライト NEW!! コード <style> @keyframes grgra{ 0%,30%{transform:rotateX(-5deg) rotateY(360deg);} 100%{transform:rotateX(-5deg) rotateY(0deg);} } .grwk0{ position:relative; width:300px; text-align:center; border-radius:10px; border:10px double #88ee88; } .grwk{ position:absolute; top:0px; transform-style:prese
どうも！LSSです！！ little-strange.hatenablog.com では、公開前の動作検証にもだいぶ悩まされましたが、公開後にも色々と閲覧環境ごとの違いが見つかりました。 自分で確認できる部分は確認し、「使い方」のところに赤文字で「追記」として書き足しておきました^^ 情報提供してくださった皆様、誠にありがとうございます！ 結論から言うと、WindowsPCでもAndroidスマホでもiPhoneでも、絵を描いて保存までできますが、その「保存」がやたらと環境に左右されるようで^^; スマホの場合、「はてなアプリ」からだとダメですが、ChromeやSafariなどのブラウザからならOK。 さらに、iPhone＋Twitterで開いた場合（Twitterに「記事公開しました」をシェアしてるので、そこから来ていただいてる方はたいていその環境かも）、保存は動作するものの、そこから実
どうも！LSSです！！ 今、楽しみにしている事のひとつに、5/13に劇場公開される「シン・ウルトラマン」があります！ 予告映像も公開され、その中でも気になる場面が色々ありますね。 シン・ウルトラマン予告 初代シリーズに出てきた怪獣・宇宙人も！ 「ウルトラゾーン」…？ シン・ウルトラマン予告 www.youtube.com 初代シリーズに出てきた怪獣・宇宙人も！ 予告の中で複数登場していて、初代ファンとしては期待しちゃいます！ （今回の映画では禍威獣・外星人という表現ですが） 中でも気になる外星人は…そのまんまの姿で出てくる「ザラブ星人」と、地球人のような見た目ですが差し出された名刺の名前「メフィラス」。 初代ウルトラマンでは、ザラブ星人は友好な宇宙人のフリをして、偽ウルトラマンに化けて破壊活動を行う、狡猾な侵略者。 メフィラス星人は、地球人の子どもに「地球を私にあげます、と言え」と誘惑する
GitHub - Sairyss/domain-driven-hexagon: Learn Domain-Driven Design, software architecture, design patterns, best practices. Code examples included
Check out my other repositories: Backend best practices - Best practices, tools and guidelines for backend development. System Design Patterns - list of topics and resources related to distributed systems, system design, microservices, scalability and performance, etc. Full Stack starter template - template for full stack applications based on TypeScript, React, Vite, ChakraUI, tRPC, Fastify, Pris
どうも！LSSです！！ CSSには３Dを表現するためのプロパティが用意されています。 参考：【CSS】ブロック遊び【実験】 - Little Strange Software が、少々欠点もあって…例えば「球」を表現するのが苦手だったりもするんですね。 一方で、radial-gradientを用いて「球っぽい円」を描く事はできますが、 これも３D回転させると平面の円である事が露呈してしまいます。 今回は実験的に「CSSの3D表現を使わず、疑似的に３Dっぽい動きを表現」する事に挑戦してみました。 疑似３D コード 遅延の値を変更してみるのも面白いかも 疑似３D コード <style> @keyframes d3dax{ 0%{background-position-x:0%;} 100%{background-position-x:100%;} } @keyframes d3day{ 0%{
【CSS】汚しグラデーション【実験】 - Little Strange Software
どうも！LSSです！！ CSSのgradient系の関数をbackgroundプロパティに適用する事で、容易に「綺麗なグラデーション」を描く事ができます。 この場合の「綺麗」は悪く言えば機械的、単純という見方もできます。 backgroundプロパティは カンマ区切りで複数の画像を重ねる事ができる gradientで使用する色は「不透過度」を設定する事で半透明の色も使用できる 事から、「汚し」となるようなノイズっぽいgradientを重ねる事で、グラデーションを複雑なものに見せる事ができるのでは？と思い、実験的に作ってみました。 汚しグラデーション コード 不透過度 あとがき 汚しグラデーション 「汚し」が入ったようなグラデーションを作ってみました。 バックにあるのはシンプルなグラデーションですが、その上に不規則っぽい形状のconic-gradientを「極薄」に透過した色で重ねています。
どうも！LSSです！！ まったく唐突なんですが、ちょっと聞いてみたい事が出てきました。 「人に見せる・見せない」は別として、皆さんこれまでの人生の中で「漫画」または「小説」を書いた事はありますか？ この場合、レベルの高低は問いません。 漫画なら落書きレベルでも。 小説なら数行程度の作り話でも。 LSSの場合は、 漫画 小学生の頃に、疑似部活動のような感じで「漫画クラブ」に所属し、ことわざをメインのネタにした４コマ程度の漫画。 高校生の頃に、ノートの端に落書きレベルの多数の作品を描いてました。 小説 小学生の頃に、国語の授業で「小説を書こう」というのがあり、設定だけ考えましたが文章はさっぱり書かないうちに撃沈。 中学生の頃に、小説…とはちょっと違いますが、ノートにゲームブック形式のストーリーを書き連ねていました。 １０代後半～２０代前半の頃に雑誌投稿・パソコン通信投稿のネタとしていくつかの作
ひっさびさに、はてなブログのサイドバーモジュールを追加してみた話 - Little Strange Software
どうも！LSSです！！ だいぶ久々に、このブログのサイドバーにモジュール追加してみました。 （PCで見るとサイドバーですが、スマホから見ている場合、一番下までスクロールするとみる事ができます） ↑こんなのを追加しました。 この「サイコロを振る」をクリックすると… １～６の目がランダムに出てきます。 突然、サイコロが必要になった時にご利用ください。（どんな時だろｗｗｗ） はてなブログのサイドバーモジュールって、スクリプトもイケるんですね サイドバーモジュールの設定手順 問題は…何を作って配置するか？ はてなブログのサイドバーモジュールって、スクリプトもイケるんですね って事に気づき、試しに作ってみたものです^^ ほんとはもうちょっと何かの役に立つものを作りたい^^;;; サイドバーモジュールの設定手順 はてなブログで設定を色々いじった方はご存知の手順ですが、一応最初から画像つきで書きます。
How to Learn Software Design and Architecture | The Full-stack Software Design & Architecture Map | Khalil Stemmler
Software Design and Architecture is pretty much its own field of study within the realm of computing, like DevOps or UX Design. Here's a map describing the breadth of software design and architecture, from clean code to microkernels. Update (March 18th, 2024): It's been about 5 years since I first wrote this article here, and - man, oh man. Basically, everything has changed. Allow me to explain. I
building-software.md
building-software.md Some thoughts on building software Lately I have been busy reading some new books on Domain Driven Design (DDD) and software architecture -- including a short yet eye-opening one in Python and a great one in F#. At the same time, it seems that more people in the Functional Programming world are looking at more formal approaches to modelling -- some examples here. This has brou
【CSS】水滴・改変【小ネタ続編】 - Little Strange Software
どうも！LSSです！！ 【CSS】水滴【小ネタ】 - Little Strange Software のコメント欄に様々なアイデアをいただき、ありがとうございます^^ コメント欄で回答させていただいた分もありますが、他にもそれぞれコード修正を行って調整してみたので、記事にしてみました。 以下、コード中でそれぞれクラス名を変えていたり、divタグの中の文言を削ったりしていますが、それ以外の変更点を色付き文字にしています。 画像入り 色とりどり ななほしてんとう 他にもいただいたアイデア 画像入り コード <style> .pichonimg{ width:150px; height:100px; background:radial-gradient(at 70% 25%,#ffffff80 10%,#ffffff00 13%),radial-gradient(at 100% 0%,#0000
【お題】読書の秋…諸星大二郎 デビュー50周年記念 トリビュート - Little Strange Software
今週のお題「読書の秋」 どうも！LSSです！！ はてなブログ10周年特別お題の投稿期間もまだ残っていますが、「今週のお題」もそれはそれとしてあるんですね。 「読書の秋」という事で…最近購入した一冊の本をご紹介します。 諸星大二郎 デビュー50周年記念 トリビュート 作者:諸星大二郎 河出書房新社 Amazon 漫画家 諸星大二郎先生のデビュー50周年記念のトリビュート本です！ なぜかAmazonのページでは2010年刊行となっていますが、正しくは2021年、今年になって刊行された本です。 諸星大二郎先生のトリビュート本（他の漫画家さんが諸星作品をテーマにして寄稿）は以前にも出版されており、そっちはそっちで購入済ですが、今回の50周年記念本はそれとは別で「全部書き下ろし」との事。 以前のトリビュート本に参加された方（おおむね被ってますが）もまた新たに描かれているとの事で購入しました！ （参加
どうも！LSSです！！ 最近になって、初めて株式投資に手を出したのですが、なかなかスリリングな展開がありましたｗ 株面白い！一歩間違ったら面白いとか言ってられなくなってたのが面白い🤣— LSS (@LSS0324) 2022年7月1日 …そう、難をかわせたから「スリリング」とか言っていられますが、マトモにくらっていたらと思うとなかなか怖いものがあります^^;;; 今回の話は↓の続きとなります。 little-strange.hatenablog.com 前回までのあらすじ その後の話… 下がらなかった^^; ここから本題 ラッキーだった…と思ってたら… 前回までのあらすじ 「初めて１単元（１００株）でとある会社の株を購入したLSSくん。 1390円の時に購入したものを、1435.5円の時に売却する事に成功しました。 4550円の利確（ただし、そこから手数料や税金は引かれる） そして同じ会
今週のお題「何して遊んだ？」 どうも！LSSです！！ 今週のお題「何して遊んだ？」との事ですが、昔やっていた遊びを ちらほらとこのブログに書いた事もありましたね。 紙テレビ ゲームブック 創作折り紙 その他、まだ記事にしていない中に… 小学生時代 中学生時代 高校時代 紙テレビ little-strange.hatenablog.com 小学生の頃に、こんなのを作って遊んでました。 記事にしてみると、同じような事をされていた方がおられたようでびっくり！ ゲームブック little-strange.hatenablog.com また紙ネタですが、中学生ぐらいの頃からノートにゲームブック（選択肢で分岐する話）を書いてました。 創作折り紙 little-strange.hatenablog.com このへんになるともう成人後ですが、昔々に考えた折り紙を今年になって復元しました！という記事です。
【JavaScript】アナログ時計を作ってみました - Little Strange Software
どうも！LSSです！！ ちょっときっかけがあり、急遽、JavaScript（とCSS）で「アナログ時計」を作る事に挑戦してみました！ アナログ時計 コード きっかけ コード解説（CSS部分） 追記：一部コード修正（2021/9/28） アナログ時計 コード <style> #tokei{ position:relative; width:300px; height:300px; background-color:#eeeedd; } #tokeih,#tokeim,#tokeis{position:absolute;transform-origin:10px 50%;left:140px;} #tokeih{background-color:black;width:70px;height:20px;top:140px;} #tokeim{background-color:gray;bord
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【短文日記】超入門シリーズの話 - Little Strange Software
おみくじのコード解説 - Little Strange Software
【投資初心者】目標 - Little Strange Software
【CSS】突然ですがクイズです！ - Little Strange Software
Software Engineering at Google
祝！読者様400名到達！！ - Little Strange Software
あれから３年、経ったでしょうか - Little Strange Software
作りかけCSSネタとCSSの未来 - Little Strange Software
Amazon.co.jp: イラストでわかるDockerとKubernetes (Software Design plus): 徳永航平: 本
こよみモード、今まで知らなかった仕様… - Little Strange Software
簡易お絵描きアプリ、ブラウザごとの差異 - Little Strange Software
「シン・ウルトラマン」が楽しみ^^ - Little Strange Software
【CSS】疑似３D【実験】 - Little Strange Software
ふと、皆さんに聞いてみたくなった事 - Little Strange Software
投資初心者 スリル…！！ - Little Strange Software
【お題】何して遊んだ？ - Little Strange Software