Engineer's Blog

本

株式会社デパートのブログ（https://depart-inc.com/blog/）とはちょっと違う雰囲気で、エンジニアリングに特化した技術的なノウハウや、チームの取り組みなどに…

運営しているクリエイター

#web制作

【Web標準のポップオーバーUI】 Popover API を実務で使うときのコツ

ポップオーバーUIを簡単に実装できるPopover APIを実務で使ってみて、よいところといくつか注意点が見えてきましたので、まとめてみました。 Popover APIで表現できることツールチップやトースターなどのモードレス（前面に表示された要素以外も操作可能な状態）なUIをJavaScript無しで実装できます！もちろん、JavaScriptで操作することも可能です。似たような挙動を実現できるdialog要素もありますが、モードレスなUIをdialog要素で実装しよ

Three.jsでテキストを表示する方法を調査した

JavaScriptが少し書ければ、リッチでかっこいい3Dコンテンツが作れるThree.js。今回はThree.jsでテキストを表現する方法を探るべく、Three.jsのオフィシャルサイトのマニュアルページで、"Creating text"として紹介されている7種の手法を紹介、お試しできそうなものはお試ししていきたいと思います👏 1. DOM + CSSDOMでテキスト表示をし、CSSで位置の調整を行い重ねて表示させるシンプルな方法です。Three.js上でというよりはコン

2015~2022年にかけてサイバー攻撃8.3倍になっていた!?

総務省の公開データ（令和5年版情報通信白書）によると、大規模サイバー攻撃観測網（NICTER）というのがあって、そこの観測結果によると2015~2022年までを比較して8.3倍も増えていて、年々増えています。（各IPアドレスに対して17秒に1回攻撃）サイバー攻撃関連の通信数の推移参考：https://www.soumu.go.jp/johotsusintokei/whitepaper/ja/r05/pdf/n4a00000.pdf 最近攻撃を受けているサイバー攻撃の

Engineer's Blog

フォローしませんか？

#web制作

【Web標準のポップオーバーUI】 Popover API を実務で使うときのコツ

Three.jsでテキストを表示する方法を調査した

2015~2022年にかけてサイバー攻撃8.3倍になっていた!?