かつてプログラミングをかじった事がある程度の初心者が、CSSやJavaScriptで色々作ってみたりするブログです。 同じ志を持つ方には何かの参考になれば、かつて初心者だった上級者の方には微笑ましく見守っていただければ幸いです！
当ブログの紹介。 Webページ上で画像ファイルを生成・保存できる「画像生成ツール」カテゴリ、音を作って鳴らす事ができる「WebAudioAPI」カテゴリ、記事内で遊べる「ブラウザゲームそのままプレイ」カテゴリなど、JavaScriptで出来る事が幅広くて面白いですね^^ まったくの初心者向けに書いた「超入門のさわりだけ」カテゴリなんてのもあります。
|
https://twitter.com/LSS0324 |
|---|
今週のお題「好きなアイス」 どうも！LSSです！！ 今回は、はてなブログお題記事「好きなアイス」について書いてみます。 雪見だいふく チョコモナカジャンボ＆バニラモナカジャンボ 爽 バニラ 特に好きなのは上記3種 雪見だいふく ロッテ 雪見だいふく 25個入 ロッテ Amazon かなり以前からありますが、食感が最高ですよね！^^ 冷凍庫から取り出したばかりの時はカチカチですが、少し柔らかくなった頃の食感がなんとも…。 餅とバニラアイス、考えた人のアイデア凄いな！！って改めて思います！ なお、Amazonの広告つけようと検索したら、 「雪見だいふく」はなぜ大ヒットしたのか 77の「特許」発想法…
どうも！LSSです！！ 暴れん坊将軍のテーマ、に歌詞があったんですね - Little Strange Software にて、「振り向きカーン（勝手に作った造語）」の魅力を語りました。 が…「このかっこいい演出をCSSに持ち込めないか？」と妙な方向に思考が向かってしまい…作ってみちゃいましたw ただ、Web閲覧中に不意に音が鳴るのを自分が良しと思わないため音はでませんが、その代わりにoutlineのアニメーションをつけています。（それカーンか？^^;） ふりむきカーン コード コード解説 振り向きカーンの魅力 ふりむきカーン ふりむきカーン ↑の傾いた四角にマウスカーソルをのせてみてください…
どうも！LSSです！！ 先日、たまたまYouTubeで見かけて驚いたんですが…あの時代劇「暴れん坊将軍」のテーマ曲に、歌詞が作られていたんですね！ そしてその歌のMVが最近になって公開されたようです！ 暴れん坊将軍のテーマ MV 歌詞自体は以前からあったようです 一点だけ、どうしても「惜しい…！」と思ってしまう やっぱ名曲ですね^^ 暴れん坊将軍のテーマ MV www.youtube.com サムネからなんかウケますwww 歌詞自体は以前からあったようです 気になって色々調べてみたところ、歌詞自体はもっと前からあったようです。 多分、マツケンサンバの頃でしょうか？ 歌詞のノリがそんな雰囲気です…
どうも！LSSです！！ 本日、7/28は土用丑の日でしたね。 かろうじて？職場の昼休みに近隣のスーパーで うな重を買ってきて食べました。 土用丑の日に鰻を食べるのって 源内先生が言い出す前から ところで、平賀源内といえば 土用丑の日に鰻を食べるのって 江戸時代に、かの天才「平賀源内」先生がでっちあげた風習、というのが有力な説としてあります。 …という話はこのブログでも以前どっかで書いたな…と記事検索してみると、 思いっきり季節ハズレな時期に書いてました！www 源内先生が言い出す前から この時期に「う」のつくものを食べると良い、という先人の知恵はあったみたいですね。 梅干しとか？ 近年になって…
どうも！LSSです！！ サイドバーをどうにかしたい病。 - Little Strange Software どうにかしたかったのですが、とりあえずデザインCSSをちょっと変更しました。 あと、ふと思いついた事を試してみたりも。 デザインCSSに追加したコード 月別アーカイブ埋め込み 注目記事埋め込み モジュール非表示 デザインCSSに追加したコード コード .hatena-module{border:3px inset #dddddd;border-radius:10px;margin:6px 6px 26px 6px;padding:10px;background-image:linear-…
どうも！LSSです！！ 時折、「サイドバーをどうにかしたい病」が発症しますw 最近は項目を新たに作って増やしたりしましたが、 はてなブログサイドバーモジュール カテゴリーの記事一覧 - Little Strange Software 「どうにかしたい」のはその逆で「あまりにごちゃごちゃ詰め込み過ぎてやしないか？」と^^; もちろん、来ていただいた方に「こういうのもありますよ！」と見せたいものを並べているんですが…。 一部の項目を「表示切り替え」できるようにしてもいいかもですね。 どうにかしたい項目の候補 サイドバーの要素の構成 とりあえず調べてみただけw どうにかしたい項目の候補 まず「カテゴ…
毎日あっついですね！ ブログの中だけでも、気持ち涼しくなるようなグラデーションを3種、考えてみました^^
どうも！LSSです！！ 4連休も3日めが終わろうとしています。 この4連休は、何も気負わず、がっつり休養にあてようとだらだら過ごしておりますw たまにスイッチを起動して、ちょこっとやるのに最適だな…と思ったゲームは…スイッチオンラインに加入すると遊べるようになるファミコンソフトの中から、「Dr.マリオ」でした。 落ち物パズルはかなりの種類ありますが、あらかじめ配置されたものを消して綺麗にしていく、というのもなかなか気持ちいいですね^^ ゼルダの伝説、アルゴスの戦士、イーアルカンフーも懐かしい！ ゼルダの伝説は、表はさくっとクリアしましたが…裏はほとんど忘れてて苦戦^^; イーアルカンフーはその…
どうも！LSSです！！ に続き、 の「戦慄！」もアニメーション化してみました。 サンプル コード あとがき サンプル 戦慄！ コード <style><!--@keyframes snrtanm{0%{background-position:0px 0px;}60%{background-position:120px -270px;}100%{background-position:60px -540px;}}.snrta{font-size: 100px;font-weight: bold;color: black;background-size:60px 60px;background-im…
ブラウザ上で動作するカラーピッカー、サイドバーに設置してみました！
どうも！LSSです！！ ブラウザ上で動作するカラーピッカーを作り、サイドバーに設置してみました！ こんな感じで表示されます コード 色を探したい時は当ブログを開くといつでも探せます あとがき こんな感じで表示されます 安直に、inputタグの type="color" を置いて、その色コードを表示しただけ…だとちょっと味気ないので、10個の提案色をついでに表示していますw コード <p>色を選択するとカラーコードが分かり、さらに10個の提案色が出てきます。</p><p><input id="sbcolorselect" type="color" value="#888888" /> <span…
どうも！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…
どうも！LSSです！！ 先日、サマージャンボ宝くじを購入しました^^ バラで10枚！ 自分は、宝くじは1枚買うのも10枚買うのも100枚買うのも同じだと思ってたりします。 どうせ1等が当たるのは天文学的確率、だけど買わなきゃ当たらない♪ もちろん、期待値というか、全国で販売された宝くじの総額でいうと絶対、 総売上＞支払われる当選金額総合計 なわけです。（宣伝費・販売店の人のお給料を支払った上に、公共福祉に寄贈するほどの余りがあります。） つまり、金額だけでいうと買えば買うほど損をすると分かっていて購入するんですねw この「金額だけでいうと」というところがポイントで、気の持ちようもありますが「夢…
どうも！LSSです！！ Twitterやブログで見かけた話題、「まさゆめ」プロジェクトなるものが東京で行われてるそうですね。 masayume.mouthplustwo.me これを見て真っ先に、伊藤潤二氏の作品「首吊り気球」を連想しましたw 収録されている本 同じように連想された方が多数おられたようで ついでに、昔購入したVHSの事まで思い出しました 収録されている本 伊藤潤二自選傑作集 (朝日コミックス) 作者:伊藤潤二 朝日新聞出版 Amazon 「首吊り気球」はホラー漫画作品です。 かなり独特な作風を持つ伊藤潤二氏のなかでも特にその特質がでている作品だと思います^^ ホラー漫画なので、…
【CSSサンプル】ちょっと言いにくい話なんですけど…【小ネタ】
このブログでは「最初は表示されていないけど、ユーザーアクションによって表示される隠し文字」ネタを、これまでもいくつかご紹介してきました。 今回の記事のものも、その一種と言えそうですが、ちょっと変わり種です^^
【まとめ】JavaScriptでできる事【音・データ保存・ファイル読み書きetc】
どうも！LSSです！！ JavaScriptでできる事…つまりWebアプリで可能な事、ですが、思いのほか色々な事ができちゃいます！ 「音が出せる」「ユーザーが選択したファイルの内容を読める」「架空のファイルを作成し、ユーザーの環境にダウンロード保存する事ができる」などなど。 このブログでも色々と試してきましたが、自分の備忘録もかねて、これまでにやってみた事をまとめてみました。 音が出せます！ データ保存（WebStorage） ファイル読み込み・書き出し URLでデータを渡す方法 スマホの加速度センサーのデータを読む あとがき 音が出せます！ これはびっくりでした！ HTML5でFlashにと…
どうも！LSSです！！ もう一ケ月近く前の話になりますが…意外な楽曲を耳にしました。 およげ！たいやきくん 原曲 解釈（？） およげ！たいやきくん www.youtube.com …の、女性ボーカルバージョン。 「えええ！？こんなのあったんだ！」と、後から検索してみると↑出たばかりの曲のようでした。 原曲 www.youtube.com 元はだいぶ古い曲ですね。 レコードの時代で、カップリング曲は「いっぽんでもニンジン」でした。 そういえば子どもの頃、うちにこのレコードあったような…？ 解釈（？） この歌、かつてターゲットであった子ども達にウケたのとは別に、サラリーマンに響いた、という話があり…
どうも！LSSです！！ 7月も後半に入ろうとしていますね！ これは梅雨なのか、夏の雨なのか、と思うような大粒の雨が降り、空がゴロゴロいうこの季節。 7月の空とかけまして、幸せな猫とときます— LSS (@LSS0324) 2021年7月14日 ↑こんなツイートをしてみたりしましたw 夏といえば…去年のブログ記事で思い出すものがあります。 夏の暑さ…特に熱せられた地面の熱を、なんとか電気エネルギーに変えられないか？という妄想記事。 そしてこちらは、既に発電を担っている「太陽光発電」をより効率化できないか？という妄想記事。（でしたが、どうも既によく似た原理が実用化されてるらしくて後から記事に追記し…
どうも！LSSです！！ ブログを始めた頃からちょくちょく聞く単語に「RSS」というのがあります。 なんとなく知ってるのは「RSSリーダー」というソフトを使って、更新を知りたいサイト・ブログを登録すると、登録したサイト・ブログが更新された時に新着順に通知が並び、そこから更新された記事を読みにいける、というもの。 ですが、実は自分はRSSというものを使った事がないんですねw はてなブログで読者登録したブログを読む限りは「購読リスト」で間に合いますし、おそらくは同じようなものなんだろうな、って思ってます。 そして何より…「RSSのデータってどこからどう配信されるのか」が、その昔サイト作って遊んでたり…
【CSS】コピペで使える！アニメーションするボックス（枠）サンプル集【まとめ】
Webページ上で使用できる、CSSアニメーションサンプル、これまで作ってきたものを まとめました。
どうも！LSSです！！ ちょっと先日から、CSSサンプル関連のまとめ（昨年7月以降のもの）を書こうとしていて…なんだか苦戦していますw 意外と量が多いようなそうでもないような？ 以前は と に分けてましたが、そんな感じでカテゴリ分けするのがまとまりいいのかな？とも思いつつ…。 書きあげる前に色々考えるクセがまた出てきちゃってる気がしますね^^;;; どんな形になるか分かりませんが…とにかく書くかな！ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^
【つまづき】はてなブログに投稿した記事のタイトルを後から修正
どうも！LSSです！！ 昨日の記事、 ですが、やらかしました！ 普段、記事タイトルはだいたい内容を書いた後でつけるのですが、昨日の記事は最初にテキトーなタイトルをつけてから内容を考えているうちに…まったく違う記事になったんですね。 そして…投稿する時に、タイトルを修正せずに投稿してしまいましたw ブクマやスターをいただいた通知に、最初の誤ったタイトルがついていたのを見て気づき、慌てて記事タイトルを修正したのがこの「【お題】お寿司はデザートです」でした。 さて、そうやって「投稿後に記事タイトルを変更する」とどうなるか？ 記事自体のタイトルは変わってくれるのですが…はてなブックマークのタイトルは変…
今週のお題「寿司」 どうも！LSSです！！ 今日、スーパーに買い物に行った折、こんなのを見つけました。 1280円が640円！ ただしスーパーのお寿司。 果たしてこれは高いのか安いのか？？w 晩御飯たべた後でしたが…買って帰りました^^ お寿司はデザートです！w ってなとこで、はなはだ簡単ですが今回はこのへんで！ 次回もまた、よろしくお願いします^^
【時事】PrintNightMare…直訳すると「印刷悪夢」？
どうも！LSSです！！ また、珍しく時事ネタです。 結論からいうと「WindowsユーザーはWindowsUpdateしようね」って内容になります。 www.cnn.co.jp PrintNightMare 現在はWindowsUpdateに修正パッチが出ています PrintNightMare Windowsに新たな脆弱性が発見されたそうです。 …が、それを発見したところが手違い？で、Microsoftが修正パッチを作る前に、悪用の仕方を公開しちゃったとか！ www.google.co.jp って事は、悪意を持ったイタズラ好きな人たちが大急ぎでやらかしちゃう危険性があります^^;;; 現在はW…
【JavaScript】CSSプロパティタイピングゲームのコード公開！
どうも！LSSです！！ この間、 というものを公開しました。 CSSのプロパティ、「使用頻度の高いもの」も「いつ使うんだ？」というようなものもひっくるめて出て来て、それをタイピングする、というものでした。 で、遅ればせながら今回はその拙作のコードを公開してみます。 コード 赤文字部分が登場する単語を並べている部分 たいしてゲーム性があるわけでもないですが^^; コード <style><!--#gamen{border-radius: 15px;box-shadow: 2px 2px 20px 0px #ffff80 inset; background-image: linear-gradien…
どうも！LSSです！！ 今日は7月7日、七夕の日ですね^^ 短冊 Twitterに書いたネタ 短冊 4時のニュース メインキャスターの座吉賀ピー太郎自作小説：4時のニュース 七夕と言えば短冊！ というわけで、自分の願いではないですがひとつCSSで作ってみましたw コード <p style="writing-mode: vertical-rl; font-size: 200%; padding: 1em; background-image: linear-gradient(105deg,#e0d0f0,#e8d8f8,#e0d0f0); background-size: 10px 20px; b…
どうも！LSSです！！ 先日公開したブラウザゲーム、 に、速度調節機能をつけてみました！ JoeWars 遊び方 30年前に作ったゲームですが JoeWars 速遅 // →'; }else{ if(i==tg[turn] && atkf){ jw.innerHTML+='＊'; }else{ jw.innerHTML+=''; } } jw.innerHTML+=''+((turn==0)&&(i>0)&&!atkf?''+nz[i]+'':nz[i])+''; jwe.innerHTML=''; } } function atk(tg0){ if(nz[tg0]>0){ tg[turn]=…
今週のお題「住みたい場所」 どうも！LSSです！！ 今回は、はてなのお題記事です。 住みたい場所 お題は「住みたい場所」。ならば… それはそうと、最近考えていた事 別に家建てる予定も予算もないんですが 住みたい場所＝隠し通路のある家 住みたい場所 あれ？前にも同じようなお題を書いてなかったっけ？と思い、記事検索してみると、 だいぶ前ですが、↑の記事ですね。 今もなお、自分の住んでるところが気に入ってる事に変わりないのですが、 ほぼほぼ人口密集地域であるがゆえに、ちょっとドローン飛ばしたい時にはいくらか移動を強いられるという難点もあります^^; となると、田舎暮らしもいいかな？とか、とりあえずコ…
どうも！LSSです！！ さじさん(id:conasaji)の 続はてなブロガーに100問。 - ゆるっと広告業界 が完成しました^^ LSSの昨日の 【JavaScript】100の質問テンプレート生成 - Little Strange Software も使っていただいて、テンプレートが conasaji.hatenablog.com ↑こちらにあります！ このおかげで、より挑戦しやすくなっているので、LSSものっかって書いてみました^^ はてなブロガーに100問。 CSS装飾、ちょっといじりました はてなブロガーに100問。 1.ハンドルネームは？ A.LSS 2.ブログ名は？ A.Lit…
100の質問を作成する際に見栄えを整えようとすると、 「最初に1問分だけ作って、あとはコピペ」 で行けそうですが、それでもナンバリングを修正する手間は出てきてしまいます。 （CSSまたはHTMLタグで自動ナンバリングもできますが…） そこで、試しに「100の質問用テンプレート」を出力するスクリプトを書いてみました！
どうも！LSSです！！ JavaScriptの小ネタで、なにげにやったこと無かった？事をやってみます。 ブログなどのWebページに画像ファイルを配置する事がよくありますね。 あれはまず、画像ファイルをアップロードしておき、ブログなどのWebページからそれを呼び出す<img>タグによって呼び出して表示しています。 その際「画像の幅」「画像の高さ」という「サイズ」は2種類の意味にわかれる事になります。 画像ファイルそのもののサイズ imgタグによって描きだされた表示上のサイズ 今回はこの2種類ある「サイズ」の概念の、それぞれ幅と高さをJavaScriptから読み取って表示してみる実験です。 画像サ…
どうも！LSSです！！ 7月最初の記事は「駄文中の駄文」カテゴリでお送りしますw LSSは趣味でプログラムを書いたりはしますが、不器用なのでリアルな工作とかにはなかなか手を出せずにいます。 が、工作はしないまでも、「こうしたらこういう仕組みができるんじゃないか？」みたいな事を妄想するのは好きなので（に限らず妄想全般が好きなのかもですがw）、そんな脳内妄想で考えた事を記事にしてみます！ スマホスタンド 材料 作り方 と、実際のところは… スマホスタンド スマホを机の上に手放しで置き、いい感じの角度を保ってくれるあれです。 100均とかでも気軽にいい感じのものが購入できますが、自分でもいい感じのも…
「ブログリーダー」を活用して、LSSさんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
