どうも！LSSです！！ いよいよ12/31、今は23:35です。 こんな時間から記事を書き始めてみますｗ 色々ありましたねぇ 2022年、振り返ってみると色々な事がありました。 まず転職。幸いにして好条件で１年契約の業務委託として契約を結んでくださった企業があり、とっても助かりました。 次に、前述の転職と関連しますが株式投資の開始。 これがなかなかに面白い、ただし勝ててはいませんがｗ 未だ知らない事が多々あって、新たな発見がよくあります。 次に、このブログの毎日更新の終了。 時間の使い方を見直したくての決断でしたが、見直しについてはまだまだな感じです。 あと、父が亡くなったというのもありました。 それから、2022年…というのからは少し離れるかもですが、嫁に行った妹が第二子を妊娠中で、今かなりおなかが大きくなっています。 上の子は女の子（２歳半）ですが、次も女の子のようで、こちらは来年誕生

どうも！LSSです！！ CSSを知らなくてもなんとなく遊べる（？）、CSSパズル第三問です！ CSSパズル カテゴリーの記事一覧 - Little Strange Software CSSパズル　第三問！ 「現在のコード」について やっている事と言えば… 応用例 CSSパズル　第三問！ ２つの写真があります。 上が「お手本」で、下が「回答」です。 そのさらに下に、赤い枠線で囲んだコードがあり、その中にいくつかの選択肢が入っています。 選択肢を変更すると「回答」の表示がそのコードで生成したものに変化するので、「回答」を「お手本」と同じものになるよう、正しい選択肢を選ぶ、という出題です。 なお、選択肢を変更した際に、さらにその下にある「現在のコード」がその選択肢の場合のコードとなります。（つまり、その時点で表示されている「回答」のコードですね） 全ての選択肢が正しいものになり、「お手本」と「回

どうも！LSSです！！ little-strange.hatenablog.com の使い途…いろは歌作成以外にも何かあるかな？と考えていましたが、 tudumiyasiki.hatenablog.com まさかの、クロスワードパズルを作っていただきました！！ ゐ、ゑ、を　以外の全ての文字を、被りなく全て使って…と、普通にクロスワードパズルを作成するよりもとんでもない労力がかかってそうで凄いです！ 単語作成、という意味では、クロス部分のみ重複が許される…という事になりますが、記事中に書いておられる通り、そのクロス部分のために関連語句の文字が意味なく隣合わせになってはいけないという縛りも。 タコスカ (id:kefugahi)様、ありがとうございます^^ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

今週のお題「わたしのコレクション」 どうも！LSSです！！ コレクション、という事ですが、思えば昔は収集癖があったものの最近はめっきり…な自分だったりします。 それとは別に、「コレクション」という概念自体、ゲームになる要素があるな、とは昔から考えていました。 ポーカー、麻雀、ドンジャラなど、「コレクション」をゲームとしたと言えるのでは。 近年のスマホゲーでも、ガチャを回してキャラクターを集めるのも「コレクション要素」と言えそうです。ポケモンもそうかな？ そこで、今回は「簡易的なコレクションゲームを作るとしたら？」を妄想してみました。 仮の設定 ガチャ 合成でランクアップ 所持可能数制限 最終目標 …なんていうものを、 仮の設定 簡易的な、なので、種類は仮に「７種類」とします。 「７種類」それぞれに「ノーマル」「レア」「スーパーレア」のランクがあり、計２１種類。 ただし、レアが出る確率は1/

