2020/10/25 23:30

ドローンを持って山に登る！

どうも！LSSです！！今日は、布引の滝と展望台に行ってきました。 ↓この時以来ですねｗ little-strange.hatenablog.com 去年と違うのは今回もここから始まります！登山中の写真布引の滝・雄滝も少し登ると展望台！初めての山ドローン空撮！周りの声家を出てから帰宅まで１時間半ほど去年と違うのは今年はドローン持参です！ https://amzn.to/2IkKCxX あわよくば、展望台や滝の様子を空撮したい！という欲のためのお出かけですｗ今回もここから始まります！ちょっと分かり辛い角度ですが、正面にあるのが新神戸駅です。吉野家で腹ごしらえして、店を出た…
2020/10/24 23:46

【CSS】gridレイアウトの列数をJavaScriptから制御

どうも！LSSです！！ JavaScriptからCSSのプロパティを色々制御する事ができますが、gridレイアウトの設定についての制御（列数とか）が調べてもなかなか情報に行き当たりませんでした^^; とりあえず成功したので、ここに書いておきます！ gridレイアウトのおさらい列数をJavaScriptから制御するには？意外とこの情報が見つかりませんでした^^; JavaScriptで指定できると何が嬉しいのか？ gridレイアウトのおさらい 1 2 3 4 5 コード <div style="display: grid; grid-template-columns: repeat(3,50…
2020/10/23 23:48

もうすぐ日付が変わる、って時に書くブログｗ

どうも！LSSです！！今、23：42です。一応、毎日投稿を継続している（ズルした事はありますがｗ）のですが、さくっと書けるネタがなく…^^; 温めてるけどまだ書けないネタは、こんな感じマインスイーパーの話と制作ドローンで紅葉を空撮したい Dr."ピー"ニスの絵昔、作曲したもの公開昔、描いた漫画の公開（発掘できるかも不明ｗ）その他もろもろまぁ、あれですね。記事ストックなしに連日更新はやはり難しいか^^;と、改めて思いましたｗってなとこで、今回はこのへんで！次回もまた、よろしくお願いします^^
2020/10/22 23:53

海外SF「輪廻の蛇」ロバート・A・ハインライン

どうも！LSSです！！男性が「おれがまだ娘だった頃…」と語りだす、もうそれだけで「？？？」となってしまうネタ。いくつかの漫画で見かけましたが、今回はその元ネタの紹介記事です。輪廻の蛇あらすじタイムパラドックスの傑作！話の構成が凄い、そのわりに… 輪廻の蛇輪廻の蛇 (ハヤカワ文庫SF) 作者:ロバート・A. ハインライン発売日: 2015/01/23 メディア: 文庫普段、あまり海外SFを読む習慣はないのですが、愛読している漫画家さんの日記漫画に出ていたので、読んでみました。あらすじとあるバーのバーテンダー視点で描かれた話です。ある日、そこに来た男性客が「俺ほど変わった出…
2020/10/21 23:55

【駄文】ふと、むしょうにあるキャラの絵を描きたくなり…【画像はありません】

どうも！LSSです！！ …ふと、むしょうにとあるキャラの絵を描きたくなりました。そのキャラとは… Dr."ピー"ニス！！「誰それ？」って？ｗ自作小説：４時のニュース自作小説：ハラキリ侍がゆく自作小説：Dr.”ピー”ニスの悩み相談室自作小説：６年”ピー”組吉賀先生「第一回～吉賀先生、参上！！～」自作小説：６年”ピー”組吉賀先生「第二回～歪んだ関係～」という、自作小説のうちでもかなり狂気をはらんだ連作に登場するキャラクターの一人です。この連作に登場する登場人物たち、ほとんど外見についての表現がありませんが、"ピー"ニスだけは、ちょっと変わった男で、言葉使いに妙ななまりが…
2020/10/20 22:53

【HTML5】画像ファイルへのリンクを「表示」じゃなく「ダウンロード」する方法【でも、はてなブログでは無理っぽい】

どうも！LSSです！！このブログでも、これまで、HTML・CSS・JavaScriptについて色々記事を書いてきました。が、LSSがそれらを学んだのは20年以上前の、まだHTML4.0の時代で、ブログを始めてからちょこちょこと学び直してはアウトプットしてる、といった感じなんですね。まぁたいして違いはないだろう、と（CSSはめっちゃ進歩してるようですが）思いつつ、かつてのHTML4.0時代の認識を持っていると、どうも今の「HTML5」には4.0時代の常識を覆すような仕様が実現されていたりするみたいです！！今日の記事は、その一例となります。まるいの画像ファイルへの通常のリンク今までの…
2020/10/19 23:49

