searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

cancel
プロフィール
PROFILE

LSSさんのプロフィール

住所
未設定
出身
未設定

自由文未設定

ブログタイトル
LittleStrangeSoftware
ブログURL
https://little-strange.hatenablog.com/
ブログ紹介文
かつてプログラミングをかじった事がある程度の初心者が、kotlinでAndroidアプリ開発を志す様子をしたためたブログです。 同じ志を持つ方には何かの参考になれば、かつて初心者だった上級者の方には微笑ましく見守っていただければ幸いです!
更新頻度(1年)

344回 / 336日(平均7.2回/週)

ブログ村参加:2019/10/18

本日のランキング(IN)
読者になる

新機能の「ブログリーダー」を活用して、LSSさんの読者になりませんか?

ハンドル名
LSSさん
ブログタイトル
LittleStrangeSoftware
更新頻度
344回 / 336日(平均7.2回/週)
読者になる
LittleStrangeSoftware

LSSさんの新着記事

1件〜30件

  • 【JavaScript】マウス操作による「イベント座標」とりあえず比較してみた【実験】

    どうも!LSSです!! ※本日の記事のスクリプトは、スマホとIEを対象外としています。すみません^^; 先日の記事、 little-strange.hatenablog.com で、「クリックした時のマウスカーソルの位置から花火が打ち上がる」というのを作ってみました。 位置の指定にはposition:absolute;left:横位置px;top:縦位置px; という指定を用い、クリック位置の取得は イベントオブジェクト.pageX と イベントオブジェクト.pageY の数値を使う事で、PC用表示でもスマホ表示でも正しい位置から打ち上がるものが出来ましたが、このpageXとpageYの他にも…

  • ウルトラマン(初代)について考える

    どうも!LSSです!! 昨日の記事、「とりとめもない雑記」の中で、ウルトラマン(初代)の話を少し出しましたが、書き足りないところがあるので、もちっと書きますw 名作中の名作、現在もシリーズ続編が放映されているという凄い作品なので、今更感もあるかもですが、不幸にして見ていない、あるいは見ていたハズだけどだいたい忘れた!という方向けの記事となります。 ウルトラマンとハヤタの出会い おいしい話には裏がある?? 最終回で明かされる驚愕の真実! それでも度重なる災害に対応してくれたヒーロー 個人的にオススメしたいDVD ウルトラマンとハヤタの出会い まず、地球人類に「科学特捜隊」という組織があります。 …

  • とりとめもない雑記

    どうも!LSSです!! もう9月も半分過ぎようとしてるんですねぇ。 8月終わってから凄く早いような?? スマホが「一年前の今日」の写真を見ろ、と 完全同期! 突然、昔遊んだゲームソフトに思いを馳せる スマホが「一年前の今日」の写真を見ろ、と 通知してきましたw なんだ?と思って見てみると、アレです。 little-strange.hatenablog.com ↑この記事用に撮った写真でしたw 普段あまり写真を撮らないので、珍しく撮った写真がスマホに入ってるとそんな通知を受けて「なにごと!?」ってなりますねw あと、はてなブログの「こよみモード」の画面でも「一年前の今日」の記事を見るように言って…

  • 【CSS・JavaScript】花火その4 クリックで打ち上げる連続花火

    どうも!LSSです!! 以前、記事内で花火を打ち上げるようなものを作りました。 little-strange.hatenablog.com 今回はそれの改変で「訪問した読者さんが好きな位置で打ち上げる事ができる花火」を作ってみました^^ 前回までのコードはJavaScript不使用でしたが、今回はJavaScriptを使用しています。 遊び方 コード 一部解説 最後に 遊び方 画面上の何もないところを適当にあちこちクリックまたはタップしてみてください。 そこから花火が打ち上げられます。 同時に最大10発まで打ち上げる事ができます!! // '; } gamen.innerHTML=txt; f…

  • ブログ一周め、クリアです!

    どうも!LSSです!! 本日9/13、ブログ開設から1年め最後の日を迎えました^^ 1年経過しての概要はこんな感じ 最初から迷走しているw 現在も絶賛迷走中です!! 1年経過しての概要はこんな感じ うるう日を含めて、かつ本日投稿済なので「ブログ投稿日数」「連続投稿日数」が366日になっています。 1年目終了間際になって、急におかしなシリーズを始めたものだから、読者登録減るかも??と思っていましたが、幸いにしてそんな事もなく。 しかも「コメントしづらそうなネタ」と書いてる自分が思うような記事にも多数コメントいただきました^^ 最初から迷走しているw これが、1年前の最初の記事でした。 が、2つめ…

  • 自作小説:6年”ピー”組 吉賀先生「第二回 ~歪んだ関係~」

    どうも!LSSです!! 早いもので、この「20年以上前に書いたおかしなシリーズ」も今回で最終回となります! これまでも時折 読み返していましたが、改めて公開するとなるとやっぱり「よくこんなもの書けたな」と、肯定的な意味でも否定的な意味でも思いますねwww タガというか、自分で自分に無意識のうちにかけている制約?その全てを外しきれてはいませんが、今の自分に書ける気はしないですね。 まえがき 6年”ピー”組 吉賀先生 第二回 歪んだ関係 あとがき まえがき 4時のニュース ハラキリ侍がゆく Dr.”ピー”ニスの悩み相談室 6年”ピー”組 吉賀先生「第一回 ~吉賀先生、参上!!~」 と続けてきました…

  • 自作小説:6年”ピー”組 吉賀先生「第一回 ~吉賀先生、参上!!~」

    どうも!LSSです!! 20年ほど前に書いていた小説のようなもの、の中でもぶっ飛んでいたシリーズを続けざまに公開しています。 まえがき 6年”ピー”組 吉賀先生 第一回 ~吉賀先生、参上!!~ あとがき まえがき シリーズ4作目となります。 ここまで結構、下ネタ込みの話がありましたが、今回は下ネタのみならず「ちょっとアレ」かもです^^; (当時、書ききれなくなり、あからさまにごまかしている部分もあるのが自分で笑えましたw) 6年”ピー”組 吉賀先生 この時間は、『Dr.”ピー”ニスの悩み相談室』をお送りする予定でしたが、出演者急死の為、ドラマを放送します。 第一回 ~吉賀先生、参上!!~ この…

  • 自作小説:Dr.”ピー”ニスの悩み相談室

    どうも!LSSです!! この謎なシリーズも3回目となりました!20数年前に書いたもののうちでも、特にタガの外れたシリーズとなります。 まえがき Dr.”ピー”ニスの悩み相談室 あとがき まえがき 自作小説:4時のニュース - Little Strange Software 自作小説:ハラキリ侍がゆく - Little Strange Software の続きで、一部ネタの継承があるので未読の方はあわせてご確認ください…というほどのものではありませんw Dr.”ピー”ニスの悩み相談室 ぶっちゃか、ぶっちゃか、ぶっちゃかちゃんちゃん、ぱらっぱらっぱらっ、ちゃらららちゃらりら、どぅ~んどぅ~んどぅっ…

  • 自作小説:ハラキリ侍がゆく

    どうも!LSSです!! 昨日の4時のニュースに続き、シリーズ第二回となる小説を公開します! まえがき ハラキリ侍がゆく 第一回 ~暁に腹を切る~ あとがき まえがき 時代劇風小説、と言っていいのか?「ハラキリ侍がゆく」というイカれたタイトルだけが先にあって、それに合わせて中身を書いたようなものになります。 そういえば、昔、とある格闘ゲームの必殺技に「キャラクターが切腹して、血しぶきを相手にヒットさせてダメージ」という、これまたイカれたものがありましたねw …それに比べたらまだ今作はかわいいもの…なのかも?? ハラキリ侍がゆく 第一回 ~暁に腹を切る~ 時は江戸末期。江戸の御城下に、「紅寿屋」と…

  • 自作小説:4時のニュース

    どうも!LSSです!! …これを、はてなブログで公開すべきか…よそで公開してリンクを張るか、とかかなりながらく迷っていましたが…ある意味、公開済みの「魔女っ子マキちゃん」よりマシか?とも思い、思い切って公開します。 また、シリーズになっており、「全5回」となっています。 続けて5日間、このシリーズを記事とするか、間を開けながらたまに書いていくか、まだ決めかねていますが、CSS等の有用な(?)記事を求めて見ていただいている方は「5日程度のお休みをいただく」事になるかも?と思っていただくのがいいかも知れませんw まえがき 4時のニュース あとがき まえがき 20代の頃に書いていたものになります。 …

  • 無料レンタルサーバの話

    どうも!LSSです!! 今、このブログ上でHTML・CSS・JavaScriptに触れて色々試みています。 20年近く前にも、個人サイトを作るのが流行った頃に手を出して色々やってましたが、その頃、「無料レンタルサーバ」が多数乱立していました。 もちろん今も無料レンタルサーバはありますが、昔と比べてどのぐらい変わったのかな?と、少し検索してみました。 まず昔の思い出話から FTP不可の無料レンタルサーバ FTP可の無料レンタルサーバ どちらにも共通しているのは、広告がつくところ ちょっと面白いところで、FTP不可・FTP可の両面を持ったサービスも 今の無料レンタルサーバ 今の無料レンタルサーバ、…

  • 【CSS】ナンバリング箇条書き装飾サンプル集

    どうも!LSSです!! 【CSS】ナンバリング箇条書き、色付き背景に成功しました!【olタグ装飾】 つまづきの記録。ナンバリングの背景を色付き円に…できなかった話^^; 【CSS】ナンバリング付きの箇条書き、ナンバー部分に背景色を付けてみます 【CSS】箇条書きのドットに色をつける【list-style-image】 …と、同じような事を続けてやってきましたが、今回は「まとめ」として使い甲斐のありそうな?ものを5種類並べてみます^^ 光を入れて、珠っぽく 色数を増やしてみました 四角もちょっと凝ってみます 星+text-shadow はぁと型もいけますね^^ 光を入れて、珠っぽく 4時のニュー…

  • 【CSS】ナンバリング箇条書き、色付き背景に成功しました!【olタグ装飾】

    どうも!LSSです!! いやぁ、昨日は結局うまくいかなかったんですが、記事投稿後に思いついた事があって、試してみたら(一応)できました!! ↓うまくいかなかった昨日の記事w little-strange.hatenablog.com ナンバリングの背景に色付きの丸 サンプル コード コード解説 難点 アレンジ サンプル コード あとがき ナンバリングの背景に色付きの丸 サンプル 4時のニュース ハラキリ侍が行く! Dr.”ピー”ニスの悩み相談室 6年”ピー”組 吉賀先生 コード <style><!--.olmaru {position:relative;}.olmaru li{list-sty…

  • つまづきの記録。ナンバリングの背景を色付き円に…できなかった話^^;

    どうも!LSSです!! 先日の記事、 little-strange.hatenablog.com のコメント欄にて、 さじ(id:conasaji) 今度はナンバリングの方なんですね。オリジナルな使い方が膨らみそうですね!ちなみに丸の形には。。?(笑) とのコメントをいただきました。 さじ様、ありがとうございます^^ で…試みてはみたんです…けどね^^; 単純にradial-gradientにしてみた例 before要素とborderを使ってみた例 position:absoluteを外してみた例 after要素にしてみた例 最初のやつのサイズ調整してみた例 円の中心位置をズラしてみた例 結局…

  • 小学生の頃に作った「紙テレビ」

    どうも!LSSです!! パソコン・スマホもすっかり普及し、かなりの種類の娯楽がデジタルで楽しめる昨今ですが、自分とて昭和生まれのおっさん。 子どもの頃にはさっぱりでした。(物心ついた時にはもうパソコンがある今のお子様がちょっと羨ましいw) ふと、そんなパソコンやスマホが無かった頃に、自分のやってた遊びを思い出して書いてみます。 材料・道具 材料 道具 作り方 完成品が面白いかどうかは… 材料・道具 材料 A4コピー用紙 1枚 道具 はさみ または カッターナイフ セロテープ 筆記具 作り方 まず、A4用紙を細長く切ります。(1~2本程度)なるべく幅が均一になるようにします。 細長く切った紙をテ…

  • 【CSS】ナンバリング付きの箇条書き、ナンバー部分に背景色を付けてみます

    どうも!LSSです!! 昨日の記事、 little-strange.hatenablog.com にて、その前にいただいたコメントを元に「箇条書き」のマーカーの装飾を試みてみました。 するとその記事に、 あとか(id:c089818) 仕事早っ!さすがです。ナンバリングもカラフルとか、カッコよくできるのでしょうか?①②③とかの方です。😄私自身のセンスと想像力が足りなくて、「カッコ良い」とかいう陳腐なイメージですが。。。 とのコメントをいただきました! あとか様、ありがとうございます^^ 昨日の方法は、マーカーを画像に置き換えてしまう方法でしたので、マーカーをナンバリングにする指定とは排他になっ…

  • 【CSS】箇条書きのドットに色をつける【list-style-image】

    どうも!LSSです!! 昨日の記事、 のコメント欄に、 なる(id:narutabi) ドットを箇条書きの前に色でつくるとかも勿論可能ですかね?LSSさんの記事をみてると想像力が膨らみます(#^^#) とのコメントをいただきました。 なる様、ありがとうございます^^ というわけで、今回は「箇条書きのドットに色をつける」方法を試してみたいと思います!! まず、「箇条書き」とは 箇条書きのHTMLコード CSSで色をつけてみます! list-style-image について マークを色付きの丸にするには? とても残念なことに… 応用篇 45degの角度で2色使ってみた例 謎のマーク 円の中心位置を…

  • 【CSS】background-sizeとbackground-positionを使うとドット絵が描けちゃいます!【極端な例】

    どうも!LSSです!! だいぶ前の記事ですが、 で使用した、background-sizeとbackground-positionというプロパティの自由度の高さを確認してみます! CSSでドット絵が描けます! まず枠を作ります ドットをひとつ置いてみます 小さすぎて分かりにくいので、大きくしてみます ここで ちょっと解説 その1 background-image: linear-gradient(red,red); background-size: 5px 5px; background-position: 25px 25px; background-repeat: no-repeat; 2つ…

  • 【駄文】書ける気がしない推理小説の設定を考えてみた

    どうも!LSSです!! 以前、こんな記事を書きました。 【駄文】こんな推理小説が書きたい!【と思っているけど多分書けない】 「へっぽこ探偵の事件簿(仮)」記事中にも書いた通り「書ける気がしない」のですが、なのになんか設定を考えてしまったので、ちょっとそれだけ書いてみます。 主人公 平 保孝(たいら やすたか) レギュラーキャラ 新阪 忍(にいざか しのぶ) あらすじ っていう、 主人公 平 保孝(たいら やすたか) 物語の主人公。職業:探偵。 大手探偵事務所に勤めていたが、クビになったのを機に独立し、事務所を設立する。 レギュラーキャラ 新阪 忍(にいざか しのぶ) 物好きにも、平探偵事務所に…

  • 【しつこい?】昨日に続き中古ノートPCの話【どうにも気になる一品】

    どうも!LSSです!! 昨日、 でAmazonアソシエイト(いわゆるアフィリエイト)バリバリの記事を書きましたが、そのもう少し先に、気になる一品を見かけました。 タッチパネル搭載機種 タッチパネル搭載機種が気になる理由 で、PCでAndroidの起動も当時試してみたんですが それは未だ未確認なのですが^^; タッチパネル搭載機種 【Microsoft Office 2016搭載】【SSD256GB】【Win 10搭載】Panasonic Let'snote CF-AX2 ■ Core i5-3437U/8GB/SSD 256GB/タッチパネル/Windows10Pro64bit搭載 メディア:…

  • 【Amazon】独自基準でお安い中古ノートPCを探してみる【買わないけどw】

    どうも!LSSです!! 最近(ここ数年)スマホユーザーが爆発的に増えていると同時に、パソコン離れが加速している、とも言われていますね。 ブログを書くなら、絶対的にPCの方が書きやすいと思うのですが、パソコンを使った事がない人はもしかすると「パソコンって10~20万ぐらいするもので、なかなか手が出せない(からスマホで十分)」と思ってる方も多いんじゃないかな?と。 というわけで、今回は「中古だけどそこそこ使えそうで、かなり安く手に入るPC」をAmazonから探してみました!! 独自基準 検索時点での最安値はこちら! 次に安かったのがこちら! 3つめ やっとSSD搭載機種! 4つめ Microsof…

  • 【JavaScript】効果があるかどうか未確認ですがコピペサイト対策スクリプト

    どうも!LSSです!! Twitterで「ブログ記事をまるっとコピーして、独自の広告をつける」悪質コピペサイトの話を見かけました。 恐らくは自動的にURLを収集して、膨大な数のページを作ってるんでしょうね。 と、いう事で、「対策になるかならないか分からないけど、JavaScriptで仕掛けを施してみる」事にしましたw はてなブログ、デザイン画面から 記事上、にスクリプトを仕込みます 忘れずに「変更を保存する」をクリック 説明 欠点 はてなブログ、デザイン画面から スパナマークのアイコンをクリックして、「記事」をクリックします。 記事上、にスクリプトを仕込みます 「ヘッダ」「フッタ」「記事上」「…

  • 友人のブログを紹介します!

    どうも!LSSです!! 一ケ月ちょっと前の記事ですが、 にて、リアル友人(高校の時の同級生)が、はてなブログデビューした話を書きました。 「漢方」というあまり馴染みのない方の多い分野(自分もそうですw)で、難しいと感じた方も多かったのでは?と思います。 あれから一ケ月ちょい…記事数・内容ともになかなか凄い事になっているので、ちょっと紹介させてください! ポケモンGOに中医学 北斗の拳に中医学 と、「やわめ」の記事を中心に紹介させていただきました ポケモンGOに中医学 中医学の視点でポケモンを見るとどうなるか!?という斬新な(?)試み! ②のほうのネタはどうも元々、陰陽の考え方をポケモン開発陣が…

  • まさかのサガ復活!?

    どうも!LSSです!! 今日、びっくりするようなニュースが飛び込んできました! サガシリーズ1~3がNintendo Switchで復活!? リメイク、ではないっぽいですね ちなみに…LSSはNintendoSwitch持っていません^^; ところで、サガ3といえば… サガシリーズ1~3がNintendo Switchで復活!? . . . . . . . . . . . . . . . . . . . . . . . . かなり驚きました! サガシリーズの後継、ロマサガシリーズのほうが今では有名かもですが、元のサガシリーズ、それも初代の「魔界塔士SaGa」が好き過ぎて、 ↑こんな記事を書いて…

  • 【CSS】とことこ歩く(はためく改変)【おまけ:異様に苦労した別バージョン】

    どうも!LSSです!! 今回は、先日の記事、 の改変で、「左右に とことこ歩きまわる」ように見えるサンプルに挑戦してみました。 事の発端 とことこ歩く 別バージョン つまづきの記録 事の発端 冒頭に書いた、以前の記事 を見て、だるころ9216さん(id:darucoro9216kun)が予想外のアレンジをしてくださいました! ↑の記事の終盤、「歩くスナフキン」です! なるほど、「はためく」で揺れる様子を歩いているように見立てて、マーキータグで左右移動しているようです。 こりゃすごい!!と感激し、コメント欄に「もうちょっと工夫すると、右端で画像反転もできそう^^」と書いてきたのですが、さてその「…

  • 【CSS】しつこく花火3【linear-gradientとrotateZ版】

    どうも!LSSです!! と2回、borderとborder-radiusを使用しての花火に挑戦してきましたが、3度目となる今回は「全く別の方法」で花火に挑戦してみます! 花火その3 コード 解説その1:linear-gradient 解説その2:rotateZ 解説その3:keyframeアニメーション あとがき 追記 花火その3 . . . . . . . . . . . . コード <style><!--@keyframes hnb{0%{top:300px;width:5px;height:2px;}60%{top:0px;width:5px;height:2px;}80%{top:0p…

  • 【CSS】画像にフィルターをかけてみる【IE非対応】

    どうも!LSSです!! 今回は、手元にあるCSSの本の一番最後に載っている「filter」を試してみます。 元画像とフィルター やり方はとても簡単^^ セピア ぼかし 色反転 他にも何種類かのフィルターがありますが 元画像とフィルター 元画像(今日の昼に作ったチャーハン←またかいっ!w) セピア ぼかし 色反転 やり方はとても簡単^^ 普通に、はてなブログの機能で画像をアップロード、記事に貼り付けると、HTML編集画面ではこんなコードになります。 <p><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/l/little_stran…

  • 近況

    どうも!LSSです!! 土日が終わりましたね。 明日から月曜日。 仕事行くのだっる!となるところですが… 月曜・火曜と出勤しなくていい、ひゃっほう!w 今日の昼、またしてもチャーハンに挑戦しました 最近、CSSネタが続きましたが そんな感じで生きてます 月曜・火曜と出勤しなくていい、ひゃっほう!w 月曜は2回目の在宅勤務です^^ 出勤しなくていい、っていいですねw 1回目の在宅勤務の記事はこちら! そして火曜日は年次有給休暇です。 こっちは完全にフリーですね^^ 今日の昼、またしてもチャーハンに挑戦しました 紅生姜がないのが悔やまれるチャーハン完成!(玉ねぎ、ベーコンはわざと大きめカット) p…

  • 【CSS】花火のアニメーション その2【多重化】

    どうも!LSSです!! 先日の記事、 を「なるべくコードを増やさずに」多重化してみました。 (コレジャナイ感ありありかもw) 花火のアニメーション その2 コード 前回からの改変点 animationプロパティは複合プロパティです 省略したanimation-delayは別に指定しています 前回 書かなかった、花火風のドットについて おわりに 花火のアニメーション その2 . . . . . コード <style><!--@keyframes hnb{0%{border-radius: 1px; width: 2px; height: 2px; border: 6px dotted darky…

  • 【CSS】カードをめくる その2

    どうも!LSSです!! 先日の記事、 の内容をちょっと扱いやすく?しました^^ サンプル(カードをクリックしてみてください) コード コード解説(デザイン変更について) カードサイズ指定部分 カード背面デザイン部分 カード表面デザイン部分 JavaScriptを使用せずに、カードの表裏を管理するのは ちょっとつまづいたところ サンプル(カードをクリックしてみてください) 当ブログにご訪問いただき誠にありがとうございます^^LSS コード <style><!--.card{position:relative;perspective:500px;}.fuda{position:absolute;d…

カテゴリー一覧
商用
読者になる