アーカイブ

環境

VSCode内でHTMLとCSSのコードをW3Cチェック(バリデート)させる方法

VSCodeで管理しているHTMLとCSSを、W3Cが提供している「バリデーター」でチェックしてもらう方法です。 W3CのバリデーションサイトにアクセスしてURL入力してとか、ファイルアップロードして…

はにわまん
環境

VSCodeで「WordPress Coding Standards」に準拠してPHPの自動フォーマットする方法

WordPressのPHPの記述にはコーディングルールがあります。「WordPress Coding Standards」というものにまとめれており、「PHP Code Sniffer」を拡張する形で…

はにわまん
環境

VSCodeでPrettierを使ってWordPressのコーディング規約に沿った自動フォーマットする方法

Prettierは、JavaScriptとCSSのコードをフォーマットしてくれるツールのことです。 何がすごいって、ESLintであったりstylelintのようなコード検証ツールの設定を指定すれば、…

はにわまん
コーダー

Webコーディング後にチェック(テスト)しておくべき20のチェックポイント!

Webコーディング後に行っておきたい、チェック項目をまとめました。 プログラマーとかなら必ずテスト指示書を作りテスト行いエビデンスを取得して、って流れが基本かと思いますが、コーダーってそういうのやって…

はにわまん
WordPress

WordPress運営における内部SEOでチェックしたい15ポイント!

内部SEOって簡単に説明すると、Googleにとって理解しやすい(評価しやすい)サイト構成って感じのイメージをしていただければと思います。「検索エンジン最適化(SEO)スターターガイド」に書かれた内容…

はにわまん
箱の中身は何だろうな?
WordPress

functions.phpなどの値を画面に表示させずに確認する方法

WordPressの「バックエンド(functions.phpなど)で動いている値の中身を見たい・・・」という気持ちになった時の確認方法を紹介します。 大雑把には、 wp-config.phpにログを…

はにわまん
環境

静的HTMLサイト制作を楽にするGulpの基本的な使い方【Webコーダー向け】

Gulpは、いろんな作業を自動化してくれるツールです。 CSSやHTMLを保存したらブラウザ側も自動的にリロード Sassが保存されたタイミングで自動コンパイル CSSにベンダープレフィックスを自動で…

はにわまん
環境

WebコーダーがVSCodeで使いたいショートカットと設定、拡張機能

Webコーダーのわたしが普段利用しているVSCodeでの「設定」と「ショートカット」、「拡張機能」についてまとめました。 使ってないものがあれば積極的に取り入れていきましょう! 画面レイアウトの基本 …

はにわまん
環境

404ページもサイト構成も「Frog」で一括チェック!質の高いWeb制作を行いましょう!

インターネット上のWebサイトをスクレイピングしてSEOに必要な要素をピックアップしてまとめてくれるツールです。 正式名称は「Screaming Frog SEO Spider Tool & …

はにわまん
JavaScript

スムーズな移動!「smooth-scroll.js」で固定ヘッダーも考慮したページ内リンク

1ページで完結するようなLPでよく使われるのが、ヘッダーのグローバルメニューが各見出しへのページ内リンクになっているというもの。 普通に設置してもいいのですが、グイーンと移動してくれた方が、ページ内を…

はにわまん
1 13 14 15 28