モーダルウィンドウが難しいというより細かい調整に時間がかかってしまう

こんにちは！

マーケティング部受託プロダクトチームのインターン生、村高歩夢です！

僕、実は独り言が多くて、一人でいるときは思ったことすぐ口に出しちゃうんです。

そして本日、無事、zoomのミュートを外して爆死。電波に変換された僕の悲痛な叫びが東京-京都間を飛び交いました。その間、約0.1秒。エドモンド本田の斜めジャンプKの発生フレーム並みの速さです。でもまぁ500km進む僕の方が速いですけどね。

本日はモーダルウィンドウという機能をコーポレートサイトの画像に付与しておりました。

僕はJavaScriptがまだまだ全然できないので、とても難しく感じました。そして叫びました。裏声で。

モーダルウィンドウというのは、ウィンドウの上に表示される他のウィンドウのことです。このモーダルウィンドウが表示されたら、ある特定の操作を行わないと元の画面を操作できなくなります。

警告やメッセージなどでよく利用されていますね。

身近なもので言うと「バッテリーが20%を切りました」みたいなメッセージですかね。

僕はこれに加えて、クリックして画像が拡大される機能もモーダルウィンドウだと思っていたんですが、どうやらそれはポップアップというらしいです。

聞いたことありますね〜

このポップアップとモーダルウィンドウについて調べてみたんですが、違いが分かりづらい！今度先輩方に聞いてみます。

業務で実装してみた感じ、今回の業務はモーダルウィンドウではなくポップアップだったのではないかと思ったり、思わなかったり。

モーダルウィンドウの機能、今回初めて実装したので、この場合にはこういうトラブルが生じるという知識やああいう場合にはあのように対処するといったノウハウが全然なかったことも苦戦した理由の一つです。

ノウハウを身につけるため、この土日はモーダルウィンドウ、いくつかテストで実装してみようかな

■ガーディアン主力ソリューション→OWLet

■新サービスリリースのお知らせ

WEB業界を変える！育てて成果を上げるサブスク型HPサービス

→SCSC (スクスク)

ガーディアンのインターン制度→こちら

村高歩夢の紹介ページ→こちら