今日の課題だった、JavaScript で日付毎に表示を切り替える処理、一応完成。
当初は、地図の横に単純なフォームを作成して、動かす予定でしたが、HTML+CSSで少し手の込んだWEBを作成。
見た目が出来たところで、JavaScript でコードを書いて、完成。
kotlinの地図ソフトもそうですが、ちゃんと動いて、形を整えると見栄えが良くなって、人にも見せられる作品になりますね。。
デザインは、一般的な、２カラムレイアウトで、CSS主体で作成。
ヘッダー画像は、クラウドサービスを使って作成。
HTMLソースはこれだけ。
<body>
<div class="wrapper">
<header></header>
<div class="container">
<div class="main" id="gmap"></div>
<div class="side">
日付：
<select name="ListDate" id="ListDate">
</select>
<input type="button" value="送信" onclick="clickButtonDate()"/>
<textarea class="DateText" id="DateText"></textarea>
</div>
</div>
<footer><center><b>Copyright (C) fix All Rights Reserved.</b></center></footer>
</div>
</body>
あとは、グラフ作成するとか。
やりたいことは、ほぼやってしまったかも…。
qiita書いて意味あるのかなあと…。
自分のスキルアピールになるかもですが、逆に醜態を晒す結果にもなりそうな気がしますね。。
WEBをゼロからタグの手打ちで制作したのは物凄く久しぶり。
そんなに時間かけてないので、1時間ぐらい。
エディターは、VScodeで便利なプラグインのお陰で、楽に入力。
カラーコードとか、色表示できたり、クリックするとGUI画面で色を選択できたりとか、何かと便利。
現在は、Android Studio + VScode + vim の三刀流。
EmEditorは、永久ライセンス登録済みだけど、ほぼメモ帳代わり…
昔みたいに、またゼロからWEBを作ってみようかと思ったり。
今日みたいなWEBサービスを作る場合は、自分で全部コード書いた方が、かゆいところに手が届くので、思い通りのサイトが作れるかなと。
ただ、レスポンシブとか考えると、物凄く手間がかかりそうですが…
今日、作ったサイトは、画面サイズを変更すると、伸び縮みするようにしてるので、スマホからでもそこそこ見えるはず。
複雑なサイトになると、そう簡単にはいないと思うけど。
Posted at 2022/01/05 18:16:53 | |
トラックバック(0) | 日記
