00:06
神経質やせ男です。 今日は、javascriptでポップアップメッセージを出してみた話です。
普段はpythonを中心に学習しているんですが、 同時並行でjavascriptの勉強も始めました。
理由は単純で、ウェブ画面上の動きが見えると、「おお!」 と直感的に理解できるから。
やっぱり目に見える変化って楽しいですよね。 その中で最初にチャレンジしたのがポップアップメッセージ。
まずは基本の基本。 HTMLを立ち上げると画面にポンとメッセージが出るというものです。
コードは驚くほどシンプル。 javascriptファイルにアラート、予定突っ込みましたと一行書くだけ。
これでブラウザを開けばちゃんとポップアップが表示されるんです。
今回はCSSは使わず、javascriptだけで実装。
フォルダ構成もHTMLファイルの隣に CSSフォルダとJSフォルダを置いて整理しました。
地味ですが、こういう整理が後で効いてくるんですよね。
これからはこのポップアップをカスタマイズして、 ウェブ画面の見え方がどう変わるのかを探っていく予定です。
非エンジニアでも趣味プログラマーとして 一歩ずつ試していくのが楽しいところ。
最初の一行コードが動いたときのワクワク感。 これが学びを続ける原動力になりそうです。
以上、Javascriptで初挑戦。 ポップアップ表示の世界についてまとめました。
次回はJSでポップアップ&ボタン・文言を変えるについてお話しする予定です。
ご静聴ありがとうございました。