Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

2020-01-01から1年間の記事一覧

2020年ふりかえり記事

どうも!LSSです!! 2020年もまもなく終わりを迎える今、「振り返り記事」をがっつり書いてみようと思います^^ 2020年1月 2020年2月 2020年3月 2020年4月 2020年5月 2020年6月 2020年7月 2020年8月 2020年9月 2020年10月 2020年11月 2020年12月 皆様、…

【CSS】傍点

どうも!LSSです!! 今回はCSS小ネタです。 傍点のサンプル text-emphasis 傍点のサンプル こんな風に、目立たせたい部分の上部に点をつけられます!(dot) こんな風に、目立たせたい部分の上部に点をつけられます!(circle) こんな風に、目立たせたい部…

【CSS】鹿威し(ししおどし)のように揺れる見出し【カタカタ改変】

どうも!LSSです!! 以前に書いたCSSで、 が結構ウケが良いようで、いくつかのブログで続けて使っていただいています^^ で、今回はそれを改変したものを作ってみました! もうすぐ年が明けるので、お正月っぽい?和風テイストの「鹿威しししおどし」風に仕…

【JavaScript】スマホの画面タッチ(スワイプ)イベントも試してみました!

どうも!LSSです!! 昨日の記事、 スマホでは動作しませんでしたが、今後これを使ってブラウザゲームとか作る上ではやはり、スマホでも遊べるようにしたい!! というところで、スマホ対応を試みてみました! マウスドラッグかスマホスワイプで移動する「も…

【JavaScript】マウスドラッグイベントを試してみました!

どうも!LSSです!! JavaScriptに「マウスドラッグイベント」というものがあります。 Webページ内の要素に対して、マウスドラッグを行おうとした時に発生するイベントで、これを仕込んでおくと ドラッグが開始された時 ドラッグが終了した時 ドラッグ中 な…

【CSS】お正月記事向け・ブログの背景をその記事だけ紅白模様にするコードw

どうも!LSSです!! 先日、クリスマスの記事、 の中で、強引にブログ記事の背景などを書き換えていました。 次のイベントといえば「お正月」ですが、「1記事限定で正月らしい紅白模様にする」コードを公開してみますw サンプルとコード 使い方と解説 あと…

年内最後の出勤完了!

どうも!LSSです!! 今日が、今年最後の出勤でした。 「今年最後の出勤」であって、「仕事納め」ではないのが、コロナに翻弄された2020年らしいところで、月曜の在宅勤務が仕事納めですw 昨日の記事、 に多数のコメント・ブクマありがとうございました^^ …

【Merry】聖なる夜に【Christmas】

どうも!LSSです!! この記事限定で、めっちゃ雪を降らせてみました。 …なお、そのままだと他のリンク等が操作不能になるため、画面内でクリックすると停止するようにしています。 // コード <style>

祝!なお吉さんYouTubeデビュー!!

どうも!LSSです!! 今、こうして記事を書いている「はてなブログ」もSNSの一種ですが、SNSっていうと他にfacebook、Twitter、YouTube、インスタグラムなどがありますね。 各種SNS、それぞれに特徴があって、ユーザーの方がおられます。 我らが(?)はてな…

【CSS】背景多重アニメーションのテスト

どうも!LSSです!! ちょっと試みてみたい事ができたので、やってみました。 背景多重アニメーション コード解説 大きいものと小さいものを描いているのは、 また、それに動きを与えているのは、 「縦移動」の動きの内容の指定をしているのは、 「横移動」…

【CSS】CSSでクリスマスツリーを描いてみる【第三弾】

どうも!LSSです!! 今回は、昨日の記事、 の続きです!! クリスマスツリー 完成版? コード とりあえず完成? クリスマスツリー 完成版? ★ ● ● ● ● ● ● ● ● コード <style>

【CSS】CSSでクリスマスツリーを描いてみる【第二弾】

