- HOME >
- じゅんぺい
じゅんぺい
37歳からWeb制作とブログ開始|39歳でタイ・バンコクに移住|フリーランス12年目|ブログ490記事→月間最高15万PV|ブログ最高月収28万円|コンテンツ販売→累計売上1,200万円&1,500部超え|Twitterフォロワー7,200人以上
Web制作が独学では厳しいと感じたらプログラミングスクールなどを検討すると思いますが、今回は営業支援コミュニティ『コードスルー』の代表にインタビューして徹底解剖していきます。稼ぐためにはスキルだけでなく営業が必須なので、苦手な人は必見です。
Wantedlyを使ったことはありますか?今回はWeb制作案件をWantedlyとコミュニティを活用して獲得し続け、今では営業0で会社員時代の1.5〜5倍の売り上げを達成しているママさんにインタビューしました。営業が苦手な人の参考になると思います。
Ubersuggestは最安の買い切りでも29,999円しますが、料金表には載っていない9,999円の買い切りプランを購入する方法をご紹介します。機能面では料金表に載っているプランより劣りますが、必要十分であればお得な裏技となります。
Webディレクターの仕事内容や必要なスキル、よくある失敗やトラブルの対象方法など、業界歴9年のベテランにインタビューして解説して頂きました。Webディレクターがいないとどうなるか、Webディレクターになるにはどうしたらいいかなども書いています。
パスワードマネージャーの1PasswordからBitwardenにデータを移行する方法を解説します。
今回は20年1つの会社に勤務して38歳でWeb制作フリーランスになった方にインタビューしました。2人の子供と20年のローンが残っている中での独立に至った理由・過程・現在について詳しく解説して頂きました。40代前後、アラフォー世代に刺さる内容かと思います。
HTMLとCSSだけで作るドロップダウンメニューを4種類のサンプル付きで解説。コードをコピペすれば簡単に実装できます。実務でもよく使うと思うので、しっかりできるようになっておきましょう。
slickでスクロールして画面内に入ったらスライダーを開始する方法について解説しています。サンプルとコードを載せているので、コピペで使えます。スライダーが画面の領域内に入るまでは自動再生をさせないことはあると思うので覚えておくと便利です。
Swiperでスクロールして画面内に入ったらスライダーを開始する方法について解説しています。サンプルとコードを載せているので、コピペで使えます。スライダーが画面の領域内に入るまでは自動再生をさせないことはあると思うので覚えておくと便利です。
jQueryのtoggleClass()メソッドを使ってクラスの付け外しをする方法をサンプルを使って解説します。on("click")だけでは出来ない再クリックで元に戻す実装ができるようになります。
jQueryのクリックイベントについて、click()とon("click")の違いやよく使うクリックイベントをサンプル付きで解説しています。
GSAPでクリックやマウスカーソルのホバーでアニメーションを開始させる方法をサンプル付きで解説。他の記事ではスクロールして画面内に入ったらアニメーション開始させる方法も解説しているので、使い分けができるようになると役に立ちます。
GSAPのプラグインScrollTrigerを使い、toggleClassメソッドでクラスの付け外しをする方法を解説します。スクロールをして指定した場所に到達したらクラスの付け外しをするサンプルのアニメーション付きです。
GSAPを使ったテキストアニメーションで一文字ずつフェードインさせる方法を14種類のサンプル付きでご紹介します。組み合わせは大量にあって全部は紹介しきれないので、ぜひ試してみて下さい。
GSAPのmatchMedia機能を使ったレスポンシブ対応の解説をしています。パソコンとスマホの表示切り替えによるアニメーションのサンプルもあります。コピペで簡単に実装できるので、ぜひ試してみて下さい。
GSAPとプラグインScrollTriggerを使って横スクロールさせる方法をサンプルで解説します。全画面で横スクロール、スクロールを途中で止めたら残りは自動でスクロール、スクロール途中で横スクロールの3種類を解説します。
GSAPを使ったパララックスの実装をサンプルを使って解説します。視差効果という意味のパララックスを実装する方法は色々あり、当ブログでも複数解説しているので、使い分け出来るようになれると便利かと思います。
GSAPを使ってスクロールでふわっとフェードインさせる方法をアニメーションのサンプルで解説します。下から上にフェードインだけでなく、拡大しながらや横からなどいろんなパターンもご紹介しています。
GSAPで時間差で順番にアニメーションさせるプロパティStaggerの使い方をサンプルを使って解説しています。放射線状や無限リピートで繰り返したり、アニメーションを開始する位置を変えたりカスタマイズする方法も解説します。
GSAPのプラグインScrollTriggerの使い方と、スクロールアニメーションのサンプルをご紹介します。スクロールして指定した位置を過ぎるとアニメーションが発火したり、スクロールを戻すとアニメーションも戻ったりさせることも可能です。