Wordpress 【WordPress】XML Sitemap Generator for Googleの設定
１. プラグインの推奨設定設定画面（設定 ＞ XML-Sitemap）での変更箇所。① 基本的な設定IndexNow プロトコルを使用して〜 ⇒ チェックを入れるサイトマップの URL を仮想 robots.txt ファイルに追加 ⇒ チェ...
開発系
Wordpress 
HTML 【HTML】知っておくと表現が広がる！特殊・マイナーだけど便利なタグまとめ
HTMLには、普段あまり使わなくても、特定のシーンで抜群の便利さを発揮する「特殊なタグ」や「マイナーなタグ」が数多く存在します。これらを使うことで、JavaScriptに頼らずに機能を実装できたり、アクセシビリティを高めたりすることができま...
Laravel 【Laravel】TwitterModokiアプリの自宅サーバーへのデプロイ作業
Windowsのローカル開発環境で作成したLaravelアプリケーション（TwitterModoki）を、自宅サーバー（AlmaLinux）の本番環境へデプロイしました。既存のポートフォリオサイトのサブドメインの動作を邪魔することなく、サブ...
Laravel 【VSCode】Laravelアプリ 「TwitterModoki」手動開発
1. 雛形作成とローカル起動 コマンドプロンプトやターミナルを立ち上げ、Webサーバーの公開ディレクトリ（htdocs など）へ移動してからプロジェクトを作成し、VS Codeで開いてローカル開発環境を立ち上げる。BAT (Batchfil...
AI 【VSCode】Laravelアプリ 「TwitterModoki」Cline で自動開発
VSCodeにCline組み合わせると、Laravelのアプリも全て自動で作成してくれるらしい。とりあえずやってみたら、本当に指示出ししてから３０分程でアプリが完成した、驚き。なので、その手順の備忘録。１．開発環境の前提条件下記の環境が整っ...
HTML 【WordPress】静的HTML化と自動バックアップ
自宅サーバーのWordpressに自宅サーバー構築メモが有るので、自宅サーバーがクラッシュしてしまうと詰んでしまいます。 ですので、静的HTML化してNASにバックアップしてしておきたいと思います。１．WP-CLIの導入データベースから公開...
HTML 【HTML】ページの正しい区切り方とセマンティックな構造化まとめ
Webサイトをコーディングする際、なんとなく画面のレイアウトに合わせて <div class="box"> ばかり使ってページを区切っていませんか？現在のHTML（HTML5以降）では、ページの各パーツの意味に合わせて正しくタグを使い分ける...
HTML 【HTML】aタグ（リンク）の基本とマークアップ規則まとめ
Webサイト制作において欠かせないのが、ページ同士を繋ぐaタグ（アンカータグ）です。 今回は、コーディング時に迷いがちなaタグの基本属性から、HTML5以降のマークアップ規則、SEOやアクセシビリティを意識した使い方まで、備忘録としてまとめ...
HTML 【HTML】フォーム（Form）の基本構造とコーディング規則まとめ
Webサイトにおけるユーザーとの最大の接点、それがフォーム（form）です。お問い合わせ、会員登録、アンケートなど、用途は多岐にわたりますが、アクセシビリティやユーザーの使いやすさ（EFO）を考慮した正しいマークアップをしないと、離脱の原因...
HTML 【HTML】tableタグ（表）の基本構造と正しいマークアップ規則
HTMLでデータを整理して見やすく表示するための <table> タグ。 要素が縦横に連なるため構造が複雑になりやすく、正しい順番でタグを配置しないと構文エラーや型崩れの原因になる。後からコードをコピペして使い回せるようにするための個人メモ...