どうも！LSSです！！ 最近、Amazonで古い漫画を購入しました。 吾妻ひでお作品集 1~最新巻 [マーケットプレイス コミックセット] 作者:吾妻 ひでお 奇想天外社 Amazon ↑これなんですけどね。 既に別の版で読んだ作品も多いのですが、未読のものも多々あり、良い買い物をしたな、と思っています。 が、今のAmazonの金額を見てびっくり！！ ちょっと怖い金額になっていたので、自分のメールを読み返すと、自分が購入した時点では￥2255でした。 やはり年数が経っている事と、おそらくは発行部数もあまり多くない？事からだいぶレアな本になってしまっているのかもですね。 ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ little-strange.hatenablog.com little-strange.hatenablog.com に書いていた姪っ子ちゃんが来ています。（２歳になりました） 前回会ったのが昨年末かぁ。 その後も２度ほど来ていたようなのですが、自分とはすれ違いの瞬間帰省でした。 その間に凄い勢いで成長し、昨年末には全然だったのですが、かなりお喋りできるようになっています^^ …昨年末の時点では物凄く人見知りになっていて、慣れるまでだいぶ苦労したのですが果たして…？？ と思っていたところ、顔合わせから全く拒否のそぶりを見せず、愛想よく応じてくれました^^ この違い、どこからくるんでしょうね？ 姪っ子ちゃんの立場に立って考えてみると…自分が言語というコミュニケーション手段を持たずに、知らない人の前にきた時にどうリアクションを取っていいか分からなくてグズっていたのかな

