Little Strange Software

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

2021-06-01から1ヶ月間の記事一覧

【振り返り記事】6月(前半だけ)の記事を振り返ってみます

どうも!LSSです!! 新たに覚えた事を忘れないためには、インプットだけで終わらずにアウトプットするのが大事! なんですが、繰り返す事よりも新しい事に手を出すほうを優先したところ、自分が何をアウトプットしたかも忘れがちになってる困ったちゃんです…

JoeWars コード

どうも!LSSです!! 昨日公開したゲーム、 一応、コードも晒しておきます。 というだけの記事です^^; コード <style>

【ブラウザゲーム】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]=tg0; nz[tg[turn]]-=Ma…

【日記】Nintendo Switch Online 加入してみました

どうも!LSSです!! 先日、Nintendo Switch を中古購入してからだいぶ経ちましたが、今さらようやく? www.nintendo.co.jp に加入してみました! 12カ月で2400円。 思ったほど高くないですね^^ 自分的にメリットの大きそうなのは 一部のファミコン・…

【つまづき】background-positionと%の関係性に悩む

どうも!LSSです!! 今日はなんだか、background-positionと格闘していて惨敗しました^^;;; ちなみに、やろうとしているのは こういうのなんですが、実は表示位置指定が失敗していて、ちゃんと分割されていない上に画像も端まで表示されてなかったりします…

Windows11が発表されましたね!2021年後半リリースだとか

どうも!LSSです!! 先日、Windows11の情報が発表されましたね!自分はまだあまり細かく情報収集できてはいませんが、特に重要そうに感じた点が3つあります。 www.microsoft.com www.google.co.jp 無料でWindows10→11にアップデートできる! デザインの変…

【CSS】続・写真画像のちょっと変わった見せ方【後から気づいたバージョン】

↑こうだったのが↓こうなります! どうも!LSSです!! 昨日、写真画像をCSSで「ちょっと変わった見せ方」をする方法を思いつき、記事にしていました。 昨日のコードを使用すると、 ↑こんな感じに、枠部分が透けて見えつつ、盛り上がったような形状で表示させ…

【CSS】写真画像のちょっと変わった見せ方

CSSのborder(枠線)を使って、写真画像を盛り上げたように見せる方法を考えました。 ↑の写真が↓こうなります。 どうも!LSSです!! ちょっと思いついた事があって試してみたところ、うまく出来ました^^ コード コード解説 盛り上げたように見せる、と言い…

15パズルリメイクしたいな(妄想記事)

どうも!LSSです!! だいぶ前ですが、 ブラウザ上で遊べる15パズルを作っていました。 この15パズル、実は昔ブラウザゲームサイトをやってた頃にも作ってて、その頃にはこの「1~15の数字」で遊ぶものの他に、用意した画像を16分割してスライドさせて完成す…

ひっさびさに、はてなブログのサイドバーモジュールを追加してみた話

どうも!LSSです!! だいぶ久々に、このブログのサイドバーにモジュール追加してみました。 (PCで見るとサイドバーですが、スマホから見ている場合、一番下までスクロールするとみる事ができます) ↑こんなのを追加しました。 この「サイコロを振る」をク…

金太の大冒険

どうも!LSSです!! 「ぎなた読み」と言われる、言葉遊びがあります。 例えば、「ここではきものをぬぐこと」と書かれていた場合。 「ここでは、着物を脱ぐ事」とも解釈できますし、「ここで、履物を脱ぐ事」とも解釈できますね。 1975年 つボイノリオさん…

【ゲーム】CSSプロパティタイピングゲーム!【PC用】

クリックで開始します // '+ans.substr(0,csr)+''+ans.substr(csr,1)+''+ans.substr(csr+1)+'';} function rw(){rireki.innerHTML='文字数:'+mjc+'一文字あたりの秒数:'+Math.floor(1000*ttls/mjc)/1000+''+rtxt;} function nextans(){ans=tng[Math.floor(tn…

【JavaScript】文字数カウンタ

a // どうも!LSSです!! なんとなく、「改行を考慮しない文字数カウンタ」を作ってみました。 ↑の入力欄に文字を入れると都度、その下に文字数が表示されます。 全角文字でも半角文字でもスペースでも、1文字としてカウントされます。 改行はカウントしま…

【CSS】黒地に金文字・改【小ネタのさらに小ネタ】

背景をさらにちょっと凝ってみました。 どうも!LSSです!! ↑この間 投稿した、 というCSS小ネタですが、さらにちょっと付け足してみました。 小ネタのさらに小改変? コード ちょっとゴージャスな感じ? コード

今度はゼルダが復活!?

どうも!LSSです!! やー、かなりびっくりしました。 発売はまだ先ですが…この間、スーパーマリオのゲーム&ウォッチが出たかと思えば、今度は「ゼルダの伝説」だって!? ゲーム&ウォッチ ゼルダの伝説 ゼルダの伝説の思い出 リンクの冒険の思い出 まだ発…

【CSS】CSSシェイプ…なんてものが存在するのを初めて知りました

