Little Strange Software

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

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

12月になりましたね

どうも!LSSです!! 12月になりましたね。 ふと、「去年はどんな記事書いてたっけ?」と、はてなブログの「こよみモード」を見ると、 …寝すぎていましたw 一年前のブログを見ると、なんだか色々懐かしいですね^^ スターを見るだけでも、懐かしい方も。 …

【CSS】outlineの鼓動【小ネタ】

どうも!LSSです!! 今回はCSS小ネタになります。 サンプル コード 使い方 キーフレームアニメーションの内容 サンプル 文章の途中に、例えばこんな感じで枠で囲んだ部分があり、その枠がたまに太く薄くなる、そんなサンプルです。 コード <style>

たんけん ぼくのまち

どうも!LSSです!! 唐突なんですが…「たんけん ぼくのまち」というTV番組があったのをご存知でしょうか?? NHK教育テレビ ジャンルとしては社会科? 8年も続いた人気番組! 最終回 8年も続いたので NHK教育テレビ 今はETVっていうんでしょうか…

【CSS】カーソルの形状を指定【小ネタ】

どうも!LSSです!! 今回は「マウスカーソルが乗った時に、マウスカーソルの形状を変更する」CSSを試してみます。 カーソルの形状サンプル一覧 例えば あとがき カーソルの形状サンプル一覧 // '+ctxt[i]+''; } gamen.innerHTML=txt; // ]]> コード <div style="cursor:カーソルの形状;">適当な</div>…

「AWS障害」と「冬の蝶」

どうも!LSSです!! 今回は珍しく?時事ネタ記事を書いてみます。 AWS障害 Twitterに「AWS障害」がトレンド入り 近未来と言えばSF。SFと言えば… 技術の進歩、メリットとデメリット AWS障害 AWS、と言えば、Amazonが運営しているクラウドサービスで、信頼性…

【季節ハズレの怪談】倒産した会社の社長の話

どうも!LSSです!! 今回は、久々に?お話の回。 …といっても、LSSが考えたお話じゃないので、自作小説カテゴリではなく、駄文カテゴリでお送りします。 はじめに 「倒産した会社の社長の話」 ピクニック 家の住人 再び倒産 家から出てきた住人 あとがき は…

【JavaScript】経過時間を扱うgetTime()

どうも!LSSです!! ゲームなどのプログラムを書く際、「あるタイミング」から「今現在」まで、どれだけの時間が経ったかを計算する必要が出てくるケースがあります。 「放置ゲー」と呼ばれるものや、スマホゲームによくある「スタミナ」システム、時間経過…

【雑記】PC・スマホ・タブレットなど、それぞれが持つ接続端子の話

どうも!LSSです!! 今日は雑記です。 昔のパソコンの端子事情 USBの登場 スマホ・タブレットにもUSBの恩恵 USBのように汎用的に使えて、しかも無線接続のBluetooth 無線接続はスマホ・タブレットと相性抜群! でも、Bluetoothは音楽だけじゃない あとがき …

【SVG】SVGでアニメーションを指定してみる

どうも!LSSです!! に続き、今度はこの絵にアニメーションで動く「雲」を追加してみます! SVGアニメーションを追加した絵 コード 雲を楕円で描きます またも円形グラデーション ここからアニメーションの話 あとがき SVGアニメーションを追加した絵 コー…

【SVG】SVGもグラデーションを使って絵をかっこよくしてみる!

どうも!LSSです!! この間、 でSVGで初めて絵を描いてみました。 …といっても「全面を水色で塗りつぶす四角」「赤い丸」「下部を黄緑で塗る四角」を配置しただけのシンプルな絵でしたね。 で。 SVGもCSSと同様に「グラデーション」を使う事ができます。 名…

【CSS】repeating-radial-gradientを何気に初めて使ってみる

どうも!LSSです!! CSSの background-image プロパティに、画像ファイルの代わりに linear-gradient や radial-gradient を使用する事で、綺麗なグラデーションが描ける! ので、結構多用してきました。 で。 その他に、repeating-linear-gradientrepeatin…

【ブログ】言及感謝祭!

どうも!LSSです!! ブロガーをしばらくやってて、交流とかも増えてくると「言及」をいただく機会も増えてきます。 はてなブログでいうところの「言及」とは…端的にいうと「自分の記事・ブログ」に、他の方のはてなブログ記事からリンクしていただく事。 つ…

【UMPC】とっっっっっても気になる商品が発表されましたね【GPD WIN 3】

