1年以上前ですが、このブログでプログラミング言語のトレンド調査を行いました。

その中でも上位に来ていたものに

「Assembly Language」

がありました。

ブログを上げた際にはアセンブラの一種かと思い、特に調べることもなかったのですが、最近、よく耳にするワードがあります。

「WebAssembly」

さらにはその中で「Rust」がいいよ、という内容が目に止まりました。

ただ「Rsut」は「Rsut」だよね？「Web」と書かれているということはブラウザで動作するということか？

いろいろ気になったので調べてみました。

WebAssembly (WASM)とは？

WebAssembly (Wasm)は、ウェブブラウザで実行される低レベルのバイナリフォーマットで、主に高性能なウェブアプリケーションの開発に利用されます。JavaScriptとは異なり、WebAssemblyはバイナリ形式であるため、ブラウザが解釈しやすく、実行速度が速いのが大きな特徴です。

https://qrz.co.jp/blog/webassembly_function/

弊社でもJavaScriptのフレームワークはいくつか導入しています。

• React
• Angular
• Vue.JS

などを使ってサービスの提供を行っています。

確かにネックとなるのはそれほど実行速度は早くない、というところでした。

それがWebAssemblyでは解消されるということになります。

WebAssemblyの特徴

上記で実行速度を上げましたが、その他の特徴も調べてみました。

JavaScriptを超える高速処理

これは先ほども述べましたが、バイナリ形式であるためが大きいものと想像されます。

従来はJavaScriptによって記述されていた部分をWebAssemblyに置き換えることで、処理速度が改善されます。実測値の報告データによると約3倍の処理速度が期待できるそうです。

3倍の違いというのはかなり大きいです。高速な処理が要求されるであろうゲームや、多くのデータを利用するシミュレーションやAIなどに有効になってきそうです。

多くのブラウザで対応済み

メジャーブラウザは多くで対応済みです。なので動作に心配ないのも安心です。

• Chrome
• Edge
• Firefox
• Safari
• Opera

最新の対応状況はこちらで確認できます。

https://caniuse.com/wasm

移植性・言語選択肢の多さ

「Rust」が使える？という今回の疑問の回答がこちらになります。

低レベルのバイナリフォーマットは標準化されており、多くの言語が対応しています。

• Java
• PHP
• C# .NET
• C++
• Ruby
• C
• Swift
• R
• Go
• Rust

「Rust」もありますね。

バイナリフォーマットさえ出力できるものであれば、言語は問わないということですね。

WebAssemblyでは

多くの言語が使える＝既存のソースコードの流用ができる、ということにもなります。

「Rust」には「Yew」というフレームワークもありました。

また最近はWebAssemblyに特化した「Oynx」といった言語も登場しています。

どの言語が利用されているのか？

Scott Logic社が、WebAssemblyの利用状況などに関する調査報告を毎年行っており、直近の「The State of WebAssembly 2023」を見てみます。

記事のグラフを抜粋しました。Rustが一番利用されています。さらに3年連続で一番利用されていることが分かります。40%以上と高い利用率ですので、よく話題になっているのかもしれません。

もう一つ、気になるグラフがありました。

WebAssemblyは実は利用用途はWebだけではないんです。

サーバレス、コンテナ、プラグイン開発と多岐に渡ります。

上記ではWebAssembly (Wasm)は、ブラウザで実行と書きましたが、正確には仮想マシン用バイナリ命令フォーマットの仕様になります。

そのフォーマットがWasm ランタイムと呼ばれるスタックベースの仮想マシンによって実行されることになるため、特定のプラットフォームに依存しないことになります。
また、Wasm は OS、 CPU アーキテクチャに依存していません。
OS (Windows、Mac、Linux) や CPU アーキテクチャ (x86-64、ARM) が異なる環境でも動作します。
Wasm ランタイムが OS や CPU アーキテクチャの差異を吸収しているため Wasm アプリケーションでは意識する必要がありません。

これによってWebだけではなく、いろいろなところで活用できるというわけです。

