【Web】HTML/CSS/JavaScriptでおみくじをつくろう日記

投稿日:2020年5月26日
最終更新日:2023年4月9日

Webブラウザで動くおみくじをつくろう

勉強がてら、HTML/CSS/JavaScriptを使っておみくじをつくり、GitHub Pagesで公開するまでの方法を書いた日記です。ちょくちょく書き足してますが、基本的なおみくじの機能は完成してます。

HTMLとJavaScriptでおみくじをつくってみた (Web勉強記 1日目)

HTMLをGitHub Pagesで公開 (Web勉強記 2日目)

ウェブおみくじのstyleをCSSで整える (Web勉強記 3日目)

HTMLのclassをJavaScriptで動的に変更する (Web勉強記 4日目)

console.logでJavaScriptのデバッグ (Web勉強記 5日目)

HTMLとCSSでページ全体を中央揃えする (Web勉強記 6日目)

text-align: center; とmargin: 0 auto; の違いを確認してみる (Web勉強記 7日目)

GitHub PagesのHTMLに画像を表示する(Web勉強記 7.5日目)

JavaScriptのDateオブジェクトでHTMLに日時を表示させる (Web勉強記 8日目)

JavaScriptの処理を外部ファイル化してHTMLと分離する (Web勉強記 9日目)

HTMLにタイトルを表示させる(Web勉強記 10日目)

 

Web日記のまとめ

Web技術系の日記は以下でまとめています。興味があればのぞいてみてください。

【Web】HTML/CSS/JavaScriptでおみくじをつくろう日記


投稿者: wakky

映画と旅行が大好きなエンジニア。お酒、ゲーム、読書も好き。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください