愛知県30歳のフリーランスエンジニア。 サイト制作とブログで生き抜く。 ブログでは、月10〜15万ほど稼いでいます。 SEO検定2級保有。

プログラミング

【Web制作に必須】Chromeデベロッパーツールの使い方

イケゾーこの記事は、こんな人におすすめ! ・Webページ作成の表示確認をしたい ・Chromeのデベロッパーツールってなに?便利なの? ・レスポンシブデザインが完成しているか確認したい ・スマホでの表示をPCで確認したい このような疑問にお答えします。 本記事の内容 Chromeのデベロッパーツールの使い方 PC、タブレット、スマホでの表示を確認したい Web制作をするとき、ページの表示確認にデベロッパーツールを使用します。 スマホやPCでの表示を確認できるので、レスポンシブ対応に便利です。また、HTML ...

CSS

レスポンシブデザインで便利なCSS[メディアクエリ・Flexbox・CSS Grid]

イケゾーこの記事は、こんな人におすすめ! ・レスポンシブWebデザインってなに? ・レスポンシブデザインのためのCSSを学習したい このような疑問にお答えします。 本記事の内容 レスポンシブデザインとは レスポンシブデザインで使うCSSを紹介 レスポンシブデザインを実現するためのCSSを紹介します。>>レスポンシブデザインとは 今回紹介するのは、メディアクエリ・Flexbox・CSS Gridです。FlexboxとCSS Gridは、新しめの技術なので、押さえておきましょう。 それでは、どうぞ ...

SEO ブログ運営

【SEO検定4級】合格するための勉強法は、問題集を10時間やるだけ

イケゾーこの記事は、こんな人におすすめ! ・SEO検定ってなんなの? ・SEO検定って簡単?どのくらい勉強するの? ・SEO検定4級に合格するための勉強法 このような疑問にお答えします。 本記事の内容 SEO検定は、検索エンジン最適化の技術の資格です SEO検定4級は、問題集を10時間やれば合格する ブログ運営やSEOを勉強していて、SEO検定を受けてみようかなと考えている人もいるでしょう。 私は2020年に受験し、一発合格しました。そこで今回は、一番簡単なSEO検定4級の勉強方法について解説します。 そ ...

プログラミング

【最初に読む記事】レスポンシブデザインとは何か。なぜ主流になったのか

イケゾーこの記事は、こんな人におすすめ! ・レスポンシブデザインとは何か知りたい ・これからWEB制作の勉強をする人 このような疑問にお答えします。 本記事の内容 レスポンシブデザインとは何か レスポンシブデザインが主流となった背景 Web制作を学習していて、レスポンシブデザインという言葉を初めて知った方も多いかと思います。 そこで今回は、初心者向けに基本を解説します。レスポンシブデザインが流行った背景も解説していきます。 それでは、どうぞ! レスポンシブデザインとは 現在のWebページは、レスポンシブデ ...

ブログ運営

【WordPressの画像圧縮】サイトのページ表示速度を改善する方法

イケゾーこの記事は、こんな人におすすめ! ・WordPressサイトのページ表示速度を改善したい ・簡単にページ表示速度を上げたい ・今まで画像圧縮をしたことがない このような疑問にお答えします。 本記事の内容 画像圧縮するメリットとは 画像圧縮するプラグイン「EWWW Image OPtimaizer」の使い方 ある程度サイト運営を続けてきて、ページ表示速度を改善したいと考えるようになった方へ。 今回は、画像圧縮の効果と方法について解説していきます。これまでのアップロードしてきた画像も、一括で圧縮できま ...

WordPress ブログ運営

GoogleフォームをWordPressブログの問い合わせに使う方法(プラグインは使わない)

イケゾーこの記事は、こんな人におすすめ! ・WordPressブログにGoogleフォームを使いたい ・Contact Form7以外でお問い合わせフォームを作りたい ・プラグインを使わずお問い合わせフォームを設置したい ・サイト速度を上げたい このような疑問にお答えします。 本記事の内容 WordPressブログには、Googleフォームがおすすめ スプレッドシートで履歴を管理できる プラグイン「Contact Form7」から乗り換えれば、サイト速度改善 ブログにお問い合わせフォームを設定している方は ...

プログラミング

Webコーディング納品前のチェックリスト16

イケゾーこの記事は、こんな人におすすめ! ・コーディング初心者 ・高品質なコーディングをしたい ・納品前のコーディングのチェックリストを知りたい このような疑問にお答えします。 本記事の内容 コーディング納品前のチェックリスト チェックの方法 Webコーディング納品前のチェックリストを作成しました。 私はこれまで、頭の中にあるリストで、チェックをやってきました。しかし、コーディングを外注することが増えてきて、コーディングの品質もバラバラになってしまいました。 品質を一定にしたいなと考え、チェックリストを作 ...

フリーランス プログラミング

【案件が決まらないフリーランス】クラウドソーシングで一度発注側になってみよう

イケゾーこの記事は、こんな人におすすめ! ・クラウドソーシングで案件が取れない ・クラウドソーシングで仕事をとれるようになりたい このような疑問にお答えします。 本記事の内容 自分が発注側になる経験をすると、案件獲得のポイントがわかる 発注側に「この人なら大丈そう」と思わせると受注できる クラウドソーシングは競争率が高く、仕事獲得は簡単ではありません。 私も最初は苦労しましたが、一度発注側になってみるとポイントがわかります。 Weサイト制作の受注も外注も経験しているわたしが、案件獲得のポイントをお教えしま ...

WordPress

AFFINGERを使っているとブロックエディタ(Gutenberg)へ移行する気がなくなる話

イケゾーこの記事は、こんな人におすすめ! ・いつブロックエディタに移行しようかなあ ・AFFINGERのクラシックエディタから離れられない このような疑問にお答えします。 本記事の内容 次の記事からブロックエディタを使おう リライト時にレイアウト直しの手間が発生 私は、この記事で初めてブロックエディタ(Gutenberg)を使用しています。すでにWeb制作の仕事では使っていましたが、自分のブログではクラシックエディタを使い続けいていました。 AFFINGERユーザーの方は、クラシックエディタの使いやすさに ...

CSS

【CSS】おしゃれな背景模様のテンプレート作成方法|サンプルコード有り

  イケゾーこの記事は、こんな人におすすめ! ・Web制作で使える背景画像が欲しい ・CSSだけで背景を作りたい ・CSSでおしゃれな模様って作れるの?   このような疑問にお答えします。   本記事の内容 CSSだけで背景模様を作る方法を解説 コピペで使えるサンプルコードを公開     Webページ作成で、背景や模様には画像を使用することが多いですが、思い通りの画像ってなかなか見つかりませんよね。 自分好みのデザインを作ってみませんか? 実はCSSだけで ...