どうも!LSSです!! かなーり気になるガジェットが、発売はまだですが発表されましたね! その名はGPDWIN3 これまでのシリーズ といっても、未発売で仕様も確定ではないんですけどねw その名はGPDWIN3 www.google.co.jp ガジェット、というか、UMPC(ウル…

【CSS】text-shadow【彫文字】

どうも!LSSです!! 以前にも少し、 の中で書いたような話になりますが、も少し汎用性を持たせた小ネタを思いつきました。 彫文字 コードの中で重要なのは赤文字3行 background-color: pink; color: white; text-shadow: -2px -2px 0px #00000040,2px 2px …

座標計算

どうも!LSSです!! 今日は唐突に数学的な話をしてみます。 問1。まんなかはどこ? 問1の解き方 問1の答え 問2。10分の1の地点 問2の解き方 問2の答え あとがき 問1。まんなかはどこ? とある小学校に、A君とB君が通っていました。 二人はとて…

【CSS】うろこ模様 その他【小ネタ】

どうも!LSSです!! 先日の記事、 の続きです。 サンプル コード 背景色で雰囲気が変わります! おまけ:もこもこ模様 あとがき サンプル うろこ模様の背景 うろこ、横に並んだ感じのほうがまだ使いがっていいかな?と。 コード

【ドローン】須磨浦公園~塩屋間で飛ばせるかな?と行ってみた話【飛ばせなかった】

どうも!LSSです!! 地理院地図 / GSI Maps|国土地理院 ↑このサイトにて「人口密集地域」を確認する事ができます。 で。 神戸市の南側はだいたい不可。 ただし、新幹線より北側(=山)や、山を越えた向こう側(北区。谷上など)はOKで、 など、これまでち…

【CSS】うろこ模様の背景【小ネタ】

どうも!LSSです!! なんとなく「作れるかな?」と思いつきでやってみました。 CSSで「うろこ」のような模様を、背景画像用に描画してみたものとなります。 需要があるかどうかは知らないw うろこ模様の背景 コード 解説 で、その3つを重ねるのに あとが…

ベジェ曲線、がどういう曲線なのか、分かった気がします

概念が分かり辛いベジェ曲線。 どうやら、どういうものか理屈が分かってきた気がします。 どうも!LSSです!! SVGを触りだしてから出てきた「ベジェ曲線」。 SVGに限らず、お絵描きソフトでもその名前を見かける事はあり、「なんかよく分からないけど綺麗な…

【SVG】イマイチよく分からないベジェ曲線とお近づきになりたいツール

どうも!LSSです!! 先日、 の記事で「ベジェ曲線」というモノに触れましたが、これがやはり、文章で説明しづらい・感覚的につかみづらい! というわけで、LSS自身もちょっとベジェ曲線にお近づきになるべく、JavaScriptの力を借りてベジェれるものを作って…

鳥居甲斐守耀蔵

どうも!LSSです!! 今回は、このブログの色と全く違う話になりますw 出会いは時代劇 名奉行遠山の金さん 実在の人物でした この世に悪は栄えない 興味を持って調べてみると 出会いは時代劇 子どもの頃から(特に小学校高学年頃から)TVの時代劇が好きで…

【CSSサンプル】回転しながら降る、雪の結晶

どうも!LSSです!! 今回は、さくっと、サンプルとコードだけ。 コード こんだけのコードですが、苦戦しました^^; ¥ ¥ ¥ ¥ ¥ ¥ コード <style>

【CSS】雪の結晶!?

どうも!LSSです!! 昨日の記事、 に、たくさんのコメントをいただき、ありがとうございました^^ まだクリスマスまでは間があるので、参考にさせていただきたいと思います! で、そのいただいたコメントのうち。 421miyako(id:m421miyako) クリスマス記事に…

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

どうも!LSSです!! ハロウィンも終わり、次の大型イベントはクリスマスですね^^ ちょっと気が早いかと思いますが、物によってはもう準備に取り掛かる必要があるのかも? little-strange.hatenablog.com ↑去年の記事ですが、たまたまルミナリエの建設してる…

【SVG】続・ちょっとだけSVGを試してみる【文字入れ】

どうも!LSSです!! 先日の記事、 が色々と興味を持っていただけたようで^^ tn198403s.hatenablog.jp カメさん(id:tn198403s)は早々にコードコピペを試していただいた上に、色を変えたり記載順を変えたりして、絵本仕立てにまでなりました! arsinput.haten…

いつかちゃんとした記事にしたいけど…JavaScriptはこんな事もできます、という例

どうも!LSSです!! JavaScriptで出来る事、を色々調べていくうちに「これは凄い!」とびっくりするようなものを見つけました(結構 前に、ですがw) ちゃんと自分で咀嚼し、飲み込んでから、解説記事など書きたいと思っていますが、いったん「JavaScript…

【SVG】SVGファイルの作り方

どうも!LSSです!! 先日の記事、 の、コメント欄にて toto(id:totochn) 別ファイルにして呼び出し。のやり方が気になります。是非、書いて欲しいです。 と、いただきました。 toto様、ありがとうございます! SVGファイルをテキストファイルから作成 残念…

【駄文】Windowsの、一番気に入らないところw

どうも!LSSです!! 今回は駄文です。 かなーり前から思っていた事なんですが…元々MS-DOSを触っていて、そこから時代の流れでWindowsを使うようになった一人として「めっちゃ気に入らないところ」が一点あります。 今に始まった事ではなく… 拡張子の役割 ア…

【SVG】ちょっとだけ、SVGを試してみる【はてなブログで出来ないかと思ったけど出来たw】

どうも!LSSです!! このブログの「HTMLなど」カテゴリでは、HTML・CSS・JavaScriptについて色々試したり書いたりしてきました。 PHPなどサーバ側で使われる技術は別として、ブラウザ上で処理される技術としてはこの3つが三本柱だと認識しています。 です…

【CSS】CSSサンプルができるまで(後編)【困難は分割して考える】

どうも!LSSです!! 前回、前編では、 例えばこんなボタンっぽいの ↑こういう感じのCSSサンプルを作るのに、 コード