【初心者】ホームページ制作の知識・スキルの全体像を図で解説！
HTML-код
- Опубликовано: 5 фев 2025
- ホームページを作るときに押さえておきたい知識とスキルについて図解しました。
図解はTwitterで共有しています。
図解では、ユーザがGoogleで検索をしてウェブサイトを表示するまでに何が起こっているのかや、Web制作者はどのような技術が必要なのか、などWebの全体像を俯瞰してまとめて一枚にしています。
これからWeb制作をやっていこうと考えている方は是非参考にしてみてください。
＝＝＝ 動画学習サービス「unazuki」
Web制作を学べる動画学習サービスを運営しています。
unazuki.online/
・WordPressコンプリートコース
unazuki.online...
・JavaScriptコース
unazuki.online...
・HTML & CSSコース
unazuki.online...
＝＝＝ SNS
■ Twitter： / life_toshindai
＝＝＝ 経歴
Webデザイナー・エンジニア
〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化
-------------------- 簡単な自己紹介
都内でWeb制作をやっています。
苦労した経験をもとに、
RUclipsでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪
🏋️♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。
✈️出身
福岡県
---------------------------
Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(｀･ω･´)ゞ
詳しくはチャンネル概要欄もご覧ください。
#ホームページ
#作り方
#アキユキ
ありがとうございます！先にこういうのざっくり理解しないと進めないタイプなので助かります、何度も見ます
ありそうでないタイプの動画ですね。ありがたいです。プログラミングの勉強を始める一番最初に見るととてもいいですね！
分かりやすかったです！まさにこのように全体的な視点から物事を見ていくことが大事だと思います。
活用いただけて嬉しいですー！
コメントありがとうございます！
サイト作成に関する動画で一番分かりやすかったです！
他の方もおっしゃっているように、DBをサーバーにアップする際の解説もお願いしたいです。
もし既に動画があればすみません。
ありがとうございます！
個人的に研究していた内容を多くの人に見てもらいたいと思い、自分でwebサイトを作ろうと勉強を始めたところです！
プログラミング未経験なのでまずは全体像から把握しようとこの動画を見たのですが、すごく分かりやすくて今後の勉強も楽しみになりました😊
また分からなくなったらこの動画に戻って着実に進めたいと思います。
コメントありがとうございます！
似てますね、実は僕も最初は自分で作りたいWebサイトがあってそれを作るために学習を始めたのがきっかけです！
めちゃわかりやすいです！ありがとうございます。
ところで、データベース設計やSQLについての解説はよく見るのですが、データベースを実際にサーバーにUPして活用する部分の説明はなかなか聞いたことがありません。ウェブデザインの範疇ではないかもしれませんが、いつか解説いただけると嬉しいです・・・
今、HTMLとCSSを勉強しています。解説、とても参考になりました！
分かりやすい動画ありがとうございます！
ウェブサイトを作りたいと思っているのでタイムリーでした。
ものすごく分かりやすいです！
Twitterでも拝見しましたが、これ凄いですね👀👍
わかりやすいです😊
いつも分かりやすい動画をありがとうございます！
webサイトの作成について、体系的に学びたいと思っているのですがudemyなどで講座をする予定はございますでしょうか。
webサイトの種類としてサーバーとのやりとりが発生するサイトと発生しないサイトがあり、前者の場合はバックエンドのスキルも必要になってくるみたいですが、webデザイナーであってもバックエンドの知識は必要なのでしょうか？
また、クライアントサイドだけで完結するサイトであってもサーバーにアップロードする場合はサーバーに関する知識も必要だとは思いますがこの場合どの程度の知識が必要でしょうか？
web開発の方もフロントエンドやバックエンド、サーバー等のIT知識が必要になってくるみたいですが、自分はデザイン以外の技術面に関してweb開発とweb制作の区別がつかないようです😅
この図解をダウンロードしたいのですが…
Twitterに貼ってます！