魔老紳士ビーティー

どうも！LSSです！！ 10/19に発売された「ウルトラジャンプ」という月刊漫画雑誌に、とんでもない作品が掲載されている、というのをTwitterで見かけ、早速買いに走りましたw 魔老紳士ビーティー 元ネタは荒木飛呂彦先生の初連載作 魔老紳士ビーティー ウルトラジャンプ 2021年11月号 表紙左上にどーんと載ってますね。 1982年に読み切り、1983年に連載作品が描かれた「魔少年ビーティー」の60年後を描いた作品です！ 魔少年ビーティー (少年ジャンプコミックス) 作者:荒木 飛呂彦 集英社 Amazon 元ネタは荒木飛呂彦先生の初連載作 ですが、今回描かれているのは、シナリオ・作画ともに…

【CSS】背景回転アニメーションを強引に実現する方法

どうも！LSSです！！ CSSのキーフレームアニメーションは、「要素」を滑らかに変化させる事ができます。※ここでいう「要素」はHTMLを構成する<div>などのタグによる領域を指します。 「要素」の変化の対象となるCSSプロパティはかなり多くのものが対応しています。 例えば「要素」のうちの「背景」についても、background-positionを変化させる事で表示位置を滑らかに移動させたり、background-sizeを変化させる事で大きさを滑らかに変化させる事ができます。 が、このbackground-系のプロパティに「角度」を指定するプロパティが無いんですね。 背景に画像ではなくグラデ…

無料配布されている英単語辞書データ

どうも！LSSです！！ なんとなく探していましたが、ありましたね。 kujirahand.com パブリックドメインで、自由に利用可、再配布も可。 65600語を収録し、テキストデータなのに4.3Mのすごいボリュームです！ これを使うと、英単語を扱ったゲームなんかが作れたりしそうです、が、ブログ上でJavaScriptでやろうとすると、ボリュームが問題になりそうですね^^; ちなみに、「テキストデータで4.3M」というのがどのぐらいかというと…7月頃にこのブログを試しにエクスポートしてみた事がありましたが、そのファイル容量が8.7Mほどでした（22カ月分のブログ記事）ので、その半分ぐらいの容量…

はま寿司に行きたい

どうも！LSSです！！ 最近、急に「はま寿司」に行きたくなっていますw …とはいえ、生活圏内には「くら寿司」や「スシロー」が多々あるものの、「はま寿司」がなかなかないんですね^^; かろうじて行きやすい場所にあるのは…仕事帰りに寄り道…というには結構な距離を歩いていけるところに1軒。 で、昨日、意を決して仕事帰りに歩いてみたんです。 ようやく辿り着いたのですが…10組以上待ちになっているのを見て断念しましたw（いや、せっかくわざわざ距離歩いて行ったんだからそのぐらい待っても…とも思わなくもないですが） 緊急事態宣言があけて、反動的に飲食店が混んでるのかな？とか考えましたが、よくよく考えてみると…

【CSS】ラジオボタンによる開閉

ラジオボタンを使用して「複数のうちからひとつを開く」開閉メニューを作ってみました。

もうすぐハロウィン

