【独学】プログラミング初心者が掲示板サイトを作ってみた。>Web【独学】プログラミング初心者が掲示板サイトを作ってみた。(HTML編)2021年8月9日こんにちは、穏やか暮らし計画ライターのあらです。本記事では、プログラミング初心者である私が0から掲示板サイトを作ることを目標に、勉強している様子を皆さんに発信していますので、プログラミングを1から始めてみたい!掲示板サイトを作ってみたい!という方はぜひ参考にしてみてください。今回はついにHTML,CSS,PHPの基本も理解できてきたので、早速掲示板制作に取り掛かろうと思います。投稿する場所作り投稿者ネーム投稿フォーム投稿ボタン投稿された場所作り掲示板サイトなら最低限、これらの要素がないと成り立ちませんので、この6つをHTMLでコーディングしていきたいと思います。こんな感じでコーディングしていきたいと思います。紙でも何かのアプリでも良いので、このように最初からコードを書かずに、どのようにコーディングするか別のところで考えてからVscodeに移ると、こんがらがることなく進められます。実際のHTMLコード実際に書いたコードがこんな感じになりました。必要なものを考えるそれに対してどんなタグが必要か調べる分からない・曖昧なタグは使い方を調べるコードを書くこれは掲示板を作るときだけではなく、どんなものを作る上でもこの行程であれば、難しいコードでなければ大概のことはできるのかなと思っています。先ほど書いたコードをChromeで実行してみましょう。実際の実行結果がこちらになります。興味がある方はご覧ください。araphp.html.xdomain.jp/keijiban.htmlまだHTMLでしか構築していないので、配置はぐちゃぐちゃですし、色も白黒なのでとても見栄えが悪くなっていますが、それは仕方ないですね。PHPのコードも入っていませんので、投稿ボタンを押しても投稿されません。HTMLはサイトの枠組みなので装飾(配置や色・大きさ)の指定はできないので、次回はサイトの見栄えをよくするために、CSSスタイルシートをこのHTMLコードに組み込んで、サイト全体を見やすくするのが今後の第一目標になると思います。最後に今回はHTMLを使って、掲示板の枠組み作りをしました。掲示板サイトを作る上での作成難易度はHTML<CSS<PHPの順に難しいと思われます。CSSを学び始めてから一切触れていないので忘れている可能性が高いので、つまずきそうではありますが、調べて頑張っていきたいと思います。自分が作った掲示板の機能が発展していくと思うと、今後が楽しみでいっぱいです。今回のことがさっぱり分からないという方がいましたら、私のプログラミング学習記事Part1からご覧ください。▼プログラミング学習Part1プログラミング初心者が独学で1から掲示板サイトを作れるのか?【始めた理由と目標編】odayakakurashi.com▼HTML/CSSから始めたい方へHTMLに興味がある方へ。入門講座やってみた感想【プログラミング初心者が独学で1から掲示板サイトを作れるのか?Part11】odayakakurashi.com関連TwitterSharePocketHatenaLINEURLコピーこの記事を書いた人ara【AFFINGER6を使ってブログ初心者でも思い通りのサイト運営ができる】をテーマに記事を発信。高校生からブログを始め、特化型ブログでは1年以内に最高月30万PVを達成。特化型ブログの経験を生かし、「MyHP」を立ち上げました。-Webauthor関連記事HTMLに興味がある方へ。【独学】プログラミング初心者が掲示板サイトを作ってみた(CSS編)ara【AFFINGER6を使ってブログ初心者でも思い通りのサイト運営ができる】をテーマに記事を発信。高校生からブログを始め、特化型ブログでは1年以内に最高月30万PVを達成。特化型ブログの経験を生かし、「MyHP」を立ち上げました。