ふと、皆さんに聞いてみたくなった事

どうも！LSSです！！まったく唐突なんですが、ちょっと聞いてみたい事が出てきました。「人に見せる・見せない」は別として、皆さんこれまでの人生の中で「漫画」または「小説」を書いた事はありますか？この場合、レベルの高低は問いません。漫画なら落書きレベルでも。小説なら数行程度の作り話でも。 LSSの場合は、漫画小学生の頃に、疑似部活動のような感じで「漫画クラブ」に所属し、ことわざをメインのネタにした４コマ程度の漫画。高校生の頃に、ノートの端に落書きレベルの多数の作品を描いてました。小説小学生の頃に、国語の授業で「小説を書こう」というのがあり、設定だけ考えましたが文章はさっぱり書か…
2020/10/18 23:39

屋外ドローンデビュー、してきました^^

どうも！LSSです！！昨日の記事にも書きましたが、近所の公園とかは人口密集地域になるので、ドローンの練習ができません^^; うちから近いところでいうと、新神戸駅から山に入ると解禁エリアで、ちょっと登ると練習できそうなポイント（展望台）や、撮影しがいのありそうな滝もあります。んじゃ、そこ行こうかな、って考えてましたが…。もうひとつ選択肢を見つけました！おや？電車料金が… 谷上駅、駅前風景ドローンを組み立てます飛ばしてみました！お昼は「北海道産帆立のバター醤油焼き丼」腹ごしらえ完了！したところで、もちっと練習帰宅後、動画のサイズを落としてTwitterに投稿！色々まとめ録画に…
2020/10/17 22:02

ドローンお試し中！

どうも！LSSです！！昨日に続き、ドローンに関する設定・練習とかの話です。 https://amzn.to/2IkKCxX 飛行可能場所の確認撮影について WiFi接続について前から思っていた疑問というわけで今回はじめて翌日、ネットでWiFiカメラ接続についてググってみました同じく最近ポチったタブレット登場！アプリ操作については手探りその他、感じた事飛行可能場所の確認ざっとググってみました。簡単にまとめると、昼間である事目視可能な範囲高さ150m以下私有地でない事人口密集地域でない事を守っていたらOKみたいです。最後の「人口密集地域」がどう定義されているかと…
2020/10/16 23:55

ドローン、到着！（まだ写真はありません）

どうも！LSSです！！先日、Amazonプライムデーに「もともと割と安めなドローンを32%オフで購入」した話を書きました。購入したのは、 https://amzn.to/2IkKCxX ↑こちらの商品！これが昨日（10/15）に届きました^^ そんで、帰宅後に充電して、とりあえず（家の中で）ちょっと動かしてみました！パッケージの中には初日、とりあえずは… コントローラについてドローンのセンサーが正常判定していた場合の話話を戻して、起動の話パッケージの中には一番大きいのがコントローラ。羽根が畳まれた本体。バッテリ。意外と分厚いマニュアル（ただし、複数言語に対応しているからで日本…
2020/10/15 22:34

【CSS】マウスカーソルで枠線の太さが変わる演出！【outlineの有効活用！？】

どうも！LSSです！！昨日の記事、で、 border と outline の違いを試してみました。記事にしておきながら、書いてる自分も試しながら書いていたので、ことさら「読んでもよく分からない」内容だったかと思います^^; 一応、自分では理解したつもりで、outlineの有効活用方法を思いついたので、今回はそんな記事です！せっかくなので「コピペで使えるCSSサンプル」記事として挙げてみます^^ マウスカーソルを乗せると枠が太くなりますサンプルコードコード解説ここから、またborderとoutlineの違いの話あとがきマウスカーソルを乗せると枠が太くなりますサンプル ↓のど…
2020/10/14 23:32

【CSS】borderによく似た、outlineというCSSプロパティを試してみます【実験】

どうも！LSSです！！以前からちょっと気になっていたCSSプロパティ「outline」を試してみます。これまでもよく使ってきた「border」とよく似ていますが、ちょっと違う？らしく、本の説明を見てもイマイチよく分からないものでｗそういう時は、試してみるに限りますね^^ ちなみに手元の本には、「borderは線の太さの分、要素が大きくなり、レイアウトに影響」「outlineは線を引いても要素の大きさは変わらず、レイアウトも変わらない」てな事が書かれています。まずはテスト用のボックスを用意します borderを装飾用にしてみます borderをoutlineに変えてみます borderと…
2020/10/13 20:40

Amazonプライムデー！にポチっちゃったモノ

どうも！LSSです！！今日、10/13から明日10/14にかけて「Amazonプライムデー」！！ …というお祭りをやってるみたいですね。 TwitterではAmazonのプロモーションに加え、Amazonアソシエイトしてる方が色々ツイートされていて、お祭り感でてます^^ Amazonプライムデーって？本日の本題は買ったほうの話唐突に昔を思い出す勢いポチ、だったので Amazonプライムデーって？ひらたくいうと、Amazonプライム会員限定で、様々な商品が大きく割引されて購入できる２日間です。自分もちょっと↓ツイートしてみました。 https://t.co/T0zcyHPnppPri…
2020/10/12 23:30

妄想マネタイズ

どうも！LSSです！！ブログを始めてから一年が経過し、もうすぐ「記念日」からも一年を迎えようとする今日この頃。びっくりするほど、じゃなくても、マネタイズに成功されている同期の方も見られますが、失望してブログ運営を辞めていく方も多く見られます。ブログでのマネタイズは、じっくりと種まきが必要で、短期で成功する方もおられますが「焦らない」事が重要だなぁ、と思ったり。自分の場合、まだどうも気持ちの中にマネタイズへの抵抗があるようです^^; だもんで、時折、例え当初の考えとは別の形ででも「完全放置の金の生る木」の事を考えたりもするのですｗ別途サーバを借りて、ブラウザゲームサイトでもやるかｗあ…
2020/10/11 22:45

【Amazon】以前、購入した商品のその後【タブレット・スマートウォッチ・DVD】

どうも！LSSです！！以前、ブログに「購入した直後」または「ポチった」商品について書き、そのままになっていましたが、今回はそれらのその後について記事にしてみます。激安Androidタブレットスマートウォッチ価格通知防水性能秒表示電池の持ち DVD「WITHOUT A CLUE」あとがき激安Androidタブレット little-strange.hatenablog.com ↑の記事にて「買いました」報告をしていたAndroidタブレット。 Pritomタブレット 10.1インチ Android 9.0 ROM 32GBメモリクアッドコアプロセッサWiFi デュアルカメラ日本…
2020/10/10 23:07

【CSS】たたっ斬る！の色を変えてみる