まさかこんな事が… CSSシェイプ…CSSで図形を定義できる!?吹き出しとか概念がガラッと変わりそう。 行数を増やすとその分 のびるのびるwこれ、なんか面白い事に使えるのかも?…と、とりあえずは吹き出しで試してみましたが。 どうも!LSSです!! CSSプロ…

【CSS】黒地に金文字【小ネタ】

どうも!LSSです!! ちょっとCSSでやってみたい事があったのですが、その過程で出来たものを晒してみます^^ 黒地に金文字 背景をちょっと凝ってみた版 やってみたかったのは、 黒地に金文字 黒地に金って映えるかな? コード

【JavaScript】もし、はてなブログ執筆中に電卓が必要になったら【ほぼ冗談】

どうも!LSSです!! あなたが はてなブログの記事編集中に、ちょっとした計算をする必要に迫られたとします。 PCでもスマホでも電卓アプリは入っていると思いますが、それを立ち上げるのも面倒くさい、リアル電卓を取り出すのも面倒くさい、そんな時にちょ…

一句献上(縦書きCSS)

今週のお題「575」 どうも!LSSです!! 久々に、はてなブログのお題記事を書いてみます! 一句献上 縦書きCSS もうちょっとだけ凝ってみました テキトーな句ですが 一句献上 しとしとと都市をしっとりひたす雨 縦書きCSS …といった感じで、575となると縦…

スパイダーマン、といえば?

どうも!LSSです!! ふと、唐突に思い出した「スパイダーマン」についてつらつらと書いてみます。 だんだんまともじゃない方向に向かいますので、そのつもりでw やっぱコレですよね! 米国アニメ版 日本ではこちらもお馴染み 近年になって制作された映画版…

シンプルすぎるHTMLファイルの骨組みテンプレートがダウンロードできます!

どうも!LSSです!! ちょっと手軽にHTMLやCSS、JavaScriptにSVGなどのテストをしたい時。 はてなブログにログインできる環境なら、下書きで試すのも手ですが、そうじゃない環境下でただしPCはある、という時。(かなり限定的ですね^^;) メモ帳などのテキス…

DVD衝動買い…!

どうも!LSSです!! 最近、Twitter上でちょっと、このネタに触れているツイートを見かけました。 映画ですが、公開当時「え!?マジで!!」と思ったものの、そういえばいまだに見た事がなかったな…と、Amazonで探してきて、ポチっちゃいました! 劇場版 仮…

【JavaScript】はてなブログ用 改段落削除ツール??【試供品】

// ))\n/g,''); smpl.innerHTML='表示例'+t2.value; t2.select(); } // ]]> どうも!LSSです!! 突然のテキスト入力欄で失礼^^; はてなブロガー向けに、「改段落削除ツール」を試しに作ってみました。 なお、HTML編集画面を開く必要があるため、PC専用とな…

大阪環状線

どうも!LSSです!! 恋の山手線について記事を書きましたが、じゃあ大阪環状線は?と、検索してみました。 大阪環状線は19駅 「恋の大阪環状線」はあるのか?w ドラマがあったらしー 大阪環状線は19駅 www.jorudan.co.jp 山手線が30駅あるのと比べるとだ…

SVGで折れ線グラフを描いてみた

どうも!LSSです!! かなーり以前にですが、 JavaScriptと<canvas>タグを使って、ブログ記事上に折れ線グラフを表示させてみた事があります。 <canvas>タグを使うと、その中にJavaScriptから自由に線を引いて画像としての表現ができるので、それをただの折れ線グラフに使う</canvas></canvas>…

恋の山手線

どうも!LSSです!! ふと、古い歌を思い出してしまいました。 ふと、というか連想の元は【ゲーム案】環状線制覇双六、なんてのを考えてみました【実験】だったのですが、思い出したついでにググってみると、新たに知った事もあったりして。 「恋の山手線」…

いよいよ来週発売ですね!

どうも!LSSです!! いよいよ来週、最終巻ですね。 2009年9月から連載されたそうなので、もう10年以上になりますか…。 進撃の巨人 34巻(最終巻) 何を書いてもネタバレになるような? 本編の話も楽しんでいましたが 進撃の巨人 34巻(最終巻) 進撃の巨…

【ゲーム案】環状線制覇双六、なんてのを考えてみました【実験】

どうも!LSSです!! ふと、双六ゲームのアイデアが浮かびました。 「山手線みたいな環状線を、双六の出た目の数だけ移動し、止まった駅を”制覇”したとして、全駅制覇したらゴール」 というゲーム。 このままだと完全にただの運ゲーなので、実際にゲームとし…

任天堂スイッチ、ソフト買わなくてもなかなか遊べますね

どうも!LSSです!! 先月の話になりますが…運よく?お目当てのソフトの発売日を迎える前に、任天堂スイッチを入手しました。 …で、目的のソフト、ファミコン探偵倶楽部も速攻でクリアしたのですが、発売待ちの間とクリア後に、ネット接続したスイッチで「ニ…

【JavaScript】テキストアドベンチャーゲームのシステムを作りかけてみました

どうも!LSSです!! 先日、このブログに という記事を書きました。 で、考えていたんですが、 「容易にシステムとなるスクリプトをコピペできて、誰でもカンタンに項目を増やせるようなWebゲームブックシステムを公開したら…誰かゲームブック作ってくれない…