どうも！LSSです！！ 昨日は久々に、１時間以上の尺のある劇場版アニメを観ました^^ amzn.to 劇場版BEM~BECOME HUMAN~ 初代リスペクト！ マンストール という話を あと余談 劇場版BEM~BECOME HUMAN~ たまたま、AmazonPrimeVideoを覗いてると見かけました。 Amazonプライム会員は、今なら無料で見られるやつですね。 タイトルから想像する通り、かの名作…いや、超名作「妖怪人間ベム」のリメイク作で、2020年の作品だそうです。 …と、これの前にTVアニメシリーズもあったらしく、そのシリーズの後の話だそうで。 始まりは、女性刑事の報告書という形で妖怪人間３体の紹介に始まります。 と、TVアニメシリーズを見ていない身としては何より「ベラ」が「少女」という設定になっているのにびっくりｗ 「ベロ」は子どもながら、ちょっとスカした感じになっていますが

どうも！LSSです！！ ブロガーの皆様の中には、写真や絵などの画像をコンテンツのメインに据えられている方も多いかと思います。 普通に並べても素敵な写真、こんな見せ方はいかがでしょうか？ ※2021/12/25追記！機能改善した【CSS/JavaScript】多角形フォトギャラリー改訂版もあります^^ 六角フォトギャラリー コード あとがき 六角フォトギャラリー 六枚の環状に並んだ画像のどれかをクリックすると、その画像がその下に大きく表示されます。 コード <style> #ph3d{ position:relative; transform-style:preserve-3d; width:150px; height:150px; left:75px; transition:1.5s; transform:rotateX(-10deg) rotateY(-10deg); } #ph3d i

