学習サポート・ロードマップ– category –
-
HTML/CSS・JavaScript・PHP・WordPress初心者のためのAIの正しい使い方
― 考えなくていい学習にならないために ― AI（ChatGPT など）が身近になり、Web制作の学習や現場でも AI を使うことが当たり前になってきました。 コードを書いてもらえる エラーの原因を教えてくれる 説明までしてくれる とても便利な存在です。一方で、... -
スマホ幅を考える前に…まず知りたい “メディアクエリに依存しないCSS”
Web制作を学び始めると、必ずといってよいほど耳にする言葉があります。「レスポンシブ対応」「ブレークポイント」「メディアクエリ」。 しかし、いざ実際にサイトを作ってみると、こんな壁にぶつかりがちです。 iPhone 375px に合わせたはずなのに、Galax... -
JavaScript を学ぶとどこまでできる？その後に続く学習ロードマップ完全ガイド
「Web制作を学ぶなら、まず HTML / CSSから学習して、その次は JavaScriptかな〜」そんな言葉を聞いたことがある方も多いと思います。しかし、実際には、JavaScript を少し学び始めた頃に多くの人がぶつかる壁があります。 JavaScriptって思ったより奥深い... -
◯◯エンジニアが多すぎて混乱している人へ
― マークアップ／フロントエンド／Web／SaaS／プロダクトの違いを整理する ― なぜ「エンジニアの肩書き」はこんなに増えたのか 最近、Web業界を学び始めた人から、こんな声をよく聞きます。 マークアップエンジニアとフロントエンドエンジニアは何が違うの... -
Figma基礎講座を公開しました｜Webデザイン初心者でも安心して学べる入門コースから
WebTraining.jp の新しいトレーニングに、Figma基礎講座 を公開しました。Figma は、WebデザインやUIデザインの現場で必須となっているデザインツールです。デザイン的なツールのトレーニングは初めてですが、デザインというより、サイトやプログラムを設... -
パソコンのローカル環境で WordPress を始めよう｜初心者にもできる導入ガイド
WordPress を学習したいけれど、いきなりレンタルサーバーを契約するのは不安…そんな方は、まず ローカル環境（自分のパソコン）に WordPress をインストールして練習する方法 がおすすめです。 ローカル環境を使えば、インターネット上に公開されていない... -
WebTraining.jp の右下チャットの効率的な使い方
WebTraining.jp では、学習者が「詰まった瞬間」にすぐ質問できるよう、画面右下に WebtrainingAI チャットを設置しています。操作はとてもシンプルですが、質問の仕方によって回答の精度が大きく変わるため、この記事では 使い方のポイントと効率的な質問... -
【保存版】GitHubって何？学習・コード管理に最適な使い方＆Pagesで公開する方法も紹介
「制作したHTMLや課題ファイルを安全に保存したい」「過去のコードと比較したい」「チームでコードを共有したい」そんなときに役立つのが GitHub（ギットハブ） です。 GitHubは、デザイナーやエンジニアがコードやファイルを保存したり、履歴を管理したり... -
Webデザイナーになるには？ロードマップ
Webデザイナーは「作る力」と「伝える力」の両方が必要 Webデザイナーは、「作る力」と「伝える力」の両方が求められる仕事です。 デザインセンスに自信がない… HTML/CSSはかなり勉強しないとダメ？ そもそも何から始めればいいの？ という質問をよくいた... -
Visual Studio Codeの使い方【HTML入門編】｜フォルダ作成・ファイル保存・Live Serverプレビューの手順
Web制作・プログラミングの学習を始めたばかりの方へ。この記事では、無料のコードエディタ「Visual Studio Code（VS Code）」を使って、HTMLファイルを作成し、保存して、Live Serverでブラウザプレビューする基本操作をやさしく解説します。 フォルダを... -
Web制作者が知っておきたい「ランサムウェア対策」｜WordPressとPHPで守るための基本チェック
ランサムウェアとは？Web制作者にも関係ある攻撃 ランサムウェア（Ransomware）とは、感染するとパソコン内やサーバー上のファイルを暗号化し、「元に戻してほしければ身代金を支払え」と脅迫するマルウェアの一種です。最近では、企業だけでなく、個人が... -
HTMLの要素一覧。どこから覚える？
HTMLにはたくさんの要素がありますが、最初から全部を覚える必要はありません。まずは「文章の構造を作るタグ」と「リンク・画像・リスト」の基本から始めましょう。下の表は、初心者が最初に覚えるべきタグをグループごとに整理しています。実際のコーデ... -
言語は違っても、基礎を押さえれば大丈夫！
プログラミング言語は多すぎる 「プログラミングを始めたい！」と思ったとき、最初にぶつかる壁のひとつが、「プログラミング言語って多すぎない？」という悩みです。 実際、プログラミング言語には以下のようなものがあります Python（AIやデータ分析で人...
1
