性別や年齢を問われず、パソコン一つで始められるWebデザイナーは誰でも目指しやすい職業です。 そのため、Webデザイナーが多すぎて飽和状態にあるのではないかと言われていますが、その一方で、にわかWebデザイナーも増えているのでは、という見方もできます。 本物の価値を提供できるWebデザイナーであれば、今後も安泰でしょう。
会員登録後、有料プランで広告を非表示に
詳しくはこちら
Lazyloadの使い方3つ【HTML版とJS版、確認方法もご紹介】
Webページのずーっと下部にある画像など、すぐには必要でない要素の表示を意図的に遅らせるのがLazyload。 実装方法はHTMLのみ、もしくはJavaScriptライブラリを使う方法があり、動作確認はChromeのデベロッパーツールで行う事ができます。 表示を遅延させる事で、ブラウザに別の仕事を優先させる事ができるので、結果としてユーザービリティ向上、Googleのページ評価アップにつなげる事ができます。
インターネット アカデミーでWebデザイナーになれる？【評判・口コミ】
創業はなんと1995年! ネット社会の黎明期からずっとWebデザインをノウハウを提供してくれているインターネット・アカデミーのコース内容や評判、メリット＆デメリットをまとめました。
ヒューマンアカデミーでWebデザイナーになれる？【評判・口コミ】
就職率90%超えという安心の実績を持った、歴史あるスクールとして名高いヒューマンアカデミー。 オンラインと通学（オフライン）のうち好きな学習方法を選べ、1つのコースの中にやAdobe XDの学習までカバーされている点が講座の魅力です
【プラグインなし】WordPressで特定のページをリダイレクトする方法
任意のページをリダイレクトする方法としては.htaccessの編集が一般的ですが、.htaccessってちょっと間違えるとサイト全体に不具合が起きたりするので、慣れてないと書き換えるのが怖いですよね。 ところがWordPressであれば、専用の関数を利用することで.htaccessを触らずにリダイレクトさせることができちゃいます。
デジタルハリウッドSTUDIO by LIGでWebデザイナーになれる？【評判・口コミ】
デジタルハリウッドSTUDIO by LIGの評判・口コミ、学習カリキュラムとコース内容の特徴、案件紹介の有無などをまとめました。 デジタルハリウッドSTUDIO by LIGは、Web制作を行っている株式会社LIGと、Webデザインを始めとした各種クリエイターを多く輩出してきたデジタルハリウッドの業務提携によるスクールです。 オンラインと通学の併用型のため、自分でしっかり学習計画を立てていかないとついていけなくなるという難しさこそありますが、制作のプロと教育のプロ、2社のノウハウが凝縮されたカリキュラムが学べるのは大きな魅力です。
コンテナクエリ（@container）を使うと、掲載要素のサイズに応じてスタイルシートを切り替えられる事ができます。 「ビューポートのサイズ」ではなく、「要素のサイズ」というところがポイント。
【コスパ最強】リトルサーバーのデメリットはアヤしい事だけ 評判・口コミ
リトルサーバーは月額165円〜、年間1,980円〜と格安で利用できるサーバーです。 高速で、WordPressやSSLも使えて、データのバックアップも随時取ってくれます。 評判と口コミ…というか、実際に使ってみた感想と速度テストの結果を紹介します。
【テックアカデミー(TechAcademy)】Webデザインのコースはどれがおすすめ？
基礎スキルの習得用、ポートフォリオ準備用、フリーランスデビュー用等、多種多様なコースが用意されているテックアカデミー(TechAcademy)。 副業や転職等、多彩な案件紹介があるのも大きな強みです。 自分に必要なコースはどれなのか、正しい見極めを。
【図解】CSSのvhとsvhとlvhとdvhは何が違う？（100vhを指定してもスマホでははみ出る問題も解決）
vhとsvhとlvhとdvhと…このあたりを整理してご紹介。 vh、vwだけだと思ってたら、いつの間にか仲間が増えてましたね。 また、100vhを指定してもスマホではジャストサイズにならなかった問題も解決できるようになりました。
その記事、どっちで書いたの？【ビッグキーワードとスモールキーワード】
SEOのお話で必ず登場するのが「検索キーワード」。 うち、日々たくさん検索されているモノをビッグキーワード、そうでないモノをスモールキーワードと呼びます。 サイト＆ブログを伸ばすのに有効なのはどちらのキーワードでしょう？ それぞれの特徴や調べ方をご紹介します。 だけど何より大切なのは、検索キーワードに振り回されずに自分らしくサイトを育てる事、ですけどね。
画面内で、何度も繰り返される要素のデザインは揃えてあげるといいかもしれない、というおハナシ。
WordPressでは、デフォルトで用意されている「投稿」や「固定」などに加え、自分オリジナルの投稿タイプが作れます。 記事管理に便利なのはもちろん、入力項目をカスタマイズできる点もありがたいです。
情報過多、かつみんな忙しい現代社会。 コンテンツをただ紹介しただけでは、なかなか目を向けていただけない世の中で、 どうしたらユーザーさんに興味を持ってもらえるかな？というお話。
見出しやリスト要素などにCSSだけで連番を振ることができます。JavaScriptは使いません。
スペース内に要素をキチンと「収めない」デザインのお話。
【CSS擬似要素】::beforeと::afterの使い方とサンプル
CSSの擬似要素、::beforeと::afterに関して、用法と利用事例のサンプルをご紹介。
Webサイト内で同じ情報が反復されるときには、そのデザインも統一してあげるとわかりやすくなります。
一見難易度の高そうなサイト検索機能ですが、WordPressでは専用のテンプレートタグをペタっと貼り付けるだけでカンタンに設置することができます。 テンプレートタグのしくみがわかれば、オリジナルの検索フォームを自作することも可能です。 検索キーワード、検索ヒット件数の表示方法も合わせてご紹介します。
【画面サイズ・解像度ごとに最適な画像を出し分ける】srcset属性とsizes属性
同じWebページでも、パソコンで表示された時には解像度の高い画像を、スマホでは小さめの画像を提供したい。<br />といったように、ユーザーの閲覧環境によって最適なサイズの画像を提供できるのがsrcset属性です。 選定した画像の表示サイズは、sizes属性で設定することができます。
PCでは横展開されている要素をスマホではどう表示させるのが最適か、を考えてみます。
チェックボックスやラジオボタンの色設定など、フォーム周りのCSSをご紹介。
【プログラム不要】CSSだけで画像のトリミングができちゃうobject-fitプロパティ
例えば、div要素などの中にピッタリ収めたい画像がある。 だけど画像にいちいち手を加えたくはない。 なんて時に便利なのがCSSのobject-fitプロパティ。 アスペクト比がバラバラの画像を、同じサイズでトリミング表示したい！なんて時にも使えます。
【padding / calc()いらず】要素の縦横比率をキープしてくれるaspect-ratioプロパティ
ブラウザサイズに関わらずdiv要素を正方形サイズにしておきたい、なんてコト、Webデザインでは意外に難しかったんですよね。 それを叶えてくれるおまじないが、CSSのaspect-ratioプロパティ。 Googleのサイト評価にも関係する、レイアウトシフト対策にもなっちゃいます。
【サンプルで比較】CSSでドロップシャドウをつける3つの方法
以下は、いずれも要素に影をつけるためのプロパティです。 ・box-shadow ・filter: drop-shadow() ・text-shadow 3つもあるの？何が違うの？サンプルを使って整理していきましょう。
【サンプルあり】文字サイズのレスポンシブ対応も！CSSのmin() / max() / clamp() / calc()関数
CSS内で使える4つの関数、min()、max()、clamp()、calc()関数をまとめてご紹介。 上手に使いこなすと、こんなメリットがあります。 ・CSSの表記がカンタンになる ・文字サイズをレスポンシブにできる ・単位の違う数値で計算が可能(「% + px」とか)<br / ・計算式のまま表記できる(「100% / 7」みたいな記述が可能)
【2022年版レンタルサーバー比較】初心者×個人×WordPressで「豊かに引きこもる」ためのおすすめは？
Webサイト・ブログの設置先となるレンタルサーバー。 運営する会社はたくさんあり、それぞれ機能やスペック、料金が異なります。 一体どれがベストのサーバーなのか。 それは私たちそれぞれが「どんなサイトを作りたいのか」次第なのですが、今回は当サイトのスローガン「豊かに引きこもる」ためにピッタリのレンタルサーバーを紹介します。
【コピペOK】CSSだけでチェック(格子・市松模様)が作れます
背景画像のリピートで実装することの多いチェック・格子・市松模様、実はCSSだけでもできちゃうんです。
SVGやcanvasなどで出力することの多い円グラフ、実はCSSだけでできちゃうって知ってました？
HISモバイル「自由自在290プラン」の評判…というより、実際に使ってみた【速度計測結果付き】
月額290円から使える、HISモバイルの「自由自在290プラン」を使ってみました。 気になる速度計測の結果も紹介します。
【個人向けWordPress仕様】賢いレンタルサーバーの選び方。必要な機能・サービスの見分け方
WordPressでWebサイトを作って、豊かに引きこもるために必要なサーバーの機能やサービス、スペックはどのくらいなのかまとめておきました。 ブログ等、オリジナルのWebサイトを作ろうとする際、避けて通れないのがレンタルサーバー選び。 たくさんの会社や料金プランがあって迷っちゃいますよね。
ブログで一番大切なのはとにかくコンテンツを作る事。つまり書く事です。そして、おそらくブログで一番大変なのも書く事。私も当初は文章を書くのが大の苦手でしたが、こんな工程を通じて何とか「書きグセ」を身につけることができました。
【図解あり】Googleアドセンスの最適配置。オススメはコレ！
Googleアドセンス（Adsense）の適切な広告配置を見つけましょう。 もし今効果が伸び悩んでいたとしても大丈夫。効果的な配置に整えるだけで必ず改善します。
【2022年版】Googleアドセンスの広告タイプ。手動広告と自動広告の上手な使い分け方も
Googleアドセンスで使用できる広告タイプ（広告の形状）をまとめました。自動広告と手動広告の賢い使い分け方も紹介します。
【Googleアドセンスの3指標】表示回数(インプレッション数) / CPC(クリック単価) / CTR(クリック率)を上げる方法
表示回数(インプレッション数) 、CPC(クリック単価)、CTR(クリック率)。この3つだけを丁寧に育てていけば、Googleアドセンスのパフォーマンスは上がらざるを得ません。
【今の広告配置でOK？】Googleアドセンスのココで調べられます
広告は、ただ掲載されていればよいわけではなく、ユーザーの目に入らなければ意味がないですよね。こうした広告の見やすさのことを視認性といい、Googleではアクティブビューという技術でこの視認性を測定しています。アクティブビュー視認可能率はGoogleアドセンスで確認する事ができますので、これをヒントに、広告が適切な位置に配置されているかチェックする事ができます。
【Googleアドセンス】広告数を減らすとクリック単価が上がるって本当？
広告の数は、多ければ良いと言うものではありません。掲載数をただ増やすだけでは、広告枠としてのサイト価値を下げてしまう場合があるからです。Googleアドセンスの成果に伸び悩んでる場合は、思い切って広告掲載数を減らしてみると改善するかもしれません。
【Googleアドセンスのスマートプライシング】価値ある広告枠がクリック単価の低下を防ぎます
Google広告に備わっている機能の一つであるスマートプライシング（Smart pricing）は、Googleアドセンスのクリック単価(CPC)と関連性を持っています。スマートプライシングの仕組みを理解して正直な広告配置を行う事で、クリック率の低下を防ぐ事ができます。
クリック単価が高いテーマ・キーワードはGoogle広告が教えてくれる
Googleアドセンスのクリック単価は、Google広告のキーワードプランナーから見当をつける事ができます。ちょっとややこしいですが、広告を出す側のサービスであるGoogle広告から広告費を覗き見る事で、Googleアドセンスの単価を推測できると言うことです。
【初心者でもカンタン】Googleアドセンスの登録から審査合格まで
自分のWebサイト、ブログ内に広告をつける事ができるGoogleアドセンス(Google Adsense)の利用手続きから審査までの工程です。書き溜めたコンテンツが収益化されるとちょっと嬉しいですよね。
【検索してもWebページがヒットしないワケ】検索結果に表示されるには、Googleにインデックス登録されている必要があります
「頑張って作成したWebページがGoogle検索にヒットしない」と嘆く前に。 そもそもGoogleはそのWebページの存在を把握しているでしょうか？ 全てのWebページは、そのURLをGoogleが認識することではじめて検索結果の対象になります。 これをインデックスと言います。 Googleサーチコンソール（Google Search Console）では、このインデックス状況を確認し、未インデックスの場合は登録のリクエストを出すことができます。
「ブログリーダー」を活用して、Renさんをフォローしませんか？
性別や年齢を問われず、パソコン一つで始められるWebデザイナーは誰でも目指しやすい職業です。 そのため、Webデザイナーが多すぎて飽和状態にあるのではないかと言われていますが、その一方で、にわかWebデザイナーも増えているのでは、という見方もできます。 本物の価値を提供できるWebデザイナーであれば、今後も安泰でしょう。
Webデザイナーの仕事がなくなると言われています。 Webデザイナーはもういらないと言われています。 一方で、Webデザイナーの仕事がゼロになる事はありえません。 今後淘汰が始まっても、付加価値を持つWebデザイナーは引き続き活躍できるはずです。
・デザインを考える事が好き ・スケジュール管理能力がある ・柔軟性を持っている このような人はWebデザイナーに向いています。 あれ、それでは自分には向いていないようだと思った方も大丈夫。 こうした能力は経験を積めば習得できるので、誰でも「Webデザイナーに向いている人」になる事ができます。
副業でも本業でも可能。好きな時間、場所で作業できる。 働き方の自由度が高いLP制作を無料かつ独学で勉強する際に大切なのは、挫折・迷走を回避する事。 過不足なくスキルを身に付け、案件獲得の準備を正しく進める事がポイントです。
安定・確実・自由と魅力たっぷりの副業。 それがLP制作（ランディングページのデザイン）です。 年齢や性別、資格も問われず、好きな時に好きな場所で仕事をする事ができるのも利点です。
1案件の相場目安は10万円〜。 年齢や性別、資格も問われず、好きな時に好きな場所でお仕事可能。 そんな自由度の高いLP制作ですが、必要なスキルを身につけて正しいステップを踏んで挑まなければ、いつまで経っても最初のお仕事が見つかりません。
「div > p」などのように、親から子を特性するセレクタ用法は有名ですが、擬似クラスの:has()を使うと、その逆もできるんです。
・スクール拠点が多く通いやすい「ヒューマンアカデミー」 ・産学協同の実践的なカリキュラムで学べる「デジタルハリウッドSTUDIO by LIG」 ・IT系コースが充実しており、給付金対象コースが多い「インターネット・アカデミー」 を比較紹介します。 「直接かつ個人的に講師に質問できて、その場ですぐに回答がもらえる」 これがオフライン(通学型)スクールの大きなメリットです。 対面でアドバイスがもらえると安心、という方には通学できるWebデザインスクールがおすすめ。
Webページのずーっと下部にある画像など、すぐには必要でない要素の表示を意図的に遅らせるのがLazyload。 実装方法はHTMLのみ、もしくはJavaScriptライブラリを使う方法があり、動作確認はChromeのデベロッパーツールで行う事ができます。 表示を遅延させる事で、ブラウザに別の仕事を優先させる事ができるので、結果としてユーザービリティ向上、Googleのページ評価アップにつなげる事ができます。
創業はなんと1995年! ネット社会の黎明期からずっとWebデザインをノウハウを提供してくれているインターネット・アカデミーのコース内容や評判、メリット＆デメリットをまとめました。
就職率90%超えという安心の実績を持った、歴史あるスクールとして名高いヒューマンアカデミー。 オンラインと通学（オフライン）のうち好きな学習方法を選べ、1つのコースの中にやAdobe XDの学習までカバーされている点が講座の魅力です
任意のページをリダイレクトする方法としては.htaccessの編集が一般的ですが、.htaccessってちょっと間違えるとサイト全体に不具合が起きたりするので、慣れてないと書き換えるのが怖いですよね。 ところがWordPressであれば、専用の関数を利用することで.htaccessを触らずにリダイレクトさせることができちゃいます。
デジタルハリウッドSTUDIO by LIGの評判・口コミ、学習カリキュラムとコース内容の特徴、案件紹介の有無などをまとめました。 デジタルハリウッドSTUDIO by LIGは、Web制作を行っている株式会社LIGと、Webデザインを始めとした各種クリエイターを多く輩出してきたデジタルハリウッドの業務提携によるスクールです。 オンラインと通学の併用型のため、自分でしっかり学習計画を立てていかないとついていけなくなるという難しさこそありますが、制作のプロと教育のプロ、2社のノウハウが凝縮されたカリキュラムが学べるのは大きな魅力です。
コンテナクエリ（@container）を使うと、掲載要素のサイズに応じてスタイルシートを切り替えられる事ができます。 「ビューポートのサイズ」ではなく、「要素のサイズ」というところがポイント。
リトルサーバーは月額165円〜、年間1,980円〜と格安で利用できるサーバーです。 高速で、WordPressやSSLも使えて、データのバックアップも随時取ってくれます。 評判と口コミ…というか、実際に使ってみた感想と速度テストの結果を紹介します。
基礎スキルの習得用、ポートフォリオ準備用、フリーランスデビュー用等、多種多様なコースが用意されているテックアカデミー(TechAcademy)。 副業や転職等、多彩な案件紹介があるのも大きな強みです。 自分に必要なコースはどれなのか、正しい見極めを。
vhとsvhとlvhとdvhと…このあたりを整理してご紹介。 vh、vwだけだと思ってたら、いつの間にか仲間が増えてましたね。 また、100vhを指定してもスマホではジャストサイズにならなかった問題も解決できるようになりました。
SEOのお話で必ず登場するのが「検索キーワード」。 うち、日々たくさん検索されているモノをビッグキーワード、そうでないモノをスモールキーワードと呼びます。 サイト＆ブログを伸ばすのに有効なのはどちらのキーワードでしょう？ それぞれの特徴や調べ方をご紹介します。 だけど何より大切なのは、検索キーワードに振り回されずに自分らしくサイトを育てる事、ですけどね。
画面内で、何度も繰り返される要素のデザインは揃えてあげるといいかもしれない、というおハナシ。
WordPressでは、デフォルトで用意されている「投稿」や「固定」などに加え、自分オリジナルの投稿タイプが作れます。 記事管理に便利なのはもちろん、入力項目をカスタマイズできる点もありがたいです。
Webページのずーっと下部にある画像など、すぐには必要でない要素の表示を意図的に遅らせるのがLazyload。 実装方法はHTMLのみ、もしくはJavaScriptライブラリを使う方法があり、動作確認はChromeのデベロッパーツールで行う事ができます。 表示を遅延させる事で、ブラウザに別の仕事を優先させる事ができるので、結果としてユーザービリティ向上、Googleのページ評価アップにつなげる事ができます。
創業はなんと1995年! ネット社会の黎明期からずっとWebデザインをノウハウを提供してくれているインターネット・アカデミーのコース内容や評判、メリット＆デメリットをまとめました。
就職率90%超えという安心の実績を持った、歴史あるスクールとして名高いヒューマンアカデミー。 オンラインと通学（オフライン）のうち好きな学習方法を選べ、1つのコースの中にやAdobe XDの学習までカバーされている点が講座の魅力です
任意のページをリダイレクトする方法としては.htaccessの編集が一般的ですが、.htaccessってちょっと間違えるとサイト全体に不具合が起きたりするので、慣れてないと書き換えるのが怖いですよね。 ところがWordPressであれば、専用の関数を利用することで.htaccessを触らずにリダイレクトさせることができちゃいます。
デジタルハリウッドSTUDIO by LIGの評判・口コミ、学習カリキュラムとコース内容の特徴、案件紹介の有無などをまとめました。 デジタルハリウッドSTUDIO by LIGは、Web制作を行っている株式会社LIGと、Webデザインを始めとした各種クリエイターを多く輩出してきたデジタルハリウッドの業務提携によるスクールです。 オンラインと通学の併用型のため、自分でしっかり学習計画を立てていかないとついていけなくなるという難しさこそありますが、制作のプロと教育のプロ、2社のノウハウが凝縮されたカリキュラムが学べるのは大きな魅力です。
コンテナクエリ（@container）を使うと、掲載要素のサイズに応じてスタイルシートを切り替えられる事ができます。 「ビューポートのサイズ」ではなく、「要素のサイズ」というところがポイント。
リトルサーバーは月額165円〜、年間1,980円〜と格安で利用できるサーバーです。 高速で、WordPressやSSLも使えて、データのバックアップも随時取ってくれます。 評判と口コミ…というか、実際に使ってみた感想と速度テストの結果を紹介します。
基礎スキルの習得用、ポートフォリオ準備用、フリーランスデビュー用等、多種多様なコースが用意されているテックアカデミー(TechAcademy)。 副業や転職等、多彩な案件紹介があるのも大きな強みです。 自分に必要なコースはどれなのか、正しい見極めを。
vhとsvhとlvhとdvhと…このあたりを整理してご紹介。 vh、vwだけだと思ってたら、いつの間にか仲間が増えてましたね。 また、100vhを指定してもスマホではジャストサイズにならなかった問題も解決できるようになりました。
SEOのお話で必ず登場するのが「検索キーワード」。 うち、日々たくさん検索されているモノをビッグキーワード、そうでないモノをスモールキーワードと呼びます。 サイト＆ブログを伸ばすのに有効なのはどちらのキーワードでしょう？ それぞれの特徴や調べ方をご紹介します。 だけど何より大切なのは、検索キーワードに振り回されずに自分らしくサイトを育てる事、ですけどね。
画面内で、何度も繰り返される要素のデザインは揃えてあげるといいかもしれない、というおハナシ。
WordPressでは、デフォルトで用意されている「投稿」や「固定」などに加え、自分オリジナルの投稿タイプが作れます。 記事管理に便利なのはもちろん、入力項目をカスタマイズできる点もありがたいです。
情報過多、かつみんな忙しい現代社会。 コンテンツをただ紹介しただけでは、なかなか目を向けていただけない世の中で、 どうしたらユーザーさんに興味を持ってもらえるかな？というお話。
見出しやリスト要素などにCSSだけで連番を振ることができます。JavaScriptは使いません。
スペース内に要素をキチンと「収めない」デザインのお話。
CSSの擬似要素、::beforeと::afterに関して、用法と利用事例のサンプルをご紹介。
Webサイト内で同じ情報が反復されるときには、そのデザインも統一してあげるとわかりやすくなります。