どうも！LSSです！！ はい、いきなり背景がアレですが、お使いの端末は正常です（多分）。 10px方眼 コード解説 という冗談のような小ネタでした 10px方眼 この記事の記事部分の背景に、「10pxの方眼」を描いてみました。 記事のHTML編集画面に、 <style> article{ background-image: linear-gradient(#ffcccc00 90%,#ffccccff 100%) ,linear-gradient(90deg,#ffcccc00 90%,#ffccccff 100%)!important; background-size:10px 10px!important; } </style> というコードを入れると、こんな風に背景に10pxサイズのマス目が描かれる事になります。 コード解説 CSSのセレクタを article としています。 CSS

どうも！LSSです！！ 本日、11/7をもって、「はてなブログ」がサービス開始から10周年を迎えました！！ おめでとうございます^^ それにかこつけて、昔作った曲を思い出して書いてみましたｗ hatenablog.com 10周年特別お題の期限はまだ残っています ふと、むかーし作った曲を思い出して書いてみたり ちょっと調べてみて知った意外な話 10周年特別お題の期限はまだ残っています blog.hatenablog.com 参加するともれなくレッドスター10個がもらえちゃうお題キャンペーンの期限は11/24までですので、まだ遅くはないですね^^ ふと、むかーし作った曲を思い出して書いてみたり l8 c4cd4.dddc4. f4fe4.d4.c4. c4cd4.d4.d4. d4.c4.>a#4.a4. a4agggggaa#4. <d4e f4.e4.d4. f4ff4.e4.d4. c

どうも！LSSです！！ 自分が はてなブログ でこのブログを開設して２年ちょい、ですが、はてなブログさんは「11/7で10周年」を迎えられるそうですね。 特別お題キャンペーン お題は４つ、どれでも可 特別お題キャンペーン blog.hatenablog.com そして10周年記念に、特別お題キャンペーンが始まっています！ 期間は10/14～11/24とちょっと長め。 でも忘れずに参加しておきたいところですね。 なんせ参加するだけでもれなくレッドスター10個が配布されます^^ …その他抽選でインク＋万年筆がもらえるそうですが…３０名。貰える気がしませんｗ っと。詳しくは公式の告知をご確認ください^^ お題は４つ、どれでも可 「１０」にちなんだお題が４つ用意されていて、どれで書いてもレッドスター配布の対象になるとの事。 どれにするかな…期間はたっぷりあるので、のんびり考えますか（と言ってる間に

どうも！LSSです！！ Microsoft Officeにある「Excel」。 本来は表計算ソフトですが、ワープロの代わりにもなり、データベース代わりにもなり、と汎用性の高いソフトで人気がありますね^^ 様々な便利な「ショートカットキー」と別に、マウスでメニューをクリックする代わりとして使える「アクセスキー」という機能があります。 キーボードの[Alt]キーを押すと、上部のメニュー部分に文字が表示され、その文字のキーを押す事でマウスクリックの代わりになる、という「知っていたら時短に活用できる便利な機能」ですが、知らずにうっかり発動させると怖い部分もあるかも…？ 便利な機能「アクセスキー」 暴発すると怖い機能でもあります ってのをとりあえず知っておくと 便利な機能「アクセスキー」 例えば、次のような表をExcelで作ったとします。 A社 124600 B社 223500 C社 6000 ここ

どうも！LSSです！！ マスクが手放せない日々が続いていますね。 うっかり風邪も引けない昨今、ワクチン打ったら副反応で発熱やだるさに見舞われますが、ふと、昔聞いたこの曲を思い出しました。 クスリルンバ 効能（※個人の感想ですｗ） 今日ググってみて驚いたのですが　その１ 驚いた事　その２ クスリルンバ www.youtube.com アリナミン　エスカップ　オロナイン　パンビタン♪ で始まる、コーヒールンバの替え歌です。 自分は、２０代の時にCDショップで出会った、 珍盤・名盤コレクション 河内のオッサンの唄 アーティスト:オムニバス,牧伸二,平野レミ,小沢昭一,野坂昭如,港のヨーコを守る会一同,小林旭,守屋浩,アントニオ古賀,若羽ちどり,DARTS コロムビアミュージックエンタテインメント Amazon ↑このアルバムを購入して知りました。（歌はLSSが生まれるより前に発表されたもののよう

どうも！LSSです！！ 昨日の記事、 【CSS】突然ですがクイズです！ - Little Strange Software ですが、コードの簡略化に成功しました^^ 問題の追加がやりやすく、文字数も少なくできるようになっています。 ついでに、選択肢の後に「説明文」をつける事もできるようになりました。 突然ですが、クイズです！その２ コード クイズ問題の追加の方法について はてなブログ限定の注意点 やっと自分で納得できるコードになりました^^ 突然ですが、クイズです！その２ 問１　「iPhone」の名称、日本で商標登録しているのは？ Apple Google アイホン株式会社 問２　TVアニメ「デビルマン」の主人公は？ 不動 明原作漫画の方はそうでした。 デビルマンTVアニメ版では「不動明の体を乗っ取った悪魔デビルマン」が人間側に寝返り…という話になっています。 勇者アモン原作漫画で不動明が

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

どうも！LSSです！！ 昨日の記事のために、即興でミニストーリーを作りましたが、その余波でもうひとつお話を思いついてしまいました。 が、これは「自作小説」といっていいのかどうか？ｗ 黄金の筒 あとがき 黄金の筒 とあるラボに、奇妙な物体が持ち込まれた。 依頼者の亡くなった祖父の倉庫から出てきたもので、富裕だった祖父が若い頃にオークションで競り落としたものだそうだ。 その「黄金の筒」はとても古い物で、平安時代にはすでに存在していたと思われる。 古すぎてさすがにくすんではいるが、表面は金色で、かつてはまばゆく輝いていたのであろう事は想像に難くない。 調査を始めてすぐに判明した、 「その物体は（金色の表面を含めて）植物で構成されていた」 という事実は金属だとばかり思っていた研究者たちをおおいに驚かせた。 現存する植物の中では、孟宗竹に近いものらしい。 そして、接合した形跡もないその黄金の筒は、中

今週のお題「好きなアイス」 どうも！LSSです！！ 今回は、はてなブログお題記事「好きなアイス」について書いてみます。 雪見だいふく チョコモナカジャンボ＆バニラモナカジャンボ 爽　バニラ 特に好きなのは上記３種 雪見だいふく ロッテ　雪見だいふく 　２５個入 ロッテ Amazon かなり以前からありますが、食感が最高ですよね！^^ 冷凍庫から取り出したばかりの時はカチカチですが、少し柔らかくなった頃の食感がなんとも…。 餅とバニラアイス、考えた人のアイデア凄いな！！って改めて思います！ なお、Amazonの広告つけようと検索したら、 「雪見だいふく」はなぜ大ヒットしたのか　７７の「特許」発想法 (講談社＋α文庫) 作者:重田暁彦 講談社 Amazon こんな本も出ているようでｗ なるほど、言われてみれば類似商品がないですね。 チョコモナカジャンボ＆バニラモナカジャンボ 森永製菓 チョコモ

どうも！LSSです！！ かなり前の記事のネタに、ちょっと思いついた事の追加を試してみました。 グラデーション文字のアニメーション コード 元ネタ とりあえず試してみただけですが グラデーション文字のアニメーション きんきらきんのきーん コード <style><!-- @keyframes goldanm{ 0%{background-position:0px 0px;} 100%{background-position:2000px 0px;} } .golda{ font-size: 50px; font-weight: bold; color: gold; background-image: linear-gradient(90deg, brown,yellow,white,yellow,brown); -webkit-background-clip: text; -webkit-te

どうも！LSSです！！ Twitterやブログで見かけた話題、「まさゆめ」プロジェクトなるものが東京で行われてるそうですね。 masayume.mouthplustwo.me これを見て真っ先に、伊藤潤二氏の作品「首吊り気球」を連想しましたｗ 収録されている本 同じように連想された方が多数おられたようで ついでに、昔購入したVHSの事まで思い出しました 収録されている本 伊藤潤二自選傑作集 (朝日コミックス) 作者:伊藤潤二 朝日新聞出版 Amazon 「首吊り気球」はホラー漫画作品です。 かなり独特な作風を持つ伊藤潤二氏のなかでも特にその特質がでている作品だと思います^^ ホラー漫画なので、いずれの作品も怪現象が起こるのですが、その怪現象が「なぜ起こるのか」は説明されない、正体が掴めない。 その「正体が分からない」事の怖さが軸になっていますｗ 「首吊り気球」でいうと、最初はアイドルの自殺

どうも！LSSです！！ このブログで、 などの「最初は表示されていないけど、ユーザーアクションによって表示される隠し文字」ネタを、これまでもいくつかご紹介してきました。 今回の記事のものも、その一種と言えそうですが、ちょっと変わり種です^^ ちょっと言いにくい話なんですけど… コード ざっくりコード解説 あとがき ちょっと言いにくい話なんですけど… ちょっと、言いにくい話なんですけど、実は…ただこれだけの小ネタなんですよね。あえてぼかしておきますが、知りたい人はボカシ部分にマウスカーソルをあわせてみてください。 コード <style><!-- .txsd{ color:transparent; text-shadow:0px 0px 10px #000; transition:0.5s; } .txsd:hover{ text-shadow:0px 0px 0px #000; } --><

今週のお題「寿司」 どうも！LSSです！！ 今日、スーパーに買い物に行った折、こんなのを見つけました。 1280円が640円！ ただしスーパーのお寿司。 果たしてこれは高いのか安いのか？？ｗ 晩御飯たべた後でしたが…買って帰りました^^ お寿司はデザートです！ｗ ってなとこで、はなはだ簡単ですが今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ に続き、もぐらたたきを作っています。 まだ、もぐらのSVG絵をいろいろ描かなきゃなんですが、今回はシステム的な面で手を加えてみました、の中間報告です^^ もぐらたたき 説明 ゲージ レベル もぐら 倍速もぐら 超速もぐら 未実装の要素 スコア タイトル画面 もぐらをたたいた時の演出 金もぐら メカもぐら 難易度設定 もぐら画像のバリエーション あとがき もぐらたたき 説明 おおまかなルールとしては「出てきたもぐらを叩く」というごくごくシンプルなもののままです。 そこにいくつかの新要素が絡んできます。 なお、ミス（もぐらを逃がしてしまう）ってもゲームオーバーになる事はありません。 ゲージ 画面下部にグレーのバーと、その中にレベル表示があります。 もぐらを叩くたびに、バーに「ゲージ」が貯まっていきます。 ゲージが高いと、もぐらの出現頻度が上がり、難しくなります。 ゲージ

どうも！LSSです！！ 昨日に引き続き、アイコンをコードで描く、という挑戦を続けていました。 まぁだいたい、形になったかな？完成でいいかな、ってところです。 コード <p>[]<canvas id="cv2" style="border: 1px solid white;" width="256" height="256"></canvas>[]</p> <p><img width="64" height="64" id="s64" /> <img width="16" height="16" id="s16" /></p> <script>// <![CDATA[ ctx=cv2.getContext("2d"); ctx.beginPath(); ctx.moveTo(20,5); ctx.lineTo(235,5); ctx.lineTo(250,20); ctx.lineTo(25

どうも！LSSです！！ 近年…というよりも もっと前から、科学技術の進歩と商業的成功の足並みが整ったと言いますか、色々とステキな商品が手の届く範囲で販売されるようになりましたね^^ 実現してなくても夢を語れるSFは、常に現実を先導していましたが、ひと昔前のSFに出ていたツールが現実のものとなっていたりします。 ふと思い返すと…自分が子どもの頃には「ノートPC」ですら夢のツールでしたねぇ…ｗ さて、今日は近年 実際に販売されているけど、知名度はもうひとつ？なロマン溢れるガジェット「プロジェクションキーボード」について書いてみます！ プロジェクションキーボード まぁ、過度の期待は禁物ｗ 使用場面を妄想してみる …みたいなねｗ プロジェクションキーボード DeHaccie レーザー投影式キーボード 日本語配列 高認識速度 ユニバーサル携帯電話 コンピュータ プロジェクションキーボードレーザー投影