「バナー」って何？｜役割から種類まで初心者向けに解説
「バナー」ってよく聞くけど何？ ども。Dadです。 Webサイトを閲覧していると、画像の中に文字や写真が組み合わされた「看板」のようなリンクを見かけることが多々あります。これが「バナー（Banner）」です。 Webデザ […]
PHPって何？初心者向けにやさしく解説「動くWebサイト」の仕組み
HTML・JavaScript・PHPは「役割の違う担当者」 ども。Dadです。 Web制作でよく出てくるHTML、JavaScript、PHP。この3つは似ているようで混乱しがちですが、結論から言うと、役割がまったく違 […]
ドメインって何!?｜サーバーは「土地」、ドメインは「住所」の関係をわかりやすく解説
ネット上に「家（サイト）」を建てるなら、まずは「土地」の確保から ども。Dadです。 これまでHTMLやCSSといった「建物の作り方」をお話ししてきましたが、そもそもその建物をどこに建てるのか？という問題があります。そこ […]
JavaScriptって何！？｜プログラミングが少し身近になるの話
WEBサイトに欠かせない「JavaScript（ジャバスクリプト）」 あなたが毎日、スマートフォンで何気なくボタンをタップしたり、画像をスワイプしたりするとき、その画面の裏側で何が起きているか考えたことはありますか？「プ […]
HTMLとCSSって何!？初心者向けの基礎知識をわかりやすく解説
構造を作るHTML、見た目を整えるCSS。この役割分担がWebサイトを作っています ブログやホームページを自分で触ってみようとすると必ず出てくる「HTML」と「CSS」という言葉。「なんとなく難しそう……」と距離を置いて […]
【拡張子完全ガイド】知らないと損！｜画像/動画/圧縮まで
離脱率30%増、SEO評価DOWNの危機を回避せよ。 ども。Dadです。 拡張子選びミスでサイトが遅くなる。離脱率30%UP、SEO評価DOWNの危機を回避。画像からプログラムまで、Web実務で必要な拡張子を一挙解説しま […]
【初級編】Google Chrome『デベロッパーツール（F12）』の基本的な使い方をわかりやすく解説
ホームページ制作の楽しさがグッと広がるデベロッパーツール ども。Dadです。 ホームページの「フォントを変えたい」「色を調整したい」「崩れた表示を直したい」──そんなときに役立つのが、Google Chromeに標準搭載 […]
パンフレットや商品画像の“写真映え”を手軽に作成『Photoroom』
Photoroom（フォトルーム）とは？ ども。Dadです。 『Photoroom』は、ブログやSNS投稿で使う商品画像やイベントパンフレットの写真を簡単に高品質に加工できるツールです。無料版でも背景削除やテンプレート利 […]
【初心者でも簡単】無料・商用フリーで使える字幕ツール「Vrew（ブリュー）」を使ってみた
操作マニュアル動画に字幕をつけたい。でも、無料で簡単にできる方法は？ ども。Dadです。 操作マニュアルの動画を作るとき、画面に字幕があった方が親切だなと思いました。なぜなら、僕は滑舌が悪く、頑張って声を張っても聞き取り […]
AIに要望を伝えるのが楽になる！ホームページを構成する基本名称をやさしく解説
名称を知るとウェブサイトがもっと楽しくなります！ ども。Dadです。 PCライフを快適にするために知っておきたいこととして、 AIに例えば、 「トップページの最初の画像の動きを変えたい」とか、 「リンクボタンを押そうとし […]