新米エンジニアの失敗再発防止メモ

自分そしてこの世界の皆が、同じ失敗をしないためのメモ

Twitterやってます!@rakuton_t
欲しいものリストのブタメンを送ってくれた方、ありがとうございます!

HTML

Angular(に限らない)のhtmlファイルで不要な警告が出てしまう件

問題の事象 VSCodeでAngularプロジェクトを作成すると、htmlファイルで下記のような警告が出てしまって、邪魔だと思います。こんなのや Doctype must be declared first.(doctype-first)こんなの The attribute name of [ *ngIf ] must be in lowercase. 解…

Angular7でscriptタグを使う方法。Stripeのタグを例に解説

Angularで、scriptタグを普通にHTMLに書いても、描画時にscriptタグの部分が消えてしまって処理が実行されません。 それでもscriptタグを埋め込みたい場合の方法を解説します。Angular6でも多分大丈夫な方法です。 今回は、Stripeのタグを例に解説します。 s…

【HTML+CSS+Javascript+JQuery】要素の幅に合わせて高さを変える方法

JQueryは必須じゃありませんが、JQuery使った場合は以下のようになります。 ずばり、こうやる <script type="text/javascript"> // 初期サイズ var w = $("#要素ID").width(); // 要素の横幅を取得 $("#要素ID").height(w * (縦横比)) // 要素の高さを計算して設定 // 画面サイズの変更検知…

Twitterの片思いフォローを一括フォロー解除する方法

リムーブリップスという素晴らしいWebアプリもあるのですが、 時々不調ですし、100件ずつしかできません。 以下の方法だと、特定のアプリに依存しません。 注意点 ・Twitterの仕様が変わると誤作動の可能性があります。(2018/12/17時点の仕様では大丈夫) ・…

dtタグ、ddタグを使ってうまくいかないとき

dtタグ・ddタグはdlタグの中で使う。 <dl> <dt>小タイトル</dt> <dd>コンテンツ</dd> </dl>dlタグのブロック要素の中でも使うことができるのだが、、、 以下のように、ddタグ・dtタグの中に書くような使い方はできない。 <dl> <dt>小タイトル</dt> <dd> <dt>小々タイトル</dt> <dd>コンテンツ</dd> <dt>小々タイトル</dt> <dd>コンテンツ</dd> </dd> </dl>…

【JavaScript + JQuery】DOMの変更を監視するリスナー

特定のページで面倒な操作を自動でやりたいときなど、拡張機能を作成すると思います。 リンクやボタンをクリックした時に、ページ遷移じゃなくてDOM全体がふわっと変わるような洒落乙なサイトも時々あって、そういうときって DOMが変更された時に反応して処…

【通販】【Adidas、Nike、Puma】スクリプトでカートイン

私は通販システムに関わる仕事をしておりますので、他社の通販サイトの作りをちょっと調べてみました。主に、スクリプト対策はどうなっているのかを調べています。 超人気商品となると、通販で販売開始して数分とかで在庫がなくなってしまいます。 手動の人…

私の記事が役に立ったら、どうぞ何か買ってください!→ Amazon欲しいものリスト