どうも！LSSです！！昨日の記事は、左右に配置した黒が分れていく、というものでしたが、ちょっと色を変えて試してみます。フランス国旗風サンプルフランス国旗風グラデなし失敗例あとがきフランス国旗風サンプルフランス国旗風コード <style><!--.fr1{border:5px inset gray;background-color:white;background-repeat:no-repeat;background-image:linear-gradient(150deg,blue 50%,transparent 60%),linear-gradient(150deg,tr…
2020/10/09 23:17

【CSS】たたっ斬る！！【小ネタ】

どうも！LSSです！！さて、昨日に続き、今日もCSS小ネタ。またtransitionを使った小ネタを思いついたので、やってみます！一言でいうと「ズバァッッッ！！」って感じですｗたたっ斬る！！サンプルコードコード解説全体的な構造たたっ斬りを表現するための画像イメージ複数のlinear-gradientを重ねて表示 background-positionで、それぞれ位置指定 transitionを書くだけで勝手にアニメ化！ちょっとグラデ内容に変化をつけてみましたあとがきたたっ斬る！！サンプル ↓の黒いバーに、マウスカーソル（スマホの人は指）を乗せてみてください^^ 斬られ役…
2020/10/08 23:11

【CSS】transitionで光が斜めに横切るバーを作ってみました【小ネタ】

どうも！LSSです！！ちょっと久々に、CSSネタいってみます！サンプルコードざっくりコード解説光のデザインカーソルを乗せると光が移動する仕組みあとがきサンプル ↓こんなのを作ってみました。こういうバーで、マウスカーソルをのせると黄緑色のバーにマウスカーソルを（スマホの人は指を）乗せてみてください。コード <style><!--.hoveranm{border-radius:15px;border:10px outset greenyellow;padding:5px;background-color:yellowgreen;font-weight:bold;color:w…
2020/10/07 23:48

なぜかDVD化されていない名（迷？）作映画

どうも！LSSです！！ある一本の映画。それを知ったのはかなり前ですが、まだVHSデッキ（ビデオですね）を使っていた頃にVHSソフトを購入したほど好きでしたが、「どういうわけか未だにDVD化されていない」お気に入りの名作映画があります。迷探偵シャーロックホームズ最後の冒険イギリスのコメディ映画ですモリアーティも出てきますよ^^ 全編コメディですがこっそりと… ホームズ贋作のなかで一番好きかも！迷探偵シャーロックホームズ最後の冒険 ↓のように、VHSは販売されていますが、何故かDVDは発売されていません。迷探偵シャーロック・ホームズ [VHS] 発売日: 1990/10/26 メディ…
2020/10/06 23:45

【JavaScript】同じ記事なのに内容が変わる、種あかし

どうも！LSSです！！先日、ここで公開したブラウザゲーム、最大のポイントは「同じ記事なのにコメント欄のリンクから入ると違う迷路になる」というところでした。普通ならサーバ側でのプログラムで内容を書き換えるところを、そういった事ができない、はてなブログの記事でやってるところがミソですねｗ今回はその種明かしの話になります！ URLについて URLの中に半角の「?」が含まれていた場合 JavaScriptのlocation.search 文字列は結構長くてもOKですが、これをブラウザゲームに使うのは URLについてあのゲームの記事のURLは、 https://little-strange.…
2020/10/05 22:50

【まいくらにっき　番外編】スマブラにマインクラフトが参戦！？

どうも！LSSです！！相変わらず、マインクラフト統合版で遊んでいます^^ YouTubeにも数多くのプレイ実況動画があげられていて、アップデートによるシステム変更で出来るようになった事や出来なくなってしまった事などの情報を得ていますが、そんな中、マイクラ以外のところで驚きの発表がありました！大乱闘スマッシュブラザーズそれで今回なんと！「スマブラにマイクラが参戦！？」すでに結構詳しい公式情報動画が！未だスイッチは入手困難で大乱闘スマッシュブラザーズマリオやリンク、カービィなどの任天堂が所有するキャラによる格闘ゲーム、「大乱闘スマッシュブラザーズ」これも結構、息が長くシリーズが続い…
2020/10/04 22:19

１０進数と２進数と１６進数の話　and more…

どうも！LSSです！！今日は、数の話をします。まずは１０進数の話から０（ゼロ）も仲間に入れてあげて！１桁の数字は１０種類ある！１０進数とはもしも、１０じゃなかったら…？２進数。０と１以外の数字使用禁止ルール２進数って必要？１６進数、なんていうのもありますなんとか進数、の「なんとか」の部分が大きいほど… というような記事をまずは１０進数の話から小学校にあがる前か、その後ぐらいに、「すうじ」について皆さん覚えられたかと思います。今日の話はまず、そのおさらいから始まります。１（いち）、２（に）、３（さん）、４（よん）、５（ご）、６（ろく）、７（なな）、８（はち）、９（きゅ…
2020/10/03 23:47

パラレル迷路【完成版】

どうも！LSSです！！以前、プレビュー版を公開していました「パラレル迷路」、完成しました！パラレル迷路【完成版】遊び方エディットモードエディットのコツパラレル迷路【完成版】 // '; } gamen.innerHTML=txt; for(i=0;i最初から' + 'エディットモード'; document.getElementById('bts').addEventListener('click',cbts,false); document.getElementById('bte').addEventListener('click',cbte,false); //データ設定 zc=…
2020/10/02 07:00

パラレル迷路（プレビュー版）

どうも！LSSです！！ JavaScriptで奇妙な迷路ゲームを作りました。ちょっと奇妙すぎて訳わかる？わからん？も自分では判断できないｗので、まだゴールエフェクトも用意していませんが、ちょっと遊んでみて欲しくて仮公開しちゃいますｗパラレル迷路（プレビュー版）遊び方パラレルワールド、って時点で未実装の要素パラレル迷路（プレビュー版） // '; } gamen.innerHTML=txt; for(i=0;i0){bdb=bdb.substr(0,z*20+y*5+x-5)+'0'+bdb.substr(z*20+y*5+x-4);g_init();}} function fbdo…
2020/10/01 23:39

【JavaScript】addEventListener と連想配列の使用例

どうも！LSSです！！昨日の記事、「なるほど、こうなるんだ」ってだけの話でしたが、いただいたコメントの中に、なる(id:narutabi) おお！これだと例えばC1を選んだあなたは…とかも出来ちゃうのでしょうか…！あなたは食いしん坊です！とか！( ﾟДﾟ) 421miyako(id:m421miyako) 各数字をクリックして別の答えが出るのは難しいんですよね？たぶん。と仕掛けに興味を持っていただいたものがありましたので、少し手を加えて「応用しやすい形」のものを作ってみました！連想配列で文字列を好き勝手に扱ってみますコード改変について連想配列についてあとがき連想配列で文字列…
2020/09/30 23:57

【JavaScript】addEventListener、ユーザーはどれをクリックした？

どうも！LSSです！！ちょっとまたJavaScriptで作り始めたものがあって（完成までまだ少しかかりそう）、それを作ってる時に気づいた事があったので、ここに記しておきます。サンプルコードコード失敗例（動作しません） addEventListenerで呼び出す関数は引数を指定できませんイベントオブジェクトから発生元要素のIDを取り出すあとがきサンプル以下のいずれかをクリックしてみてください。 c1 c2 c3 // コード <div id="c1">c1</div><div id="c2">c2</div><div id="c3">c3</div><div id="gamen"…
2020/09/29 22:41

【妄想記事】RPG幻想

どうも！LSSです！！今回は、昔から温めるだけ温めていたRPG案を「もういいや」と吐き出してしまう記事になりますｗ（以下、３つほどあげますが別々のもの、と思ってください）蘇生しないRPG 主人公は「妖刀」バトルロイヤルな戦闘ヴァンパイアの伝説あとがき蘇生しないRPG 昔、RPGに対して世間で言われていた「死んでも生き返るのおかしくない？」という問い。確かにそうですが、実際もしゲームが「死んだらそれまで」だったら、長い時間をかけて成長して冒険するRPG、イチからやり直すのも厳しいし、死ぬのを恐れて冒険できなくても本末転倒ですね。ただし有名作品に、蘇生魔法はあるが２連続で確率失敗…
2020/09/28 23:32

【はてなブログ】機能紹介記事・CSSカスタマイズ記事　まとめ

どうも！LSSです！！結構、間があいてしまったのですが、に続く「まとめ記事第三弾」！！はてなブログの機能の使い方やCSSカスタマイズについて、これまで書いた記事をまとめてみました。なお、この「まとめシリーズ」はにいただいたコメントが発端となっています^^ はてなブログで出来る事紹介編はてなブログCSSカスタマイズ編コメント欄CSSカスタマイズ編あとがきはてなブログで出来る事紹介編はてなブログの機能を紹介したり、ちょっとした「こうすればできる」を紹介した記事です。予想外のつまづき（動画について）はてなブログに動画を貼ろうとして（YouTubeやTwitterなど、はてな…
2020/09/27 23:36

【日記】ミスった…。

どうも！LSSです！！おとといの晩だったかな？に、Amazonで２つばかり商品をポチりました。ポチった商品その１ Androidタブレットポチった商品その２スマートウォッチ記事タイトル「ミスった…。」は… ポチった商品その１ Androidタブレット Pritomタブレット 10.1インチ Android 9.0 ROM 32GBメモリクアッドコアプロセッサWiFi デュアルカメラ日本語取扱説明書（ブラック）メディア: なぜか、なんとなくタブレットが欲しくなり（明確な用途は決まってないのにｗ）、かといって資金にそれほど余裕があるわけでもないので、「使えてかなり安い」ところを見つけて…
2020/09/26 23:09

【JavaScript】WebStorageを試してみます

どうも！LSSです！！今回はJavaScriptでWebStorageというものを試してみます。 WebStorage使用例 WebStorageって？今回のサンプルのコードまとめると、活用例 WebStorage使用例 // ↑とりあえず簡単な使用例として、カウンタにしてみました。今、この記事を読んでいるあなたが、そのブラウザでこの記事をみた回数が表示されているはずです。（初回は１） WebStorageって？ Webページを開いているブラウザごとに、その端末（PCとかスマホとか）にJavaScriptから文字データを書き込んだり（セーブする、という認識が分かりやすいかと思います）…