Webエンジニア Wikiでは、HTML/CSSやJavaScriptなどのWebエンジニア向けのプログラミング言語やWordPressなどの記事を掲載しています。
2023年7月
本記事では、WordPressのおすすめテーマを5つ紹介しています。テーマを利用することで、綺麗なサイトやかっこいいサイトをプログラミングの知識なしで制作することができるので、まだ初期設定のテーマを利用している人は自分のサイトに合ったテーマ
【Visual Studio Code】おすすめ拡張機能9選
本記事では、Visual Studio Codeのおすすめ拡張機能を9つ紹介しています。 Web制作者におすすめ拡張機能 Japanese Language Pack for Visual Studio Code Japanese Lang
本記事では、WordPressのおすすめプラグインをまとめています。 EWWW Image Optimizer EWWW Image Optimizerは、WordPressにアップされた画像ファイルを圧縮するプラグインです。画像ファイルを
All in One SEOのインストール～アナリティクス/サーチコンソールの連携方法
本記事では、WordPressのプラグイン「All in One SEO」のインストール～Googleアナリティクス/Googleサーチコンソール/Bingウェブマスターツールの連携方法について画像付きで分かりやすく解説しています。 All
本記事では、Visual Studio Code(VSCode)をインストールする方法について解説しています。 Visual Studio Codeのインストール Visual Studio Codeのインストーラーをダウンロードするページ
【Visual Studio Code】日本語表示にする方法
本記事では、Visual Studio Code(VSCode)を日本語表示にする方法について解説しています。 Japanese Language Pack for VS Code Visual Studio Codeを日本語表示にするには
【Visual Studio Code】簡単にローカルサーバーを立てる方法
本記事では、Visual Studio Codeで簡単にローカルサーバーを立てる方法について解説しています。 Live Server Visual Studio Codeでローカルサーバーを立てるには、拡張機能の「Live Server」を
【Visual Studio Code】文字サイズを変更する方法
本記事では、Visual Studio Codeで文字サイズを変更する方法について解説しています。デフォルトの文字サイズは14pxと小さめなので少し大きくすると目に優しいです。 文字サイズを変更する手順 Visual Studio Code
【Visual Studio Code】閉じタグも自動修正してくれる拡張機能
本記事では、Visual Studio CodeでHTMLの閉じタグも自動修正してくれる拡張機能を紹介しています。 Auto Rename Tagとは？ HTMLでタグを変更したいときは結構あります。そのような時、開始タグと終了タグの位置が
【Visual Studio Code】コードを自動整形する方法
本記事では、Visual Studio Codeでコードを自動整形する方法について解説しています。 コードを自動整形する手順 Visual Studio Codeのツールバー「ファイル」→「ユーザー設定」→「設定」を開きます。 検索フォーム
【Visual Studio Code】Sass/Scssをcssにコンパイルする方法
本記事では、Visual Studio CodeでSass/Scssをcssにコンパイル(変換)する方法について解説しています。 Live Sass Compiler Visual Studio CodeでSass/Scssをcssにコンパ
【Visual Studio Code】ファイルやフォルダにアイコンを付ける方法
本記事では、Visual Studio Codeでファイルやフォルダにアイコンを付ける方法について解説しています。 vscode-icons Visual Studio Codeでファイルやフォルダにアイコンを付けるには、拡張機能の「vsc
【Visual Studio Code】PHP Intelephenseの設定方法
本記事では、Visual Studio CodeでPHP Intelephenseのインストール～設定方法について解説しています。 PHP Intelephense Visual Studio CodeでPHPのコード保管やコードチェックを
【Visual Studio Code】WordPressの関数を補完する方法
本記事では、Visual Studio CodeでWordPressの関数を補完する方法について解説しています。 WordPress Snippet Visual Studio Codeでは、デフォルトでWordPressの関数を補完してい
【Visual Studio Code】英語のスペルミスを防ぐ方法
本記事では、Visual Studio Codeの拡張機能を使って英語のスペルミスを未然に防ぐ方法について解説しています。 Code Spell Checker Visual Studio Codeで英語のスペルミスを未然に防ぐには、拡張機
【Visual Studio Code】終了タグを自動で付けてくれる拡張機能
本記事では、Visual Studio Codeの拡張機能を使って、HTMLの終了タグを自動で付ける方法について解説しています。 Auto Close Tag HTMLのコーディングをしているとき、終了タグ(</div>,<
本記事では、MAMPでエラー内容が表示されないときの対処法について解説しています。 エラー表示の設定を変更する MAMPのデフォルト設定では、エラーがディスプレイ上に表示されない設定になっています。これを修正するには、php.iniファイル
【JavaScript】文字のASCIIコード値を取得する方法
本記事では、JavaScriptで文字のASCIIコード値を取得する方法について解説しています。 charCodeAtメソッド 文字のASCIIコード値を取得するには、charCodeAtメソッドを使用します。使い方は以下のとおりです。 s
本記事では、JavaScriptで小数点の桁数を指定する方法について解説しています。 toFixedメソッド 小数点の桁数を指定するには、toFixedメソッドを使います。使い方は以下のとおりです。 num.toFixed(digits)
本記事では、JavaScriptで数値を指数表記に変換する方法について解説しています。 toExponentialメソッド 数値を指数表記に変換するには、toExponentialメソッドを使います。使い方は以下のとおりです。 num.to
本記事では、JavaScriptで無限を表す数値を取得する方法について解説しています。 Infinity 無限を表す数値を取得するには、Infinityを使います。使い方は以下のとおりです。 console.log(Infinity); /
NaNとは？ NaN(Not-a-Number)とは、JavaScriptの特殊な値の1つで数値として解釈できないことを表します。 NaNは計算によって出力された結果が数値で表せない場合に返されます。例えば、以下のような計算でNaNは返され
本記事では、jQueryで状態を表す属性を削除する方法について解説しています。 状態を表す属性とは？ 状態を表す属性とは、チェックボックスにチェックが入っている時に付与される「checked」や操作不可を表す「disabled」を意味します
本記事では、状態を表す属性が付与されているか確認する方法について解説しています。 propメソッドの使い方 jQueryで状態を表す属性が付与されているか確認するには、propメソッドを使います。使い方は以下のとおりです。 $("
本記事では、jQueryのattrメソッドとpropメソッドの違いについて解説しています。 attrメソッドとpropメソッドの違い attrメソッドとpropメソッドの違いは、checkedやdisabledなどの状態を表す属性を取得する
この記事では、Gitでコミットにタグを付ける方法について解説しています。 git tag Gitでコミットにタグを付けるには、git tagコマンドを使います。使い方は以下のとおりです。 # 注釈付きタグの付け方 git tag -a タグ
【Git】ブランチの確認・作成・切り替え・リネーム・削除する方法
本記事では、Gitでブランチの確認・作成・切り替え・リネーム・削除する方法について解説しています。 ブランチの確認 作成したブランチ・自分が現在使っているブランチを確認するには、以下のコマンドを実行します。 git branch 実行後に表
本記事では、作業中に急遽急ぎの別件がきてしまい、別ブランチで作業をしないといけない時に作業内容を一時的に退避(移動)する方法について解説しています。 git stash 作業内容を一時的に退避(移動)するには、git stashコマンドを使
本記事では、Gitで別のブランチの変更を取り込む(マージ)方法について解説しています。 git merge 別のブランチの変更を取り込むには、git mergeコマンドを使います。使い方は以下のとおりです。 # ローカルリポジトリの変更を取
本記事では、Gitでコンフリクト(CONFLICT)が発生した際の対処手順について解説しています。 コンフリクトの解消手順 別のブランチの内容をマージしようとした時に、以下のエラーメッセージが表示された場合は同じファイルの同じ行を変更してい
本記事では、SCSSの@extendの使い方と使いどころについて解説しています。 @extendの使い方 @extendはセレクタのスタイルを継承したい時に使います。使い方は以下のとおりです。 .example { @extend 継承元セ
本記事では、WordPressで色の付いたソースコードを表示させる方法について解説しています。 Highlighting Code Blockとは？ WordPressで色の付いたソースコードを表示させたい時は、Highlighting C
お名前.comで取得したドメインをエックスサーバーに追加する方法
本記事ではお名前.comで取得したドメインをエックスサーバー(Xserver)に追加する方法について解説しています。 ネームサーバーの変更 お名前.comでドメイン名を購入する手続きの段階で、以下のような画面が表示されたかと思います。 ここ
本記事では、WordPressのプラグイン「BackWPup」のインストール～設定方法について解説しています。 BackWPupとは？ BackWPupは、WordPressのデータを簡単にバックアップすることができるプラグインです。 不正
本記事では、お名前.comでドメインを取得・購入する手順を画像付きで分かりやすく解説しています。 レンタルサーバーをまだ契約していない人は、エックスサーバーにすることで無料でドメインを取得することが出来るよ！ エックスサーバーは国内シェアN
エックスサーバーで無料独自SSLの設定に失敗しましたと表示された時の対処法
本記事では、エックスサーバー(Xserver)でWordPressの簡単インストールを実行した時に「無料独自SSLの設定に失敗しました」と表示された時の対処法について解説しています。 対処手順 無料独自SSLの設定をするためには、エックスサ
本記事では、エックスサーバー(Xserver)で常時SSL化を設定する方法ついて解説しています。 常時SSL化ができる条件 Webサイトの常時SSL化は「無料独自SSL」もしくは、「オプション独自SSL」のお申し込みが必要になります。 オプ
SiteGuard WP Pluginのインストール～設定方法
本記事では、WordPressのプラグイン「SiteGuard WP Plugin」のインストール～設定方法について解説しています。 SiteGuard WP Pluginとは？ WordPressの初期設定ではセキュリティ対策がかなり甘い
本記事では、エックスサーバー(Xserver)にWordPressをインストールする手順を解説しています。 エックスサーバーの契約をまだしていない人は、↓の記事をご覧ください。 エックスサーバーにWordPressをインストール
本記事では、WordPressのテーマ「STORK19」の購入～設定までの手順を解説しています。 STORKテーマの購入手順 こちらからSTORK19公式ページ にアクセスし「カートへ入れる」をクリックします。 カートの内容に誤りがないこと
Table of Contents Plusのインストール～設定方法
本記事では、WordPressのプラグイン「Table of Contents Plus」のインストール～設定方法について解説しています。 Table of Contents Plusとは？ Table of Contents Plusは、
WP MULTIBYTE PATCHのインストール～設定方法
本記事では、WordPressのプラグイン「WP MULTIBYTE PATCH」のインストール～設定方法について解説しています。 WP MULTIBYTE PATCHとは？ WordPressはアメリカで開発されたソフトウェアであり、シン
本記事では、エックスサーバー(Xserver)のXアクセラレータのバージョンを確認・切り替える方法について解説しています。 Xアクセラレータとは Xアクセラレータとは、Webサイトの読み込みを高速表示・安定化させる機能のことです。 Xアクセ
本記事では、エックスサーバー(Xserver)のPHPバージョンを確認・変更する手順について解説しています。 エックスサーバーのPHPバージョンを確認・変更する手順 PHPバージョンを確認・変更するためには、エックスサーバーのサーバーパネル
WordPressで表示設定のホームページの表示が無くなった時の対処法
本記事では、WordPressで表示設定のホームページの表示が無くなった時の対処法について解説しています。 原因：固定ページの投稿がない 表示設定の「ホームページの表示」が表示されない理由は、公開されている固定ページが1件も存在しない時です
本記事では、WordPressのプラグイン「Autoptimize」のインストール～設定方法について解説しています。 Autoptimizeとは？ Autoptimizeは、HTML・CSS・JavaScriptのソースコードを最適化してく
EWWW Image Optimizerのインストール～設定方法
本記事では、WordPressのプラグイン「EWWW Image Optimizer」のインストール～設定方法について解説しています。 EWWW Image Optimizerとは？ EWWW Image Optimizerは、WordPr
本記事では、エックスサーバー(Xserver)でFTP接続をする手順について解説しています。 FTPとは？ FTPとはFile Transfer Protocolの略称で、サーバとクライアントの間でファイル転送を行う際に必要となる通信プロト
本記事では、MAMPでWordPressの開発環境を作る手順について解説しています。 MAMPのインストーラーをダウンロード MAMPのインストーラーをダウンロードするページにアクセスします。自分の端末に合った、インストーラーをダウンロード
この記事では、パソコンに詳しくない方でも簡単にWordPressを始められる手順を画像付きで分かりやすく解説しているよ。所要時間は10分程度だよ。 Gmailアカウントの作成 既存のメールアドレスで問題ない人・Gmailアカウントの作成方法
本記事では、エンジニアの私がWordPressの副業をおすすめする理由についてお話しています。 よろしくお願いします！ リスクが低い 後輩ちゃんは副業といえば何が思いつく？ 私はFX・株・仮想通貨ですかね。 凄い人気だよね！でも、これらの副
2023年7月
「ブログリーダー」を活用して、Webエンジニアさんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
