SVG

どうも！LSSです！！ 昨日に続き、もぐらたたきに手を加えてみました！ 動きます！ とりあえず動く様子だけ見られるようにしようと ランダムにぴょこぴょこ出てきますね^^ 動きます！ // 3){ms[i]=2;};break; case 2:mw[i]++;if(mw[i]>3){ms[i]=3;}break; case 3:m[i]--;if(m[i] とりあえず動く様子だけ見られるようにしようと 青空も入れてみました。 で、JavaScriptで「とりあえず動く様子」を見られるようにしてみました！ …まず自分が見てみたかったからですｗ コード（スクリプト部分のみ） <script>// <…

どうも！LSSです！！ 以前、即興で「もぐらたたき」をJavaScriptで作ってみました。 「もぐら」という文字をクリックする、という素気ないものでしたが、画像・ゲーム性ともに充実させたものを作りたい、とは思っていて、 やけに可愛くできあがってしまった「もぐら」の絵も描いたりしていました^^ あと、叩かれた「もぐら」の絵なども用意しなきゃですが、先に「ゲーム画面」をどうするかを考えていたので、今回ちょっとそれを形にしてみます。 まず穴を５つ配置します もぐらが隠れるためのカバーを用意します ほら、こうすれば土管じゃなくなりますｗ いよいよ、もぐら召喚！ 今のところはここまで まず穴を５つ配置…

どうも！LSSです！！ 今回はただ、ハートマークの描き方に試行錯誤してみただけの記事になります。 おとといの「ちぎり絵風枠ジェネレータ」にいただいた、ブクマコメントで、 yasumarutaiwan ＬＳＳさんの作品たちにはいつもお世話になっております☺️✨ ちぎり絵かわいい！これバリエーション豊富にいけそうですね。1枚1枚の紙をハート型にするとか、星型にするとか。ブログが華やかになりますね💕 というアイデアをいただきました^^なるほど、無数のハートマークをちりばめた枠、ウケが良さそうです！！ 破片のカタチを何種類かから選択できるようにするとかも良さそうですね。 …さて、実際にそれを作るとした…

どうも！LSSです！！ ↑先日、JavaScriptから要素を追加するDOMを試してみました。 innerHTMLを使うと「あたかも最初からそうHTMLを書いていたように」書き換えられる、という使い勝手の良さがありますが、それだと不都合なケースもあります。（inputタグによる、ユーザー操作で変更されるものなどを含んだ場合とか） で、そういえばSVGタグもHTMLと似たようなタグ構造を持っているので、そちらもDOM操作できるんじゃないか？と試してみました！ 結論から言うと…「できるけどHTML要素をDOM操作する時とは少し違う点がある」という結果になりました。 実験成功例 失敗例 悪ノリしたサ…

どうも！LSSです！！ 今回は、【CSS+SVG】インラインSVGを背景画像に指定に続き、画像ファイル不要で使える背景模様を考えてみました！ ちょっと変テコな模様 改変について CSSだけでも出来たかも？ですが ちょっと変テコな模様 '); background-size:50px; } --> ちょっと変テコな模様を作ってみました。CSS＋SVGで描いているので画像ファイルのアップロード不要です^^ちなみに、アルファベット小文字の a をモチーフにしています。この調子で作っていくと２６種類の背景画像ネタを作れる事に！？ｗ コード <style><!--.bga{padding:0.6em;b…

どうも！LSSです！！ 今回は、「漫画のような雲型のフキダシをSVGで描いてみたけど下手すぎた」話と、「雲型のフキダシSVGを画像borderに使用してみたけど…」という話の２本立てでお送りします！！ SVGで描いてみたフキダシ かっこいいフキダシとは 以下、未解決案件^^; SVGで描いてみたフキダシ なんとか頑張って描いてみました（例によってコード手打ち） 中の四角は後で消しますが、文字を入れるスペースを確保するための目安です。 コード <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 20 12"> <re…

