Archive
Web制作の記事
ドットインストールとWeb Developer Bootcamp、Web制作を目指すならどっち？両方使った私の進め方
ドットインストールとUdemyのWeb Developer Bootcamp、どちらもWeb制作の独学で使いました。同じHTML/CSSでも中身の作りが違います。両方を実際に使って分かった向き不向きと、Web制作を目指すならどの順番で進めるといいかを書きます。
Webアクセシビリティは義務化された？サイトを作る人が知っておきたいこと
2024年4月から義務になったのは「合理的配慮の提供」で、Webアクセシビリティそのものは努力義務です。一つの申し込みフォームを例に、この二つの違いと、コーダーが最初に確認する場所をまとめました。
Tabキーから始めるアクセシビリティチェック｜そのボタン、マウスなしでも押せますか？
アクセシビリティの確認は、マウスから手を離してTabキーを押すところから始められます。ボタンを通り過ぎてしまう、今どこにいるか分からない、順番が飛ぶ。よくある3つの症状について、原因と直し方をまとめました。
フォームのlabelが効かない？forとidの直し方と、文字も押せるようにする理由
フォームのlabelが効かないとき、原因の多くはforとidの不一致か、idの使い回しです。ただし反応しない理由はHTML以外にもあります。なぜ結びつける必要があるのかから、直し方と確かめ方までまとめました。
画像のaltは空欄でもいい？何を書けばいいか迷ったときの考え方
画像のaltは空欄でもいいのか、何を書けばいいのか。altは画像を見ずに読む人に情報や操作を伝えるものなので、同じロゴでも置き場所によって書く内容が変わります。W3Cの案内と、HTMLの検査ツールで実際に確かめた結果をもとに、迷ったときの考え方をまとめました。
コーダーとマークアップエンジニアの違い｜仕事内容と求人の見分け方
コーダーとマークアップエンジニア、フロントエンドエンジニアの違いを、仕事内容と実際の募集要項から整理。求人票で確認したい3つのポイントと、40代未経験で入社した私の経験を紹介します。
AIを使ったブログ記事の書き方｜紙とペンからGemini、Claudeまでの手順
紙とペンでネタを出し、Geminiに音声で渡し、Claudeに分類してもらう。記事を1本書くときに私が実際に踏んでいる手順を、そのまま公開します。AIに任せる部分と、自分で書く部分をどこで分けているかについても書きました。
Webライティングの心構え｜嘘を書かない、誇張しない、失敗談を財産にする
ブログやnoteで質の高い記事を書くために、私が大切にしていること。テクニックよりも、記事の目的を明確にすること、正直に書くこと、失敗談こそ財産にすること。読者に長く信頼される文章の、根っこにある考え方をお伝えします。