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

どうも！LSSです！！ デジタルカメラやスマートフォンが普及した昨今。 フィルムカメラのように「フィルムの無駄」を気にせず、パシャパシャと気軽に撮影が楽しめるようになりましたね^^ それでも時々ふと、あの白いフチのある写真に懐かしさを覚えたりします。 スマホで撮影後に画像加工するのも手ですが、CSSなら画像はそのままでコードに少し手を加える事で、懐かしい白フチ写真を演出できます。 写真っぽい写真 コード 手順 その他の例：楕円 写真っぽい写真 コード はてなブログの「写真を投稿」機能で写真をアップロード・記事に挿入した後に、コードを付け足します。 <p style="border: 1px solid black; padding: 3%; box-shadow: 10px 10px 5px 0px gray;"><img style="display: block;" src="http

どうも！LSSです！！ little-strange.hatenablog.com ですが、やはり例として分かり辛かったですね^^; 伸び縮みしているのか、単に隠れているのかという辺りが特に。 画像を使ってみるにあたり、 little-strange.hatenablog.com で使った方法をまた用いてみました。 そして、勢いで２パターン作ったので公開します^^ お姫様のお辞儀かと思ったらやっぱりスクワット ノリノリの姫 あとがき お姫様のお辞儀かと思ったらやっぱりスクワット コード <style> @keyframes testa{ 0%{height:200px;} 100%{height:100px;} } @keyframes testb{ 0%{top:0px;} 100%{top:100px;} } .test{ position:relative; width:280px;

どうも！LSSです！！ 「いろは歌」というものがあります。 ja.wikipedia.org かなり古い時代に作られたもので作者不詳（空海説あり）ながら、かな47文字を重複なく１回づつ使って作られた七五調の歌です。 古い時代ゆえに、「ゐ」（い）とか「ゑ」（え）とかが「い」「え」と音は同じでも別物として扱われていたりはしますが、それでも七五詩として意味が通る文章になってるのが凄いですよね^^ 現代の「あいうえおかきくけこ…」という順が使われるようになる以前には、かなの並びの基本として子どもたちの文字学習に長く使われていたりもしていて、今でも「基本中の基本」のニュアンスで「いろは」という言葉が使われたりしています。 さて…「かな47文字を重複なく１回づつ」という縛りで、別の歌は作れないか？と、思うだけ思った事がある方もおられるのではないでしょうか？ 前述のwikiによると、明治時代に新聞社が募

どうも！LSSです！！ 【ツール】簡易お絵描きアプリ【試作品】 - Little Strange Software に少し機能追加したバージョンです。 簡易お絵描きアプリ 使い方 試作品＋ゆえの謎仕様 ファイルとして保存、について現在判明している事 履歴機能の実装 簡易お絵描きアプリ 幅 : px 高 : px 使い方 グレーの格子模様の四角形がキャンバスです。 キャンバス上で、マウスの左ボタンを押しながらマウスを動かすか、スマホ・タブレット等のタッチ操作可能な端末では指またはペンで、線を描く事ができます。 タッチ操作の場合、筆圧によって線の太さを調整できます（筆圧感知対応端末の場合）。 キャンバスの↑にあるスライダー及び「-」「+」のボタンで、キャンバスの幅・高さを変更する事ができます。（ボタンは微調整用で、１ピクセル単位で変更できます。） キャンバスの↓にあるもののうち、一番最初にある

どうも！LSSです！！ 現在、スマートウォッチの歩数計は14714歩。 昼前後にすっごい歩きました。 朝、１０時開店のヤマダ電機へ 阪神電車で元町へ…モッキンモーニン そして徒歩で帰る 昼寝 朝、１０時開店のヤマダ電機へ 徒歩でHAT神戸のヤマダ電機へ。 三宮にもヤマダ電機はありますが、その「徒歩で行く」ヤマダ電機で売られていて三宮の店舗にはない安いUSBメモリ（といっても微々たる価格差ですが）を買いに。 …行ったものの、目移りしてしまい、結局予定していたものと違うのを買ってしまいましたｗ ちなみに、買おうと思っていたのはUSB2.0 16GB 300円 32GB400円。 結局買ったのはUSB3.0 16GB 500円のものです。 …ちょい使い用なのでUSB2.0でもいいかと思っていたのですが、価格差と速度比で考えると…。 阪神電車で元町へ…モッキンモーニン 三回目となるモッキンモーニン

どうも！LSSです！！ 以前ポチった、マウスコンピューターのPCが届きました！ mouse E10 スタディパソコン 10.1型タブレットPC 2in1(落下耐性/防塵/防滴/Win10 Pro/Celeron N4000/4GB/64GB eMMC)MT-E10ZN マウスコンピューター(Mouse Computer) Amazon ↑これに近いタイプで「E10-VL」という機種、楽天で購入（楽天の広告も申し込むべきかなと思う今日この頃）。 とりあえずWindows11にアップグレード完了しました。 USBブートはまだ出来ずにいます。 マウスはまだ繋いでいませんが、画面タッチと標準キーボードでこの記事を書いています。 で、慣らしのつもりで書いているのですが、いつものようにCSSコードを書いてみるとどんな感じかな？と試してみました。 書いてみたコード コード さほど目新しいものはないサンプ

今週のお題「最近洗ったもの」 どうも！LSSです！！ 「最近洗ったもの」というお題ですが…これから洗うつもりのものについて書きます。 ずばり「枕カバー」です！ ながらく枕カバーを洗う事なく、複数の枕をローテーションで使ったりしていましたが、やはりこの季節さすがに限界かな…と。 と、先日考えたのですが…さて、いざ洗おうとすると「ジッパーが降りない」という問題に直面しました！ｗ さて、どうしたものか…ネットで調べてみると、ジッパー専用の潤滑剤があってそれを使う案と、ペンチで引っ張る案がありました。 どちらも手持ちがなかったので、今日になって１００均に行った際にペンチを購入。 こうした工具も１００円で買えるのが凄いですね！ で、先ほど試みたところ、あっさりと枕カバーを取り外す事ができました^^ …洗うのはこれからです。 ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ 最近、初代ウルトラマンのブルーレイBOXを購入しました。（輸入盤で安かったのもあってｗ） ウルトラマン コンプリート ブルーレイ [Blu-ray] (輸入版) アーティスト:Ultraman Akihiko Hirata Amazon シン・ウルトラマンを２回観に行きましたが、まだまだ気づいていないポイントがありそう…と復習の意味でぼちぼち観ています^^ なお、自分のPCにはブルーレイドライブをつけていたのですが…これが何故かブルーレイディスクを認識できず（？）、外付けのブルーレイドライブも購入。 BUFFALO USB3.2(Gen1)/3.0 ブルーレイドライブ 書込みソフト バスパワー(給電ケーブル付) 外付け 薄型ポータブルBD 国内メーカー Win/Mac BRXL-PTV6U3-BK/N バッファロー Amazon つけていたドライブがディスクの出し入

どうも！LSSです！！ 【CSS】疑似３D【実験】 - Little Strange Software で、楕円（っぽい）動きで３D（っぽい）ものを表現してみました。 記事中で、「最初だけ発生する遅延を変更するとどうなるか」を書いていましたが、他に「横の動き」と「縦の動き＋サイズ変更」を指定する秒数を変えてみたらどうなるか？を試してみます。 2sと1.8s 2sと1s 2sと3s 2sと6s あとがき 2sと1.8s コード <style> @keyframes d3dax{ 0%{background-position-x:0%;} 100%{background-position-x:100%;} } @keyframes d3day{ 0%{background-position-y:0%;background-size:20px 20px;} 100%{background-pos

どうも！LSSです！！ …謎のツールを開発してしまいました^^;;;;;;;;;; 韻踏みマシン 使い方 ただし… 韻踏みマシン 使い方 ４つの選択項目、それぞれ「あいうえおん」の文字を選択できます。 韻を踏みたい言葉が例えば「会いたい」でしたら、母音は「あいあい」なので選択項目を「あいあい」になるように設定し「生成」ボタンを押すと…。 母音が「あいあい」になる文字がランダムに選択され、100パターンの組み合わせが生成されます！ （「ん」だけはそのまま「ん」になります。） ただし… 単純に「母音が同じである文字」をランダムに選出しているだけのため…ほとんどマトモな単語にはなりませんｗ このツールを「ラッパーを志す方の一助になれば^^」…などと言ってしまうと、「馬鹿にしてるのか」とボコられそうなレベルですね^^; そんな謎のジョークスクリプトでした。 ってなとこで、今回はこのへんで！ 次回も

今週のお題「夏物出し」 どうも！LSSです！！ 今週の はてなブログのお題「夏物出し」、ですが…。 自分の場合、出すというより 転職を機に、ユニクロの感動ジャケットを購入していたのを、しまいましたｗ シャツ＋スラックスという通勤スタイルになります。 …と、そうなると困るのが「ポケットの数が激減する」事ですね。 そこで昨日、百均を巡ってダイソーで小型のウエストポーチ（ベルトに通すタイプ）を購入。 そこにモバイルバッテリとWiFiルータ―を装備、スラックスのポケットには小銭入れやICOCA入りカード入れやハンカチなど。 シャツの胸ポケットにスマホ、という感じに落ち着きました^^ あと、あれがそろそろ必要になりそうかな THANKO ネッククーラーEvo 専用バッテリー同梱モデル TK-NEMB3 (ブラック) THANKO Amazon ↑ 自分が持ってるのとちょっとタイプが違いますが「ネック

どうも！LSSです！！ いやぁ、華麗に1000記事めをスルーしていましたｗｗｗ 「え？じゃあ1000記事めはどれだったの？？」と逆算すると、 little-strange.hatenablog.com ↑この記事だったんですね。 この分だと「1000日め」になるのは…今週木曜日かな？ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^ すぐに役立つ366日記念日事典 第4版 【上下巻】 作者:加瀬 清志 創元社 Amazon 人生で一番大事な 最初の1000日の食事――「妊娠」から「２歳」まで、「赤ちゃんの食事」完全ＢＯＯＫ 作者:クレア・ルウェリン,ヘイリー・サイラッド ダイヤモンド社 Amazon

どうも！LSSです！！ はてなブログに記事を書く際に、 [:contents]　と書くと、その部分が記事中に入れた「見出し」の一覧、「目次」になります。 今回は、その「目次」をCSS装飾で遊んでみました。 コード 作ってみたものの… また、１文字めの背景色が違うのも ちなみに、１文字めだけ背景色を指定するのは コード <style> ul.table-of-contents{ transform-style:preserve-3d; perspective:500px; background-color:transparent!important; box-shadow:0 0 0 0 transparent!important; border:0!important; } ul.table-of-contents li{ transform-origin:0% 50%; backgrou

どうも！LSSです！！ スイッチ迷路、とりあえず一通り遊べるようになったので公開しちゃいます^^ 迷路データは新たに作りましたので、前回のスイッチ迷路をクリアした方も再び迷う事ができますｗ アナツくんのスイッチ迷路 遊び方 過去記事～ 他に考えていて未実装なアイデア エディットモード 迷路データ圧縮 アナツくんのスイッチ迷路 遊び方 迷路画面内をクリックすると、その方向に向かってキャラクター「アナツくん」が移動します。 迷路には黒い壁の他に、赤・青・黄色の壁と、赤・青・黄色のスイッチがあります。 「アナツくん」がスイッチのマスに入ると、迷路画面の下に 「○○のスイッチがあるぞ」と表示され、「押す」ボタンが現れます。 スイッチを押すと、そのスイッチの色と同じ色の壁が開き、通行可能になります。 （ただし、最後に押したスイッチの色の壁だけが開き、その他の壁は閉じて通行不可になります。） スイッチ

どうも！LSSです！！ ZHGONG 組み立てブロック玩具を構築する反重力デバイス、クリエイティブ・テンセグリティ彫刻小説物理学のバランスDIYおもちゃのレンガKinderrätsel 6歳以上でご利用ください,グレー (Color : Gray) ZHGONG Amazon 最近、↑こんなのを購入してみました。（と、リンク貼ってはいますが少々不安も…。） 無事組み立ても完了し…ブロックひとつ余りましたがｗ、ちゃんと自立していて見ていて不思議な感覚に囚われます^^ …ところで、出品者名がいかにもアルファベットをランダムに並べましたな感じだとは思っていたのですが、はてなブログの編集サイドバーから商品名を検索すると… ↑こんな感じで出てきて、更にちょっと不安になったりｗ …Amazon出品者にも色々あるので、ポチる時には気をつけたいものですね。（個人情報取得のために安いものを乱雑に生成したアカ

どうも！LSSです！！ ５月５日「こどもの日」でしたね！ もう、その日も終わろうという頃になって、何かそれっぽい事をこなしたくなりましたｗ 気の抜けた「こいのぼり」 コード <style> .koinobori{ width:300px; height:450px; background: radial-gradient(15px 40px at 40px 50px,#ffffff 90%,#000000 99%,#00000000 100%) ,conic-gradient(from 200deg at 250px 420px,#ff0000 70deg,#ff000000 71deg) 40px -408px ,conic-gradient(from 200deg at 250px 420px,#ffff00 70deg,#ffff0000 71deg) 40px -380px ,co

どうも！LSSです！！ 「CSSをこれから勉強したい」方向けに、CSS超入門！…のさわりだけ！！など書いたりしてきましたが、なんというかこう「もっと手軽に、簡単に、なんなら学習する気がなくてもちょっと遊べるぐらいのコンテンツは作れないか」と考えていました。 CSSを再現するような入力をする…だと、CSSは様々な書き方ができますし、正誤判定が難しくなりそう…と思っていましたが「限定的な選択肢を提示して、そこから選択する」という方法なら、パズルっぽく楽しめるかも？^^ と思い、作ってみました。 CSSパズル 第一問！ まずは第一問目！ 左が見本です。下記コードの選択項目を選んで、右が見本と同じになるようにしてください。 コード <div style=" display: inline-block; border: 1pxblack; width: 140px; height: 120px; f

どうも！LSSです！！ 朗報、と言うべきかどうなんだか？ iOSのブラウザにあった、ある問題が解決していたようです。 ３つのグラデーション コード 以前には iOS15.4で修正されたらしい ３つのグラデーション ↑「赤から黄色」に変化するグラデーションを３つ、置いてみました。 この３つが違うグラデーションに見える方はおられますか？ ちなみに、LSSの環境では、「Windows＋GoogleChrome」「Androidのはてなアプリ」「iPhoneのはてなアプリ」で「３つとも同じように」見えます。 コード <div style="background-color: #ffff00; background-image: linear-gradient(90deg,#ff0000,#ff000000);"> </div> <p> </p> <div style="background-col

どうも！LSSです！ 今回はまた自作小説です。 が、今回のは過去作ではなく、新たに即興で書いたものとなります。 まえがき 「愛に飢えた男の夢」 あとがき まえがき まだ出していない過去作もあるのですが、今回は久々に新たに書いてみました。 …といっても、書きたいテーマ等が無い状態で、勢いで書き始めたもので、小説としての意味があるかどうかは甚だ疑問ですがｗ （小説修行みたいな感じ？と思っていただければと思います^^） 「愛に飢えた男の夢」 ああ、またこの夢か…。 嫌になる。 鬱蒼とした森の中で、 笑顔で手招きをする 女の子。 かなり以前から繰り返し同じ夢を見る。 木々の葉擦れの音がリアルに感じられるが、 繰り返し同じ夢を見続けているので 決して迷う事なく断言できる。 「これは、夢だ！」と。 先ほどから手招きをしているその女の子、 知らない子だ。 すっかり夢の中だけでの顔なじみになってはいるが…