-
Web制作の本を探せる書籍検索ツールを公開しました｜HTML・CSS・Figma・WordPress
Web制作を学んでいると、 「HTML・CSSの入門書を探したい」 「WordPressやFigmaの本には、どのようなものがあるのだろう」 「生成AIやプログラミングの新しい本を確認したい」 と思うことがあります。 しかし、書店や販売サイトで検索すると幅広い商品が表... -
Web制作の練習や確認に使えるジェネレーターサイト「kobeya.com」を公開しています
Web制作を学習していると、HTMLやCSSの書き方を覚えるだけでなく、「実際にどのように表示されるのか」「値を変えると見た目がどう変わるのか」を確認しながら進めることがとても大切です。 特にCSSは、色、余白、角丸、影、グラデーション、文字装飾など... -
Webサイトを作れるようになるまでの学習ロードマップ
〜まったくの初心者から制作できる人へ〜 「Webサイトを作ってみたい」 「職業訓練でWebデザインを学ぶことになった」 「HTML？CSS？何からやればいいの？」 はじめてこの世界に入る方のほとんどが、ここで立ち止まります。実はWeb制作には、正しい順番が... -
Figma基礎講座を公開しました｜Webデザイン初心者でも安心して学べる入門コースから
WebTraining.jp の新しいトレーニングに、Figma基礎講座 を公開しました。Figma は、WebデザインやUIデザインの現場で必須となっているデザインツールです。デザイン的なツールのトレーニングは初めてですが、デザインというより、サイトやプログラムを設... -
PHP開発環境を準備しよう｜XAMPP（ザンプ）で簡単ローカル構築ガイド
Webサイト制作やプログラミングを学んでいく中で、PHPを動かす環境を整えることは最初の大切なステップです。HTMLのようにファイルをダブルクリックしてブラウザで開くだけでは動かないのがPHPの特徴。そこでここでは初心者でもすぐに使える統合環境「XAMP... -
Visual Studio Codeの使い方【HTML入門編】｜フォルダ作成・ファイル保存・Live Serverプレビューの手順
Web制作・プログラミングの学習を始めたばかりの方へ。この記事では、無料のコードエディタ「Visual Studio Code（VS Code）」を使って、HTMLファイルを作成し、保存して、Live Serverでブラウザプレビューする基本操作をやさしく解説します。 フォルダを... -
無料の高機能コードエディタ Visual Studio Codeのセットアップ
Web制作やプログラミングの学習を始めるなら、まずはVisual Studio Code（通称：VSC）を使えるようにしておきましょう。WebtrauningでもVSCを使ったカリキュラムになっています。 VS Codeは、Microsoftが無料で提供している高機能なコードエディタで、HTML... -
Webtrainingとは？ はじめての方へ
Webtraining（ウェブトレーニング）とは？ Webtraining.jpは、Web制作に必要な知識を、基礎から実践まで段階的に学べる学習サイトです。 HTML・CSS・JavaScript・PHP・WordPress・Figmaなどの教材を公開し、実際にコードを書いたり、デザインを作ったりし...
1