Little Strange Software

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

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

【振り返り】2021年4月、このブログはこんなんでした。

どうも!LSSです!! 4月の最終日。明日から5月&暦通りなら5連休ですね^^ このLSSのブログでは、今月はどんな記事書いてたっけ?と、振り返ってみます。 記事一覧ページ MMLプレイヤー 加速度センサー 英単語抽出 CSSサンプル 論理パズル ペンタブ 記事…

ペンタブ練習中!エアブラシがいいかも?

どうも!LSSです!! 先日、購入したペンタブですが、 ちょこちょこと合間を見て、お絵描き練習しています。 へのへのもへじ エアブラシ版 まるいの まだまだ使っていない機能はありますが… へのへのもへじ 前回描いた「つるニハまるまるムシ」さんより圧倒…

【CSS+SVG】ヘリンボーン模様の背景

どうも!LSSです!! 【CSS+SVG】れんが模様の背景 で、CSSにSVGを織り込むという手法で、背景を描くコードを作成しました。 そのコメント欄に、 さじ(id:conasaji) レンガの組み方でヘリボーンってのもあるんですけど、以前の彩綾型みたいに組まれた模様で…

【CSS+SVG】れんが模様の背景

どうも!LSSです!! CSSで描く背景について、色々と考えていました。 ふと「れんが模様の背景って描けないかな?」と思い立ったのですが…。 【CSS】うろこ模様 その他【小ネタ】 【CSS】background-sizeとbackground-positionを使うとドット絵が描けちゃい…

【JavaScript】はじめてのアロー関数

どうも!LSSです!! 昨日の記事のコードのなかで、しれっと rndm=a=>Math.floor(Math.random()*a); という怪しげな一行を忍ばせていました。 これ、「アロー関数」と呼ばれるもので、何気に初めて使ってみたのです。 =>が「アロー関数」の特徴で、アロー=…

【作りかけ】SVGお絵描きツール…を作り始めてみました【まだまだ】

SVGコードを取得する // ';} } class Svgell{ constructor(cx,cy,rx,ry,sw,sc,fl){this.cx=cx;this.cy=cy;this.rx=rx;this.ry=ry;this.sw=sw;this.sc=sc;this.fl=fl;this.name='楕円'+objs.length;this.nameid='ell';} get svgtxt(){return '';} } class Svg…

【JavaScript】後からJavaScriptに実装された「class」を試してみました

どうも!LSSです!! プログラム言語の進化の歴史の中で、「オブジェクト指向」という考え方が取り入れられるようになり、今やほとんどのプログラム言語で「オブジェクト指向」の概念が取り入れられています。 で、そのオブジェクト指向言語につきものなのが…

ペンタブ練習中!

