- HOME >
- じゅんぺい
じゅんぺい
37歳からWeb制作とブログ開始|39歳でタイ・バンコクに移住|フリーランス12年目|ブログ490記事→月間最高15万PV|ブログ最高月収28万円|コンテンツ販売→累計売上1,200万円&1,500部超え|Twitterフォロワー7,200人以上
画像生成AI『Midjourney』の始め方・使い方・設定方法や画像生成方法について、画像を使って丁寧に解説しています。
複数のフリーランスエージェントが保有する案件を一括検索できるサービス『エンジニアスタイル』について解説します。案件数は20万件を超え、複数の条件から検索できるので希望する条件にマッチした案件を探しやすいと思います。
エンジニアが案件獲得に利用するフリーランスエージェント、今回はIT・テクノロジー領域特化型のHiPro Techを解説します。リモート案件が豊富で週3日からの案件もあるので、多様な働き方に対応しています。
ブログの挫折率は9割以上と言われています。今回はその原因と継続するためのコツについて解説していきます。ブログはまず続けることが出来ないと話にならないので、本気でやろうと思っている人はしっかり読んで下さい。
『40代からWeb制作始めるのは遅くないか?』と思う方いませんか?今回は40代から勉強を始めて、副業で月収40万円を達成した方にインタビューしました。コミュニティに参加して学んだクラウドソーシング営業術もご紹介しています。
画像(imgタグ)の下に謎の余白が出来ることがありますが、今回はその原因と消す方法について解説します。消す方法はいくつかありますが、初心者あるあるなのでぜひ覚えておきましょう。
画面の右側に謎の余白が出来て横スクロールが発生してしまう時があります。今回はその原因究明と対処方法について解説します。初心者によくあるので、しっかり確認して余白は削除しましょう。
JavaScriptのプラグイン『Luxy.js』でパララックスと慣性スクロールを実装する方法を解説します。実務でもたまに要求されることがあるので、覚えておくと便利かと思います。
今回は静的サイトでのお問い合わせフォームを簡単に作れるPHP工房の使い方とカスタマイズ方法を解説します。確認画面やサンクスページも作れて無料なのでおすすめです。またPHPが分からなくても大丈夫なので、HTMLとCSSが分かればカスタマイズ可能です。
フルタイム仕事と2人の子育てをしながら副業からWeb制作フリーランスになったママの体験談をインタビューしました。時間が無い中での働き方などは参考になると思うので、子供との時間を増やしたい人は必見です。
クラウドソーシングで初心者が案件を獲得するコツを、クラウドワークスのプロクラウドワーカーの方にインタビューしてまとめました。これを読めばライバルと大きく差別化できると思うので、参考にしてみて下さい。
今回はWeb制作で『待ちの営業』を活かして案件獲得を自動化している方にインタビューしました。ココナラでの営業ノウハウや信頼される案件対応のコツも解説しています。営業が苦手な人や疲弊している人、営業する時間を減らしたいは必見です。
Lightbox系プラグインLuminousを使った画像をポップアップで拡大表示させる方法を解説します。jQuery非依存で軽量、コードも簡単なのでコピペですぐ実装できると思います。
CSSの擬似要素、first-letterを使って最初の一文字を大きくする方法を解説します。文字を大きくするだけでなく、色や太さを変えたり、floatを使って一文字目にテキストを回り込ませる事も可能です。
CSSのaspect-ratioでアスペクト比を固定してレスポンシブを簡単にする方法を解説します。padding-topを使うという従来のやり方もありますが、aspect-ratioの方がコードも少なく簡単に書けます。
アルファベット(英語)をHTMLで全て大文字で書くと音声読み上げソフトで正しく発音されないので、CSSで大文字にする方法を解説します。これが出来るとアクセシビリティを考慮した書き方ができます。
ダウンロードしたフリーのWebフォントの使い方、@font-faceの書き方を解説します。拡張子やformatなど通常のフォントのスタイルでは書かない記述もあります。複数の太さやstyleなどのして方法も解説しています。
border(線)をグラデーションにする方法を解説します。上下左右、円形、3色以上、一部、一周など色んな実装をサンプル付きでご紹介します。
タイトルの両端に線を引くデザインがありますが、この線の両端を徐々に薄く透過させる方法と、タイトルの上下に一本の線を引きその線の両端を透過させる方法も解説。どちらもbackground-image: linear-gradient();を使います。
高さいっぱいに表示したい場合、100vhにすればパソコンでは良くてもスマホだと問題があります。今まではJavaScriptを使う方法が主流でしたが、今はdvhという便利な単位が使えるようになったので、どのように見えるのか含めて解説します。