chevron_left

メインカテゴリーを選択しなおす

cancel
arrow_drop_down
  • 【難易度別】月10万円以上を目指せる副業

    計算上は副業で月10万円以上を得ることは決して難しくはありません。 時間の切り売りではなくスキルを提供するような仕事を選ぶと、収入アップや副業時間の短縮など、副業の負担が少しずつラクになってきます。

  • 「Webデザイナーになってよかった」と今は思える

    Webデザイナーを辞めようと思ったことは何度もあります。 結局勇気がなくて辞められなかったのですが、結果として今のような自由な働き方を実現できました。

  • パソコンを使ったおすすめ副業9選

    パソコンを利用した副業はたくさんあります。 始めやすさ重視なら「パソコン+ノースキル」の副業がおすすめですが、将来的に収入アップしたい、副業時間を減らしていきたいという場合には「パソコン+スキル」の副業が最適です。 準備期間が必要な要スキルの副業は、収益を出すまでに多少時間がかかる分、将来的に大きな報酬増が期待できます。

  • 年収1000万のWebデザイナー

    年収1000万のWebデザイナーの共通項は「年収1000万分の価値が提供できる」ことです。 また、スキルと収入が直結しやすいという意味では、会社員よりフリーランスの方が年収1000万円を目指しやすいです。

  • Webデザインスクールが無駄になる人・ならない人

    Webデザインはスクールに通わずとも学習できます。 さらにスクールに通っても、必ずWebデザイナーになれるわけではありません。 ただ、Webデザインスクールを利用する事で、Webデザイナーになれる確率が上がることは確かです。

  • JavaScriptが必要なWebデザイナー

    Webデザインにおいて、JavaScriptは必須スキルではありません。 ただJavaScriptが使えるWebデザイナーは表現の幅が広がり市場価値も高くなるので、経験者・フリーランスは身につけておきたい言語です。

  • 月1万円稼げる副業おすすめ11選

    費やせる時間にもよりますが、副業で月1万円を稼ぐことはそれほど難しくないです。 簡単だからこそ選択肢も広いので、自分が興味を持てる仕事で楽しく働ける副業を選ぶ事ができます。

  • フリーランスWebデザイナーの仕事内容

    クライアントのパートナーとして率先してプロジェクトを進めていくのが、フリーランスWebデザイナーの仕事内容の特徴です。 それには豊富な実務経験が必要になるので、企業に属してある程度経験を積んでから独立するのが最適です。 フリーランスWebデザイナーとして信用を得れば収入も安定し、案件の選択肢も広がります。

  • ノーコード時代に生き残るWebデザイナーの条件

    ノーコードを利用すれば、Webデザインの制作技術がない人でもある程度のWebサイトを制作する事ができます。 便利ですが、ノーコードの普及によって簡易的なWebデザイン案件は減少していく可能性があります。 ノーコードでは作れない、難易度の高い案件に対応できるスキルを持ったWebデザイナーであれば、今後も活躍の場はたくさんあるはずです。

  • WebデザイナーとWebマーケターの違い

    Webデザイナーと、Webサイトの目標達成のための戦略を考えるWebマーケターは、どちらもプロジェクトを成功に導くために欠かせない技術です。 どちらも全く異なる職業ですが、例えば2つのスキルを兼ね備えた「Webマーケティングを理解しているWebデザイナー」になる事で、より市場価値の高い人材になる事もできます。

  • 独学でフリーランスのWebデザイナーになる

    独学でフリーランスWebデザイナーになる手順を紹介します。 学習時、およびフリーランスになってからの挫折ポイントと対策、独学からスクール学習へ切り替える見極め期についても触れています。

  • Webデザインを1ヶ月学んでできる仕事

    Webデザイナーとして独り立ちするスキルを1ヶ月で身につける事は難しいですが、学習開始1ヶ月目でできる副業はあります。また、必要スキル習得後、1ヶ月以内で就職することも可能です。 Webデザイナーの募集は常にあります。焦らずに学習していけば大丈夫です。

  • 土日に学べるWebデザインスクール3選

    土日が有効に使える受講形式かどうか、自分に合ったカリキュラムが提供されているか、キャリアサポートが付帯しているかを確認するのが、失敗のないスクール選びのコツです。

  • Webデザイナーで叶えたワークライフバランス

    自宅でリラックスしてお仕事。自分が好きな案件を渡り歩く。 コツさえ掴んでしまえば、Webデザイナーはワークライフバランスを実現しやすい職業です。 自分の中に稼ぐ力があれば、仕事内容や環境は自由に選ぶ事ができます。

  • Illustratorだけでできる副業10個

    操作さえ覚えれば未経験でも始められるのがIllustratorの副業です。 自宅で好きな時間に作業できるので、通勤時間や服装を気にする必要もありません。 デザインスキル次第では数十万円の案件に挑戦したり、本業のWebデザイナーやグラフィックデザイナーへのキャリアチェンジも可能です。

  • Webデザイナーなんて誰にでもなれる

    Webデザインは誰にでも挑戦できる開かれたキャリアです。 私でもなれたんだから、誰にでもなれます。 だけど、なるまでにどのくらいの時間がかかるかは本人次第。

  • 無料体験ができるWebデザインスクール3選

    そのスクールは自分に合っているのか、受講前に確認できる貴重な機会が無料体験です。 実際に制作作業を体験する事で、Webデザインと自分との相性も知る事ができます。 体験後には各種質問・相談ができるので、気になる事は何でも聞いて後悔のないスクール選びを。

  • マーケティングが学べるWebデザインスクール3選

    Webマーケティングは、プロジェクトの周知や売り上げに直結するスキルです。 Webサイトに訪問してくれたお客様をもてなすのがWebデザインだとしたら、お客様を連れてくる事ができるのがWebマーケティング。 両スキルを兼ね備えた希少価値の高いWebデザイナーになれば、プロジェクトの成功に欠かせない人物になります。

  • 独学でUI/UXデザイナーになる

    UI/UXデザインとデザインツールの操作知識を身につけ、作品制作を行ってから就活を始めるのが独学でUI/UXデザイナーになる方法です。 自分では良し悪しを判断しにくいUI/UXデザインでは、作品を第三者に見てもらって感想をもらう事が大切です。

  • Adobe XDが学べるおすすめスクール講座3選

    UI/UXデザインの需要増加に伴い、Adobe XDを使う案件が増えています。 新しいツールを覚えるのは面倒ですが、仕事の幅が広がるので勉強する価値は十分にあります。

  • 未経験だからこそUI/UXデザイナーになれる

    需要が増えつつある中、まだ人口が少ないのがUI/UXデザイナー。 ユーザー視点でデザインを考えるという意味では、未経験者の方が適性があるという考え方もあります。 キャリアチェンジしやすいのは今のうちかもしれません。

  • UI/UXデザインの勉強方法

    UI/UXデザイナーに必要なのは、1.ユーザーを理解し、2.その気持ちに応えられるデザインを考案して、3.それを実際に制作するスキルです。 手探りかつ見当違いになりがちなUI/UXデザインの勉強は、方法を誤ると全く成果が出ない事もあり得るので要注意です。

  • Illustratorを学ぶスクール講座のおすすめ3選

    Illustratorは、グラフィックデザイン(名刺やフライヤーなどの印刷物)やWebデザインでよく利用されているデザインツールです。 操作だけでなく仕事として通用するデザインスキルも身につけるには、スクールで学ぶのが最適です。

  • UI/UXデザイナーの年収

    UI/UXデザイナーの年収は高め傾向です。 よく比較されやすいWebデザイナーよりも高額ですが、その背景にはそれなりのスキルや結果も求められるという事情もありそうです。

  • UI/UXデザイナーに向いている人

    「好きこそ物の上手なれ」の通り、興味があるという時点でUI/UXデザイナーへの適性は十分ですが、特に「論理的・効率的・客観的」といったキーワードに惹かれる人はUI/UXデザイナーに向いています。 適性を活かすにはスキルを身につけ、それを十分にアピールする準備も必要です。

  • UI/UXデザイナーの将来性

    デジタルコンテンツへの関心に伴い、UI/UXデザイナーへの注目が高まっています。 Webデザインの案件数やデザイナー人口に比べるとまだまだですが、今後大いに需要が増えていくはずです。

  • UI/UXデザイナーとWebデザイナーの違い

    UI/UXデザイナーとWebデザイナーは、どちらもWebサイトやアプリをデザインする仕事ですが、使いやすさなどロジカルな切り口で制作を行うのがUI/UXデザイナーと、コンセプトや世界観の表現も求められるWebデザイナーでは、デザインの向き合い方が違います。 それに伴って、必要なスキルや収入も少しずつ異なります。

  • UI/UXデザイナーとWebデザイナーの違い

    UI/UXデザイナーとWebデザイナーは、どちらもWebサイトやアプリをデザインする仕事ですが、使いやすさなどロジカルな切り口で制作を行うのがUI/UXデザイナーと、コンセプトや世界観の表現も求められるWebデザイナーでは、デザインの向き合い方が違います。 それに伴って、必要なスキルや収入も少しずつ異なります。

  • UI/UXデザイナーに必要なスキル

    Webサイトなどの使用感を考えるUI/UXデザイナーに必要なスキルを抽象的に表現するなら、人の気持ちを読み取る力、行動を先読みする力です。 どちらもUI/UXデザインの学習を通じて身につける事ができますが、人間への興味、共感力がある人は誰でもUI/UXデザイナーとして適性があります。

  • UI/UXデザイナーの仕事内容

    Webサイトやアプリの使用感を考えるUI/UXデザインが人気です。 売上や会員登録数のアップなど、クライアントの目的にわかりやすく貢献できるので、需要も多く、一般のWebデザイナーより収入も高め傾向にあるようです。

  • UI/UXデザインを学ぶおすすめスクール講座3選

    UI/UXデザインに力を入れる企業が増えているのに伴い、UI/UXデザイナーの需要が高まっています。 既にWebデザインの知識を持っている方はUI/UXデザインに特化した講座を、これから業界へのキャリアチェンジする方は「Webデザイン+UI/UXデザイン」の講座を選ぶと効率よくスキルを身につける事ができます。

  • UI/UXデザインを学ぶおすすめスクール講座3選

    UI/UXデザインに力を入れる企業が増えているのに伴い、UI/UXデザイナーの需要が高まっています。 既にWebデザインの知識を持っている方はUI/UXデザインに特化した講座を、これから業界へのキャリアチェンジする方は「Webデザイン+UI/UXデザイン」の講座を選ぶと効率よくスキルを身につける事ができます。

  • Photoshopを学べるスクールおすすめ講座3選

    Photoshopをマスターすると、バナーやフライヤー、Webサイトなどがデザインできるようになります。 操作自体はそれほど難しくないので独学でも学習できますが、仕事にするのであればデザインのスキルも身につけられ、就職・案件サポートもついているスクールを利用するのが確実です。

  • 未経験から始めるバナー制作の副業

    バナー制作の副業は、制作用ツールのスキルとデザインに関する一通りの知識を身につければ、年齢や性別、居住地にに関係なく誰でも始める事ができます。 好きな時に自宅でできるので、通勤の必要もありません。

  • Photoshopだけでできる副業8選

    バナーやLP(ランディングページ)などを制作するPhotoshopの副業は、操作さえ覚えれば未経験でも始める事ができます。 自宅で好きな時間に作業できるので、通勤時間や服装を気にする必要もありません。 高いデザインスキルを身につけることで、数十万円の案件にチャレンジすることも可能です。 また、副業を通じて腕を磨く事で、Webデザイナーやグラフィックデザイナーへキャリアチェンジすることも可能です。

  • Webデザイナーの自由で楽しい人生

    いつ・どこで・誰と・どのように働くか。 十分なスキルさえ身につけてしまえば、全て自分で選ぶ事ができるのがWebデザイナーの魅力です。 自由度の高いWebデザイナーは楽しい職業ですが、とにかく全てが自分の腕次第。 今後は未経験者を歓迎する仕事が減少する可能性もありますので、目指すなら早いほうがいいでしょう。

  • 半年でWebデザイナーになれる

    Webデザイナーへのキャリアチェンジにあたって、半年というのは十分実現可能なタイムスパンです。 ・学習期間4ヶ月+就活2ヶ月 ・学習期間6ヶ月+最後の2ヶ月で学習と並行して就活 がスケジュール目安になりますが、独学の場合は学習期間がもう少し長引く可能性があります。 半年後のキャリアチェンジを本気で叶えるなら、手堅くスクールを利用するべきです。

  • Figmaが学べるWebデザインのおすすめスクール

    UI/UXデザイン案件で特に需要の多いFigmaを学べるスクールを厳選しました。 制作の現場ではFigmaのシェアがどんどん増えています。自信を持って操作できるようになる事で仕事の幅が一気に広がります。 Webデザインのスキルを既に持っていて「Figmaだけを学びたい」「UI/UXデザイナーにチャレンジしたい」という方向けのコースも紹介しています。

  • リスキリング補助金対象のWebデザインスクールおすすめ3講座

    経済産業省による「リスキリングを通じたキャリアアップ支援事業」認定のスクールでWebデザインを学ぶと、手厚い転職支援に加え、受講料が上限56万円まで戻ってきます。 満額で支援を受けるには、対象のスクールを選ぶ事はもちろん、諸条件があります。

  • Webデザイナーが増えすぎて飽和状態

    性別や年齢を問われず、パソコン一つで始められるWebデザイナーは誰でも目指しやすい職業です。 そのため、Webデザイナーが多すぎて飽和状態にあるのではないかと言われていますが、その一方で、にわかWebデザイナーも増えているのでは、という見方もできます。 本物の価値を提供できるWebデザイナーであれば、今後も安泰でしょう。

  • Webデザイナーの仕事はなくなるから、もういらない

    Webデザイナーの仕事がなくなると言われています。 Webデザイナーはもういらないと言われています。 一方で、Webデザイナーの仕事がゼロになる事はありえません。 今後淘汰が始まっても、付加価値を持つWebデザイナーは引き続き活躍できるはずです。

  • Webデザイナーに向いている人・向いていない人

    ・デザインを考える事が好き ・スケジュール管理能力がある ・柔軟性を持っている このような人はWebデザイナーに向いています。 あれ、それでは自分には向いていないようだと思った方も大丈夫。 こうした能力は経験を積めば習得できるので、誰でも「Webデザイナーに向いている人」になる事ができます。

  • 【無料×独学の注意点も】初心者がLP制作を勉強する方法

    副業でも本業でも可能。好きな時間、場所で作業できる。 働き方の自由度が高いLP制作を無料かつ独学で勉強する際に大切なのは、挫折・迷走を回避する事。 過不足なくスキルを身に付け、案件獲得の準備を正しく進める事がポイントです。

  • 【1件10万円〜】初心者にもおすすめ副業のLP制作

    安定・確実・自由と魅力たっぷりの副業。 それがLP制作(ランディングページのデザイン)です。 年齢や性別、資格も問われず、好きな時に好きな場所で仕事をする事ができるのも利点です。

  • 【LP制作のスキル3つ】初心者でも確実に案件を獲得するコツ

    1案件の相場目安は10万円〜。 年齢や性別、資格も問われず、好きな時に好きな場所でお仕事可能。 そんな自由度の高いLP制作ですが、必要なスキルを身につけて正しいステップを踏んで挑まなければ、いつまで経っても最初のお仕事が見つかりません。

  • 【CSS擬似クラスの:has()】つまり、子から親を探せるというコトです

    「div > p」などのように、親から子を特性するセレクタ用法は有名ですが、擬似クラスの:has()を使うと、その逆もできるんです。

  • 通学可能なWebデザインスクールのおすすめ3選

    ・スクール拠点が多く通いやすい「ヒューマンアカデミー」 ・産学協同の実践的なカリキュラムで学べる「デジタルハリウッドSTUDIO by LIG」 ・IT系コースが充実しており、給付金対象コースが多い「インターネット・アカデミー」 を比較紹介します。 「直接かつ個人的に講師に質問できて、その場ですぐに回答がもらえる」 これがオフライン(通学型)スクールの大きなメリットです。 対面でアドバイスがもらえると安心、という方には通学できる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)の使い方とサンプル

    コンテナクエリ(@container)を使うと、掲載要素のサイズに応じてスタイルシートを切り替えられる事ができます。 「ビューポートのサイズ」ではなく、「要素のサイズ」というところがポイント。

  • 【コスパ最強】リトルサーバーのデメリットはアヤしい事だけ 評判・口コミ

    リトルサーバーは月額165円〜、年間1,980円〜と格安で利用できるサーバーです。 高速で、WordPressやSSLも使えて、データのバックアップも随時取ってくれます。 評判と口コミ…というか、実際に使ってみた感想と速度テストの結果を紹介します。

  • 【テックアカデミー(TechAcademy)】Webデザインのコースはどれがおすすめ?

    基礎スキルの習得用、ポートフォリオ準備用、フリーランスデビュー用等、多種多様なコースが用意されているテックアカデミー(TechAcademy)。 副業や転職等、多彩な案件紹介があるのも大きな強みです。 自分に必要なコースはどれなのか、正しい見極めを。

  • 【図解】CSSのvhとsvhとlvhとdvhは何が違う?(100vhを指定してもスマホでははみ出る問題も解決)

    vhとsvhとlvhとdvhと…このあたりを整理してご紹介。 vh、vwだけだと思ってたら、いつの間にか仲間が増えてましたね。 また、100vhを指定してもスマホではジャストサイズにならなかった問題も解決できるようになりました。

  • その記事、どっちで書いたの?【ビッグキーワードとスモールキーワード】

    SEOのお話で必ず登場するのが「検索キーワード」。 うち、日々たくさん検索されているモノをビッグキーワード、そうでないモノをスモールキーワードと呼びます。 サイト&ブログを伸ばすのに有効なのはどちらのキーワードでしょう? それぞれの特徴や調べ方をご紹介します。 だけど何より大切なのは、検索キーワードに振り回されずに自分らしくサイトを育てる事、ですけどね。

  • 同じ役目を持つ要素のデザインは揃える

    画面内で、何度も繰り返される要素のデザインは揃えてあげるといいかもしれない、というおハナシ。

  • 【WordPress】カスタム投稿タイプの作り方

    WordPressでは、デフォルトで用意されている「投稿」や「固定」などに加え、自分オリジナルの投稿タイプが作れます。 記事管理に便利なのはもちろん、入力項目をカスタマイズできる点もありがたいです。

  • 人は、自分にメリットがないものにはアクセスしない

    情報過多、かつみんな忙しい現代社会。 コンテンツをただ紹介しただけでは、なかなか目を向けていただけない世の中で、 どうしたらユーザーさんに興味を持ってもらえるかな?というお話。

  • 【JavaScript不要】CSSだけで連番を振る方法

    見出しやリスト要素などにCSSだけで連番を振ることができます。JavaScriptは使いません。

  • これでは誰も「Sweets」タブに気づかない

    スペース内に要素をキチンと「収めない」デザインのお話。

  • 【CSS擬似要素】::beforeと::afterの使い方とサンプル

    CSSの擬似要素、::beforeと::afterに関して、用法と利用事例のサンプルをご紹介。

  • 同じ情報なら、デザインもお揃いに

    Webサイト内で同じ情報が反復されるときには、そのデザインも統一してあげるとわかりやすくなります。

  • 【自作も可能】WordPressでサイト内検索を実装しよう

    一見難易度の高そうなサイト検索機能ですが、WordPressでは専用のテンプレートタグをペタっと貼り付けるだけでカンタンに設置することができます。 テンプレートタグのしくみがわかれば、オリジナルの検索フォームを自作することも可能です。 検索キーワード、検索ヒット件数の表示方法も合わせてご紹介します。

  • 【画面サイズ・解像度ごとに最適な画像を出し分ける】srcset属性とsizes属性

    同じWebページでも、パソコンで表示された時には解像度の高い画像を、スマホでは小さめの画像を提供したい。<br />といったように、ユーザーの閲覧環境によって最適なサイズの画像を提供できるのがsrcset属性です。 選定した画像の表示サイズは、sizes属性で設定することができます。

  • 【レスポンシブ考】スライダーにする?それとも縦並び?

    PCでは横展開されている要素をスマホではどう表示させるのが最適か、を考えてみます。

  • フォーム要素のスタイリング用CSSまとめ

    チェックボックスやラジオボタンの色設定など、フォーム周りの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だけでもできちゃうんです。

  • 【コピペOK】CSSだけで円グラフが作れます

    SVGやcanvasなどで出力することの多い円グラフ、実はCSSだけでできちゃうって知ってました?

  • HISモバイル「自由自在290プラン」の評判…というより、実際に使ってみた【速度計測結果付き】

    月額290円から使える、HISモバイルの「自由自在290プラン」を使ってみました。 気になる速度計測の結果も紹介します。

  • 【個人向けWordPress仕様】賢いレンタルサーバーの選び方。必要な機能・サービスの見分け方

    WordPressでWebサイトを作って、豊かに引きこもるために必要なサーバーの機能やサービス、スペックはどのくらいなのかまとめておきました。 ブログ等、オリジナルのWebサイトを作ろうとする際、避けて通れないのがレンタルサーバー選び。 たくさんの会社や料金プランがあって迷っちゃいますよね。

  • 「ブログが書けない」を克服する3つのステップ

    ブログで一番大切なのはとにかくコンテンツを作る事。つまり書く事です。そして、おそらくブログで一番大変なのも書く事。私も当初は文章を書くのが大の苦手でしたが、こんな工程を通じて何とか「書きグセ」を身につけることができました。

  • 【図解あり】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)では、このインデックス状況を確認し、未インデックスの場合は登録のリクエストを出すことができます。

  • 【コロナ中、意外な方法で合格】半年も落ち続けたAdsense審査に合格するまでの道のり

    タイトルの通り、なかなか受からなかったAdsenseの審査に意外な方法で合格した時の記録です。「必要なページ数は?」「カテゴリー数は?」等、合格までの過程で試したコトも全てまとめています。審査がなかなか通らない方、ぜひご参考に!

  • Core Web Vitalsとは【計測方法や対策、SEOへの影響は?】

    ユーザーエクスペリエンス(UX)の指標としてGoogleが掲げたCore Web Vitals(コアウェブバイタル)。また頭を悩ませるルールが増えた…と思いきや、上手く参考にする事でページの使い勝手を向上させる事ができます。そんなCore Web Vitalsの概要、無料の計測ツールや対策について見ていきます。

  • CSSの単位vw・vhの使い方(ブラウザ幅、画面いっぱいのサイズに表示したい時の注意点も)

    vw・vhは、サイトの表示領域を基準にしたCSSの単位です。これらを使えば一見、ブラウザやスマホ画面にぴったりのサイズを指定でき流と思いきや、なぜか意図せぬ横スクロールが発生したりして、うまく行かないことも!?vw・vhの基本と、画像などの要素を画面いっぱいに表示させる方法をご紹介。

  • WordPressで「前のページへ」「次のページへ」のリンクを作る

    WordPressで、前後のページへのリンクを設置する方法です。<br /> 投稿記事ページとアーカイブ系のページ(カテゴリーページ、タグページなど)で記法がちょびっと変わります。

  • 【プラグインなし】WordPressでページネーション(ページャー)を作る方法

    Googleの検索ページの下にある「< 前へ 1 2 3 4 5 次へ >」みたいなリンク、ページネーション(ページャー)をWordPressに設置する方法をご紹介。カテゴリーページやタグページなど、アーカイブ系のページで役に立ちます。

  • CSSで要素を縦中央に並べる方法3選(画像でもテキストでもどんなサイズでも使えます)

    CSSでは「margin:0 auto」や「text-align:center」等、横中央のレイアウトは結構知られているのですが、縦方向の中央に配置するやり方はあまり聞く機会がないかもしれません。今回はそんな縦中央配置をカンタンに実装できる方法3つをご紹介。コードがシンプルなのはもちろん、画像でもテキストでもOK。要素がどのようなサイズでも行けますよ〜。

  • 【GA4版もUA版も】Googleアナリティクスから自分のアクセスを除外する方法

    Googleアナリティクスのデータから「自分自身によるアクセス」を除外する方法をご紹介します。 2020年にリリースされたGA4(Google Analytics 4)版とUA(ユニバーサルアナリティクス)版で設定方法が異なりますので、ご利用中のバージョンにあった方をご参考くださいね。

  • 【実現は約束されている】未経験→Webデザイナー→自由で豊かな生活を手に入れるためのロードマップ

    デザインや創作が好きな方。 自分のペースで好きな事だけをやりながら、豊かな人生を送ってみたいとは思いませんか? Webデザインならそれが可能です。 ここでは未経験からWebデザインのスキルを身につけ、その技術を活かして自由に働く方法をご紹介します。 また、そもそもWebデザインとは、ネットの知見とデザイン、両方の知識の組み合わせです。 そのスキルを存分に活かして、自分の商品やサービスを作る事もできますよ。

  • 【ブログが正しく育っているか確かめる方法】PVがまだ少なくても、この数値が伸びていれば大丈夫

    わかりやすい結果が出ないとつい心配になってしまうのがブログ運営。 日々記事を追加したりリライトしてるけど、今のやり方で進めていて本当に大丈夫? ムダな事、見当違いの事をしているんじゃないだろうか。 ブログ育成中に起こるこうした不安に回答してくれるのは、ユーザー数でもなくPVでもない、この数値です。

  • 【Adobe XDからZeplinへ書き出し】連携できない場合はここをチェック

    Adobe XDからZeplinへの書き出し(エクスポート)方法を紹介します。 カンタンな作業なんですが、ちょっと準備が抜けてると正しく動作しないので、書き出しできない場合は各工程を改めてチェックしてみてくださいね。

arrow_drop_down

ブログリーダー」を活用して、Renさんをフォローしませんか?

ハンドル名
Renさん
ブログタイトル
レンちゃんとペンタ
フォロー
レンちゃんとペンタ

にほんブログ村 カテゴリー一覧

商用
  翻译: