じゅんぺい

37歳からWeb制作とブログ開始|39歳でタイ・バンコクに移住|フリーランス12年目|ブログ490記事→月間最高15万PV|ブログ最高月収28万円|コンテンツ販売→累計売上1,200万円&1,500部超え|Twitterフォロワー7,200人以上

【画像生成AI】Midjourneyの始め方と使い方を画像を使って丁寧に解説!

2024/3/1

【画像生成AI】Midjourneyの始め方と使い方を画像を使って丁寧に解説!

画像生成AI『Midjourney』の始め方・使い方・設定方法や画像生成方法について、画像を使って丁寧に解説しています。

エンジニアスタイルの評判・口コミ・注意点を徹底解説【案件を一括検索!】

2024/3/1

エンジニアスタイルの評判・口コミ・注意点を徹底解説【案件を一括検索!】

複数のフリーランスエージェントが保有する案件を一括検索できるサービス『エンジニアスタイル』について解説します。案件数は20万件を超え、複数の条件から検索できるので希望する条件にマッチした案件を探しやすいと思います。

2024/3/1

HiPro Techの評判・口コミ・注意点を徹底解説【IT・テクノロジー領域特化型!】

エンジニアが案件獲得に利用するフリーランスエージェント、今回はIT・テクノロジー領域特化型のHiPro Techを解説します。リモート案件が豊富で週3日からの案件もあるので、多様な働き方に対応しています。

ブログ初心者の9割が挫折するその原因と継続のコツを徹底解説!

2024/3/1

ブログ初心者の9割が挫折するその原因と継続のコツを徹底解説!

ブログの挫折率は9割以上と言われています。今回はその原因と継続するためのコツについて解説していきます。ブログはまず続けることが出来ないと話にならないので、本気でやろうと思っている人はしっかり読んで下さい。

40代からWeb制作を始めて副業で月収40万円達成したクラウドソーシング営業術

2024/3/1

40代からWeb制作を始めて副業で月収40万円達成したクラウドソーシング営業術

『40代からWeb制作始めるのは遅くないか?』と思う方いませんか?今回は40代から勉強を始めて、副業で月収40万円を達成した方にインタビューしました。コミュニティに参加して学んだクラウドソーシング営業術もご紹介しています。

【CSS】画像(imgタグ)の下に余白が出来る原因と消す方法

2024/3/1

【CSS】画像(imgタグ)の下に余白が出来る原因と消す方法

画像(imgタグ)の下に謎の余白が出来ることがありますが、今回はその原因と消す方法について解説します。消す方法はいくつかありますが、初心者あるあるなのでぜひ覚えておきましょう。

CSSで右側に謎の余白が出来た時の原因究明と対処方法【横スクロール問題】

2024/3/1

CSSで右側に謎の余白が出来た時の原因究明と対処方法【横スクロール問題】

画面の右側に謎の余白が出来て横スクロールが発生してしまう時があります。今回はその原因究明と対処方法について解説します。初心者によくあるので、しっかり確認して余白は削除しましょう。

Luxy.jsでパララックスと慣性スクロールを実装する方法【JavaScriptのプラグイン】

2024/3/1

Luxy.jsでパララックスと慣性スクロールを実装する方法【JavaScriptのプラグイン】

JavaScriptのプラグイン『Luxy.js』でパララックスと慣性スクロールを実装する方法を解説します。実務でもたまに要求されることがあるので、覚えておくと便利かと思います。

PHP工房の使い方とカスタマイズ方法【静的サイトのお問い合わせフォーム】

2024/3/1

PHP工房の使い方とカスタマイズ方法【静的サイトのお問い合わせフォーム】

今回は静的サイトでのお問い合わせフォームを簡単に作れるPHP工房の使い方とカスタマイズ方法を解説します。確認画面やサンクスページも作れて無料なのでおすすめです。またPHPが分からなくても大丈夫なので、HTMLとCSSが分かればカスタマイズ可能です。

フルタイム仕事のママが副業からWeb制作フリーランスになった体験談

2024/3/1

フルタイム仕事のママが副業からWeb制作フリーランスになった体験談

フルタイム仕事と2人の子育てをしながら副業からWeb制作フリーランスになったママの体験談をインタビューしました。時間が無い中での働き方などは参考になると思うので、子供との時間を増やしたい人は必見です。

クラウドソーシングで初心者が案件獲得するコツ【受注率UP!】

2024/3/1

クラウドソーシングで初心者が案件獲得するコツ【受注率UP!】

クラウドソーシングで初心者が案件を獲得するコツを、クラウドワークスのプロクラウドワーカーの方にインタビューしてまとめました。これを読めばライバルと大きく差別化できると思うので、参考にしてみて下さい。

ココナラ攻略!待ちの営業で案件を自動獲得して信頼される方法

2024/3/1

ココナラ攻略!待ちの営業で案件を自動獲得して信頼される方法

今回はWeb制作で『待ちの営業』を活かして案件獲得を自動化している方にインタビューしました。ココナラでの営業ノウハウや信頼される案件対応のコツも解説しています。営業が苦手な人や疲弊している人、営業する時間を減らしたいは必見です。

Luminousで画像をポップアップで拡大する方法【Lightbox系プラグイン】

2024/3/1

Luminousで画像をポップアップで拡大する方法【Lightbox系プラグイン】

Lightbox系プラグインLuminousを使った画像をポップアップで拡大表示させる方法を解説します。jQuery非依存で軽量、コードも簡単なのでコピペですぐ実装できると思います。

CSSでテキストの最初の一文字を大きくする方法【::first-letterの使い方】

2024/3/1

CSSでテキストの最初の一文字を大きくする方法【::first-letterの使い方】

CSSの擬似要素、first-letterを使って最初の一文字を大きくする方法を解説します。文字を大きくするだけでなく、色や太さを変えたり、floatを使って一文字目にテキストを回り込ませる事も可能です。

CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法

2024/3/1

CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法

CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法を解説します。padding-topを使うという従来のやり方もありますが、aspect-ratioの方がコードも少なく簡単に書けます。

CSSでアルファベット(英語)を大文字・小文字表示にする方法

2024/3/1

CSSでアルファベット(英語)を大文字・小文字表示にする方法

アルファベット(英語)をHTMLで全て大文字で書くと音声読み上げソフトで正しく発音されないので、CSSで大文字にする方法を解説します。これが出来るとアクセシビリティを考慮した書き方ができます。

CSSでダウンロードしたWebフォントを使う方法【@font-faceの書き方】

2024/3/1

CSSでダウンロードしたWebフォントを使う方法【@font-faceの書き方】

ダウンロードしたフリーのWebフォントの使い方、@font-faceの書き方を解説します。拡張子やformatなど通常のフォントのスタイルでは書かない記述もあります。複数の太さやstyleなどのして方法も解説しています。

CSSでborder(線)をグラデーションにする方法【サンプル付き】

2024/3/3

CSSでborder(線)をグラデーションにする方法【サンプル付き】

border(線)をグラデーションにする方法を解説します。上下左右、円形、3色以上、一部、一周など色んな実装をサンプル付きでご紹介します。

CSSでborder(線)の両端を徐々に透過させる方法【サンプル付き】

2024/3/1

CSSでborder(線)の両端を徐々に透過させる方法【サンプル付き】

タイトルの両端に線を引くデザインがありますが、この線の両端を徐々に薄く透過させる方法と、タイトルの上下に一本の線を引きその線の両端を透過させる方法も解説。どちらもbackground-image: linear-gradient();を使います。

CSSのdvhでスマホの高さ100%にする方法【アドレスバー問題解決】

2024/3/1

CSSのdvhでスマホの高さ100%にする方法【アドレスバー問題解決】

高さいっぱいに表示したい場合、100vhにすればパソコンでは良くてもスマホだと問題があります。今まではJavaScriptを使う方法が主流でしたが、今はdvhという便利な単位が使えるようになったので、どのように見えるのか含めて解説します。