制作会社様向け
レスポンシブ画像のsrcset・sizes実装と表示幅の検証
支給画像をPC・スマートフォンへ実装するときは、候補ファイルと実際の表示幅を揃えて指定します。コードとブラウザーの選択結果から、sizesの不一致の直し方を解説します。
GreenCodingのコラム
知りたいことから、
記事を探す。
Web制作の進め方から、公開後の運用、AIの業務活用まで。
読者とジャンルを組み合わせて、いま必要な情報を選べます。
記事を絞り込む
「誰向けか」と「何についてか」を、それぞれ選べます。数字は表示中の読者条件での件数です。
すべての読者 ／ すべてのジャンル
81 件の記事
13–24 件を表示
小規模事業者様向け
会社の仕事、AIにどこまで任せられる？
手配メモを一覧にする仕事を例に、AIチャット・定型自動化・AIエージェントの任せ方を説明します。下書きまでを任せ、人が確かめる分担と、始める前の四つの決め事を紹介します。
小規模事業者様向け
手配メモのAI転記から照合・人の承認まで
AIで表へ転記した後は、品番・数量・単位・納期を原資料と照合します。架空6行の試行から、未記載を推測しない手順、人の確認、定型処理で足りる場面を整理します。
制作会社様向け
赤枠だけのフォーム入力エラー表示を直すHTML/JS実装と操作検証
フォームの入力エラーを赤枠だけで終えず、説明文・入力欄との関連付け・戻り先まで実装します。架空フォームの修正前後をPC・390px幅・キーボードで試し、検収項目と未確認の範囲を整理します。
小規模事業者様向け
小さな会社のホームページ情報整理ガイド
ホームページを直すときは、古い料金や使えない窓口など、お客様の判断や連絡を止める情報から確認します。架空の訪問清掃店を例に、サービス・料金・FAQ・問い合わせを横断して整理し、修正順位と更新担当を決める流れを紹介します。
小規模事業者様向け
ホームページの電話番号・受付時間の掲載方法｜営業時間と不在時の案内
電話の案内は、番号と受付時間、受ける用件、不在時の対応を一組にします。地域の店舗・小規模事業者向けに、架空の靴のお直し店の掲載例で、営業時間との分け方と公開前の確認を紹介します。
制作会社様向け
長いサービスページの目次とページ内リンク｜項目選びと依頼内容
目次は、読者が探す項目と移動先を決めてから設計します。架空のサービス紹介ページを例に、リンク名、固定ヘッダーとの重なり、スマートフォン表示、キーボード操作の確認を整理します。
制作会社様向け
共同制作の実績は、掲載できる情報と自社の担当工程を分けて書く
共同制作の実績は、自社の担当工程と確認した結果を具体的に書くと、頼める仕事が伝わります。架空の展示会ページを例に、紹介文、画像の説明、掲載範囲の確認を整理します。
小規模事業者様向け
ホームページの料金表示は、単位・含む作業・追加条件を金額と一緒に示す
料金案内は、金額と単位、含む作業、追加になる条件を一緒に示します。地域の事業者向けに、架空の清掃サービスの料金表を使い、見積が必要な場合の説明と改定時の確認方法を紹介します。
制作会社様向け
メインビジュアルの静止画像とスライドの使い分け｜止め方・差し替えの設計
メインビジュアルは、伝えたい内容と切替の必要性から選びます。静止画像・手動・自動切替を比べ、スマートフォン表示、停止操作、掲載終了後の差し替えまで決める架空の依頼例を紹介します。
制作会社様向け
多言語ページの更新漏れ対策｜日本語の変更を翻訳・リンク・画像まで追う対応表
多言語ページの更新は、日本語の確定版と翻訳の対応を揃えるところから始まります。原稿の版、案内画像、申込先、言語切替を架空の対応表で整理し、確認とWeb実装の分担を解説します。
制作会社様向け
商品一覧の絞り込み検索｜導入の判断と条件・0件・解除の設計
商品一覧の絞り込みは、点数よりも訪問者が使う条件から判断します。分類リンクで足りる範囲と、条件の組合せ・0件・解除・共有URLまで実装する範囲を、架空の依頼例で整理します。
記事を読んでも整理しきれないことがあればご相談ください。
いま決まっていることと、迷っていることからお聞かせください。