最近良く聞く、と言いましたが、実はAWSのLambdaでWebAssemblyが利用できる、というのを見たのが最初の知ったきっかけになります。

サーバサイド向けとしてSpinというフレームワークも存在しているようです。

WebAssemblyでできないこと

良いことずくめなWebAssemblyですが、できないこともあります。

システムのルート権限でアクセスできない

OS やデバイス自体にシステムのルート権限でアクセスできません。したがって、USB や Bluetooth、画面などに直接アクセスすることは不可能です。

DOM操作が行えない

WebAssemblyはブラウザがHTMLを解析する際に生成するデータ構造であるDOM（Document Object Modelの略）の操作もできません。

WebAssemblyの設計仕様はHTMLの要素を操作するものではありません。DOMの操作にはJavaScriptを使う必要があります。

そうなんです、WebAssemblyはブラウザ上では単独では利用できないのです。

ですがJavaScriptを使えば良いだけですので、そんなにネガティブに考える必要はなさそうです。

WebAssemblyを使ってみたい

調べれば調べるほど、いろいろな可能性を秘めたWebAssembly。

しかし最近の動向でもWeb以外での利用も増えてきているとはいえ、メインはWeb利用です。

多言語対応、プラットフォーム非依存、高速性など多くの特徴を持っており、ぜひ取り入れてみたいと思わせる魅力があります。

新しいサービス開発となったら、Yewあたりで、いやまずはLambdaで使ってみたいですね。

こんにちは、窪田です。

正規表現でメールアドレスをチェックしたいという状況は、エンジニアとして働いている以上、頻繁に起きるのではないでしょうか。

今回はメールアドレスの形式に当てはまる正規表現について解説したいと思います。

正規表現とは

正規表現とは、「文字列を一つの形式で表現するための方法」です。

正規表現を使用することで、いくつかの文字列を一つの文字列で表すことができます。

例えば、メールアドレスはそれぞれが異なる文字列ですが、メールアドレスの形式は決まっているので正規表現を使用することで、文字列がメールアドレスであるか、そうでないかを判断できます。

メールアドレスの正規表現

