https://school.junkbranding.com/blog.htmlホームページ制作の学びと実践のノートjahttps://school.junkbranding.com/blog-css-overflow-ellipsis.htmlhttps://school.junkbranding.com/blog-css-overflow-ellipsis.html長い題名を一行へ省略した後、全文を読める入口はありますか。架空の作品一覧を使い、CSSによる省略と開閉欄を組み合わせます。原稿を切る失敗や、マウスだけに頼る案内を直す練習です。Wed, 28 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-js-async-race.htmlhttps://school.junkbranding.com/blog-js-async-race.html検索語を変えたのに、古い検索の結果へ戻っていませんか。架空の資料検索で応答の順番を逆転させ、最新の呼び出しだけに表示更新を許す関数を作ります。古い失敗と空欄に戻す操作も確認します。Wed, 28 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-js-fetch-status.htmlhttps://school.junkbranding.com/blog-js-fetch-status.html読み込みエラーを空配列へ置き換えていませんか。架空の資料一覧で、HTTPの結果、JSONの読取り、データ形式を順に確認します。成功した0件と、取得できなかった状態を分ける関数を作ります。Wed, 28 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-css-inline-block.htmlhttps://school.junkbranding.com/blog-css-inline-block.html文章中の「予約不要」が二行に分かれるとき、どこを一まとまりにすべきでしょうか。架空の案内文でinline-blockとwhite-spaceを区別し、長いラベルも欠けない設定を比べます。Tue, 27 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-css-margin-collapse.htmlhttps://school.junkbranding.com/blog-css-margin-collapse.htmlmarginを二つ足したのに間隔が増えない、子の上余白が背景の外へ出る。架空の案内欄で上下のマージンの相殺を再現し、兄弟間の間隔と親の内側余白を分けて直します。Tue, 27 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-html-dialog.htmlhttps://school.junkbranding.com/blog-html-dialog.html重なる箱が表示されるだけでは、モーダルの操作は完成しません。架空の資料室の案内を使い、dialogの開閉、閉じるボタン、Escape、呼び出し元へ戻るフォーカスを順に確かめます。Tue, 27 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-content-source-conflict.htmlhttps://school.junkbranding.com/blog-content-source-conflict.html二つの原稿で開始時刻が違うとき、更新日時だけで採用していませんか。架空の見学会を使い、対象と根拠をそろえ、決定者への質問、回答後の採用文、未回答の扱いを一件の記録にまとめます。Mon, 26 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-html-autocomplete.htmlhttps://school.junkbranding.com/blog-html-autocomplete.html氏名やメールの入力欄に、自動補完のための用途を指定します。架空の見学会を題材に、label・type・autocompleteの違い、候補が出ないときの切り分け、氏名を分割する場合の確認を説明します。Mon, 26 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-js-storage-failure.htmlhttps://school.junkbranding.com/blog-js-storage-failure.html表示設定を保存できないだけで、画面の操作まで止まっていませんか。架空の資料一覧を使い、保存先の取得と書き込みの例外を受け止め、現在の選択を返す関数を作ります。代役の保存先で失敗を再現する練習です。Mon, 26 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-navigation-current.htmlhttps://school.junkbranding.com/blog-navigation-current.htmlナビゲーションの現在地が色だけになっていませんか。架空の資料室の三ページを使い、aria-currentと表示文を対応させます。複製時の印の残りと、Tab操作のフォーカスとの違いを確認する練習です。Mon, 26 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-css-scroll-overflow.htmlhttps://school.junkbranding.com/blog-css-scroll-overflow.html表に合わせてページ全体が横へ広がっていませんか。架空の教材比較表を使い、表を囲む領域だけに横スクロールを設けます。幅を指定する場所、キーボードの入口、右端の情報を読めるかを確かめる練習です。Sun, 25 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-html-ordered-start.htmlhttps://school.junkbranding.com/blog-html-ordered-start.html手順の間に説明を挟んだら、次の番号が1へ戻っていませんか。架空の出品案内を使い、olのstartとliのvalueを比較します。リストを分ける判断と、項目を追加した後の番号の確認を練習します。Sun, 25 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-js-url-params.htmlhttps://school.junkbranding.com/blog-js-url-params.html検索結果のURLを開き直したら、空の検索語まで初期表示へ戻っていませんか。架空の展示資料検索で、URLSearchParamsから未指定・空欄・重複を読み分け、復元する状態と期待結果を決める練習です。Sun, 25 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-css-list-markers.htmlhttps://school.junkbranding.com/blog-css-list-markers.html箇条書きが二行になると、本文の開始位置がずれていませんか。架空の植物交換会の持ち物案内を使い、insideとoutsideを比較します。丸印の場所を確保する余白と、項目間の余白も分けて確認します。Sat, 24 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-html-lang.htmlhttps://school.junkbranding.com/blog-html-lang.html日本語のページにひな形のlang="en"が残っていませんか。架空の展示室案内で、文書全体の言語と英語一段落の指定を分けます。親からの継承、指定範囲の広げすぎ、文字コードとの違いを確認する練習です。Sat, 24 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-html-progress.htmlhttps://school.junkbranding.com/blog-html-progress.html進捗が分からないときに0%と表示していませんか。架空の資料整理画面で、全体量と完了量をそろえ、valueを省く状態と0を指定する状態を比較します。名前の関連付けと説明文も確認する練習です。Sat, 24 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-js-set-duplicates.htmlhttps://school.junkbranding.com/blog-js-set-duplicates.htmlタグの選択肢に同じ名前が何度も並ぶときに。架空の資料集でSetを使い、最初の順序を残した配列を作ります。前後の空白、異なる表記、オブジェクトの扱いを比べ、何を一つにしたかを確認します。Sat, 24 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-css-sticky-container.htmlhttps://school.junkbranding.com/blog-css-sticky-container.html追従見出しが動かなかったり、途中で画面から消えたりするときに。架空の工房案内でstickyが止まる範囲を調べ、上端の指定、親の高さ、祖先のoverflowを一つずつ確認する手順を紹介します。Fri, 23 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-html-time-datetime.htmlhttps://school.junkbranding.com/blog-html-time-datetime.html開催日時を日本語で書いたページに、機械が読める日時を添えます。架空の観察会を題材に、日付だけの値と時差付き日時を使い分け、表示だけを変更して属性が古く残る失敗を防ぐ確認手順を紹介します。Fri, 23 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-js-map-labels.htmlhttps://school.junkbranding.com/blog-js-map-labels.html一覧の名前へ所要時間や受付状態を付けたいときに。架空の体験講座データからmapで表示用の文字列を作り、全件に同じ規則を適用します。return漏れと元データの書き換えを、実行結果から確かめる練習です。Fri, 23 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-css-gap-spacing.htmlhttps://school.junkbranding.com/blog-css-gap-spacing.html折り返す一覧で、最後の項目だけ余白が余ったり、行ごとの間隔が変わったりしていませんか。架空の展示分類を題材に、親へgapを指定し、項目間と外周の余白を分けて調整します。Thu, 22 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-html-description-list.htmlhttps://school.junkbranding.com/blog-html-description-list.html用語集の名前と説明を、太字や改行だけで並べていませんか。架空の製本用語を使い、dl・dt・ddで対応を表し、説明の長さや表示の装飾が変わっても読む順番を保つ練習です。Thu, 22 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-js-some-check.htmlhttps://school.junkbranding.com/blog-js-some-check.html一覧の中に一件でも該当するものがあるかを知りたいとき、someで真偽値を返せます。架空の点検項目を使い、未確認あり・すべて確認済み・項目なしを分けて案内を決める練習です。Thu, 22 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-js-trim-query.htmlhttps://school.junkbranding.com/blog-js-trim-query.htmlコピーした検索語が一致しないとき、前後に空白が付いていないか確かめます。架空の資料検索を題材に、trimの戻り値を使い、空白だけの入力と途中の空白を別々に扱う練習です。Thu, 22 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-content-expiry.htmlhttps://school.junkbranding.com/blog-content-expiry.html催しが終わった後も申し込みの案内が残っていませんか。架空の交換会を題材に、受付終了と開催終了を分け、残す記録、外す募集文、次の案内を整理する編集の練習です。Wed, 21 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-practice-test-data.htmlhttps://school.junkbranding.com/blog-practice-test-data.html短い仮の文章では整って見えるカードも、本番の原稿を入れると確認し直す箇所が見つかります。架空の作品一覧で、長い名前、長文、補足なしの原稿を用意し、一つずつ条件を変えて記録する練習です。Wed, 21 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-client-workflow.htmlhttps://school.junkbranding.com/blog-web-client-workflow.html工程の名前は分かっても、次へ何を渡せばよいか迷う初心者へ。架空の施設紹介ページを題材に、制作の各段階で残す資料と確認事項を結び、一つの変更を前の工程へ戻して考える練習です。Wed, 21 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-css-print.htmlhttps://school.junkbranding.com/blog-css-print.html印刷した案内がメニューで埋まる場合は、紙で使う情報と画面だけの操作を分けます。架空の地域散策の案内を使い、print用のCSSと印刷プレビューで確かめる項目を紹介します。Tue, 20 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-download-link-info.htmlhttps://school.junkbranding.com/blog-download-link-info.html「資料はこちら」だけでは、開く内容やファイル形式を判断しづらくなります。架空の見学会の配布資料を使い、リンクに含める情報と差し替え時の確認手順を整理します。Tue, 20 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-image-caption.htmlhttps://school.junkbranding.com/blog-image-caption.html画像の下の文章が、どの図の説明か分かりづらくなっていませんか。架空の展示台の図を例に、figureとfigcaptionでまとめ、代替テキストと画面に見せる説明を分ける手順を紹介します。Tue, 20 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-js-event-target.htmlhttps://school.junkbranding.com/blog-js-event-target.htmlボタンの文字は反応するのに、内側のアイコンを押すと処理が変わる場合は、参照している要素を調べます。架空の展示カードでtargetとcurrentTargetの違いを確かめる練習です。Tue, 20 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-css-line-height.htmlhttps://school.junkbranding.com/blog-css-line-height.html本文を大きくしたら行が詰まって見えるときは、親要素から引き継いだline-heightを確認します。架空の散策案内を使い、固定した値と単位なしの指定を同じ原稿で比べる練習です。Mon, 19 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-form-help-text.htmlhttps://school.junkbranding.com/blog-form-help-text.html入力欄のそばに注意文を置くだけで終えていませんか。架空の作品応募欄を使い、項目名と入力のヒントを分け、aria-describedbyで補足説明を関連付ける手順を紹介します。Mon, 19 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-js-find-missing.htmlhttps://school.junkbranding.com/blog-js-find-missing.html配列から一件を探した後、名前の表示でエラーになる場合は、見つからなかった結果を確認します。架空の音声ガイド一覧を題材に、findの戻り値を調べてから情報を読む手順を紹介します。Mon, 19 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-anchor-offset.htmlhttps://school.junkbranding.com/blog-anchor-offset.html目次から移動した先の見出しが固定ヘッダーに隠れる場合は、スクロール時の余白を確認します。架空の展示案内を使い、scroll-margin-topを設定し、リンク先と画面幅を変えて確かめる手順を紹介します。Sun, 18 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-css-specificity.htmlhttps://school.junkbranding.com/blog-css-specificity.htmlCSSを書き直しても色が変わらないときは、指定の強さを足す前に適用元を調べます。架空の展示カードを使い、開発者ツールで宣言を比較し、変更する規則を絞る練習を紹介します。Sun, 18 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-details-summary.htmlhttps://school.junkbranding.com/blog-details-summary.html短い補足を折りたたみたいとき、detailsとsummaryで開閉部分を作れます。架空の紙工作会を題材に、常に見せる情報と補足を分け、ラベルとキーボード操作を確認する手順を説明します。Sun, 18 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-empty-state-copy.htmlhttps://school.junkbranding.com/blog-empty-state-copy.html一覧が空でも、初めて利用する人と検索条件を絞りすぎた人では必要な案内が違います。架空の読書記録を題材に、空になった理由と次の操作を一組にし、文言と行き先を確認する練習を紹介します。Sun, 18 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-js-array-sort.htmlhttps://school.junkbranding.com/blog-js-array-sort.htmlsortを使うと、元の配列の順序も変わります。架空の作業時間の一覧を題材に、コピーしてから数値を並べ替える例を作り、元の順序・昇順・降順をそれぞれ確認します。Sun, 18 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-box-sizing.htmlhttps://school.junkbranding.com/blog-box-sizing.html同じwidthを指定したのに、余白を足した箱だけ大きくなる。架空の展示案内を題材に、content-boxとborder-boxの計算を比べ、枠線を含めた幅をそろえる方法を説明します。Sat, 17 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-bug-reproduction.htmlhttps://school.junkbranding.com/blog-bug-reproduction.html「メニューが変です」だけでは、同じ現象を確認できないことがあります。架空の資料館ページを題材に、開始状態、操作、期待した結果と実際の結果を分け、再現できる記録を作ります。Sat, 17 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-fieldset-legend.htmlhttps://school.junkbranding.com/blog-fieldset-legend.html「午前」「午後」だけが並ぶと、何について選んでいるか分からなくなります。架空の体験会を使い、fieldsetとlegendで質問ごとにまとめ、nameとlabelの役割も分けて確認します。Sat, 17 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-js-filter-empty.htmlhttps://school.junkbranding.com/blog-js-filter-empty.htmlカテゴリを選ぶと一覧が空になる処理を、条件ごとに確認します。架空の貸出道具データを使い、カテゴリと貸出可否を組み合わせ、0件を空配列の長さで判定する練習です。Sat, 17 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-reduced-motion.htmlhttps://school.junkbranding.com/blog-reduced-motion.html装飾のアニメーションを、動きを減らしたい人の設定に合わせて切り替えます。架空の展示案内を使い、静止した状態を先に作り、no-preferenceの場合だけ動きを加えるCSSを紹介します。Sat, 17 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-review-request.htmlhttps://school.junkbranding.com/blog-review-request.html作品を送っても「よいと思います」で終わってしまう人へ。架空の見学会ページを題材に、目的、見てほしい場所、迷っている判断を短い依頼文にまとめる練習を紹介します。Sat, 17 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-table-headers.htmlhttps://school.junkbranding.com/blog-table-headers.html表の数字は読めても、何の値か分からない状態を見直します。架空の工作室の時間割を使い、表の名前、行見出し、列見出しをHTMLで表し、数値との対応を確認する練習です。Sat, 17 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-color-contrast.htmlhttps://school.junkbranding.com/blog-color-contrast.html薄いグレーの説明文が読みにくいとき、文字を大きくする前に配色を確かめます。架空の読書室の案内を題材に、実際の文字色と背景色を一組として調べ、修正後も表示を点検する練習です。Fri, 16 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-grid-columns.htmlhttps://school.junkbranding.com/blog-grid-columns.htmlカードを三列にしたら、スマートフォンで一枚ずつが細くなってしまう。架空の体験講座一覧を使い、一列を基本にして広い画面で三列へ切り替えるCSSと確認手順を紹介します。Fri, 16 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-image-weight.htmlhttps://school.junkbranding.com/blog-image-weight.html写真を軽くしたいけれど、どこまで小さくしてよいか迷う人へ。架空の陶芸作品一覧を題材に、元画像を残し、寸法と圧縮を別々に変えて、必要な細部と容量を比較する方法を紹介します。Fri, 16 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-ogp-preview.htmlhttps://school.junkbranding.com/blog-ogp-preview.htmlURLを共有したら別ページの名前や画像が出てしまう。架空の朗読会の案内を使い、Open Graphの情報を本文と照合し、公開HTMLの指定と共有先での表示を分けて確認する手順を紹介します。Fri, 16 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-update-check.htmlhttps://school.junkbranding.com/blog-update-check.html一ページの修正でも、共通の部品や別ページの案内に影響することがあります。架空の貸しアトリエを題材に、変更内容、使われる場所、期待する結果を結び、更新後の確認表を作る練習です。Fri, 16 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-flex-min-width.htmlhttps://school.junkbranding.com/blog-flex-min-width.html横並びのカードで長い英字だけが枠から出るときに。架空の資料名カードを使い、Flexboxの子要素の最小幅と文字の折り返しを分けて調べ、必要な内容を隠さずに表示する方法を紹介します。Thu, 15 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-heading-order.htmlhttps://school.junkbranding.com/blog-heading-order.html小さく見せたいからh3を選んでいませんか。架空の楽器体験会を題材に、文章の親子関係から見出しレベルを決め、文字の大きさとは分けて構造を確認する方法を紹介します。Thu, 15 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-learning-log.htmlhttps://school.junkbranding.com/blog-learning-log.html同じつまずきを調べ直してしまう初心者へ。架空の展示案内を題材に、起きたこと、変えたこと、確かめた条件を記録し、別のページでも使える学習メモへ整える方法を紹介します。Thu, 15 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-practice-feedback.htmlhttps://school.junkbranding.com/blog-practice-feedback.html添削どおりに直せても、次の作品で同じ指摘を受ける人へ。架空の体験教室の案内を使い、指摘の理由を読み取り、別の原稿で確かめる短い練習課題に変える方法を紹介します。Thu, 15 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-reading-errors.htmlhttps://school.junkbranding.com/blog-reading-errors.htmlJavaScriptの赤いエラー表示で手が止まる人へ。架空の座席数を表示する短い例で、エラーの種類、変数名、発生場所を読み分け、一か所の修正を再確認する手順を紹介します。Thu, 15 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-small-scope.htmlhttps://school.junkbranding.com/blog-small-scope.html作りたい機能を増やすうちに練習作品が進まなくなる初心者へ。架空の散歩会の案内を使い、残す情報、後へ送る機能、代わりの案内を分け、最初の一ページの範囲を決めます。Thu, 15 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-career-beginner.htmlhttps://school.junkbranding.com/blog-web-career-beginner.html未経験からWeb制作の仕事を目指すとき、技術名の多さだけで応募先を選んでいませんか。募集要件を実際の作業へ読み替え、作品で示せること、質問したいこと、次に練習することを整理します。Wed, 14 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-career-midlife.htmlhttps://school.junkbranding.com/blog-web-career-midlife.html仕事や家庭の予定とWeb制作の学習を両立したい人へ。記入済みの週間計画と再開メモを例に、実際に使える時間、短い作業単位、中断時のメモを整理し、予定が崩れた週にも見直せる計画を作ります。Wed, 14 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-design-vs-production.htmlhttps://school.junkbranding.com/blog-web-design-vs-production.htmlWebデザインとWeb制作の違いを、学ぶ名称だけで判断しないために。画面案、動くページ、公開後の更新という成果物を分け、スクールの授業でどこまで制作するかを確認する比較方法を紹介します。Wed, 14 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-production-ai.htmlhttps://school.junkbranding.com/blog-web-production-ai.html生成された案を、そのまま公開していませんか。架空の映画会の原稿と修正前後の例を使い、日時、根拠のない実績、不要な予約案内を点検します。採用理由と未確認の操作を残すための手順です。Wed, 14 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-web-sidejob-start.htmlhttps://school.junkbranding.com/blog-web-sidejob-start.html副業で制作を始めたい初心者へ。架空の依頼を使い、作業範囲、連絡できる時間、確認に使う時間を整理します。応募の前に、自分が説明できる範囲と未確認の作業を分ける練習です。Wed, 14 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-self-study-vs-school.htmlhttps://school.junkbranding.com/blog-self-study-vs-school.html独学かスクールかを、費用や意欲だけで決めないために。短い学習記録から、自分で調べられる範囲と人に確認したい点を分け、質問や添削が必要な場面を具体的にする方法を紹介します。Tue, 13 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-production-roadmap.htmlhttps://school.junkbranding.com/blog-web-production-roadmap.htmlHTML、CSS、JavaScriptをどこから学ぶか迷う初心者へ。一枚の案内ページを題材に、各段階で残す制作物と確認項目を決め、今取り組む練習を選ぶロードマップを紹介します。Tue, 13 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-school-pricing.htmlhttps://school.junkbranding.com/blog-web-school-pricing.htmlWeb制作スクールの金額を比較するとき、月額と受講総額を混ぜていませんか。公式料金の確認例と架空の計算を使い、含まれる費用・別途費用・継続費用を分けて比較する手順を説明します。Tue, 13 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-web-school-selection.htmlhttps://school.junkbranding.com/blog-web-school-selection.htmlWeb制作スクールの説明を読んでも、何ができるようになるか分からない人へ。課題、添削、質問条件を確認し、自分が作りたいものと受講内容を照合する比較メモを作ります。Tue, 13 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-broken-link.htmlhttps://school.junkbranding.com/blog-broken-link.htmlトップでは使えたリンクが、下層ページで開かない。架空の町歩き案内を例に、現在のURLとリンク先を並べ、同じ階層・一つ上・サイトの先頭からのパスを区別して直します。Mon, 12 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-image-dimensions.htmlhttps://school.junkbranding.com/blog-image-dimensions.html画像を読み込んだ瞬間に、その下の文章がずれる状態を見直します。架空の染物工房の紹介を例に、画像の寸法とCSSの表示幅を分け、読み込み前に場所を確保する考え方を説明します。Mon, 12 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-photo-crop.htmlhttps://school.junkbranding.com/blog-photo-crop.html横長では見える作品が、縦長のカードで切れてしまう。架空の器の展示案内を題材に、写真全体を見せる場合と枠を埋める場合を分け、object-positionで残す側を調整する手順を紹介します。Mon, 12 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-reading-documentation.htmlhttps://school.junkbranding.com/blog-reading-documentation.html説明が長い公式資料を、最初から全部読もうとしていませんか。架空の絵本交換会の案内を例に、調べたい問いを絞り、用途・属性・注意点を照合して短い調査メモに残す方法を紹介します。Mon, 12 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-type-hierarchy.htmlhttps://school.junkbranding.com/blog-type-hierarchy.html大きな文字を増やしたのに、何から読めばよいか分からない。架空の朗読会の案内を使い、ページ名・節の見出し・本文を三段階で組み、長い文でも読めるか比べる練習です。Mon, 12 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-button-wording.htmlhttps://school.junkbranding.com/blog-button-wording.html同じ「こちら」が並び、どれを押せばよいか分からない案内を見直します。架空の自転車修理店を例に、移動先の内容と次の行動を照らし合わせ、短く具体的なリンク文言を作ります。Sun, 11 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-content-inventory.htmlhttps://school.junkbranding.com/blog-content-inventory.html画面を作り始めたのに、紹介文も写真も届かない。架空の木工教室サイトを例に、必要な素材をページ名より小さく分け、用意する人・確認する人・未確定事項が分かる準備表を作ります。Sun, 11 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-handover-note.htmlhttps://school.junkbranding.com/blog-handover-note.htmlサイトの更新を別の人に渡すとき、ファイル名だけでは操作の判断が残ります。架空の貸し会議室の案内を例に、編集する場所、変更後の確認、迷ったときの連絡先を一枚にまとめます。Sun, 11 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-page-title.htmlhttps://school.junkbranding.com/blog-page-title.html複数ページを開くと、タブの名前が全部サイト名になってしまう。架空の古書店を例に、titleと本文の見出しを分け、各ページの内容を区別できる名前へ直す確認手順を紹介します。Sun, 11 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-request-questions.htmlhttps://school.junkbranding.com/blog-request-questions.html曖昧な依頼から、すぐに色やレイアウトを決めていませんか。架空の花店サイトを題材に、困っている場面・届けたい人・次の行動を質問し、回答と制作者の仮説を分けて整理します。Sun, 11 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-consistent-components.htmlhttps://school.junkbranding.com/blog-consistent-components.html同じ予約への入口なのに、ページごとに色や形が違う。架空の貸しスタジオサイトを例に、操作の役割を棚卸しし、共通の見た目と例外を短いルールにまとめます。Sat, 10 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-explain-code.htmlhttps://school.junkbranding.com/blog-explain-code.html写したコードを説明できるか確かめたい人へ。架空の写真展示のデータを使い、入力・条件・出力を言葉にし、予想と実行結果の違いから調べる箇所を絞る練習を紹介します。Sat, 10 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-form-label.htmlhttps://school.junkbranding.com/blog-form-label.htmlplaceholderだけで項目名を示すフォームを見直します。架空の読書会の入力欄を例に、labelとidの対応、入力後の表示、ラベルを押したときの動きを確認します。Sat, 10 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-revision-priority.htmlhttps://school.junkbranding.com/blog-revision-priority.htmlリンクの不具合と見た目の調整が同時に見つかったとき、何から直すか。架空の演奏会サイトを使い、影響・代替手段・再確認の観点から修正順を決める練習です。Sat, 10 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-acceptance-criteria.htmlhttps://school.junkbranding.com/blog-acceptance-criteria.html「見やすくできたら完成」では、修正を終える判断が曖昧になります。架空の展示会サイトを例に、目的を確認可能な完成条件へ変え、未達と追加要望を分ける方法を紹介します。Fri, 09 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-backup-before-edit.htmlhttps://school.junkbranding.com/blog-backup-before-edit.htmlサイト更新の前に、何を保存し、どの状態へ戻すかを整理します。架空の写真家サイトを例に、保存対象の選び方と復旧用メモの作り方を紹介します。Fri, 09 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-wireframe-priority.htmlhttps://school.junkbranding.com/blog-wireframe-priority.html色を付ける前に、読者の疑問に沿って情報の順番を決めます。架空の陶芸体験ページを題材に、配置案を2つ作り、選んだ理由を説明する練習です。Fri, 09 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-design-spacing.htmlhttps://school.junkbranding.com/blog-design-spacing.html文字の大きさや装飾を増やす前に、情報のまとまりを余白で伝える。見出し・本文・カードの間隔を考える練習です。Thu, 08 Oct 2026 00:00:00 GMTデザインhttps://school.junkbranding.com/blog-first-website.htmlhttps://school.junkbranding.com/blog-first-website.htmlコードを書く前に、誰に何を伝えるサイトなのかを整理する。目的・読者・情報・導線・公開後の確認を、一つずつ考えます。Thu, 08 Oct 2026 00:00:00 GMT学習ガイドhttps://school.junkbranding.com/blog-html-link-button.htmlhttps://school.junkbranding.com/blog-html-link-button.htmlページを移動するならリンク、その場で操作するならボタン。迷いやすい使い分けを短いコード例で整理します。Thu, 08 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-portfolio-process.htmlhttps://school.junkbranding.com/blog-portfolio-process.html誰の課題に、どんな判断で応えたのか。目的・担当範囲・改善の過程を伝える、作品紹介の書き方です。Thu, 08 Oct 2026 00:00:00 GMT制作の進め方https://school.junkbranding.com/blog-publish-checklist.htmlhttps://school.junkbranding.com/blog-publish-checklist.html表示できることと、使えることは別。リンク先、入力エラー、通知メールまで、公開前の確認項目をまとめました。Thu, 08 Oct 2026 00:00:00 GMT公開・運用https://school.junkbranding.com/blog-responsive-check.htmlhttps://school.junkbranding.com/blog-responsive-check.html画面幅を狭くして終わりにしない。文字、画像、リンク、横スクロール、入力フォームを順番に確認します。Thu, 08 Oct 2026 00:00:00 GMTHTML / CSShttps://school.junkbranding.com/blog-focus-style.htmlhttps://school.junkbranding.com/blog-focus-style.htmlマウスでは使えるのに、Tabキーで進むと現在位置が見えない。架空の施設案内を例に、消された枠を見直し、focus-visibleで表示を付け、順方向と逆方向の操作を確認します。Wed, 07 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-image-alt.htmlhttps://school.junkbranding.com/blog-image-alt.htmlすべての写真に詳しい説明を書くべきか迷ったら、画像の役割を確認します。架空の園芸教室を例に、情報を伝える写真、飾り、リンクの画像を分け、代替テキストを考える練習です。Wed, 07 Oct 2026 00:00:00 GMTアクセシビリティhttps://school.junkbranding.com/blog-js-dom-ready.htmlhttps://school.junkbranding.com/blog-js-dom-ready.htmlHTMLにボタンがあるのにJavaScriptから見つからない。架空の工房案内を例に、ファイルの読み込み、idの一致、実行のタイミングを順に調べ、deferで直す手順を紹介します。Wed, 07 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-js-number-input.htmlhttps://school.junkbranding.com/blog-js-number-input.html数字を入れたはずなのに結果がつながった文字になる。架空の工作会の材料数を例に、valueAsNumberで数値を読み取り、空欄・小数・範囲外を分けて扱う計算例を紹介します。Wed, 07 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-js-text-output.htmlhttps://school.junkbranding.com/blog-js-text-output.html入力欄の文字をページに表示する小さなプレビューを作ります。架空の展示作品名を題材に、HTMLとして解釈させない表示方法、空欄の扱い、更新する範囲の決め方を確認します。Wed, 07 Oct 2026 00:00:00 GMTJavaScripthttps://school.junkbranding.com/blog-skip-link.htmlhttps://school.junkbranding.com/blog-skip-link.html毎ページ同じメニューをTabキーで通る負担を減らすため、本文への入口を用意します。架空の地域資料館を例に、リンクと移動先の作り方、フォーカス移動まで含めた確認手順を紹介します。Wed, 07 Oct 2026 00:00:00 GMTアクセシビリティ