どうも！LSSです！！ 最近、「かなり前に買った本」を再読してみました。 ディプロトドンティア・マクロプス (講談社文庫) 作者:我孫子武丸 講談社 Amazon 作者の我孫子武丸氏はミステリ作家、そして「ディプロトドンティア・マクロプス」の主人公は探偵。 …なのですが、ミステリだと思いながら読むと、展開についていけなくなりそうｗ そんな作品です^^ いやー、やっぱ面白いｗ 同じ主人公が出てくる前日譚が、後日発表されており、 狩人は都を駆ける 作者:我孫子武丸 文藝春秋 Amazon こちらは普通にミステリ短編集ですね。 もちろん、こちらもミステリとして面白いのですが…ディプロトドンティア・マクロプスを読んだ時に受けたような感覚は唯一無二のものかも？ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ 今日は3/2。明日は ひなまつり ですね^^ それにちなんだ記事を用意されている方もおられるかと思いますが、このギリギリのタイミングで、ひなまつりネタのCSSです！ 菱餅の区切り線 コード ひなまつり要素のうちで、CSSネタにしやすいのは… 菱餅の区切り線 コード <style> .hishimochi{ height:45px; background-image: conic-gradient(from 120deg at 50% 66%,#ff8888 120deg,#ff888800 120deg) ,conic-gradient(from 300deg at 50% 29%,#ff8888 120deg,#ff888800 120deg) ,conic-gradient(from 300deg at 50% 31%,#ffcccc 120deg,#ffccc

どうも！LSSです！！ 昨日の記事、 little-strange.hatenablog.com で、ページ内の区切りとして使用できるような区切り線をデザインしました。 ↑こういうのですね。 これはジグザグになった３本セットの線が交差しているデザインでしたが、これが波線だったら？というのを今回挑戦してみました^^ 赤と青の波線 コード ４つのradial-gradient 赤と青の波線 コード <style> .wavehr{ height:30px; background: radial-gradient(20px 20px at 30px 38px,#eeaaaa00 70%,#eeaaaaff 75%,#eeaaaa00 80%,#eeaaaaff 85%,#eeaaaa00 90%,#eeaaaaff 95%,#eeaaaa00 100%) 0px 15px/60px 30px ,

今週のお題「試験の思い出」 どうも！LSSです！！ 今回は、はてなブログお題記事です。 「試験の思い出」ですか…。 今年４回目の年男となるLSS。学生時代の試験の思い出を思い出そうにも、遠すぎる過去で、特に記憶に残るようなエピソードもないんですねｗ 高校時代に授業に全くついていけず、物理の小テストで０点を取った事がある、というのが思い出と言えば思い出ｗ って、それは「試験結果の思い出」ですねｗ ここではなんとなく、約２０年前に今の職場に入った時の思い出でも語ってみます。 前職を退職後、とりあえず派遣会社に登録 まず、派遣会社のスキルテストから で、派遣会社の営業さんと会社に向かう ところが… それから２０年 前職を退職後、とりあえず派遣会社に登録 してみました。 前職を退職した際には「このまま、ここに通い続けるぐらいなら野垂れ死んだ方がマシだ！」ぐらいの気持ちで、次の就職先を考えないまま退

どうも！LSSです！！ だいぶ古い記事ですが、 little-strange.hatenablog.com で、CSSフィルターのdrop-shadowを使ってみた事がありました。 CSSフィルターは他にも色々あり、それを用いて little-strange.hatenablog.com ↑こんな事も試してみた事がありました。 今回はまたdrop-shadowを使い、他のshadow関連プロパティであるtext-shadowやbox-shadowとはまた違った影効果を試してみます。 影つき吹き出し コード 例えばbox-shadowでやると、こうなります 例えばtext-shadowでやると、こうなります あとがき 影つき吹き出し radial-gradientで描いた 影の形に基づいた 影がつきます！ コード <style> .fukidashi{ width:300px; text-a

どうも！LSSです！！ ふと思いつきで、radial-gradientとconic-gradientを重ねた「楕円形の吹き出し」を作ってみました。 吹き出しについては過去に、 【CSS】吹き出しCSSについて解説してみます！ - Little Strange Software 【CSS】色違い吹き出し - Little Strange Software 【CSS】CSSシェイプ…なんてものが存在するのを初めて知りました - Little Strange Software でも試みていましたが、「楕円形」となると…見た目がナチュラルな反面、文字が飛び出してしまわないか？という心配もでてきたりします。 楕円形の吹き出し コード はみ出さないためのpadding設定 楕円形の吹き出し こういう、楕円形のフキダシを考えてみました。 中の文字は中央寄せにしていますが、はみ出さない保証はありません^^

コード どうも！LSSです！！ 「ハートマーク背景コード生成ツール」を作ってみました。 使い方 その他のコード利用方法 あと一ケ月ほどでバレンタインデー 使い方 「ランダム設定」ボタン、 表示サンプル、 ハートの色１、ハートの色２、背景の色、ハートサイズ（比率）、繰り返しサイズ、 コード が並んでいます。 「ハートの色１、ハートの色２、背景の色、ハートサイズ（比率）、繰り返しサイズ」を調節する事で、「表示サンプル」が変化し、その状態のものを表示するためのコードが「コード」部分に出力されます。 （「ハートサイズ（比率）」は「繰り返しサイズ」の中でのハートのサイズ比です。） また、一番上の「ランダム設定」ボタンを押すと、「ハートの色１、ハートの色２、背景の色、ハートサイズ（比率）、繰り返しサイズ」がランダムに設定されます。 「ランダム設定」ボタンを何度か押して、好みの状態に近いものが出てきたら

どうも！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=

謹賀新年 あけましておめでとうございます。 本年もよろしくお願いいたします。 どうも！LSSです！！ あけましておめでとうございます^^ 2022年最初の記事となります。 旧年中は大変お世話になりました。 本年もよろしくお願いいたします^^ ページを開いた時に出る垂れ幕 と、コードを貼り付けてはいますが、少々難点が…。 恒例のアレ ページを開いた時に出る垂れ幕 今年の正月ネタは、全画面を覆う垂れ幕（スクロールするとすぐ引っ込む）でした。 little-strange.hatenablog.com と同様、JavaScriptでスクロール量を判定し、スクロールイベントに応じて表示位置にマイナス値を指定しています。 コード <style> #maku{ position:absolute; width:100%;height:100%; top:0%;left:0%; z-index:999;

どうも！LSSです！！ 久しぶりの「WebAudioAPI」記事です^^ WebAudioAPI…JavaScriptからブラウザ上で音を鳴らせる仕組み そしてギリギリのクリスマスネタですｗ 半自動演奏「きよしこの夜」 コード 音階指定について 半自動演奏「きよしこの夜」 ↑のボタンを押すと「ソ」の音が鳴ります。 もう一度押すと「ラ」の音が鳴ります。 その次はまた「ソ」…というように、「きよしこの夜」のメロディの音符順に音が鳴るので、タイミングよく押して演奏する事ができます^^ つまり「音階だけ事前に用意されていて、リズムはクリックする人任せ」な「半自動演奏」です。 「きよしこの夜」を忠実に再現するもよし、スローテンポに演奏するもよし、全く異なるリズムで演奏する事もできちゃいますねｗ 最後まで演奏すると、また最初からになります。 コード <style> #btn{ width:200px;

どうも！LSSです！！ CSSの立体表現を使って、3D迷路表示に挑戦してみました。 まだ改善点は多いですが^^; 3D迷路（作りかけ） コード やってる事 問題点 今後 3D迷路（作りかけ） 壁は適当にデザインしました。 ↑こういう位置から見た感じを表現した図、です。 コード <style> .waku{ position:relative; background-color:#000000; width:300px;height:300px; transform-style:preserve-3d; perspective:500px; perspective-origin:50% 47%; overflow:hidden; } .waku div{ position:absolute; width:200px;height:200px; top:50px;left:50px; back

どうも！LSSです！！ ふと、Google 日本語入力のサイトの下のほうにこんなものを見つけました。 「モールス信号で日本語入力」 「反射光式ディスプレイを採用したフラップパネルで日本語入力」 「スマホ・タブレットのフリック入力をタッチパネルに触れずに行えるマジックハンド」 「手を使わない、口にくわえたピロピロ笛で日本語入力」 「スプーン曲げで日本語入力」 などなど、画期的な日本語入力デバイスが紹介されています！ と、まぁ冗談のような話ですが…実際これ、Googleさんの過去のエイプリルフールネタですねｗ それぞれ手の込んだ紹介動画まで作られていて、見ていて楽しいです^^ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ 最近、魚べいにハマりつつあります。 三宮の魚べいなう この時間でも待ちなしで入れる、回転（しない）寿司ありがたい！— LSS (@LSS0324) 2021年12月2日 www.genkisushi.co.jp 今日は珍しく仕事帰りに行ってみました。 そもそも、三宮に回転寿司はあまり進出してきておらず、あっても何故か皿単価が少しお高め（位置的にやむを得ないんだろうなぁ）だったり。 そんな中で、三宮の東側に魚べいが出現！（回転しないけど） 何度か行ってみましたが、皿単価も普通に１００円皿メインで楽しめます^^（回転しないけど） なんといっても、回転寿司といえば昼食時や夕食時にはどこも激混みで入店待ちになるというイメージですが、まだ知られていないのか（？）夕食時に行っても待ち０で入れました！（回転しないけど） 面白いのが看板で、大きく「回転寿司」と書かれている…と見せか

今週のお題「あったか～い」 どうも！LSSです！！ すっかり寒くなりました。 はてなブログの今週のお題も「あったか～い」で、まさにこの時期に切望されるテーマとなっていますねｗ 暖を取るのに、セーター・ヒートテック・コートなどの衣類であったり、ウォーキングなどの運動で温まるのも健康的ですが、まず「食べ物」で温かいものが欲しくなります。 特に、「鍋」や「うどん」などの汁物系！ と、ここで最近思うようになったのですが、温かい汁物にあわせて、薬味というか調味料もとても重要だな、と。 七味唐辛子のようなもののみならず、わさび・しょうが・柚子胡椒…といった刺激の強い調味料をたっぷり使うと、思いのほか温まりますね^^ …汗をかくほど…なので、外食の際は帰り道で冷えないようにしないと^^; ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

今週のお題「お気に入りの靴下」 どうも！LSSです！！ さて、はてなブログ今週のお題「お気に入りの靴下」ですが…。 元々、衣類にあまり頓着しない性分なもので、まして個性の出づらい「靴下」にお気に入りも何もありません^^; （上着などなら、例えばポケットが多いなどの機能性を求める事はあります） が、ちょっと最近思うところがありました。 昔々、昭和の時代に 世の中、どんどん便利に改善されていってますが… この問題についての対策を考えました 昔々、昭和の時代に 国民的人気漫画「サザエさん」にこんな回がありました。 サザエさんとマスオさんが出かけようとしている場面で、 サ「片方の目、ものもらいができちゃって…」 マ「僕だって靴下が揃わずカタカタさ」 マ「今日はそれでも問題ないよ」 …みたいな会話を交わして二人が出かけたのが、美術館のピカソ展、というオチ。 サザエさん 2021 秋 (週刊朝日増刊)

今週のお題「眠れないときにすること」 どうも！LSSです！！ 今回はお題記事です。 読書 BGMとしてYouTubeを流す グッズや書籍の知恵に頼る！ 本当のところ、まともな対応方法は 読書 とりあえず、枕元に置いてある本を読んだりしますね。 この場合、何度も読んだ漫画本がよいかと思われます。 …未読の本だと面白くて先が気になり、眠るどころじゃなくなっちゃう可能性がありますからｗ BGMとしてYouTubeを流す YouTubeには様々な動画がありますが、中には www.youtube.com といった、眠りに誘うためのBGMとして作られたものも多数ありますね。 その手のものも試してみて、「それでも眠れない」なんて事は今のところまだないのですが…自分の場合、それ以上に効果的なのが、 www.youtube.com このMVだったりしますｗ（短いのでループ再生で） ※この曲は睡眠導入用に作ら