どうも！LSSです！！ もうすぐハロウィンですね。 …ハロウィンっていつだっけ？と、そもそものところで分かってなくて調べてみると ja.wikipedia.org 10/31だそうで。 ハロウィン向けのCSSネタを考えてみようかな？と思ったのですが… 割とろくでもないコード <style>@keyframes hlwna{0%,100%{top:-100%;}50%,90%{top:0%;}}.hlwn{position:fixed;left:0px;z-index:100;background-color:#880000;width:100%;height:100%;animation:hl…

【お題】読書の秋…諸星大二郎 デビュー50周年記念 トリビュート

今週のお題「読書の秋」 どうも！LSSです！！ はてなブログ10周年特別お題の投稿期間もまだ残っていますが、「今週のお題」もそれはそれとしてあるんですね。 「読書の秋」という事で…最近購入した一冊の本をご紹介します。 諸星大二郎 デビュー50周年記念 トリビュート 作者:諸星大二郎 河出書房新社 Amazon 漫画家 諸星大二郎先生のデビュー50周年記念のトリビュート本です！ なぜかAmazonのページでは2010年刊行となっていますが、正しくは2021年、今年になって刊行された本です。 諸星大二郎先生のトリビュート本（他の漫画家さんが諸星作品をテーマにして寄稿）は以前にも出版されており、そっ…

ペンデュラムウェーブ

どうも！LSSです！！ なにげなくYouTubeを見ていて、興味深いものを見つけました。 「ペンデュラムウェーブ」という、複数の振り子についた玉を揺らすと…それぞれの振り子は普通に揺れているだけなのに、全体で見ると一列だったものが二列、三列…と連なって動いているように見えるものです。 2020年7月頃（去年ですね）にバズったそうですが、自分は今さら知りましたw ペンデュラムウェーブ（動画） ペンデュラムウェーブ（CSS） コード 長いけど実は単純なコードです あとがき ペンデュラムウェーブ（動画） www.youtube.com バズった動画はこれとは別のものだそうですが、自分が最初に見たのは…

【CSS】卍レイアウトと対角線グラデーション【実験】

この間、このブログで「冗談でしかないレイアウト」として、思いついたはいいけど何のメリットがあるか分からない「卍レイアウト」について書きました。「何のメリットがあるか」は分かりませんが、背景について「卍レイアウトならでは」のデザインを思いつき、その実現に向けて色々考えていたところで、「縦横比がどうであろうと常に対角線を描く方法」が必要となり、見つけたのが↓の記事となります。今回ようやく「卍レイアウトと対角線グラデーション」のお披露目となります！

【CSS】字間のサイズを調節するletter-spacingで遊んでみます

Webページは「文書」を記述するものであって、その「文書」を見やすく調節するためのCSSプロパティも用意されています。今回はそんなCSSプロパティのひとつ、「letter-spacing」をご紹介しつつ、最後にはやっぱりアニメーションで遊んでみましたw

【CSS】対角線を描くのが難しいけど、解決した話

どうも！LSSです！！ 一昨日～昨日と、 続けざまにconic-gradientネタを書いていました。 が、このconic-gradient、調べものをしていた時に偶然見つけたもので、元々調べていたのはlinear-gradientについてだったりしますw CSSで↓のような対角線を扱うのが、予めサイズが決まっているとborderやlinear-gradient+角度指定でも可能なところ、サイズが可変（例えば画面サイズの幅100%とか）の時には極端に難しかったりします。 これが、↓のように、linear-gradientに「to bottom right」のようにつけると、何故か出来てしまった…

【CSS】conic-gradientのアニメーション【実験】

conic-gradientをアニメーション化してみました。 linear-gradient、radial-gradientもそうでしたが、gradient系はCSSでは「関数」という扱いで、 background-image:〇〇-gradient(グラデーションの内容); の ( ) 内はアニメーションに入れても途中を補完してくれないのですが、 background-position や background-size は滑らかにアニメーションしてくれますね^^

【CSS】今さら！？知らなかった第三のグラデーション、conic-gradient

linear-gradientは一直線に、radial-gradientは円形で中央から外に向かってグラデーションしますが、この conic-gradient は扇形に展開します。 円グラフのような感じですね。

冗談でしかないWebレイアウト

どうも！LSSです！！ Webレイアウトについてぼーっと考えていると、ふと思いついた形がありました。 …思いついたのはいいのですが、その形に何のメリットがあるかというと「…。」^^; よくあるレイアウト 卍レイアウト よくあるレイアウト .grd0{ display:grid; grid-template:1fr 5fr 1fr/1fr 5fr 1fr; } #head0{grid-column:1/4;grid-row:1/2;border:1px solid black;} #sidel0{grid-column:1/2;grid-row:2/3;border:1px solid blac…

【日記】超久々にドムドムに行ってきました。

どうも！LSSです！！ 今日は、超久々にドムドムに行ってきました。 今や神戸市唯一となったらしい、ドムドムバーガーに来てみました pic.twitter.com/lkmHUIyFu9— LSS (@LSS0324) 2021年10月17日 昔は…マクドナルドほどじゃないにしても、それなりに店舗あったような気がしましたが、ふと気づくと「神戸市内で1店のみ」という状態になっていたようです^^; 特別好きなハンバーガーショップ、というわけでもなかったのですが、そう知っちゃうとレア感が出てきて、一度行っておかねば、と思ったんですね。 あと、改めて調べてみると… domdomhamburger.com …

【CSSサンプル】CSSで作るフォトギャラリー

JavaScriptを使わず、CSSだけで動作するフォトギャラリーを作ってみました。

「はてなブロガーに10の質問」に答えてみます！

どうも！LSSです！！ 今回は、はてなブログ特別お題で書いてみます！ はてなブログ10周年特別お題「はてなブロガーに10の質問」 ブログ名もしくはハンドルネームの由来は？ ブログ名「Little Strange Software」 「ちょっと奇妙なソフトウェア」として、変わり種アプリを提供する場（になる予定）です^^ ハンドルネーム「LSS」はその略称です。 はてなブログを始めたきっかけは？ ふと、スマホアプリ開発者になりたくなり、そのための学習（独学）を始めるとともに、アウトプットの場 兼 完成・公開した際の周知の場として開設しました。 ちょっと方向性は変わってきていますがw 自分で書いたお…

はてなブログ（もうすぐ）10周年おめでとうございます^^

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

【つまづき/CSS/実験】radioボタンとchecked疑似セレクタ

このブログでは、色々なCSSサンプルを考えては公開してきていますが、見せられる物になるまでには「このやり方で仕組みが作れそうかな？」と簡単なサンプルでテストして、うまく行きそうなら見栄えを調整して完成！としたりしています。 すると中には「一見うまく行きそうな気がしたけど、それを発展させる上で超えられない壁があり、完成に至らない」ものもあったりします^^;

【お題】お風呂での過ごし方

今週のお題「お風呂での過ごし方」 どうも！LSSです！！ はてなブログ今週のお題。 お風呂でゆっくり浸かるのは（本来は）好きです^^ ただ、思えば最近はなんとなく気ぜわしくて、あまりゆっくりできていないかも？ 歩いて行ける範囲内にスーパー銭湯があり、たまに行っていましたが、そこに行った時には入浴料を有効活用すべく、かなりのんびりと浸かったりしていたものの、そういえばコロナ禍以降いまだ行ってなかったですね（営業はしているようですが） 家の風呂ばかり浸かっているのですが、気ぜわしさから「ゆっくり浸かるならスマホ持ち込んでブログ巡りでもしながら」と思ったりするのですが、これが風呂場が携帯の電波も家の…

【CSS】フルスクリーン表示

画面いっぱいに表示、「checkboxとlabelを使う」方法だと、CSSだけですっきり実現できるなじゃないかな？と思い、やってみました。 ついでに「閉じる時は画面のどこを押しても閉じる」「表示したい内容の中央寄せ」も実装しています^^

【日記】久々のびっくりドンキー

どうも！LSSです！！ 今日は、かなり久々に「びっくりドンキー」に行ってきました。 久々のびっくりドンキーパインカレーバーグディッシュ pic.twitter.com/nvjM7kNnuu— LSS (@LSS0324) 2021年10月10日 はい、 whisky-coke.hatenablog.com の記事の影響ですw 以前に一度だけ、弟に付き合って行った事がありましたが…何年前だったかw ふと、自分がほとんど「ある時期以降の新しい飲食チェーンにあまり行ってない」事に気づきました。 例えば「いきなりステーキ」も店舗はあるのですが、こちらは一回も行った事がありません^^; どうもやはり、自…

【Excel】便利、そしてちょっと怖い？アクセスキー

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

【CSS小ネタ】ぐるんっ、と回転して出てくる文字

どうも！LSSです！！ 今回はCSS小ネタとして、CSSアニメーションで「ぐるんっ、と回転して出てくる文字」を作ってみました。 ぐるんっ、と回転して出てくる文字 コード 使い方 コード解説 あとがき ぐるんっ、と回転して出てくる文字 @keyframes rtxta{ 0%,30%{transform:rotate(180deg);} 40%,60%{transform:rotate(0deg);} 70%,100%{transform:rotate(-180deg);} } .rtxtout{ position:relative; overflow:hidden; width:100%; h…

【お題】今月の目標

今週のお題「今月の目標」 どうも！LSSです！！ はてなブログ、今週のお題は「今月の目標」との事。 目標、かぁ…。 あるハズの時間の余裕がなくて、まずそこから考えないとかな、と思ってる今の状態ではなかなか大それた目標も見いだせないな、と思い、じゃあ逆に…と「ごくごく軽め」の目標を考えてみました！ 第一の目標「生き延びる事」 第二の目標「毎日更新の継続」 第三の目標「友人の依頼」 第一の目標「生き延びる事」 少なくとも今月末までは生き延びる事、を第一の目標とします。 軽くないように見える？かもですが、実はこれ、よく考えてみると「もし達成できなかったとしても、その時は既に責任を問われる事のない立場…

季節ハズレのお買い物

何年か前に、こういうものがあると知った頃には数万円という結構いいお値段していましたが、最近ではだいぶ安くなってきているな…と感じていました。が、↑の商品の内容と値段にびっくり！！ 「モバイルバッテリつき…だよなぁ」と何度も確認する事になりましたw

【作らないけど】iPhoneアプリ開発についてちょっと調べてみました

iPhone用アプリを開発しようと思った場合、以下のような難関がある、と認識していました。 PCがMacOSでないと開発できない（Windowsでは開発できない） 実機（iPhone）上で動作確認するのにも、AppStoreからダウンロードしたアプリしか動作させられず、すなわち実機テストができない 開発者登録料が高い

昨日、メリケンパークに行ってきました

どうも！LSSです！！ 昨日は、CSSのフィルターをネタにするために、メリケンパークに出向きました。 CSSフィルターって画像じゃなくても効果はのりますが、やはり写真を対象にするのが分かりやすい効果が多いですね。 普段あまり撮影はしないのですが、ネタのために、と結構撮ってきましたw 入口にだけ花壇 涼しげ！ タワーは仰角で 出石そばのいただきかた トワイライト（黄昏時） 入口にだけ花壇 バスで向かったのですが、降りて入ったすぐのところに、コンセプトがわからない謎オブジェと花壇がありました^^ 涼しげ！ 別のところでは見たことがありましたが、メリケンパークにも遊べる噴水がありました。さすがにカメ…

【CSS】CSSフィルターとCSSアニメーションを組み合わせて

CSSには、様々な「フィルター」が用意されています。 このフィルター、CSSアニメーションとも併用が可能で、組み合わせると「徐々に変化」してくれます。 今回は、CSSフィルターとCSSアニメーションを組み合わせて遊んでみました^^

謎の詩

どうも！LSSです！！ ふと思いついたルールに沿って、詩？っぽい謎の文章を作ってみました。 謎の詩 どうやら、元のルールに無理があったようですw 謎の詩 赤く染まりし 空の下 生きとし生ける すべてのものよ 憂くべきこの世 鎖をちぎれ 遠景の先に 夢を求めば おこがましきを 忘れて進め。 傘などは 無くとも 岸辺の 花は咲き くすむ視界も いずれは晴れる 氣仙の沼の 其の前に 姑息な企て 塵にひとしき。 沙汰を待つ 其の身に 死地を 恐れずや 捨つる浮世の 選定に 外の騒乱 なにするものぞ。 棚にあげられ 忘るるよりは 地に打ち捨てた 種とあるべし 津沼の森の 侘しきは テネシーワルツと 比ぶ…

週の終わり 月の始まり

どうも！LSSです！！ つい先日まで、祝日が結構ありましたが、これから始まる10月は一切祝日の無い月。…と思うと、今週はなんだか長く感じましたねw そんな週でしたが、無事、金曜日の仕事が完了しました^^ 週の終わり 月の始まり 兵庫県の場合 緊急事態宣言解除初日の飲食店の対応 週の終わり 月の始まり 一週間の平日が終わった、と同時に、今日は「10月の最初の日」でもあります。 年度でいうと、下期の始まりでもあり、つきあいのある他社での人事異動に面食らったりもしながら仕事を終えましたw が、今年に限っては、本日は単に月の変わりめという以上の意味がありましたね。 そう、「緊急事態宣言解除」です！ も…