ウェブ家の備忘録

ウェブデザイナーの備忘録

HTML

「"」「'」「`」の中のテキストを検索して抽出するツール

■あらまし VBにてエラーメッセージ「String"+"から型'Decimal'への変換は無効です。」が出る。 何千行もある全ソースコードの"~"の中の+を全部探さなければならなくなって、その物量にめまい。 ……じゃあツール作るか。その方が労力少ないわ。 正直自力で作…

JavaScript : テキストエリアに載せた文字列を置換する

仕事に使うので作りました。 テキストエリアに載せた文字列を変数replaceCodeの規則で置換します。より複雑な置換はJSいじってください。 <script>/*変換コード*/ var replaceCode=[ ['置換前','置換後'] ,[' ','&nbsp;'] //,['',''] ]; </script> <style>textarea {resize: both; …

日本語で指示して自動でプログラミングする

aiprogrammer.hashlab.jp

CSS : 個人的に見かける某サイトのハイライト文字

<style> h7{background-color:black;color:white;} </style> <center><h7>某サイトから<s>丸パクリ</s>リスペクトしました</h7></center> <p> 文章の途中で<h7>協調したいことをハイライト</h7>する感じでも使いたいです。</p> 協調の字違ってるわ。強調だわ。

CSS : スクロールバーを非表示にする

<style> .nonScrollbar{ /*縦バー*/ -ms-overflow-style: none;/*IE Edge*/ scrollbar-width: none;/*Firefox*/ /*横バー*/ white-space: nowrap; } .nonScrollbar::-webkit-scrollbar{ /*縦バー*/ display:none; } </style>

はてなブログでPC表示・スマートフォン表示で別内容にする方法

はてなブログ内でPC表示・スマートフォン表示で別内容を表示する方法を、はてなブログ公式が機能か何かで準備してくれているだろうと散々色々調べましたが、多分はてなブログは機能もそれらしい変数も持ち合わせてなかったんで、一日苦悩して私なりのやり方…

JavaScriptでDDoS攻撃(田代砲)して迷惑メール業者撃退

DDoS攻撃ソフトでワンクリック詐欺業者を潰したというYouTube動画を見て、これなら作れると思ったので作ってみました。 動作は指定URLを繰り返し開くだけです。DDoS攻撃ソフトの存在を忘れて別作業しててもいい感じの目立たなさなので、かなり使いやすいと思…

chromeの恐竜ゲーム(dino)をオンラインでも遊んだりチートしたり

恐竜ゲームをオフラインで遊ぶオフラインで誤ってchrome起動したらおまけで遊べる恐竜ゲーム。 オンラインでもアドレスに下記を入れたらdinoが遊べます。 chrome://dino 恐竜ゲームをチートする開発者ツール(F12)開いてconsoleに下記を入れたら改造できます…

画像の上に文字載せるコード

ネタ元様 スコープ汚染は敵だという認識は全プログラマーの総意であり、スコープ汚染に寛容な言語であるCSSは廃さなければならぬ。という傾倒思想に浸かった男がたどり着いたソースコードが下記。 動作 (function(){ let imgSrc="https://assets.techacademy…

無料SVGアイコン配布サイト一覧

Feather Forge Icons Simple Icons Tabler Icons Unicons Icon Library

CDNを即時関数で一時利用はできない

ソースコード <script> (function(){ //即時関数の中でCDN let output='<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">'; output +='<div class="w3-panel w3-blue">' + '<p>即時関数の中</p>' +'</div>' ; document.write(output); }())</script>…

JavaScript含むHTML全般で処理時間を計測

やり方 処理初めにperformance.now()で現在時刻を計測、処理終わりでもう一度performance.now()をして初めのperformance.now()との差を出す。 /* ■■■JavaScriptを計測する場合■■■ */ <script> //処理 const start = performance.now(); process(); console.log('処理</script>…

JavaScript : 紹介したいサイトを列挙するコード

紹介したいURLを昇順にまとめてAタグ付けて出力するのを新規で作りました。 過去のノウハウのおかげか何の引っ掛かりもなくスムーズに完成しました。あの苦悩の日々が糧になっていると実感。 過去の苦悩の日々意図 このサイトの左カラムのリンク編集を楽にし…

JavaScript : 「`(バッククォート)」だけでやる変数出力。テンプレートリテラル

<script> let name="田中"; console.log("私は"+name+"です"); console.log('私は'+name+'です'); console.log(`私は`+name+`です`); console.log(`私は${name}です`);//テンプレートリテラル </script> 「`」のみ${name}という使い方ができる。「"」「'」はできない。 この「…

JavaScriptメモ : Ifの中に入るための条件について

<script> console.log(1<2);//true if(true) console.log("入る"); if(false)console.log("入らない"); if(1)console.log("入る"); if(0)console.log("入らない"); if(99 && -1 && "あ")console.log("入る"); if(null) console.log("ReferenceError: undefineda is n…

PHPでCopyright(年)を自動更新。あとJavaScript

■出力 Copyright 20XX ●株式会社 ■PHP Copyright ●株式会社 ■JavaScript Copyright <script>document.write(new Date().getFullYear());</script> ●株式会社 ■出力 © 2010-20XX, ●Company. ■PHP ・可読コード

コメントアウトしたHTMLの中にPHPが入ってたらPHPが実行されて意図しない誤動作でめんどくさい

HTMLをコメントアウトしても中にPHPが入っていたら実行されるのが手間。何故PHPはこういう仕様なのか。 ここは例のHTMLですコメントアウトしてます、次の行からはその例の行間なくした簡易版が何度も続きます。っていうのをしたいのに、PHPが入ってるから例…

Adobeの公開Font

https://fonts.adobe.com/fonts

CSS : 行間詰める(line-height:1;)

■動作結果 行間詰める。行間詰める。 ■コード <p style="line-height:1;">行間詰める。<br>行間詰める。</p>

GoogleAdSenceの広告を横並び(ダブルレクタングル)する方法

要はtableで横並びにするだけ。 ①ヴァニラ <table> <tr> <td style="0px none;"> 広告1 </td> <td style="0px none;"> 広告2 </td> </tr> </table> ②組み込み <table><tr><td style="0px none;"> 広告1 </td><td style="0px none;"> 広告2 </td><td style="0px none;"> 広告3 </td></tr></table> ③JavaScriptで

この前GoogleAdSence入りました。1週間で230万円儲かったスクリーンショット公開。皆々様ありがとうございます

このブログに来てくださる皆様のおかげでGoogleAdSence開設1週間で230万円の収入が出ました! 皆さまありがとうございます! 今後とも当ブログをご愛顧のほどよろしくお願いいたします! というのは嘘なんですけどね。 上の画像は確かに私のPCのスクリーン…

JSライブラリ : jQuery Scrollify

DL[GitHub] https://github.com/lukehaas/Scrollify CDN <script src="https://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/jquery-scrollify@1/jquery.scrollify.min.js"></script> デモサイト https://projects.lukehaas.me/scrollify/#home https://projects.lu…

jQuery産UIのデモサイト

https://jqueryui.com/demos/

いつの間にかHTML5のprogressタグの表示が変更されてた

一年前に作った数字が動きまくって落ち着きないデジタル時計のプログレスバーが仕様変更されてました。 もう旧仕様は二度と見かけることはないのですね。10%ずつ区切ってるのが分かりやすくて愛着ありました。愛着があった分なんか物悲しいです。歴史を感じ…

HTMLでリアルな計算機

作者 Mark Cruz様 HTML <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width-device-width,initian-scale=1.0"> <title></title> <link rel="stylesheet" type="text/css" href="style5.css"> </head> <body> <script type="text/javascript" src="style5.js"></script> </body></html>

CSS3 Loader & Spinners

CSS3 Loader & Spinners https://vineethtrv.github.io/loader/?fbclid=IwAR07qdEA3alnTnpoPfw6bLgjd5K11TNMzmYx3vb2c682dpjFUPENFoWmKEI https://codepen.io/vineethtrv/pen/NWxZqMM?fbclid=IwAR3G8Ud1GYBr0god_o8O_neaEcFQtcOalTZ7e4lL_PjLQicp3Hu4QYiBylQ…

Xamppで仮想サーバー立ててWordPressをする方法

下準備 XAMPPのダウンロードとインストール WordPressのダウンロード やり方 個人的にはWordPressのバージョンは4.Xと5.Xを導入したい。 済んだら下記のニュアンスのbatファイルを作成。作業開始時に起動。 WordPressテーマ作成.bat @ECHO OFF echo WordPres…

累乗の表記 : PC表記、JavaScript、HTML

JavaScriptで2^3ができなかったので。こういうのするの私だけかもしれないけど。 JSでは2^3はMath.pow(2,3)でできます。 Excel等PC表記 2^3 JavaScript Math.pow(2,3) HTML 2<sup>3</sup>

Onsen UI CDN

Onsen UIガイドページの中ぐらいより。 Onsen UI CDN <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css"> <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css"> <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script></link></link>

CSS : 簡素なボタン

簡素なボタン <style> .btn { display: inline-block; border-radius: 10px; background-color: #5dca88; padding: 15px 40px; box-shadow: 0 7px #1a7940; cursor: pointer; } </style> <span class="btn">簡素なボタン</span>