【CSS】鎖の区切り線【小ネタ】＋α - Little Strange Software
どうも！LSSです！！ またしても、区切り線CSSネタです。 鎖の区切り線 コード コードが２種ありますが、 【＋α】区切り線ではなく背景にしてみると…？ 終わりに 鎖の区切り線 コード <style> .chain{ height:20px; background: radial-gradient(10px 10px at 50% 0%,#66666600 46%,#666666 50%,#dddddd 73%,#666666 96%,#66666600 100%) 11px 10px/22px 20px ,radial-gradient(10px 10px,#66666600 46%,#666666 50%,#eeeeee 73%,#666666 96%,#66666600 100%) 0px 0px/22px 20px ,radial-gradient(10px 10px at 50
今週のお題「SFといえば」 どうも！LSSです！！ 今週のお題「SFといえば」 - Little Strange Software では昔話とSFについて強引に書いていましたが、今回は普通にお気に入りSF作品の話。 と言っても、数多くあるのですが、中でも特に好きなのを挙げるとすると… 銀河放浪 吾妻ひでお先生の「銀河放浪」を挙げます！ 銀河放浪 1 (MAG COMICS) 作者:吾妻 ひでお マガジンハウス Amazon 銀河放浪 2 プリンセスミコ・サーガ (MAG COMICS) 作者:吾妻 ひでお マガジンハウス Amazon 全２巻のコミックです。 吾妻先生は相当な読書家で、特に若い頃から海外SFを数多く読んでこられたとか。 自身の作品にもSFを反映させたかったものの、最初の頃は編集に抑えられて思いっきり描く事ができず、作中にこっそり忍ばせる程度だったというのを後に書いておられま
【JavaScript】カウントダウンタイマーを作ってみました【Webアプリ】 - Little Strange Software
分秒 ※STARTボタンを押すとカウントダウン後に音が鳴ります どうも！LSSです！！ JavaScriptで「カウントダウンタイマー」を作ってみました。 分・秒を設定して、「START」を押すとカウント開始し、指定時間経過後に音が鳴ります。 「STOP」ボタンで カウントダウンや音を停止できます。 コード <p><input id="nt01" max="59" min="0" type="number" value="3" />分<input id="nt02" max="59" min="0" type="number" value="0" />秒</p> <p><input id="btnstrt" type="button" value="START" /> <input id="btnstp" type="button" value="STOP" /></p> <div id=
なぜかDVD化されていない名（迷？）作映画 - Little Strange Software
どうも！LSSです！！ ある一本の映画。それを知ったのはかなり前ですが、まだVHSデッキ（ビデオですね）を使っていた頃にVHSソフトを購入したほど好きでしたが、「どういうわけか未だにDVD化されていない」お気に入りの名作映画があります。 迷探偵シャーロックホームズ最後の冒険 イギリスのコメディ映画です モリアーティも出てきますよ^^ 全編コメディですが こっそりと… ホームズ贋作のなかで一番好きかも！ 迷探偵シャーロックホームズ最後の冒険 ↓のように、VHSは販売されていますが、何故かDVDは発売されていません。 迷探偵シャーロック・ホームズ [VHS] 発売日: 1990/10/26 メディア: VHS ↓でも海外版は販売されているようです。 Without a Clue [DVD] [Region 2] (English audio) メディア: DVD ↓そんな状況下で、Amazon
【CSS小ネタ】カチコチ動くアニメーション - Little Strange Software
どうも！LSSです！！ だいぶ以前から、CSSのkeyframesを使ったアニメーションを色々試していましたが、最近になって「え、こんなの出来るんだ！？」と知ったものがありますｗ カチコチ動くアニメーション コード animation-timing-functionの「steps」 ちなみに… カチコチ動くアニメーション 60秒で一周します。 コード <style> @keyframes anmstpa{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } .anmstp{ display:inline-block; transform-origin:100% 50%; animation:anmstpa 60s steps(60,end) 0s infinite; } </style> <p><span class=
どうも！LSSです！！ 先日の事ですが、お手頃な価格のプロジェクターをAmazonで見かけて、ポチっちゃいました！ プロジェクター 映してみた感じ 照明OFF わずかな難点２つ お値段的にハズレでも仕方ないかぐらいに思ってましたが プロジェクター プロジェクター 小型 Crosstour 1080P対応 コントラスト比2000:1 台形補正 内蔵スピーカー ホームプロジェクター HDMI/USB/VGA/TF/AV/パソコン/タブレット/PS3/PS4ゲーム機/DVDプレイヤー接続可 HDMIケーブル/AVケーブル/リモコン付属 日本語取説３年保証 P600 V jp Amazon 購入したのは↑これです。 HDMI入力も備えつつ、なかなか手の届きやすい価格設定が気に入りました^^（しかも1500円のクーポンを使用したので更に安く！） 映してみた感じ スクリーンなんかは用意していません。
【CSS・はてなブログ】今度はコメント欄の個々のコメントを装飾してみた！ - Little Strange Software
どうも！LSSです！！ CSS、いじくりだすと楽しいですねｗ 前回、前々回と「コメントボタン」をカスタマイズしていましたが、今回は 「コメント欄にいただいた、ひとつひとつのコメント」 をCSS装飾してみました！ サンプル コード 解説 コメント欄全体を囲もうとしてたのに サンプル ↑こんな感じにコメントが表示されるようにしてみました。 なお、引用させていただいたのはギャクバリ(id:minimalist_gyakubari)さんから、昨日の記事にいただいたコメントです。 このコメントを読んでLSSが思ったのは 「コメント欄全体を枠で囲むようなデザインにすれば、コメントボタンがはてなブログ標準のコメント用のボタンである事が分かりやすくなるかな？」 でしたが、やってるうちになんか違う方向に行ってしまい、今回のような内容となりましたｗｗｗ コード .comment li{ border-radi
【季節ハズレの怪談】倒産した会社の社長の話 - Little Strange Software
どうも！LSSです！！ 今回は、久々に？お話の回。 …といっても、LSSが考えたお話じゃないので、自作小説カテゴリではなく、駄文カテゴリでお送りします。 はじめに 「倒産した会社の社長の話」 ピクニック 家の住人 再び倒産 家から出てきた住人 あとがき はじめに この話は、自分が小学生の頃に聞いた話です。 本来は「文章で読む」ものではなく、対面で、口頭で伝えるべきタイプの話なんですが…それをブログネタにしようという無謀な試みｗ あと、もし「この話知ってる！」って方がおられましたら、是非コメント欄にお願いします^^ 一応「怪談」なので、怖い話が苦手な方はスルー…というほど怖くはないんですけどｗ 怖い話を読みたい人向け…というよりは「人に怖がらせる話をしたい人向け」の記事となります。 「倒産した会社の社長の話」 ピクニック ある会社が倒産してしまいました。 その会社の社長は、元従業員たちに倒産
今週のお題「あったか～い」 どうも！LSSです！！ すっかり寒くなりました。 はてなブログの今週のお題も「あったか～い」で、まさにこの時期に切望されるテーマとなっていますねｗ 暖を取るのに、セーター・ヒートテック・コートなどの衣類であったり、ウォーキングなどの運動で温まるのも健康的ですが、まず「食べ物」で温かいものが欲しくなります。 特に、「鍋」や「うどん」などの汁物系！ と、ここで最近思うようになったのですが、温かい汁物にあわせて、薬味というか調味料もとても重要だな、と。 七味唐辛子のようなもののみならず、わさび・しょうが・柚子胡椒…といった刺激の強い調味料をたっぷり使うと、思いのほか温まりますね^^ …汗をかくほど…なので、外食の際は帰り道で冷えないようにしないと^^; ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^
300記事＆300日達成！をスルーしていましたｗ - Little Strange Software
どうも！LSSです！！ 一応、節目はおさえておこう、と思っていましたが…このブログ、先日 「記事数３００突破」 「ブログ日数３００突破！」 を達成していましたｗ 300記事めの投稿 300日めの投稿 セルフお祝い 300記事めの投稿 今で310記事って事は逆算すると…↑これってことになりますね。 いかにもLSSらしいというか、実は汎用性あるけど、それを語り切れていない感じの記事でしたｗ （例えば落ち物パズルの、赤いコマなら「白→赤」、黄色いコマなら「白→黄色」みたいに個別に用意しなくても、「白→透明色」を背景色と別に指定する事で各色ごとに面倒なグラデ指定を書かなくて済む、って言いたかったのですｗ） 300日めの投稿 だいぶ前、たまに１日に２記事投稿した日があったために、300記事と300日がズレていますが、300日めの投稿は、 これだったようですｗ なお、上記記事内に書いている「読者さんが
【日記】結局、中古じゃない激安PCをポチっちゃいました - Little Strange Software
どうも！LSSです！！ 以前から「タッチパネル搭載で、スペック低くてもいいから、USBブート可能な（MicroSDブート可能ならなお良し）ノートPCかタブレットPCが１台欲しい」と思っていました。 がっつり使うなら「メモリは8GB以上、CPUはi5以上、SSD搭載（容量は小さくても換装可能なら良）」ぐらいの基準で探したいところだったりします（個人的な感覚） もちろん「安いに越した事はない！」のが前提ですけどねｗ そして色々中古PCの価格情報を調べていたのですが…結局「中古じゃない」端末に行きつきました。 マウスコンピューター E10 やってみたい事 結局、出来るかどうかは不明のまま ケチらなければ、こっちにしてました マウスコンピューター E10 mouse E10 スタディパソコン 10.1型タブレットPC 2in1(落下耐性/防塵/防滴/Win10 Pro/Celeron N4000/
どうも！LSSです！！ 最近、あちこちで見かけていた「ブロガーバトン」、LSSんとこにも回ってきました！ ご指名いただいた、いのっち様(id:rapisino)、ありがとうございます^^ いのっちさんは、ガジェットや育児の記事を書かれているブロガーさんです。 ガジェットの好みの傾向が自分と似てるかも知れない…^^ LSSが「はてなブックマークコメント」の存在に気づく前から、ちょくちょくブクマコメントを下さっていました！ （つまり、コメントをいただいていたのに当初気づかなかった、という事をここに白状します。すみませんっ^^;;;。） ブロガーバトン 一番古い記事 お気に入りの記事 ブロガーバトンテンプレート バトンを次にまわします！ 思いのほか、色々考えてしまいますね ブロガーバトン 一番古い記事 律儀に自己紹介から始めてますねｗ しかも２記事めは散歩記事、という、しょっぱなからの迷走っぷり
【ツール】linear-gradientで遊ぼう！ - Little Strange Software
どうも！LSSです！！ これまで何度か「CSSでお絵描き」をやってきましたが、今回はその中でも特にシンプルな「linear-gradientで風景を描く」ものをツール化してみました。 linear-gradientで遊ぼう！ 使い方 linear-gradientで遊ぼう！ コード 使い方 色選択ボックスとスライダーのセットが９つ、並んでいます。 ここで指定された色がそのまま、「上から下に向かうlinear-gradient」に設定されたグラデーションが、下の枠に反映されます。 スライダーはそれぞれの位置指定（%）に該当します。 色選択やスライダーをいじると、リアルタイムに枠のグラデーションが変化し、またその状態のlinear-gradientのコードが表示されます。 CSSとしてこの生成されたコードを使用する場合は、 background-image:linear-gradient(なん
【作らないけど】iPhoneアプリ開発についてちょっと調べてみました - Little Strange Software
どうも！LSSです！！ iPhone用アプリを開発しようと思った場合、以下のような難関がある、と認識していました。 PCがMacOSでないと開発できない（Windowsでは開発できない） 実機（iPhone）上で動作確認するのにも、AppStoreからダウンロードしたアプリしか動作させられず、すなわち実機テストができない 開発者登録料が高い ゆえに「アプリ開発を見据えてスマホ購入するならAndroid端末」で、「アプリ開発を始めるならAndroid用アプリ」だったんですね。 ただし、これらはだいぶ前に調べた情報を元にしたもので、どうも今は事情が変わっているっぽいって話も？ 作る予定は今のところありませんが、「Androidアプリなら作って公開までこぎつけた事のある」Windowsユーザーの自分がちょいと調べるだけ調べてみました。 PCがMacOSでないと開発できない→方法はないわけではない
どうも！LSSです！！ もう半月ほど前の事ですが、9/19。 Amazonで異様に安いものを見かけて、ポチってみました。 空調服 だってほら、 でも実はまだ着てないという… 空調服 空調服 作業服 夏用 エアコン服 綿100% ファンファン 4本 10000MAH容量バッテリーセット ワークウェア 熱中症対策冷風服 現場工事 通勤 紫外線防止 3段階調節できる 充電式 日本語説明書付き SARAHE Amazon はい、こちらです。 夏向きの商品ですが『空調服』！！ 何年か前に、こういうものがあると知った頃には数万円という結構いいお値段していましたが、最近ではだいぶ安くなってきているな…と感じていました。 が、↑の商品の内容と値段にびっくり！！ 「モバイルバッテリつき…だよなぁ」と何度も確認する事になりましたｗ だってほら、 モバイルバッテリだけでもこのぐらいのお値段のものがありますし、最
どうも！LSSです！！ 昨日の記事、 【CSS】JavaScriptを使わない開閉メニュー【CSSのみで可能・はてなブログ記事で使用可能】 にいただいた、はてブコメントにて 「transitionを組み合わせれば滑らかに開閉する」 とありましたので、早速試してみました！ サンプル コード 速度の違いを試してみます CSSは他にも色々な事ができるようです^^ サンプル メニュー（クリックしてみてね） こういう感じですね^^ コード <style><!-- #menu{transform:scaleY(0);transform-origin:left top;transition:transform 0.4s linear 0s;} #tg01:checked~#menu{transform:scaleY(1);} --></style> <div> <label for="tg01">メニュ
どうも！LSSです！！ この間、スマホを買い替えました。 little-strange.hatenablog.com au Xperia XZ2 Premium SOV38 Chrome Black ソニー(SONY) Amazon ↑この機種ですね。 で、それに合わせて、２つほど購入したものがあります。 純正カバー ワイヤレス充電器 純正カバー SONY Xperia XZ2 Premium ソニー エクスペリア プレミアム 純正ケース 手帳型 カバー スマホケース フルウィンドウ付き スタイルカバータッチ ブラック 黒 Black Style Cover Touch SCTH30JP/B Xperia Amazon iPhone7の手帳型ケースは100均のもので満足していましたが…Xperiaのは100均で見つける事ができず、少々お高くつきましたが純正ケースを買っちゃいました^^ スタ
【CSS】border-imageとconic-gradient【実験】 - Little Strange Software
どうも！LSSです！！ ちょっとまた、border-imageを試してみました。 border-style:outset;で盛り上がったような枠線になりますが、それよりもborder-colorを四辺別々に設定した方が角が四つとも切れ目が生じてかっこいい！ …のを更に、conic-gradientを用いると四辺の中で更にグラデーション変化を入れる事ができます。 ついでに背景色をアニメーションで変化させて、様々な色に合う事を確認しています。 border-imageとconic-gradient コード outsetの場合 四辺別々に色設定した場合 ただし、今回のconic-gradient版には欠点が… border-imageとconic-gradient こんな風になります。 よく見ると４つの辺の中でも明るさがグラデーション変化していますね。 コード <style> @keyframe
【CSS】preserve-3dを使って直方体を描いてみたら案の定大変だった話 - Little Strange Software
どうも！LSSです！！ 以前、 little-strange.hatenablog.com で、CSSで立体的な立方体を描いてみました。 その際に、 …ただし、位置決めなどの指定がとても複雑で、例えば今回は立方体でしたが、これを直方体にしようと思っただけでも話がややこしくなりそうです^^; 【CSS】サイコロ回転【preserve-3d試してみた】 - Little Strange Software と書いていましたが、実際に直方体を描こうとしたら結構迷ってしまいました^^; が、なんとか描けました^^ 幅200px高さ100px厚さ20pxの直方体 コード 各面の描画の起点は左上、回転の中心は各面の中心 あとがき 幅200px高さ100px厚さ20pxの直方体 コード <style> .box3d{ position:relative; transform-style:preserve-
どうも！LSSです！！ 早いもので…もう明日は６月３０日。 と言っても、２９日のギリギリ終わる頃に投稿するので、読まれてる時には既に３０日という事の方が多いでしょうねｗ 今の勤務形態になってから２回目の報酬振込日 非出社日 １年の前半最終日 など、個人的に色々と絡んだ日でもありますｗ ２０２２年後半戦。まずは…猛暑というハードルを乗り越えないと！ ってなとこで、（一画面に収まるような記事ですがｗ）今回はこのへんで！ 次回もまた、よろしくお願いします^^
【SVG・JavaScript】SVG内の要素をJavaScriptから制御してみるテスト - Little Strange Software
どうも！LSSです！！ 今回はまたSVG。 ですが、SVGとJavaScriptの連携のごくごく基本的なところを試してみます！ 真っ赤な太陽 コード コード解説 SVGコード中の太陽にあたる部分 太陽をクリックした時に処理を実行 関数 sunclk 内での処理 SVGの一部分をJavaScriptから変化させられる、って事は 真っ赤な太陽 青空、お日様、草原！ …今となっては懐かしい？ LSSが初めてSVGで描いた絵をもう一回、引っ張りだしてきました。 で、絵自体は前と全く同じものなんですが、ここにJavaScriptの仕掛けを施してみました！ 「赤い太陽」をクリックしてみてください^^ …クリックするたび、ちょっとづつ、赤い太陽が下に降りていきます。 太陽以外の部分では反応しないのもポイント。 コード <svg xmlns="http://www.w3.org/2000/svg" wid
どうも！LSSです！！ このブログのカテゴリを見ていると…「HTMLなど カテゴリーの記事一覧」の記事数ばかりがダントツで多くなってますねｗｗｗ 「HTMLなど」というざっくりとしたカテゴリを設けたのは、本来Androidアプリ開発をメインとしたブログとなる予定だったからなのですが（一応、検索流入的にはまだそちらが勝っていたり）、HTMLの話、CSSの話、JavaScriptの話、をごっちゃにしたカテゴリとして、でした。 ブロガー仲間の方にとって有益なのは、とりわけ「CSS」に関するものかな、と思います。 で、ここで一旦、ちょっとまとめてみます。 CSSの基本的な部分について 記事検索「CSS」 記事検索「gradient」 記事検索「animation」 CSSの基本的な部分について little-strange.hatenablog.com CSSにはざっくり分けて３種類の書き方があり
どうも！LSSです！！ 今回の記事は、昨日、チャーハンリベンジした後、「旅行者になったつもりで神戸を練り歩いた」話です。 新神戸駅 新神戸駅から南に歩き、バス道から西南方向に向かう 神戸の観光名所のひとつ「中華街」 肉まん買ってみた ポートタワーとメリケンパーク ハーバーランドに到着！ あとがき 新神戸駅 恐らく、遠くから来られた方の大半が「新幹線」を利用されるのではないでしょうか。 という事で、新幹線の玄関口である「新神戸駅」を振り返った（という設定）の写真からスタートです^^ 新神戸駅は「生田川」の上に建てられており、新神戸駅の南側の生田川は放水によって水量がかさましされています（写真左側参照） この季節、地元の子どもたちにとっては「無料で水遊びできる場所」でもあり、写真にも写っていますね^^ 新神戸駅から南に歩き、バス道から西南方向に向かう で、市バスに乗ります。（２，１８，９０，９
【CSS】background-sizeとbackground-positionを使うとドット絵が描けちゃいます！【極端な例】 - Little Strange Software
どうも！LSSです！！ だいぶ前の記事ですが、 で使用した、background-sizeとbackground-positionというプロパティの自由度の高さを確認してみます！ CSSでドット絵が描けます！ まず枠を作ります ドットをひとつ置いてみます 小さすぎて分かりにくいので、大きくしてみます ここで ちょっと解説 その１ background-image: linear-gradient(red,red); background-size: 5px 5px; background-position: 25px 25px; background-repeat: no-repeat; ２つめのドットを置いてみます ここで ちょっと解説 その２ ２つめのドットを横長にしてみます どんどん増やせます！ かなり極端な例でした^^; CSSでドット絵が描けます！ まず枠を作ります コード <d
【CSS】お手軽円グラフの文字入れ・その他 - Little Strange Software
どうも！LSSです！！ 【CSS】お手軽（？）な円グラフの描き方【小ネタ】 - Little Strange Software で、お手軽なコードで円グラフをWebページに入れる方法について書きました。 実際に円グラフを置く場合には「どの色が何を示しているのか」や「数値でいうとどのぐらいなのか」を別途記載する必要があるかと思います。 書き方は色々あるかと思いますが、その例を２つほど。 それと、ちょっと気取った変形例を１つ、試してみました。 文字入れ例 凡例 斜めの円グラフ あとがき 文字入れ例 情熱 43% 冷静 23% 狂気 19% その他 15% 円グラフの中に、それぞれの内容を数値%で入れていく一例です。 コード <div style="position: relative; width: 200px; height: 200px; border-radius: 50%; backg
どうも！LSSです！！ 朝からネットに繋がらず、参りました^^; やむを得ず、PCとモバイルWiFi（Wimax）をUSBで接続。 以前から、通信費かけすぎかな？って思ったりしていましたが、ネットが無いと無理な人にはこうした時の緊急対応用としても使えるので命綱として必要かもですねｗ そのモバイルWiFi、忘れた頃に「新機種に交換」の案内が来ます。 USBケーブルで繋げば、PCがWiFi非対応・ドングルも差してない状態でも使えたはず…が使えなかったのに少し焦ったりもしましたが、モバイルWiFi端末をよく見ると 「USBテザリング」 の切り替え項目があり、それがOFFになっていたんですね。 それをONにすると、デスクトップPCでもネット利用可能になりました^^ こうしたトラブルでもないと気づかない部分ってありますね。 家回線のほうは…時折、モデムとルーターをそれぞれ電源抜き差ししていますが、未
どうも！LSSです！！ なんとなーく、考えた事なんですが… 自分はこうして、趣味としてプログラミングぽい事をかじり、色々と試みています。 いっても素人ですが、お褒めに預かるととても嬉しいですね^^ で、思ったのですが、 「もし、あなたがLSS程度の技術を持っていたら」 何をしたいですか？ …なんて、ふと聞いてみたくなりましたｗ 実現の可能性の大小や、規模の大小を問わず（例えば「タイムマシン制作に挑戦したい」でも「ブラウザ上で動作する電卓を作りたい」でもOKｗ） と言ってみたらどうなるかな？って思いましたｗ ってなとこで、今回はこのへんで！ 次回もまた、よろしくお願いします^^
【コード生成】text-shadow調整ツール - Little Strange Software
どうも！LSSです！！ 今回は、コード生成ツール「text-shadow調整ツール」を公開します！ ブログなどで「影つき文字」を使いたい時にちょっと手間が省けるかも？なツールです。 text-shadow調整ツール 使い方 …という小ネタなんですが text-shadow調整ツール 文字色 文字サイズ 太字 影色 影位置・横 影位置・縦 影ぼかし コード 使い方 「文字色 文字サイズ 太字」で、装飾対象となる文字の設定ができます。 「影色 影位置・横 影位置・縦 影ぼかし」でtext-shadow部分の設定ができます。 お好みの設定ができましたら、「コード」内の文字列をコピペして、文章部分を書き換えてご利用ください^^ …という小ネタなんですが 自分でtext-shadowを使う際には、コード上の数値を調節しては、表示を確認して、また調整…という事をやっていたので、text-shadowを
どうも！LSSです！！ だいぶ前に、 リモートの話とイモートの話（…無理があるなぁｗ） こんな記事を書いていましたが、ようやく…ようやく…姪っ子と初めてお会いする事ができました！^^ 本来なら、正月には妹夫婦は帰省してたハズだったんですが、コロナ禍で見送り。 でも、なんだかんだで自分以外の家族は全員、妹夫婦宅に行って対面していて、自分だけが会えずにいた、という状況でした。 何日か泊まっていくようで テストプレイの様子を見て思ったのは… 赤ちゃん向けゲームアプリを作る場合に開発者が留意すべき事 マルチタッチ対応が必要 全画面表示が望ましい 音と画像演出にこだわりたい 赤ちゃんに教わった事 家に赤ちゃんがいる状況という事自体ひさしぶり 何日か泊まっていくようで いってもまだ生後７か月。わからんちんですｗ で、そこでふと思った事があったんですね。 昨日、記事として公開した、 【制作中】もぐらたた
はてなブログで始める！JavaScript超入門！第三回 - Little Strange Software
どうも！LSSです！！ 適当に間をあけながらの「はてなブログで始める！JavaScript超入門！」、今回は第三回となります。 このシリーズは「はてなブログの記事編集画面を使って、プログラムを全くやった事がない人でもプログラミングに触れてみよう」というニッチな趣旨でお送りしておりますｗ なお、前回までは、 第一回 第一章 Hello World 第二章 変数を使ってみよう！ 第三章 計算ぐらいしておこうか 第二回 第四章 ifによる分岐 第五章 ifのもうひとつのしきたり という内容でお送りしました。 第六章 乱数で遊んでみよう！ Math.random() という関数について サイコロを作ってみよう！ 乱数を変数にぶち込んでみよう！ 第六章 乱数で遊んでみよう！ この流れでいくと、次はループか配列変数か、と迷いましたが、 面白さ優先で「乱数」を先にいってみましょう^^ コード <div
どうも！LSSです！！ 今回は、だいぶ前に公開したブラウザゲームの改良版です。 ※2020/9/27 ちょっとだけスクリプト修正。 スマホのダブルタップで拡大縮小になってしまうのを防ぐ対応をとりました。 ちょっと遊びやすくなるかな？^^ おほしさまとって！-Ｓ- ストーリー 遊びかた 前作からの変更点 そもそもの話 おほしさまとって！-Ｓ- ストーリー 幼い妹の、「星が欲しい！！」というダジャレを聞いたたまちゃん 真に受けて、妹想いのたまちゃんは夜なのにまた外に飛び出しちゃった！！！ 遊びかた ゲーム画面内をクリックすると始まります。 ピンク色の●が主人公たまちゃん。 たまちゃんはプレイヤーが画面のどこかをクリックするたびに「右向き」と「上向き」に加速します。 夜空を飛び回り、星を２０個集めるとクリアです^^ 前作からの変更点 little-strange.hatenablog.com 前
どうも！LSSです！！ 梅雨も明け、８月に入りました！ いよいよ…夏の暑さとのバトルも白熱してきますね^^;;; エアコンのない部屋で毎年死にかけていた時期もありましたが、エアコンはやはり必須です。 必須ですが、それ以外にも暑気対策に使えそうなグッズを模索しています。 これまでにブログネタにした事のあるグッズ 首掛け扇風機 ネッククーラー 他にもあるある こんなグッズ！ 空調服 ベルトファン 冷風扇 扇風機 グッズに頼らない暑気対策も書いてみます！ 水シャワー 氷水バケツに足をつっこむ グッズ使用をメインに暑気対策について書いてみました これまでにブログネタにした事のあるグッズ 首掛け扇風機 携帯扇風機 【2020年進化版 羽根なし】 首かけ扇風機 usb充電式 ミニ扇風機 大容量 2000mAh ハンズフリー 強風 静音 卓上 360度調整 3段風量 両手解放 軽量 熱中症対策 USBフ
【CSS】borderによく似た、outlineというCSSプロパティを試してみます【実験】 - Little Strange Software
どうも！LSSです！！ 以前からちょっと気になっていたCSSプロパティ「outline」を試してみます。 これまでもよく使ってきた「border」とよく似ていますが、ちょっと違う？らしく、本の説明を見てもイマイチよく分からないものでｗ そういう時は、試してみるに限りますね^^ ちなみに手元の本には、「borderは線の太さの分、要素が大きくなり、レイアウトに影響」「outlineは線を引いても要素の大きさは変わらず、レイアウトも変わらない」てな事が書かれています。 まずはテスト用のボックスを用意します borderを装飾用にしてみます borderをoutlineに変えてみます borderとoutlineを同時に適用してみます 空行を開けずに３つ続けて置いてみると… なるほどね ただし、borderはborderで あとがき まずはテスト用のボックスを用意します てすと コード <div
【JavaScript】WebStorageを試してみます - Little Strange Software
どうも！LSSです！！ 今回はJavaScriptでWebStorageというものを試してみます。 WebStorage使用例 WebStorageって？ 今回のサンプルのコード まとめると、 活用例 WebStorage使用例 ↑とりあえず簡単な使用例として、カウンタにしてみました。 今、この記事を読んでいるあなたが、そのブラウザでこの記事をみた回数が表示されているはずです。（初回は１） WebStorageって？ Webページを開いているブラウザごとに、その端末（PCとかスマホとか）にJavaScriptから文字データを書き込んだり（セーブする、という認識が分かりやすいかと思います）読みだしたりします。 同じような事をするものに「クッキー」が昔からありましたが、クッキーに比べて 扱いやすい 大きい容量が扱える（クッキーは4KBまで、WebStorageは5MBまで） クッキーはサーバと
【時事】PrintNightMare…直訳すると「印刷悪夢」？ - Little Strange Software
どうも！LSSです！！ また、珍しく時事ネタです。 結論からいうと「WindowsユーザーはWindowsUpdateしようね」って内容になります。 www.cnn.co.jp PrintNightMare 現在はWindowsUpdateに修正パッチが出ています PrintNightMare Windowsに新たな脆弱性が発見されたそうです。 …が、それを発見したところが手違い？で、Microsoftが修正パッチを作る前に、悪用の仕方を公開しちゃったとか！ www.google.co.jp って事は、悪意を持ったイタズラ好きな人たちが大急ぎでやらかしちゃう危険性があります^^;;; 現在はWindowsUpdateに修正パッチが出ています ただ、これも「完全ではない」という話も出ているようですが…防がれるものもあるので、まずは急ぎ、WindowsUpdateしておきましょ^^ Windo
どうも！LSSです！！ 昨日は、CSSのフィルターをネタにするために、メリケンパークに出向きました。 CSSフィルターって画像じゃなくても効果はのりますが、やはり写真を対象にするのが分かりやすい効果が多いですね。 普段あまり撮影はしないのですが、ネタのために、と結構撮ってきましたｗ 入口にだけ花壇 涼しげ！ タワーは仰角で 出石そばのいただきかた トワイライト（黄昏時） 入口にだけ花壇 バスで向かったのですが、降りて入ったすぐのところに、コンセプトがわからない謎オブジェと花壇がありました^^ 涼しげ！ 別のところでは見たことがありましたが、メリケンパークにも遊べる噴水がありました。 さすがにカメラを向けはしませんでしたが、全裸男子の姿もｗｗｗ タワーは仰角で ただなんとなく、タワーは仰角で撮るべきか？と撮ってみただけの写真ですｗ 出石そばのいただきかた けっこう中途半端な時間に、出石そばの
【JacaScript】落ち物パズル制作？ その２ - Little Strange Software
どうも！LSSです！！ 昨日の記事、 の続き、「落ちたコマが積みあがる」ようにしてみました。 それに伴い、 「落下判定で下にブロックがあれば、そこで落下停止して積む」判定、 「左右移動時にブロックがあれば移動しない」判定、 「一番上まで積みあがったらゲームオーバー」判定を追加しています。 その他、見ためや列数、コマのサイズなども調整してみました^^ こんな感じ コマをカラフルにするだけで コード 手を加えた箇所 CSSの指定方法をスマートに 二次元配列変数の追加 負荷軽減策 思いついたルール こんな感じ ※「強制停止」はゲーム動作を強制的に終了します。 スターが押せないなどブログの挙動に困った場合に押してください。 コマをカラフルにするだけで ちょっと楽しげな感じが増したような気がしますね^^ なお、いまだに「パズルとしてのルール」は決めておらず、コマを消す手段は無いのですが、カラフルなコ
どうも！LSSです！！ いよいよ、神戸では桜が満開になりました^^ 桜満開！ スマホのSIM差し替え あと、kindleで漫画をポチりました 桜満開！ また、生田川の桜です^^ もうこれ以上ないというほどに咲き誇っていますね！ スマホのSIM差し替え スマホの移行作業、GooglePlay上になくてどうしようもないアプリ以外は概ね移動。 あと２台めAndroid上の画像・動画ファイルなどもサルベージしたので…まだ１台め２台めともに全リセットをかけるのは躊躇っていますが、とりあえず当初予定していた事のひとつ、「２台めに差していた格安SIMをiPhone7に差し替え」しました。 ※ここでSIMピンがなくて、なんとかiPhoneのSIMスロットを開けたところ２台めAndroidもSIMピンタイプで…といったゴタゴタがありましたｗ ここでまた、APN設定を忘れないようにしないと^^;と思ったところ
どうも！LSSです！！ 以前、記事の終わりの方に書きましたが、 【日記】ペンタブ届きました！ - Little Strange Software 久々にペンタブを購入しました！ ペンタブって、特に絵が得意というわけでもないのに、たまに欲しくなっちゃう魅力がありますよね？（高い本格的なものは除くｗ） かなり以前にも購入していたのですが、使いこなす…どころか、最低限扱えるようになる以前にほったらかしにしてしまっていました^^; 今回は、使いこなすには至らないまでも「最低限扱える」と自分で思える程度には、使えるようになりたいです！ で、実際届いて触ってみましたが、やはりなかなか難しいですね。 ペンタブの中には、タッチパッド代わりになるものもあり、それだとペンタブとしては活用できなくてもPC操作の幅が広がる…という使い方ができますが、今回購入したものはペン専用でした。 そんなわけで、ちょこちょこ触
【ちょっと気になってるWebサービス】マンガノ - Little Strange Software
どうも！LSSです！！ 最近、「ちょっと気になってる」Webサービスがあります。 マンガノ 新しい時代のWebコミックがここから生まれるのかも…？ と、気になってはいるものの… マンガノ manga-no.com はてなブロガーなら誰しもお世話になっている「はてな」と、少年漫画誌で時代を築いた「集英社」が手を組んで開発したWebサービス「マンガノ」 まだ出来たての新しいサービスです。 新しい時代のWebコミックがここから生まれるのかも…？ はてなブログにも様々な漫画ブログがあり、Twitter上でも漫画作品を公開されている方がおられますが、素人でも投稿可能かつ作者が望めば収益化も可能！というサービスはなかなか無かったかもですね。 Kindle出版…なんて方法もありますが、それより敷居が低そうです。 と、気になってはいるものの… 自分が漫画を描くわけじゃないんですけどねｗ ただ、漫画ブログや
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
銀河放浪 - Little Strange Software
【グッズ】最近みつけたプロジェクター - Little Strange Software
【お題】あったか～い - Little Strange Software
ブロガーバトンを預かりました！ - Little Strange Software
季節ハズレのお買い物 - Little Strange Software
CSSで開閉メニュー 改造版！ - Little Strange Software
スマホアクセサリ - Little Strange Software
もうすぐ６月３０日 - Little Strange Software
【CSS】CSS関連記事まとめ - Little Strange Software
旅行者になったつもりで神戸を練り歩いた日 - Little Strange Software
朝から通信障害…予備回線でなんとか - Little Strange Software
もしも、あなたがLSSだったら… - Little Strange Software
【日記】赤ちゃんのいる家 - Little Strange Software
【ゲーム】おほしさまとって！-Ｓ- - Little Strange Software
暑い夏を乗り切るためのグッズ まだまだ！ - Little Strange Software
昨日、メリケンパークに行ってきました - Little Strange Software
【日記】桜とスマホとkindle - Little Strange Software
ペンタブ練習中！ - Little Strange Software