どうも！LSSです！！ 昨日の記事中で、 SVGはベクター形式の画像ですが、例えていえば「絵描き歌」みたいなもので、 「まーるかいてちょん、まーるかいてちょん」みたいな「描き方の指示」が書かれているというのが基本である以上、写真画像などを表示するのは不向きである、というのは常に ついて回ります。 インラインSVGについて、ぼーっと考えてみた - Little Strange Software てな事を書きました。 「絵描き歌」みないなもの、というのは我ながら大胆な比喩だったな、と思いつつ、要は「描き方の手順を順に文（テキスト）で表記したもの」という事が言いたかったんですね。 というわけで、今回…

こんにちは。 タイトル通り、 ただただ撃沈してきた報告に過ぎないので、 手短に行きましょうか。笑 ホームにしている例の場所ですが、 最近ナイトロック等でアブラコが釣れてるそう。 オマケに週末という事で、 朝まずめに釣り場についても出遅れる恐れが。 どうせ暗いうちからいるなら、 前の晩に入ってロックやろうと思い立ちました。 7gのシンカーでテキサスリグを組み、 内外の捨て石やカケ上がり周辺を、 丹念に探りました。 結果…… ボウズ！ さぁ、気を取り直して。笑 サクラポイントへ移りキャスト開始！ アスリート12ss、105svg、12ssp…… SLS-zバーティスr 125、ランス120s、ラン…

登録日: 2021-04-11 更新日: 2021-04-11 UEFI 立ち上げで、古めのIntel プロセッサ「Haswell」を使ったPCに、安定版では最新になる「Xubuntu 20.04.2 LTS」をインストールしました。その備忘録で、後半部分です。 古めのPC だとカーネル「5.8」になったことによる影響 が出ています。影響の出そうなPC で「Xubuntu 20.04.2」以降をインストールするときの参考になればと思います。 - - 使用したPC は古めの「ASUS Chromebox CN60 」で、プロセッサは「Intel Celeron 2955U: 第4世代 」です。 …

こんにちは、第百十七回目のレビューはカシオ G-MS MSG-W350CG-5AJFです。レディスの所にも現在カシオで大ヒット中のオクタゴンベゼルが登場しました。 これがまた人気で歴代G-MSの中でもかなりいいペースで売れていっています。 総合評価： 82点 (各項目26点満点) デザイン： 23点 ここにもオクタゴンが出てきました。いつまで出す気かと思いますがデザイン的には凄くまとまっていて良いと思います。 このピンクゴールドとブラウンの組み合わせもカシオの鉄板カラーなのでこれらはかなり最強に近い組み合わせです。 外装： 19点 外装はオクタゴンベゼルがしっかりと角ばっていて高級感を出してい…

×138 「はじめまして松尾です」が初制作 日清・新商品「カップヌードルPRO」 CMを公開 | AdverTimes（アドタイ） by 宣伝会議 ×41 Get on Discover | Google Search Central | Google Developers ×31 GMOインターネットグループ、NFT事業に参入 インターネットにおけるコンテンツ流通革命を支援 | GMOインターネット株式会社 ×21 新しい時代の出版社をつくる｜竹村俊助／編集者｜note ×14 Web広告のアトリビューション、直接CVと間接CVの強い相関関係を実証【WACUL調べ】 | Web担当者Foru…

海外FXブローカーの中でも日本人トレーダーから人気の高いBigBossとXM。 そんなBigBossとXMのどちらに登録をしようかと迷っているという人もいるのではないでしょうか。 どちらもハイレバレッジトレードやボーナスキャンペーンなど、魅力的な部分も多いFXブローカーとなっていますが、詳細な利用条件などに違いがあります。 そこで今回は、BigBossとXMの比較について詳しく調べてみました。 BigBossとXMの比較を分かりやすく解説 BigBossとXMの比較 基本情報 BigBossとXMを運用する企業などの基本情報についてみていきましょう。 BigBossの基本情報 運用会社:Pri…