どうも！LSSです！！ CSS小ネタとして、跳ねるボールを作ってみました。 と、ボールが跳ねるようなものはこれまでにも作っていましたが、 「着地して跳ね返る時に横長にひしゃげる」 という細かい芸を入れています。 跳ね続けるボールとfloat:left; コード 色々… 跳ね続けるボールとfloat:left; ボールが跳ね続けます。 そして、float:left;を指定しているため、それ以降の文章がこのように回り込むカタチになります。 float:left;の一行を削除すると、横に文章が並ぶ事がなくなります。 コード <style> @keyframes bnda{ 0%,100%{background-position:0 0;} 50%{background-position:0 100%;} 0%,47%,57%,100%{background-size:30px 30px;} 50

どうも！LSSです！！ 本日がブログ開設記念日。 今日からブログ４年めが始まります！ …という、記念日記事には特別な仕掛けを施したいところでもありますが、結局余裕がなかったのでした^^; こんなスタートですが、４年めもまた、よろしくお願いします^^

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

どうも！LSSです！！ さじさん(id:conasaji)の 続はてなブロガーに100問。 - ゆるっと広告業界 が完成しました^^ LSSの昨日の 【JavaScript】100の質問テンプレート生成 - Little Strange Software も使っていただいて、テンプレートが conasaji.hatenablog.com ↑こちらにあります！ このおかげで、より挑戦しやすくなっているので、LSSものっかって書いてみました^^ はてなブロガーに100問。 CSS装飾、ちょっといじりました はてなブロガーに100問。 1.ハンドルネームは？ A.ＬＳＳ ブログ名の略称そのままですｗ 2.ブログ名は？ A.Little Strange Software 「少し奇妙なソフトウェア」を目指したくてつけました。 3.いつから始めた？ A.2019年9月 4.自分の記事で好きなジャンルは

どうも！LSSです！！ conasaji.hatenablog.com conasaji.hatenablog.com さじさん(id:conasaji）が、はてなブロガー向けの「100の質問」を作成・公開されています！ 「続」のほうに、質問部分だけ抜粋されたものがありますので、興味のある方は是非チャレンジしてみてください^^ で…こういった100の質問を作成する際に見栄えを整えようとすると、 「最初に１問分だけ作って、あとはコピペ」 で行けそうですが、それでもナンバリングを修正する手間は出てきてしまいます。 （CSSまたはHTMLタグで自動ナンバリングもできますが…） そこで、試しに「100の質問用テンプレート」を出力するスクリプトを書いてみました！ サンプル このスクリプトのコード 見た目の調整 サンプル ↓のボタンを押すと、かなりの行数のものが出てきちゃいます。 このスクリプトのコー

どうも！LSSです！！ だいぶ久々に、このブログのサイドバーにモジュール追加してみました。 （PCで見るとサイドバーですが、スマホから見ている場合、一番下までスクロールするとみる事ができます） ↑こんなのを追加しました。 この「サイコロを振る」をクリックすると… １～６の目がランダムに出てきます。 突然、サイコロが必要になった時にご利用ください。（どんな時だろｗｗｗ） はてなブログのサイドバーモジュールって、スクリプトもイケるんですね サイドバーモジュールの設定手順 問題は…何を作って配置するか？ はてなブログのサイドバーモジュールって、スクリプトもイケるんですね って事に気づき、試しに作ってみたものです^^ ほんとはもうちょっと何かの役に立つものを作りたい^^;;; サイドバーモジュールの設定手順 はてなブログで設定を色々いじった方はご存知の手順ですが、一応最初から画像つきで書きます。

分秒 ※STARTボタンを押すとカウントダウン後に音が鳴ります どうも！LSSです！！ JavaScriptで「カウントダウンタイマー」を作ってみました。 分・秒を設定して、「START」を押すとカウント開始し、指定時間経過後に音が鳴ります。 「STOP」ボタンで カウントダウンや音を停止できます。 コード <p><input id="nt01" max="59" min="0" type="number" value="3" />分<input id="nt02" max="59" min="0" type="number" value="0" />秒</p> <p><input id="btnstrt" type="button" value="START" />　<input id="btnstp" type="button" value="STOP" /></p> <div id=

どうも！LSSです！！ とうとう…スイッチ本体をゲットしました！！ ゲットはしましたが…手放しで喜んでいいのかどうか、少しビミョーなところも含みますｗ 昨日までのあらすじ 本日、有給休暇 センタープラザ北館中央付近 まず１軒め。 ２軒目。 Sofmap。 結局、買ったのは… 帰宅後、設定して触ってみました 昨日までのあらすじ 2020年内にファミコン探偵倶楽部がリメイク発売される！という情報が出たのが2019年9月。 これまで魅力的なソフトがばんばん出てもスルーしてきたNintendoSwitchですが、今度ばかりは買わずにいられない！ｗ 発売延期からの、2021年5月14日に発売が決定し、任天堂さんもYouTubeなどに動画をいくつも出すなど、盛り上がってきました！ ファミコン探偵倶楽部 消えた後継者・うしろに立つ少女 COLLECTOR'S EDITION -Switch (【Amaz

線の色　背景色 点の位置 線の太さ サイズ こんな模様になります^^ 使い方 「模様変更」ボタンを押すと、サンプルの模様が変化します。 「点の位置」の４つのスライダーを調節するか「ランダムに設定」ボタンを押す事でも模様が変化します。 ※「模様変更」ボタンは点の繋ぎ方を変更し、「点の位置」は繋ぐ対象である点の位置を変更するものです。 他に「線の太さ」や「サイズ」を変更する事もできます。 「線の色」「背景色」で配色を変更できるので、雰囲気を大きく変える事ができますね。 お気に入りの模様ができたところで、その下にある「コード」の内容をコピーし、HTML中に貼り付ける事で使用できます^^ このツールは、【作りかけ】タイルパターン生成の完成版です！

どうも！LSSです！！ なんとなーく、考えた事なんですが… 自分はこうして、趣味としてプログラミングぽい事をかじり、色々と試みています。 いっても素人ですが、お褒めに預かるととても嬉しいですね^^ で、思ったのですが、 「もし、あなたがLSS程度の技術を持っていたら」 何をしたいですか？ …なんて、ふと聞いてみたくなりましたｗ 実現の可能性の大小や、規模の大小を問わず（例えば「タイムマシン制作に挑戦したい」でも「ブラウザ上で動作する電卓を作りたい」でもOKｗ） と言ってみたらどうなるかな？って思いましたｗ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^

どうも！LSSです！！ 今回は、コード生成ツール「text-shadow調整ツール」を公開します！ ブログなどで「影つき文字」を使いたい時にちょっと手間が省けるかも？なツールです。 text-shadow調整ツール 使い方 …という小ネタなんですが text-shadow調整ツール 文字色 文字サイズ 太字 影色 影位置・横 影位置・縦 影ぼかし コード 使い方 「文字色　文字サイズ　太字」で、装飾対象となる文字の設定ができます。 「影色　影位置・横　影位置・縦　影ぼかし」でtext-shadow部分の設定ができます。 お好みの設定ができましたら、「コード」内の文字列をコピペして、文章部分を書き換えてご利用ください^^ …という小ネタなんですが 自分でtext-shadowを使う際には、コード上の数値を調節しては、表示を確認して、また調整…という事をやっていたので、text-shadowを

どうも！LSSです！！ 最近、職場の人と雑談していた折の事。 「中学生の息子と自分と、プログラミングを覚えたい」てな話がでました。 全くの未経験。 そんな時に、何をオススメするべきか？ちょっと考えてしまいました。 何をやりたいか？ スクラッチ 仕事でExcelとかを使ってる方はVBA！ ブログやサイトを運営されている方にはJavaScript！ スマホで自分のプログラムを動かしたい！ AIと親和性が高いPython あとがき 何をやりたいか？ 多分、上記のように言う方は「プログラミングを覚えて何かをしたい」がなくて、「なんとなくプログラミングできるようになりたい」だけが漠然とあるんでしょうね。 プログラミング言語・環境は物凄く膨大な種類がありますが、「何を覚えても基本的な考え方は一緒」と言ってしまう事もできます。 （おそろしくクセのある一部（SQLとか）を除くｗ） ただ、「やりがい」がない

どうも！LSSです！！ 今回は「それほど特別な知識じゃないけど、知ってるとちょっと嬉しいかも？」な部分について書いてみます。 Aタグについて 小技その１　別ウィンドウ（別タブ）で開くリンク 小技その２　同じページの一番上に戻るリンク 小技その3　サイトトップページに戻るリンク あとがき Aタグについて 世界中の情報が網のように繋がるインターネット。 そのサイトとサイト、ページとページを繋ぐ役割を担う、基本にして最重要とも言えるタグ、それがリンクを形成する「Aタグ」です。 基本的な書式（書き方）は次のようになります。 コード <a href="リンク先のURL">リンクがかかる文字</a> 赤と青の太字部分は、それぞれ書き換えて使用する事になります。 例えば、 <a href="https://little-strange.hatenablog.com/">Little Strange So

どうも！LSSです！！ 先日作った【ツール】アイキャッチ画像切り出しツールに、機能追加しました！ アイキャッチ画像切り出しツール改 新機能！ 使い方 画像を重ねられる事によってできる事 まだ実装していないアイデア アイキャッチ画像切り出しツール改 設定画像１画像２画像３ ベース色 画像幅画像高 横位置 縦位置 拡大率 縦横比 回転角 透明度 横位置 縦位置 拡大率 縦横比 回転角 透明度 横位置 縦位置 拡大率 縦横比 回転角 透明度 新機能！ ベース色を指定できるようになりました 画像のサイズ448x252を0～500の間で変更可能になりました 画像の回転角・透明度を変更できます 画像を３枚まで重ねる事ができるようになりました 使い方 まず、「設定」タブで、背景色や画像サイズを変更できます。 変更の必要が無ければそのままでもOKです^^ そしてタブを「画像１」に切り替え、「ファイルを選択

どうも！LSSです！！ 記事タイトルの通り、 このブログを読者登録してくださっている方が400人になりました！！ 増えるペースはごくごくゆっくり 読者登録していただいた方のブログは、こちらも登録 …というような軽い内容の記事でも 増えるペースはごくごくゆっくり 以前に記事で読者数について触れたのは、 333人の時でした。 これが去年の７月の話なので、いかにゆっくりペースかが分かりますねｗ …実際のところ、今は積極的に増やそうと思ってはいないので（でも増えたら嬉しいｗ）、たまに読者登録していただいた通知を見ると「おおっ^^」ってなります。 読者登録していただいた方のブログは、こちらも登録 させていただいております。今のところは、ですが。 （漏れがあったらすみません^^;） どんな記事を期待されているかは分かりませんが、マイペースにぼちぼち書いてますｗ …というような軽い内容の記事でも ↑これ

どうも！LSSです！！ tableタグの生成を、またinputタグ頼みでやってみました…が、見栄えがイマイチ^^; tableタグ生成 コードを生成するスクリプトのコード 問題点は、はてなブログのテーマ tableタグ生成 列　行 コード コードを生成するスクリプトのコード …は、こんな感じ↓なんですけどね <p>列<input id="n1" style="width: 3em;" max="10" min="2" type="number" value="2" />　行<input id="n2" style="width: 3em;" max="30" min="2" type="number" value="2" /></p> <div id="gamen"> </div> <script>// <![CDATA[ txt=''; n1.addEventListener('inpu

どうも！LSSです！！ はてなブログに書き始めてから１年以上たちましたが、まだまだ知らない機能はあるものですね。 必要最低限の使い方が分かったら、あまりそれ以上追及しようとしないからなんですが、はてなの公式ブログにこんな記事が出ていました。 staff.hatenablog.com この記事の内容自体は新たに追加された新機能で、そもそも「固定ページ」というもの自体が はてなブログPro 専用の機能だったので、無料版の自分には縁がない機能という事になりますが…そのなかに、こんな過去記事のリンクがありました。 staff.hatenablog.com 2015年3月の機能追加…ほぼ６年前に実装された機能ですね。 「下書き記事のプレビューを、他のユーザーと共有できる」とな！？ これはつまり、 「書きかけの記事で、一般公開はまだしないけど、公開前に友達に見てもらって相談したい事がある」 といった場

どうも！LSSです！！ 今日、Twitterであるリツイートを見かけました。 きっかけとなったリツイート ボタンを押すとスクロールし始める背景 今回のコード、以前使ったものの改変です それにしても…すごい！ きっかけとなったリツイート htmlとcssだけjsなしマリオ！ 寝なきゃなのについ遊んでしまった。笑 https://t.co/nHcuvrZhQV— さじ (@conasaji) 2021年1月4日 いつもお世話になっている、さじさん(id:conasaji)が、HTML+CSSだけで凄い事をされている人のツイートをリツイートされていたものです。 いやもう、凄いというか凄まじいというか…何をどうやったらこんな事になるのか想像もつかず。 作成された根気も凄いですが、JavaScript不使用でここまで…一体どうやって！？全く見当もつかない！…と思ったものです。 コードは見ていないので