ウェブ家の備忘録

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

JavaScript

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

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

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

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

高専の問題 変数A、B、Cから最も数字の多い変数を出力

元問題は回答にC++を要求してたけれどJavaScriptで回答します。要領は同じだと信じて。 こういうコード考えてると止まらなくなりますよね。 ■学習進度的に想定していると思われる答え <script> //初期値 var A=10,B=20,C=0; //処理 if(A>B){ //A>B if(A>C){ //A>B,A>…

JavaScript : アルファベットをforの中で順次にループさせる

方法1 AとZを変数に入れる const first = "A", last = "Z"; const alphabet = []; for(var i = first.charCodeAt(0); i <= last.charCodeAt(0); i++) { alphabet.push(String.fromCharCode(i)); } document.write(alphabet.join(" ")); ■解説 最初のfor文のv…

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

aiprogrammer.hashlab.jp

JavaScript:目次出力コード

この前のvarとfunctionのスコープ汚染の違いについて調べた件とDOMしてid消してもid残ってる謎仕様を見つけた件をフル活用して作りました。 一般的なプログラマーが読んだらバグ扱いするレベル。 <script>/*220321*/ var title='title';//入力:他の投稿と重複しない…

作ったけど不要になったコード

大小アルファベットを3桁並べたものを網羅するコード。 <script> var alphabet = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""); for(var x = 0; x < alphabet.length; x++) { for(var y = 0; y < alphabet.length; y++) { for(var z = 0; z < …

DOMの疑問

<div id="target"></div> <script> document.getElementById('target').innerHTML = "<div>divの中のidが消えました</div>"; document.getElementById('target').innerHTML = "<div>上の命令を実行した時点でidがなくなったのでここのgetElementByIdが効かないはずなのですが、なぜかこちら</script>…

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

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

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

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

JavaScript : 九九を出力

式1 シンプルな回答 <script> //初期値 const xStart = 1, yStart = 1; const xEnd = 9, yEnd = 9; //処理 const maxLen = String(xEnd*yEnd).length; let output = ""; for(let x = xStart; x <= xEnd; x++){ for(let y = yStart; y <= yEnd; y++){ output += "."; …

JavaScript : evalって重い

下記のように無駄にeval使ってevalの処理速度を見てみました。 <script> //処理 const start = performance.now(); process(); console.log('処理時間:'+(performance.now()-start)+'ms'); //計測したいJSをFunction中に記載 function process(){ let proEnd=100000;…

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

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

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

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

JavaScript : Function宣言の種類

function funcDec1(a,b,c){ return a+b+c; } console.log(funcDec1(1,2,3)); let funcDec2 = new Function( 'a', 'b', 'c', 'return a+b+c;' ); console.log(funcDec2(1,2,3)); //new省略も可能 let funcDec3 = new Function( 'a,b,c', 'return a+b+c;' ); c…

JavaScript : 'use strict'(厳格モード)とは

使い方 JavaScript中に「'use strict';」を追加する。厳格モードの機能 スクリプトが実行される前に、以下のケースに当てはまる場合はSyntaxErrorを返す。・8進数構文 var n = 023; ・with 文 ・delete を変数名に対して使用すること delete myVariable; ・e…

無料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 ・可読コード

JavaScriptの構文チェック

https://jshint.com/ 便利すぎる。

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

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

Adobeの公開Font

https://fonts.adobe.com/fonts

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のスクリーン…

JavaScript : while(i--)

let i=3; while(i--)document.write(i);//210 while(i--)の部分をwhile(i++)にした場合は出力は「456789…」と増え続けて終りない。負荷かけられる。

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…