年表や経歴などで使うタイムラインを作ってみましょう。cssのみで作れるシンプルな物のありますが、今回は「CodyHouse Framework」というフレームワークを使ったアニメーションタイムラインを作成してみます。 Vertical Timeline codyhouse.co使用するファイル style.scss main.js imgフォルダ内のsvgアイコン CodyHouse Framework本体のassetsフォルダ CodyHouse Framework 本体のデータも必要なのでgithubからダウンロードしておきましょう。github.com <div class="cd-ti…

Power Appsを使ったアプリで、画像や動画データを貼り付けたり制御するやり方の紹介です。 Power Appsで画像・動画の貼り付け 画像 サウンド ビデオ カメラ PDF Power Appsで画像・動画の貼り付け 画像 +アイコンから「メディア＞画像」を選びます。 画像のプロパティで「画像>画像ファイルの追加」を実行します。 追加できる画像は JPEG GIF BMP PNG TIF SVG です。 貼り付けたら、画像の合わせ方などを設定しましょう。 画像のデータ多いと、アプリでの画像のロードが遅いです。最初からスマホでの利用が想定できる場合は画像ファイルを小さく作っておくほうがいい…

Hello there, ('ω')ノ AngularJSサンドボックスエスケープとCSPを備えたリフレクトXSSを。 このラボでは、CSPとAngularJSを使用していて。 ラボを解決するには、 クロスサイトスクリプティングでCSPをバイパスして。 AngularJSサンドボックスをエスケープして。 まずは、下記のエクスプロイトから動作確認を。 "><img src=x onerror=alert(1)> ソースコードを確認して。 もう一つのエクスプロイトを。 <svg src=x onmouseover=alert(1)> 一般的な検索をして。 ちなみにCSPは以下のとおりで。 Cont…

PCレイアウト時にもナビゲーションを隠し、ハンバーガーメニューを付け、全画面で表現をする機会が増えてきました。サイトに合わせた構成をいくつか覚えておきましょう。 www.lumine.co.jp webdesignday.jp フルスクリーンナビゲーションのデザイン・ナビのみ・写真付き・検索機能・記事一覧 pic.twitter.com/vavnac2g6q— 小林 I Web Designer (@pulpxstyle) 2020年10月28日 pulpxstyle.com index.html <!DOCTYPE html> <html lang="ja"> <head> <meta ch…

はじめに 今回のテーマは「家族の役に立つ工作」です。 泊まりがけの旅行から帰宅すると，戸締まりした部屋の中は真夏であれば蒸し風呂のように，また，真冬であれば冷蔵庫のように感じられます。帰宅する数時間前に外出先からエアコンを運転できれば，家に着く頃には快適な温度になっていることでしょう。このような機能を持ったエアコンも製品化されているようですし，そうでなくても，赤外線リモコンの信号を利用してこのような機能を後付けするための「スマートリモコン」と呼ばれるデバイスが今日では低価格で手に入ります。 また，昨今では天井照明がかつてのような「ヒモ」（正式にはプルスイッチ）ではなく，リモコンで制御されること…

www.itmedia.co.jp 米GoogleがAndroidでJavaの著作権を侵害しているとして米Oracleが2010年8月に提訴した裁判で、米連邦最高裁判所は4月5日（現地時間）、Googleは著作権を侵害しなかったとの判断を下した。 GoogleがOracleとの10年越しの裁判で勝訴 最高裁はJava著作権侵害せずの判断 - ITmedia NEWS ⇧ う～ん、エンジニアからしてみたら、APIのドキュメントをちゃんとしてくれてるんであれば他に何もいらないって思っちゃいますけどね。 そして、 www.publickey1.jp マイクロソフトは同社独自のOpenJDKディストリ…

WiFi切れた時に出るエラーのUXライティング探し〜 事例 参考 MaterialDesign 事例 Chrome「インターネットに接続されていません」 Pintarest「インターネットに接続されていません」 GoogleMap「インターネットを利用できません」 Twitter「接続が失われました。確認してからやりなおしてください」 Twitch「ネットワークエラーが発生しました。再度お試しください。」 Youtube(たぶん）「インターネットに接続してください」 AmazonPrime「ビデオを視聴できません」 DeepL「インターネット接続に問題があります」 Facebook「現在オフラ…