JavaScript関連のことを調べてみた2021年07月24日

正規表現

#はじめに
正規表現とは「いくつかの文字列を一つの形式で表現するための表現方法」
難しい…
この正規表現を使いこなすことができればたくさんの文章から特定の文字列を検索することが容易となるため習得したい。

#正規表現とは

例えば電話番号
0120-828-828(やずや)を口頭で表現するには
「はじめに数字が4桁あって、ハイフンがあって、数字が3桁あって、またハイフンがあって、数字が3桁ある感じ」
となる

これを1つの形式で表現すると

**’/\d{4}-\d{3}-\d{3}/’**

となる。
短くなり便利そうだが、なんせ分かり辛い

#メタ文字
正規表現で使用する文字の中で特に注意すべきものが「メタ文字」である

“`index.html
. ^ $ [ ] * + ? | ( )
“`

メタ文字は
aやb、1や２といった一般的な文字と違い、文字以上に特別な意味を含んだ文字である

メタ文字の前にバックスラッシュ(\)を入れることによって一般的な文字列として表現できる

“`index.html
\. \^ \$

node.jsを使ってxmlをjsonにParseしたい

#node.jsを使ってxmlをjsonにParseしたい
**使ったライブラリ**

* xml2js
いくつかあるライブラリの中で最も人気が高かった。xmlに準拠していて、jsonをxmlに変換することも可能。
* fs
今回はxmlファイルを読み込むのでこのファイルを読んだり書いたりするnodeの標準モジュールを使用した。

“`
const fs = require(“fs”);;
const xml2js = require(“xml2js”);

var sampleXml = ‘./exmample/test.xml’
//parseしたいxmlファイルのあるパスを書きます。
“`

まずは、xmlのファイルを読み込んでいきます。

“`
var xmlData = fs.readFileSync(sampleXml, “utf-8”);

//fsのreadFilesSyncメソッドを使います
//このメソッドは、第一引数に読み込みたいもの。第二引数にそのものの文字コードを入れます。
“`

次に読み込んだファイルをjson形式にparse

SvelteでModalを作ってみた

SvelteでWebサイトを作っているときに、Modalを表示したいなと思ったので調べてみた。
イメージとしては、ReactのcreatePortalのような感じ。
modal.svelteを、メインのApp.svelteとは、別のHTMLElementで作成して、表示したい。

##使ったもの
●　[svelte-portal](https://github.com/romkor/svelte-portal)

上記のComponentを自身のプロジェクトにインストールして使用した。

##作成したコード
“`javascript:modal.svelte