kokusyo

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

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

ワードプレス、検索フォームの作成方法

検索フォーム(search.php)の作成方法【WordPress】

2024/1/21    ,

ブログなどによく設置してある、ページ内検索フォーム。ウィジェットなどでも簡単に作成できますが、PHPで自作した方が細かくカスタマイズできます。 WordPressにおける検索フォームの作り方を解説致し ...

vscodeのおすすめプラグイン紹介

VSCodeおすすめ【神】プラグイン5選をご紹介!

様々なプラグインで機能を拡張できるVSCode。今回は私も愛用しているVSCodeの神プラグインたちを紹介していきたいと思います。便利なプラグインを使用することでコーディングのスピードも格段に向上しま ...

Wordpressブロックエディタにcssを適用する方法

ブロックエディタにスタイルを適用する方法【クラシックエディタ対応】

ブロックエディタで投稿を作成する際、見出しなどにスタイルが当たっていないと見づらかったり、どのレベルのタイトルを指定するのかぱっと見で分からなくなります。 下記はデフォルトのエディタですが、これにエデ ...

キャンプ場でワーケーション

キャンプ場×Web制作のススメ!!【ワーケーション】

皆さんの趣味はなんですか?私の趣味はキャンプで月1キャンプにいってます。 今は空前のキャンプブームでキャンプ人口が増えています。私はキャンプブームの前よりキャンプが趣味なので、「ゆるきゃん好きなんだ? ...

wordpressカテゴリ一覧の取得方法

カテゴリ一覧を表示する方法【WordPress】

2024/1/21    ,

WordPressでカテゴリ一覧を表示することは多いです。サイドバーに設置したり、セレクトボックスに使用するなど様々な場所で使用することになります。 カテゴリ一覧、またカスタムタクソノミーの一覧を表示 ...

jqueryで画像をホバー時に拡大する方法

【コピペOK】jQueryのみで画像拡大機能を作る方法

2024/1/21    , ,

画像にマウスホバーした際に、まるで拡大鏡のようなアニメーションをつけるプラグインやライブラリなどはいくつか存在しますが、今回は私が半年くらい前になんとなく作成した画像Zoom機能のJSを紹介します。 ...