Web制作を学ぶ 単なるHTML/CSSだけのプロジェクトでもホットリロードする方法
こんにちは。Web制作領域だと、LPのようにわざわざwebpackやviteなどのビルド/バンドルツールを使うほどでもないプロジェクトだけどホットリロードは欲しい！って時ありますよね。そんな時に簡単にホットリロードを行う方法です。結論1.「...
Web制作を学ぶ 
JavaScriptを学ぶ 多分これが一番いいアコーディオンメニューだと思います。（高さ可変＝height: auto; 対応）
こんにちは。今回はアコーディオンメニューについて色々考えたので解説していこうと思います。アコーディオンメニューと一言に言っても、googleで検索すると色々な実装パターンが出てきますよね。またライブラリもこれといったものがあまりありません。...
Web制作を学ぶ 視覚障害者にとってのWebはこんなに使いづらい
こんにちは。最近Twitterでよくアクセシビリティについて論争が行われるのを見かけることが多くなったように思います。しかし、いつもWAI-ARIAのroleがどうとかあれが正しくてこれが正しくないとかコード上の話はされども当事者にとって使...
Web制作を学ぶ 月5万円を目指すプログラミング・Web制作学習者に求められるスキル
先日HTML/CSS/jQueryを学べば1ヶ月で月5万稼げるようになる！とかいうアホなツイートを見かけまして、つい僕も心の声が漏れてしまいました。というわけで、今回は月5万円を「安定して」稼ぐ上で「本当に」必要な能力は何なのかを考えてみた...
JavaScriptを学ぶ jQuery、今までありがとう【移行すべき理由と代替案3選】
こんにちは。これまでお世話になったjQueryですが、そろそろ本当に別れを告げる時が来ているかと思います。（巷ではjQueryはオワコン、jQueryは終わった、脱jQueryとも言われていますね）なぜ必要無くなったのかにはいくつか理由があ...
HTML/CSSを学ぶ display: grid;を使ってレスポンシブ時に要素の順番が変わるレイアウトを攻略する
こんにちは。今回は、今までは再現するのに手間のかかった「レスポンシブで要素の順番が変わるレイアウト」をgridを使って上手く攻略していこうという内容です。grid自体の解説はあまり詳しく行わないので、以下の記事を参考にしてください。「レスポ...
Web制作を学ぶ サイトの遅延を即座に解決！読み込み速度低下の原因を簡単に特定する方法
こんにちは。皆さんはサイトの読み込み速度についてどのくらい意識していますか？読み込み速度が遅いと、せっかくデザインやコンテンツを作り込んでも効果が落ちてしまいます。特にLPのようなコンバージョンが明確な目的になっているページは特に重要です。...
HTML/CSSを学ぶ レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法
皆さんは、レスポンシブ対応の時にどうしてもデザイン通りに要素が収まらず仕方なくブレイクポイントを追加して対応したことはありませんか？僕はあります。気をつけないとすぐ要素がはみ出したり重なったりしますよね。装飾が賑やかなほど起こりやすい傾向に...
HTML/CSSを学ぶ 教材だけでは分からない、案件でよく要求される細かいコーディングのテクニック12選
こんにちは。昨今プログラミングやコーディングにおいて様々な情報が見られるようになりました。しかし、そんな環境でもまだまだ学習と仕事、案件には差があるように思います。そこでこの記事では、実際に案件で求められることの多い細かなコーディングのテク...
Web制作の考え方を学ぶ 駆け出しエンジニアを自称する諸君。プログラミングを学ぶ前に、そのナメた根性を叩き直しなさい。あと日本語も勉強して。
はい、今回はタイトルの通りです。炎上しようが何を言われようが、この際そんなものは知ったこっちゃありません。最近あった出来事と、そこから推察されるTwitterの駆け出しエンジニア界隈の現状をまとめていきます。（今回はWebのフロントエンドコ...