どうも!LSSです!! 以前、記事の終わりの方に書きましたが、 【日記】ペンタブ届きました! - Little Strange Software 久々にペンタブを購入しました! ペンタブって、特に絵が得意というわけでもないのに、たまに欲しくなっちゃう魅力がありますよね?(…

論理パズル 解答

どうも!LSSです!! 一昨日、出題させていただいた論理パズル2本立て 今回はその解答です! 第一問「正直村と嘘つき村」の答え 第二問「Eは嘘つきか?」の答え 第一問「正直村と嘘つき村」の答え 「君たちは3人とも同じ村の出身ですか?」という問いに、…

【WebAudioAPI】MMLプレイヤー、タイミング合わせに成功しました^^

どうも!LSSです!! JavaScriptで曲を演奏できる!と知ってから取り掛かり始めた、MMLプレイヤー作成ですが、 複数のメロディを再生できるようにはなったものの、タイミングがズレてしまう!という致命的な問題にぶち当たっていました^^; が、解決策を見つ…

論理パズル「正直村と嘘つき村」「Eは嘘つきか?」

どうも!LSSです!! もう結構前になりますが、 こんな問題をあげていました。 で、突然思い出し&また問題を思いついたので、出題してみます! 今回は二本立て、でもどちらも前回より簡単な問題です^^ 第一問「正直村と嘘つき村」 第二問「Eは嘘つきか?」 …

【駄文】スクリプトのネタ

どうも!LSSです!! JavaScriptの可能性といいますか、できる事が意外に多いなと思う今日この頃。 「Android・iOS用アプリを作って、ストアにアップロードして許可を得て…」ってしなくても、Webアプリでたいがいの事ができてしまうのでは?って思っちゃいま…

【日記】ペンタブ届きました!

どうも!LSSです!! に書いていた、ペンタブ届きました^^ 注文から24時間かからないうちに届くの、凄いですね! 夕方に届いたようなのですが…爆睡していましたw とりあえず、接続&ドライバインストールまでは行いました。 ちなみに XP-Pen ペンタブレット…

【グッズ・ガジェット】テレビをモニタにした話+少しだけペンタブ欲

どうも!LSSです!! 先日、購入したテレビの話 の続きになりますが、本日ようやく「モニターアーム」「HDMIケーブル」「アンテナケーブル」を買ってきて、接続してみました! 結論から言うと…「デュアルモニタ化に成功しました!!」^^ (アンテナケーブル…

【CSSサンプル】隠れた文字を照らし出すサーチライト【小ネタ】

どうも!LSSです!! 先日、記事にいただいたコメントの返信を書いていた時に、ふと思いついてしまった小ネタがありました。 決して「使い勝手がいい」とは思わないですが、思いついてしまったものは仕方がありませんw ちょっとした小ネタとして「こんな事…

実は…最近、テレビを買っちゃいました

どうも!LSSです!! 自分はテレビをほとんど見ない生活になって結構な年月が経ちます。 このブログを書き始めて間もない頃に↑のような記事を書いたりもしてましたね。 テレビ・ブログに関する感覚はこの頃と変わってなくて、購読中のブログを軒並み読む事で…

【CSS】再び!キーフレームアニメーションについて

どうも!LSSです!! CSSに実装されている「キーフレームアニメーション」機能、このブログでもたびたびサンプルなどで使用しています。 だいぶ前(一年ぐらい前)に、 こんな記事も書いていましたが、今回は「実際にキーフレームアニメーションを使ったもの…

【CSSサンプル】カーソルを載せると動くグラデーションバー

どうも!LSSです!! また、なんか謎のCSSサンプルを作ってみました。 カーソルを載せると動くグラデーションバー コード 色変更・移動量変更・変化時間変更について あとがき カーソルを載せると動くグラデーションバー カーソルを載せると動くグラデーショ…

【つまづき】加速度センサーを使ったアレの問題点いくつか

どうも!LSSです!! 初めて、加速度センサーをJavaScriptから読む事に挑戦してみたのですが、下書き段階では問題なさそうに思えたものの、公開してみると色々と出てきましたw iPhoneで動作しない Andoroidでも発生する問題 最初から分かってた問題「スマホ…

【WebAudioAPI】なぞのがっき2【スマホ専用】

どうも!LSSです!! ほとんどのスマホには加速度センサー(動かした時の速度)や、ジャイロセンサー(傾き検知)が搭載されています。 自分がスマホを使い始めた頃は、それらのセンサーを使ったゲーム(TempleRunとか)を遊んだ覚えがありますが、近年まっ…

【つまづき】WebAudioAPIとiPhone

どうも!LSSです!! 【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲w - Little Strange Software がiPhoneで再生できないようで、iPhoneを持ってない身では「うーん、どこからだろう?」ってなってますw 追記:タッチイベントボタン「…

今週のお題「下書き供養」

どうも!LSSです!! 今週のお題「下書き供養」 何を書こうかな?と思いながら、ふと見ると、今週のお題がこれ! マジか…。 一年以上前に、 こんな記事を書いた事がありますw 思えばその後も、色々下書きにカタチにならないままのネタが貯まってきました。 …

【JavaScript小ネタ】複数行からなるコードを一行にまとめてみます

どうも!LSSです!! 先日、 というものを作って記事にしていました。 その記事中で使用したコード、元々の話が「学び」だったのもあり、誰かの参考&自分が見返す時にいいかな?と 「処理を細かく行に分け、さらにコメントをしつこめに入れる」 って事をや…

お題「#新生活が捗る逸品」

お題「#新生活が捗る逸品」 どうも!LSSです!! …自分自身は新生活する予定はないのに、このお題に挑戦してみましたw 超コンパクトな炊飯器! 屋台横丁 ミニアイロン 大容量なのに厚さ10mmをきるモバイルバッテリ あとがき 超コンパクトな炊飯器! 2段式炊…

【CSSサンプル】2つの四角形に囲まれたボックス

こんな風に、2つの色の違う四角い枠線がズレて配置されたようなボックスを作ってみました!実はこれ、枠線じゃなくて背景だったりします。でも、枠の内容のサイズに応じて伸縮しても支障なく表示されますよ^^ どうも!LSSです!! 実は以前からCSSサンプル…

【WebAudioAPI】その昔、初めて片想い→失恋を経験した男が作った曲w

どうも!LSSです!! ええと…もう遥か昔の話になりますが。 自分が初めて「失恋」というものを体験した際に、記念に(?)作った曲がありますw WebAudioAPIで曲を演奏できる事を覚えたので、ここでひとつ、晒してみます! 曲名:Sweetdays 元々、切ない系メ…

【JavaScript】英文から英単語を抽出してみる

どうも!LSSです!! さじ(id:conasaji)さんの記事、 conasaji.hatenablog.com を読みました。 その中で、 出来れば最初にどんな系列の単語を覚えたいのかを登録できたらいいですね。英文を読み込んだらその中から毎日ひとつずつ出てくるとか。 学び舎を求め…

【WebAudioAPI】MMLプレイヤー制作中【なにかがおかしい】

どうも!LSSです!! 【WebAudioAPI】超簡易MML(作り始めw) に続き、MMLプレイヤーを作っていました。 オクターブ変更・半音階対応・音長指定・3チャンネルまでの同時再生、に対応できました!! …が、どうも最後の「同時再生」が微妙にズレるような…?…

【CSS+JavaScript】フルスクリーン表示サンプル

どうも!LSSです!! 先日の記事、 で、しれっと「ブログの記事幅を無視して全画面を覆うような表示」を行っていましたが、今回はその部分だけをサンプルとして公開します! 性質上、スマホはあまり関係なく、PCでブログを見る場合向けのネタとなります。 サ…

【WebAudioAPI】超簡易MML(作り始めw)

どうも!LSSです!! WebAudioAPIでやりたかった事のひとつに、「MMLを再生するプレイヤーを作る」があります。 「オクターブ変更は…」「音の長さを変えるには…」「休符は…」「テンポ指定は…」などなど、考えれば考えるほど大変そうになってきますw ので、…