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

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

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

javascript

VSCodeで閉じタグ(終了タグ)の自動補完を無効(有効)にしたいとき(ファイルの種類別の設定も可能)

VSCode閉じタグ(終了タグ)の自動補完を無効または有効にしたい時の対処方法について解説します。 特定の種類のファイル 目次 閉じタグ(終了タグ)の補完についての設定方法 setting.jsonの開き方 閉じタグ(終了タグ)の補完についての設定方法 setting.jsonに…

【javascript】beforeunloadイベントでページ更新と遷移を判別することはできない。

タイトルの通りです。 beforeunloadイベントでページ更新と遷移を判別することはできません。 よって、離脱とページ更新(リロード)で、確認メッセージを出し分けることもできません。 何故なら、ユーザーの遷移先はプライベートな情報だからです。例えば、下…

seleniumuでエラー、ChromeDriverのサポートバージョンが不一致

今日、いつも動かしていたプログラムを実行したら突然エラーを吐くようになりました。 私はPythonを使っていますが、他の言語でもseleniumuを使っていれば起きる事象です。 発生したエラー selenium.common.exceptions.SessionNotCreatedException: Message:…

Chromeの拡張機能を開発して詰まったところ

昨日、初めてChrome拡張機能を公開申請しました。 現在は審査中です。 審査が通ったら改めて公開した拡張機能について記事を書きます。審査が通りました。 【Chrome拡張機能】「Black List Site」を公開しました。 - 新米エンジニアの失敗再発防止メモ コン…

Adblock(広告ブロック)の解除をお願いするスクリプト

私の気持ち 広告ブロックされても良いんです。 広告ブロックされてるからと言ってコンテンツを制限したりなどはしません。 でも私たちは広告費でブログを運営しています。少し煩わしいかと思いますが、お願いするぐらいは許してください。 ずばり、こうやる <div id="adframe"></div>…

【TypeScript】小数点以下の四捨五入・切り上げ・切り捨て(小数点じゃなくても出来る)

ずばりこうする javascriptでのやり方がそのまま使えます。 Math.round(x: number) // 四捨五入 Math.ceil(x: number); // 切り上げ Math.floor(x: number); // 切り捨てを使いましょう。特にモジュールをimportする必要はありません。 蛇足 typescript 小数…

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

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

【AWS利用】ドメイン変更時のリダイレクトの仕組み作成

経緯 rebikunn.jp というドメインを取得しました。 それで一時、当ブログのURLを https://blog.rebikunn.jp/ にしてたのですが、 SEOの関係で色々と良くないことになったので、元々のURLにもどしたのです。 そしたらそれはそれで問題が起きました。 検索エン…

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

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

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

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

Angularの勉強会に参加してきました!【Angular で始めるモダン Web 開発セミナー】

connpass.com参加してきました! 内容ざっくり ・Angularの入門編 ・Angular 専用コンポーネント Ignite UI for Angular の紹介 インフラジスティックス・ジャパン株式会社 が作ったライブラリです。 Google Chartsと似たような製品です。 グラフや表を簡単…

【ASP.NET】UpdatePanelのポストバック時にもJavascriptを実行する方法

ASP.NETでJavasScriptを使うときの話です。 これだとUpdatePanelのポストバック時に実行されない。 非同期通信なので <script type="text/javascript"> (function () { //処理 }()); </script>ページを開いたときは動くけど、ポストバックしたときは動かない。 ポストバック時に実行したいなら、pageL…

TypeScriptでHtmlElement型が認識されない場合の対処

Angularやってて、詰まったのでメモ 問題 コード var content: HTMLElementビルドエラー Cannot find name 'HtmlElement'. 解決策 domをインストール $ npm install domそしてimport import { HtmlElement } from 'dom';はいちゃんちゃーん それでもダメな時…

【JavaScript + JQuery】DOMの変更を監視するリスナー「domsubtreemodified」について

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

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

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

LINE専用ブラウザからスマホのデフォルトブラウザに自動で遷移させる方法

LINEから遷移した場合にスマホのデフォルトブラウザで開く URLのGETパラメーターにこれを付けてあげれば良いです。 openExternalBrowser=1Webサイトの管理者が、 ブラウザを判定してLINE専用ブラウザだったらこのパラメータを付与してリダイレクトさせてあげ…

Uncaught Error: Syntax error, unrecognized expression の対処方法(JQuery)

エラー出力内容 Uncaught Error: Syntax error, unrecognized expressionこのエラーが出力された時の対応方法について解説します。 「unrecognized expression」の原因 JQueryのバージョンによっては、 要素のidに以下の記号が含まれている場合、セレクタの…

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