テキストデータから説明図やシステムフローチャートなどのダイアグラム図、ビジュアライズ図などを作成することのできるDSL(ドメイン固有言語)、mermaid。mermaidのJavaScript実装であるライブラリを使用して、mermaidライブラリでのダイアグラムモデリングの方法とチュートリアルについて解説します。

Javascriptプログラミング言語において、tampermonkeyで外部JavaScript、外部CSSファイルを読み込む方法について紹介します。JavaScriptといえばtampermonkeyですね。tampermonkey上でCSSやJavascriptの外部ライブラリを読み込むことができたら、できることの幅が広がります。…

JavaScriptプログラミング言語において、jQueryとlist.jsで正規表現検索・並び替え可能なHTMLテーブルを作ったので紹介します。 <ul>  <li>ライブサーチ</li>  <li>正規表現</li>  <li>数値と文字列で昇順／降順ソート</li></ul>などの機能を備えたHTMLテーブルをJavascript…

JavaScriptの正規表現マッチとグループマッチについてメモです。document.location.href.match(/https://(google|yahoo)(.*)/)</code></pre>ここからgoogle or yahooが入るであろうグループマッチを取り出すには、…

Javascriptプログラミング言語でHTTP GETをする方法についてメモです。<pre><code>var xhttp = new XMLHttpRequest();xhttp.open("GET", "http://192.168.3.19:4567/", true);xhttp.send…

JavaScriptプログラミング言語を使用しブラウザ上の非表示パスワードをまとめて表示させるブックマークレットを紹介します。例えば、パスワードが******と言ったふうになっている場合にそれを可能な場合に表示させます。ブックマークレットまたはtampermonkeyなどのユーザースクリプトとして使用してください。

Javascriptでtry・catch文を使い例外処理する方法についてメモです。

Javascriptから外部URLのJavaScriptをinclude・requireを使って読み込む方法のメモです。

tampermonkeyでもなんでもそうですが、chrome拡張機能ってたまにクラッシュします。クラッシュしたときに、拡張機能のなかのデータが消えてしまうことがあります。初期化されてしまうわけです。Tampermonkeyをインポート・エクスポートした方がいい、というだけのメモです。

javascript-obfuscatorでJavaScriptスクリプトのプログラム・コードを難読化する方法について紹介します。JavaScriptはクライアントサイドなので、暗号化はできない。一応調べたけど、やはりできないらしい。

Javascriptでウェブページの全ての文字を置換するサンプルコードのメモです。使用例：自分のコーディング／作成したウェブページのデザインやレイアウトを友達とかクライアントに見てもらいたいけど、文字がそのまま書いてあるとサイト特定されてしまう。それを避けたいみたいな場合。以下のJavascriptをファイルなりブックマークレットなりデベロッパーツールコンソールなりで…

JavaScriptで拡張子を出力する方法についてメモです。例えばdocument.location.hrefで取得したURLなどからファイルの拡張子(pdf, txt, html)などを取得します。getFileExtension(document.location.href);

JavaScriptでYoutubeのURLの変化を監視する場合のメモです。youtubeは動画を移動するときに、非同期で通信しているので、ユーザースクリプトなんかが使いにくいです。HTML(＝動画)が変わったらスクリプトを再度実行する、っていう処理をしたい場合は、URLの変化を監視するのがよさそうですが…通常、hashchangeあたりでできるらしい…

JavaScriptではxpathの全ての結果を配列として受け取ることができるようなメソッドがビルトインではありません。例えばCSSセレクターだと、"querySelectorAll"メソッドなどが使えますが、xpathに対してはそういうものがないということです。以下のコードではそれを定義し、以下に使用例を挙げました。

JavaScriptで外部モジュール・パッケージのライブラリやjQueryをincludeで読み込みをして使えるようにします。以下ではdocument.createElementメソッドとsrc属性を使用します。