kokusyo

コーダー歴3年の37歳 キャンプとWEB制作をの融合を推し進めています。現在フロントエンドエンジニアへキャリアアップ中

javascript関数とアロー関数におけるthis

thisを使用した関数呼び出しでエラーになった話【JavaScript】

2024/1/21    , ,

JavaScriptでクラス、メソッドを作成し、いざ実行すると。 「Uncaught TypeError: this.x is not a function at ~ 」とエラーが表示されてしまった。 ...

slidetoggleがカクカクする時の対処法【jQuery】

2024/1/21    ,

transitionが設定されてることが原因 早速答えですが、「transition」が設定されていることが原因です。 カクカクに動くスライドメニューを用意しました。下記のボタンをクリックしてみてくだ ...

z-indexが効かない場合に確認する場所

z-indexが効かない場合はココをチェックしよう!【html】

z-index に 「position」が指定されていない まず確認してもらいたいのがこちらです。z-index が使用できるのは、 position要素の下記が指定されている要素になります。 pos ...

XWRITEを1か月しようした感想

WordPressテーマ「XWRITE」使用した感想まとめ

レンタルサーバー国内シェアNo1のエックスサーバーが開発したワードプレステーマXWRITE。今回は、XWRITEを使用してブログを運営した感想と使い勝手などをまとめたいと思います。 おすすめ XWRI ...

cssを使用してマーカーを引く方法

CSSで蛍光ペンのようなマーカーを引く方法【アニメーション付き】

蛍光ペンでマーカーを引いたような、線。 Webサイトで良く用いられる表現なので、皆さんも何度か見たことあるんじゃないでしょうか? 今回はそんなマーカーの引き方。画面に入った際に、スッと線を引いたような ...

wordpressカスタムフィールドの設定方法を解説

カスタムフィールドを設定するプラグインの使用方法【WordPress】

ワードプレスでカスタムフィールドを使用する際に使える神プラグイン「Advanced Custom Fields」 カスタムフィールドを自在にカスタマイズできる超便利なプラグインです。今回は、「Adva ...

domについてわかりやすく解説してみた

DOMについて分かりやすく解説してみた【js】

2024/1/21    , ,

DOMとはドキュメントオブジェクトモデル (Document Object Model)の略称です。そのまま直訳すると、 書類を扱う型 みたいな意味になるでしょうか。WEBサイトをオブジェク ...

WEB制作者がブログで稼ぐ方法

WEB制作者こそブログを始めた方がいい6の理由

私が、ブログを初めて1か月になりますが、1か月ブログをやって気づいたのは、WEB制作者こそブログを始めた方がいいということです。その理由を解説致します。 1.WEB制作の知識を深めることができる ブロ ...

vscodeでベンダープレフィックスを付与する設定

【live sass compiler】でベンダープレフィックスを付与する方法

vscodeでsassをコンパイルするといえば、「live sass compiler」を使用されている方が多いと思います。今回はベンダープレフィックスを付与する方法をまとめましたので、ご確認ください ...

LCPの改善を行い読込速度の改善を行う方法

LCPを改善する具体的な対策方法【SEO対策】

2024/1/21    , ,

ページの表示速度が良いということは、ユーザビリティ的にも良いのはもちろんのこと、SEOにも良い影響があります。今回は、LCP改善に向けてできることをご紹介します。LCPはGoogleが無料で提供してい ...

SEO