どうも!LSSです!! 以前の記事、の続きです! クリスマスツリー 点滅する飾りをつけてみました クリスマスツリー ★ ● ● ● ● 追加したコード @keyframes redblnk{0%{color:#ff000000;}100%{color:#ff0000ff;}}@keyframes yellowblnk{0%{color:#ffff0000;}10…

お題記事「買って良かった2020」

どうも!LSSです!! 本日はお題記事! お題「#買って良かった2020 」 お手頃価格のドローン 格安タブレット スマートウォッチ パズルの本 SVGの本 以上、Amazonの「注文履歴」からw お手頃価格のドローン 何故か↑サムネとクリックした先の値段が違う?? …

【SVG】インラインSVG、ふと思いついたんですが絵文字素材になるかも??

どうも!LSSです!! SVGのコードを書いたテキストファイル、拡張子を「.svg」で保存すると、SVG形式の画像ファイルとして使用できます。 それに対し、ここで自分がやってきたように「ページの中に<svg>タグを書く」という使い方を「インラインSVG」といいます。 </svg>…

まいくらにっき 今年のクリスマス企画!

どうも!LSSです!! プレイ時間は減少しているものの、時折、ちまちまと、マイクラで遊んでいます^^ 去年は大きいクリスマスツリーを作成しました。 さて、今年は…? ルミナリエ初の中止!を受けて と、いうわけで、今年のまいくらクリスマスは 同じものを…

【SVG・JavaScript】SVG内の要素をJavaScriptから制御してみるテスト

どうも!LSSです!! 今回はまたSVG。 ですが、SVGとJavaScriptの連携のごくごく基本的なところを試してみます! 真っ赤な太陽 コード コード解説 SVGコード中の太陽にあたる部分 太陽をクリックした時に処理を実行 関数 sunclk 内での処理 SVGの一部分をJav…

【SVG】SVGの練習?がてら、「もぐら」の絵を描いてみた!

どうも!LSSです!! この間、 即興で「もぐらたたき」を作りました。 即興ゆえ、画像などは用意せずに「もぐら」という字を叩く、という、ネタとしては滑りやすい物になりましたw で、もし、いずれ「画像版」を作るとしたら?「もぐらの絵」ぐらいは自分で…

今週のお題「もう一度見たいドラマ」

どうも!LSSです!! 今週のお題「もう一度見たいドラマ」 というのを見て、かなり以前に見たもののうち、強烈に印象に残っているある番組を思い出しました。 「ムイミダス」ドラマ?コント? 長男・タケシ 次男・サンスケ 三男・アラタ 長女・アキ という設…

「文体診断ロゴーン」で遊んでみました

どうも!LSSです!! 文体診断ロゴーンというサイトがあります。 文章をコピペして「診断」すると、「文章の読みやすさ・硬さ・表現力・個性」を評価してくれて、さらにプロの作家さんなどの文体に似ている・似ていないまでも自動で判断してくれます^^ 診断…

【CSS】変わり種!アニメーションによる文字装飾 3種

どうも!LSSです!! またまた?変わり種のCSSネタを3種、作ってみました。 ちかちかアンダーライン 影分身! アニメーションマーカー 使い方 その他、テキスト装飾関連記事 ちかちかアンダーライン このように、文章の一部に時々アンダーラインがつきます…

ブラウザゲームの話

どうも!LSSです!! 昨日は、 で遊んでいただき、ありがとうございました^^ 「なんの変哲もない もぐらたたき」でしたが、「意外と楽しめる」のは、「もぐらたたき というゲーム自体が、完成されたゲームである」というところゆえ、でしょうね^^ 他にも色々…

もぐらたたき!

どうも!LSSです!! これまで、仕事から帰宅後、2~3時間のうちにブログを書いてアップして…アップしてきたものの中には、 JavaScriptで作ったゲームなどもありますが、「そんな短時間の間にゲーム作って記事にしてアップしていた事が自分で信じられない…

自分にご褒美

今週のお題「自分にご褒美」 どうも!LSSです!! 久々に、お題記事を書いてみます。 塩分充填! pic.twitter.com/n95tsGT155— LSS (@LSS0324) 2020年12月8日 写真撮るの下手過ぎですが、家系ラーメンですねw (本当に好きなラーメン屋さんは別にあるのです…

素朴な疑問…2020年度からの小学校からのプログラミング必修化

どうも!LSSです!! ちと疑問に思い続けていた事があります。 記事タイトルの通りなんですが「2020年度からの小学校のプログラミング必修化」について。 周囲に小学生がいないので分からないのですが、これって実際に始まったんでしょうか? ググっても「こ…

【Amazon】恐怖新聞 1~3巻を(今さら)初めて読みました

どうも!LSSです!! Amazonがやってる電子書籍サービス「Kindle」 もちろん有償で本を売ってたりもするんですが、時に古典的な名作をどういうわけか「0円」で出してたりしますね! で、今回もたまたま、「昔から古い漫画単行本を買うと巻末広告でよく見か…

【紗綾型】さらに実験!和柄VSクリスマスカラー【小ネタ】

どうも!LSSです!! 今回も小ネタです。 とりあえず「SVGで紗綾型を描く」事には成功しました。 で、もうひとつ興味を持っていた事があって… 「とりあえず緑色と赤色を使っておけばクリスマスっぽくなるの?」 という疑問。 これを、あえて和風の柄である「…

【JavaScript】ちょっと歪んだ四角形【実験】

どうも!LSSです!! 今回は思いつきで、ちょっとした小ネタ。 「JavaScriptからSVGタグを書き出して、約300ピクセルの四角形を1~10ピクセルランダムにずらした頂点で描いてみる」というのをやってみます。 ちょっと歪んだ四角形 さじさんの記事から ちょっ…

【SVG】紗綾型、なんか…できたっぽい

どうも!LSSです!! この間から、なんとなく調整していた「紗綾型」。 なんかSVGで できたっぽいです。 SVGで描く紗綾型 実はひとつの図形が完成した時点でほぼ完成していた!? コピー・再利用するためにはまず、IDをつけます 右に20ずらした位置にコピー …

やっときましたね おめでとう!【グリーンスター】

どうも!LSSです!! 期日までに、はてなブログで新機能「タグ」を完全公開のブログで使うと、もれなくグリーンスターが100個もらえる! …というキャンペーンがありましたが、「いつ配布されるのか?」が書かれておらず(見落とし?)、いっこうに配布さ…

不思議な模様【紗綾形(さやがた)】

どうも!LSSです!! 「時代劇が好きだった」って話をたまに書いていますが、その中でも「大岡越前」や「遠山の金さん」に共通して出てくる、ある模様が気になっていました。 そんな以前から気になっていたにも関わらず、今日になってやっとググって答えを見…