^[a-zA-Z0-9_\-]+(\.[a-zA-Z0-9_\-]+)*@([a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$

これがメールアドレスの形式に当てはまる正規表現です。

この正規表現について、少し解説してみます。

正規表現の解説

メールアドレスは@以前のローカル部分と@以降のドメイン部分に分けられるので、正規表現も同じようにローカル部分とドメイン部分に分けてみます。

ローカル部分

^[a-zA-Z0-9_\-]+(\.[a-zA-Z0-9_\-]+)*@

ドメイン部分

([a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$

ローカル部分の正規表現の解説

^

文字列の先頭を意味します。

[a-zA-Z0-9_\-]+

英数字、アンダーバー(_)、ハイフン(-)のうち、1回以上繰り返されることを意味します。

ピリオド(.)はメールアドレスの先頭に設定できないため、ピリオドは含めません。

メールアドレスに使用できる記号を増やした場合は、[]の中に追記してください。

この際、ハイフン(-)のように正規表現で特殊な意味を持つ記号は「\記号」としてエスケープする必要があります。

(\.[a-zA-Z0-9_\-]+)*

これは、ピリオド(.)と、英数字、アンダーバー(_)、ハイフン(-)のうち1回以上繰り返されるグループが、0回以上繰り返されることを意味します。

ピリオドは連続して使用することができず、ローカル部分の末尾にも使用できないため、このような複雑な正規表現になっています。

この正規表現により、a.@～やa..@～のようなメールアドレスは認めず、a@～やa.b@～を許可しています。

^[a-zA-Z0-9_\-]+(\.[a-zA-Z0-9_\-]+)*@でチェックした場合

a.@～やa..@～のようなメールアドレスは形式が正しくない判定になっている。

^[a-zA-Z0-9_\-]+([a-zA-Z0-9_\-\.]+)*@でチェックした場合

a.@～やa..@～のようなメールアドレスも形式が正しい判定になってしまう。

@

これは@が1つ一致するという意味です。

ドメイン部分の正規表現の解説

([a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9]\.)+

英数字と、英数字、ハイフン(-)のうち0回以上繰り返しと、英数字と、ピリオド(.)のグループが、1回以上繰り返されることを意味します。

ハイフンはラベル（ドメインの.で区切られた文字列）の先頭と末尾には使用できないため、このような正規表現になっています。

[a-zA-Z]{2,}

英字が2回以上繰り返されることを意味します。

$

文字列の末尾を意味します。

まとめ

今回はメールアドレスの正規表現について解説してみました。

正規表現を日本語で説明するのは非常に難しかったので、記事を読んでくださった方に理解していただけたか不安ですが、何かの参考になっていれば幸いです。

正規表現でメールアドレスの形式をチェックする際には、今回紹介した正規表現を使ってみてください。

メールフォームを作成する機会があり、スパム対策にreCAPTCHAが効果的だということで、
導入しましたが、詳しいことはあまり理解せず導入しました。

そこで、改めてreCAPTCHAとは、どのようなのもなのか詳しく調べてみました。

reCAPTCHAとは？

reCAPTCHAとは、botによるウェブサイトへのスパム攻撃を防ぐためのGoogleが無料で提供しているサービスです。

お問い合わせなどのフォームの送信画面やログイン画面で、
「私はロボットではありません」というチェックボックスを見かけたことがあるのではないでしょうか。

これは、reCAPTCHAの機能の一部です。

reCAPTCHAの種類と違い

reCAPTCHAの種類

reCAPTCHAは、以下の種類があります。

• reCAPTCHA v1（2018年3月にサービス終了のため、利用不可）
• reCAPTCHA v2
• reCAPTCHA v3

reCAPTCHA v2の特徴

「私はロボットではありません」というチェックボックスへのチェックが要求されます。

そして、チェックした後、2パターンの挙動があります。

1つ目は、そのまま人間であると判断され、フォーム送信などが行えるパターン。
2つ目は、人間として認識されず、再度人間であるかの確認のため、下記のような画像認証が行われるパターン。

reCAPTCHA v3の特徴

reCAPTCHA v2のようなチェックボックスや画像による診断がなく、ユーザーの操作が一切不要です。
botと人間のウェブサイトでの行動パターンを機械的に学習し、自動でbotか人間かを判断します。

そのため、利用者が多いほど判断の精度が高くなっていきます。

reCAPTCHA v2の導入メリット・デメリット

メリット

「チェックボックスへのチェック」や「画像認証」による高い安全性です。
ユーザーにアクションを行ってもらうことにより、高い精度でbotか人間かを判定できます。

デメリット

「チェックボックスへのチェック」や「画像認証」によりユーザビリティーの低下です。
認証作業の煩わしさや問題の分かりづらさから認証失敗が多発し、サイトを離脱されてしまうことがあります。

reCAPTCHA v3の導入メリット・デメリット

メリット

v2のような「チェックボックスへのチェック」や「画像認証」がないので、ユーザビリティーが損なわれないので、サイトの離脱が少ない。

デメリット

reCAPTCHA v3の誤判定により、人間の排除され、botが通ってしまう可能性があります。

まとめ

私の経験上、v3の誤判定は、あまりない印象です。
そのため、v2とv3のどちらを導入したらいいか悩んだときは、基本的にv3の導入で大丈夫だと思います。

しかし、WordPressなどプラグインを使用して導入する場合、
v3では相性が悪い場合があり、誤判定されることがあるようなので、その時はv2の導入を考えた方が良いかもしれません。

reCAPTCHAの効果も大きいので、積極的に導入を考えてみてはいかかでしょうか？

みなさま、はじめまして！グリニッジ内で自称1番のサウナ好きメンズの小坂と申します。
（週1回行く程度ですが笑）

健康維持やストレス解消のため、1人でも多くの働く方にサウナへ通っていただきたいと思い、
このテーマを書くことに決めました。

今回ご紹介する内容をご覧いただければ、

• サウナに行ったことあるけど、ととのうがよくわからなかった。
• 水風呂が苦手！！
• デスクワーク続きで体が凝っている。
• 寒暖差の影響で体調を崩しやすい。
• ここ数ヶ月運動不足が続いている。

といった方もサウナに行きたくなること間違いなしですので、ぜひ最後まで読んでいただければ幸いです。

サウナの「ととのう」とは？

知人や友人にサウナの話をすると、「ととのう」がわからないという声をよく耳にします。
私自身もやんわりとしか理解していないので、これを機に少し調べてみました！

「ととのう」の語源とその意味

いろんな記事を調べていると、どうやら日本人プロサウナーから「ととのう」という言葉が生まれたらしいです。サウナ自体はフィンランドから持ち込んだ文化になりますが、「ととのう」という言葉が日本発の言葉として広まっているのは、なんだか嬉しいですね。

また、実際に「ととのう」という言葉が何を意味しているかというと、1種のトランス状態のことを指していることがわかりました。

また、以下サイトでも述べられておりますが、脳内麻薬がでてリラックスしている状態に近いですね。

サウナと水風呂の温冷刺激によって脳内で分泌されるのが、「β-エンドルフィン」「オキシトシン」「セロトニン」の3つの物質。「β-エンドルフィン」は、モルヒネと同じような作用をする物質で、鎮痛効果や気分の高揚・幸福感が得られる“脳内麻薬”です。「オキシトシン」はストレス緩和、「セロトニン」はうつ症状の改善・精神安定の効果があるそうです。

https://dododododo.jp/328/

サウナの効果と人気な理由

私を含め、多くのビジネスマンに愛されるサウナですが、リラックスできること以外にどういった効果が得られるのか、その人気な理由をまとめてみました。

• 汗をたくさんかくことによる、デトックス効果と快眠効果
• 脳内麻薬の分泌による、うつ症状の改善・精神安定
• 血行も良くなるので、肩こりや足のむくみ改善

他にもあると思いますが、ざっくり３点ほど挙げさせていただきました。

特にサウナ後は頭がスッキリするとも言われており、PCなどのデスクワーク以外にもスマホなど電気機器が普及したことによる脳疲労の解消にも作用します。
そのため、最近だとビジネスマンをターゲットに、サウナ後の休憩室にワークスペースも用意している、サウナ施設が増えてきております。（サウナ室でミーティングする企業もいるだとか）

特に女性についてはサウナに入ることで、デスクワークでありがちな、肩こりや足のむくみもとれるので、岩盤浴だけでなくサウナも体験してほしいですね！！

ただ、サウナの入りすぎなどは逆に体調が悪くなってしまうので、このあと安全にサウナを楽しみ、「ととのう」方法をお伝えしたいと思います！

「ととのう」ために必要なこと

ここでお伝えするのは、私が普段サウナに入る際のスタイルですので、自己流がある方はご自身のお好みのスタイルで、サウナを楽しんでいただければと思います！

といっても私自身、サウナに入るために特別な何かを行っているわけではなく、

1. サウナに入る
2. 十分な汗をかく（1set 6~10min）
3. 水風呂にはいる（30s~1min）
4. 外気または室内気でゆっくり休む
5. 適度に繰り返す（2~3set）

と、たったのこれだけです。

１つ１つのステップにこだわりがあるかというとそんなことはなく、ただ汗をかいて、水風呂に入り、ゆっくり休むことです。

もちろんサウナ前に軽く水分補給したり、水風呂も肩まで浸かるなど、要所にポイントありますが、ご自身の体調に併せて入っていただくことが１番です。
特に水風呂が苦手な方は、シャワーでもいいと思います！自身で温度調整できますし、大切なのは熱くなった体をしっかり冷やすことと、汗を流すことです！！

サウナおすすめアイテム

続いて、みなさんが快適にサウナをより楽しんでいただくためのおすすめアイテムをご紹介いたします！

サウナハット

サウナハットを被ることで、頭部が高温になりのぼせることを防いだり、髪や頭髪のダメージを予防する効果もあります。女性には特におすすめです！私も普段サウナに行くときは忘れず持っていきます。

サウナマット

サウナ室前に常備している場所も多いですが、他人の汗や衛生面を気にされる方はご自身のマットを持参することをおすすめいたします。

スマートウォッチ

サウナ室によっては時計が見えづらかったりするので、正確に入室時間を計測したい方におすすめ。時間がわかることで、のぼせる前に退出もできます。実際に都内のサウナでも付けている方を見かけることが多くなりました。

関東圏在住におすすめのサウナスポット3選

アイテムの次は本命のおすすめサウナスポットをご紹介いたします！
ご家族でも行きやすいところをご紹介しますので、休日などにぜひ利用いただけると嬉しいです！

おふろの王様　大井町店

有名なスーパー銭湯と思いますが、通常のサウナ室内が、６段の収容人数は約20名、室内温度は90度になります。テレビもついているので、退屈することなく汗をかける設計となっております。

水風呂も15度で設定されているので、入りやすい温度設定となっております。水風呂が苦手な方はこれくらいの温度から慣らすと良いかもしれません！

さらに漢方塩蒸風呂（塩サウナ）もついているので、2種類のサウナ楽しめる施設となっておりますので、ぜひご家族・ご友人といっていただきたいスポットです。（塩サウナはお肌ツルツルになります）

スパジアムジャポン

関東最大級とも言われる温泉施設で、サウナだけでなく、約3万冊のコミック・雑誌が自由に読める岩盤浴エリアもおすすめです。一日ゆったり過ごしたい方、サウナがはじめてといった方、子供連れのご家族にピッタリの場所となっております。
（あくまでもゴールはサウナですが、この施設にくると半日は漫画を一気読みしてます笑）

フードコートもステーキ＆ハンバーグ、ラーメン、エスニック、肉丼などラインナップも非常に充実しており、温泉施設界のワンダーランドと言っても過言でありません。

サウナ東京

最後にご紹介するのは、全国12,000施設以上のサウナ施設からサウナシュラン2023 第2位にも選ばれた赤坂にある「サウナ東京」です！

この施設の特徴は、５種類のサウナと、温度の違う３種の水風呂です。サウナも水風呂も自身に合わせて調整できるところが、サウナ初心者の方へのおすすめポイントです。

その他にも、1時間に1回のペースでアウフグースといって、スタッフの方がサウナ室で熱風をあおいでくれるのですが、これがサウナファンにたまりません！
普段ならじわじわ汗をかくわけですが、アウフグースにより、室温・体感温度が上がることで、一気に汗をかき、さらなる「ととのい」に誘われるのです...。

お値段は都内価格とやや高めの設定ですが、かなりハイクオリティのサウナ施設ですので、ぜひ1度は行ってみていただきたいです。

まとめ

おすすめスポット含め、サウナが人気な理由やサウナの効果について、ご紹介させていただきましたが、サウナに行きたくなりましたでしょうか？

正直、息抜きするのにサウナである必要はないですが、こういった時代だからこそ、体調管理など心身の健康は自分でケアしていかないといけません。

その方法の1つとしてサウナを選んでいただけたら嬉しいです。

最近の趣味は神社巡りです。
特に近場の神社巡りが楽しいです。
神社巡りの醍醐味は、神社の歴史自体の面白さと、神社の周りでも楽しめることが多いことです。

今回は会社がある新橋からも近いお勧めの神社、愛宕神社を紹介します。

出世階段（男坂）

この神社すごいです。これまでみたこともない階段が存在します。
神社に上るメインの階段、出世階段（男坂）と言われています。
登りは結構きついです、そして結構怖いです。
ちょっと離れたところにエレベーターがあるので不安な方は迷わずそちらを選びましょう
男坂の右手には多少緩やかな女坂が設けられていますが、今は工事中で利用できませんでした。
名前的に今の時代問題ありそうですが、好きなだけ好きな方で上り下りしてもらえば問題ありません。

写真だとなかなか伝わりませんが、ほんとにびっくりするような角度です。
しっかり登れば出世間違いなしです！

江戸城無血開城会談の地

この神社は明治維新好きは必ず訪れていただきたいのですが、
西郷隆盛と勝海舟が会談した場所、江戸城無血開城会談の地なのです。

今回とらのもん方面の裏側から愛宕神社に階段を利用せず入ったため、男坂から一度降りてから再度登りました。
ほんとに怖いくらいの急な階段です、これほど急な階段の神社には出会ったことがありません。これだけで行く価値ありです。
ただ本当に危険と隣り合わせなので晴れた日にしっかり手すりを持って登ることをお勧めします。

甘味処

神社に行った時の楽しみの一つですが、残念ながら近辺に甘味処は見当たりませんでした。
帰宅の足で、とらのもんヒルズでお茶とかいいかもしれません。

NHK放送博物館

この神社に来た際に是ぜひ立ち寄っていただきたいのが、NHK放送博物館
神社のすぐ隣にあります。
左手にはエレベーター通路も見えます。

神社巡りにきたら実はメインがこちらになったということもあり得ます。というかそうなりました。
なんと入場料無料

おなじみのキャラクターがお出迎え

朝ドラ好き、大河好きはもちろんですが、NHKのテレビを子供のころに見たことがあれば嵌ること間違いありません。NHK人形劇やみんなのうたの歴史も振り返っていろいろ楽しめます。

1Fから4Fまで各階にいろいろなエリアがあるのですが、今回４F特設会場では正直不動産の展示を行っていました。
ドラマ正直不動産、かなり好きなのでテンションがあがります。
テレビの中で山Pが着てたスーツが普通のスーツ過ぎてびっくり、芸能人が着るだけで普通の服も良く見えるのか、月下さんこんな地味な服装だったのね、材質もいたって普通でリクルートスーツかこれはくらいの勢い。

他には４Fのアーカイブ室では抜粋ですが昔の放送もいろいろ見ることができます。欠かさず見ていた懐かしの中学生日記も抜粋ですが少しありました。でももっとたくさんアーカイブに乗っけて欲しい。

全てがエモーショナルな空間でした。

過去に少しハマったので、備忘録として残しておきます。

prisma is 何 ?

TypeScriptのORMです。

公式はこちら
https://www.prisma.io/

構成

例えばeラーニングの様なサイトを作っているとします。

システムには受講者と講座が必要なので、それぞれ受講者テーブル（User）と 講座テーブル（Course）を用意します。

Userテーブル

Courseテーブル

UserOnCoursesテーブル

中間テーブルのUserOnCoursesを用意します。

受講者側から見ると
太郎くん→「国語」と「算数」と「理科」を受講します。
花子さん→「国語」と「算数」と「社会」を受講します。

schema.prismaは下記のようになっています。

// schema.prisma

model User {
  id Int @id @default(autoincrement())
  nickname String
  ・
  ・
  ・
  courses UserOnCourses[]
}

model Course {
  id Int @id @default(autoincrement())
  name String
  ・
  ・
  ・
  users UserOnCourses[]
}

model UserOnCourses {
  user User @relation(fields: [userId], references: [id])
  userId Int
  course Course @relation(fields: [courseId], references: [id])
  courseId Int
  @@id([userId, courseId])
}

やりたいこと

国語の受講者を全員取得したい

// TypeScript  

const users = await this.prisma.user.findMany({
    select: {
      id: true,
      /**
       * ・
       * ・
       * ・
       */
    },
    where: {
      courses: {
        some: {
          courseId: {
            equals: 1 // Courseテーブルの国語のid,
          },
        },
      },
    },
  })

これで、国語を受講している太郎くんと花子さんの二人が取得されます。

因みに実際に発行されるSQLはこんな感じ

SELECT
  u."id"
FROM 
  "User" AS u
WHERE (
  (u.id) IN (
    SELECT 
      u1."id" 
    FROM 
      "User" AS u1 
    INNER JOIN "UserOnCourses" AS uoc 
      ON (uoc."userId") = (u1."id") 
    WHERE (
      uoc."courseId" = 1 AND 
      u1."id" IS NOT NULL
    )
  ))
;

以上