Linux

Ls コマンド

LSコマンド一覧 よく使うLSコマンド cd ~ // 移動 pwd //現在のディレクトリを表示 ls //現在のディレクトリの中身を表示
Laravel

Laravel10の初期設定、XAMPPでデーターベースを設定する方法

Laravelのインストール方法は こちらん記事へ。 Laravelの簡易サーバーを確認する。 コマンドプロンプトでLalavelのプロジェクト階層まで移動して、phpアルティザンで簡易サーバーのWEBアクセスのアドレスを確認する。 >ph...
Laravel

WindowsでXamppを使ったLaravel10インストール、インストール時のエラー対策

WindowsでXamppを使ったLaravel10インストール 2023年にLaravel10がリリースされたので、開発で使いたいと思います。Windowsでの、Xamppを使ったLaravel10をインストール方法です。 Dockerを...
パソコン環境

高速な外付けUSB記録はどれがいい?USB3.0メモリ、SSDディスク、メモリスティックNVMe の違いは?

USB接続による外部記録メディアの違いについて USBメモリも種類によって速度が全然違う? USBのスティック型メモリといっても、中身が全然違います。一般的なUSB3.0規格のUSBメモリは読み込みはSSDハードディスクと同等に早く160M...
SEO対策

Indexing API の使い方、Google Cloud Platform へ登録と使い方

Indexing API 設定方法 Indexing API は、 API キーを使って検索サイトのクローラーをサイトへ呼んで、ページのインデックス登録してもらうとう仕組みです。1日に送信できるURLが200本までです。 求人やライブ配信を...
Linux

DVD-ROMやUSBメモリにインストールして使うLinux KNOPPIX

Windowsが起動しないハードディスクからデータを取り出す Windowsパソコンで、HDDが壊れたときに、とりあえずファイルを取り出したいときにDVDをつかってファイル取り出しをすることができます。 視覚的に操作ができるので、Linux...
Linux

Linux Ubuntu のバージョンと開発コードについて

Ubuntu について Ubuntuは Windowsに近い、視覚的に操作できるGUI とよばれる操作ができるLinux OSのひとつです。Ubuntuは安定性があり、個人から企業まで利用者が多く、コマンド入力でも多様されているLinuxで...
js / API

js HTML内の全要素を取得する方法

HTML文からjsでIDやClass名を使って要素の内容を取得する。 // 全要素中の要素(セレクタ指定) var elements = document.querySelectorAll('.sample-selector'); // 特...
HTMLとCSS

Youtubeのiframeを印刷時に表示する方法

Youtubeのiframeは印刷できるのか? Youtubeはiframeで読込されていますが、印刷時にはブラウザによって異なります。ChromeやFirefoxでの印刷では、youtube部分が、真っ白やグレー、真っ黒の状態になります。...
HTMLとCSS

OGP画像情報をHTMLに追加する方法

SNSでWEBサイトのリンクがシェアされた際に、目を引くのは画像です。 OGPはFacebookやTwitterなどのSNSで表示される画像になります。フルサイズ画面で表示ができるように、大きめの画像サイズになっています。OGPを設定するに...
Cocoon

Cocoonで使えるショートコード

ショートコードでページ表示をカスタマイズする方法 ショートコードは主に固定ページなど見た目をカスタマイズしたい時に使います。 function.phpでショートコードを定義することで使うことができます。 WordPressテーマcocoon...
Cocoon

WordPressの投稿の並び順を変える方法、CocoonでIntuitive Custom Post Order(3.14バージョンに不具合有り)を利用する方法。

投稿の並び順を変更する方法 WordPressの並び順を変える方法はいくつかあります。 まず、簡単なのは、プラグインを利用する方法。 そして、直接並び順を、プログラム記述する方法。一部の投稿並び替えプラグインを、さらに独自でカスタマイズも出...
WordPress

WordPressのプラグインをやめて、記述する方法、フックについて

フックについて WordPressのプラグインで表示を変更していた場合、プラグインをやめた場合、代わりに、プログラムで出力する必要が出てくる。プラグインは「フック」という仕組みを使って機能して表示している。 このフックの仕組みを使うことで、...
Cocoon

WordPressテーマCocoonでエントリーカードをカスタマイズ

WordPressテーマCocoonでエントリーカードをカスタマイズ Wordpressテーマのコードが記述されている場所がわかれば、カテゴリIDの画像を取得したり、カテゴリやタグ名を追加することができます。 Cocoonのテーマは、カード...
WordPress

WordPressのコードエディターを使いやすくシンタックスハイライターで色をつけるプラグイン

WordPressエディターのコードエディターを見やすく出来るか? コードエディターで入力したい場合、WordPressの標準だととても入力しずらしです。Codeテキストに見やすく色をつけるシンタックスハイライターをWordPressの「コ...
WordPress

WordPressのSEO対策、Sitemapを送信する XML Sitemaps Managerの使い方

google xml sitemaps生成プラグインをインストールする。 どんなに記事を書いてもSitemapを送信しないと、検索登録されません。Google検索に登録するためには、プラグインで生成されたSitemap.xmlをGoogle...
APIサービス

アプリやAPIのクラウド上のセキュリティ対策 NGINX

アプリやAPIのセキュリティサービス NGINXは、モダンアプリケーションやAPIを保護するためのWebサーバシステムです。世界で最も成功したオープンソースプロジェクトです。WAF、DDoS攻撃からの保護、SSOなどのセキュリティおよびアイ...
Cocoon

WordPressでDBに登録されたカテゴリ情報を取得する方法

WordPressのカテゴリ情報を取得する方法 WordPressに登録されたカテゴリはget_the_category();で配列情報として取得されます。記事投稿IDがわかるかどうかでカテゴリの取得方法が違います。 ループ内get_the...
WEBマーケティング

2023年度、ブログやニュース投稿に最適なサービスは?

初めてでもスタートしやすいWordPress 今では、ほとんどのWEBサーバー・レンタルサーバでもWordPressはワンクリックでインストールが可能です。レンタルサーバーをなら、わずか5分ほどでWordPressのインストール完了します。...
Cocoon

WordPress アイキャッチ画像がないときに自動で「デフォルト画像」を表示させる方法

WordPressでアイキャッチ画像がない場合の替わりの画像を表示する方法はいくつか方法があります。 CSSで代替え画像を設定する 該当のアイキャッチ画像が表示される箇所のCSSのクラス名を取得する。親テーマがある場合は、子テーマを作り、S...
Cocoon

WordPressテーマCocoonでサーチコンソールを登録する方法

テーマCocoonは、HTMLサイトマップなら表示できますが、xml形式のsitemapを出力する機能がありません。Cocoon製作者の公式サイトでもsitemap.xml生成機能が無いと記載されています。 Cocoonでサーチコンソールを...
WordPress

WordPressのSEO対策にping送信を設定する方法

検索登録してもらうためのPing送信 ページを検索サイトに登録するために、Sitemap.xmlを記述して、検索サイトの検索ボットにページをクロールしてもらう必要があります。GoogleはSitemap.xmlを送信すれば検索登録されますが...
WordPress

WordPressで指定サイズのアイキャッチ画像を呼び出す方法。サムネイル画像との違いについて

サムネイルとアイキャッチ画像の違い ページのアイキャッチ画像IDを取得する。アイキャッチはテーマが対応していないと使えない。投稿ページにアイキャッチ画像の登録がなければ返り値は''を返す。アイキャッチ画像はfunctions.phpで使うサ...
WordPress

WordPressプラグインでコードに色をつける、シックスハイライト「CodeMirror Blocks」の使い方

WordPressプラグイン「CodeMirror Blocks」 コード入力部分を色をつけてをキレイに表示させたいときに使う、「シックスハイライト」はWordPessのプラグインで簡単に導入できます。 「CodeMirror Blocks...
js / API

WordPressプラグインを使わない「シンタックスハイライト」方法

ワードプレスのプラグインを使わない利点 コードのハイライトが出来る「シンタックスハイライト」はWordPressのプラグインを使わないほうが軽量でコードがキレイになります。 プラグインを使うと、バージョン変更の際に表示がかわってしまいます。...
WordPress

WordPressでオリジナル表示に変更する方法、カスタムページの名前のルール

WordPressでサイトを表示する場合はテーマにはいっているテンプレートが表示されます。表示されるページの箇所によってファイル名がきまっています。次のphpファイル名があれば表示が優先されます。 オリジナルコードが記載されたページは、子テ...
WordPress

WordPressテーマCocoonでpostmeta テーブルに登録されるmeta_key

Cocoonでpostmeta テーブルに登録される meta_key 記事を投稿するときにCocconnのテーマが登録する meta_key 情報。 meta情報をみていたら、使ったことが無い機能があることに気が付きました。「メモ」やペー...
WordPress

WordPress画像アップロード時に保存される画像情報をDBで確認する

WordPressで画像アップロード時に登録される情報 WordPressで画像をアップロードした場合、2つのテーブルに情報が登録される ・wp_posts テーブルに画像パス・postmeta テーブルに画像の代替え文字(alt) wp_...
PHP/MySQL

PHPでDBのレコードの1行コピーの作り方

CREATE TEMPORARY TABLE CREATE TEMPORARY TABLE は、MyAQLでレコードをコピーして修正したいときなどに使います。 コピーのためには、一時的に生成されるテーブル tmp_table を作ります。同...
WordPress

WordPressのディレクトリ構造について

ディレクトリの中身を理解する WordPress のファイル ディレクトリ 説明 wp-admin 管理画面に関するファイルを格納するディレクトリ wp-content テーマやプラグインなどに関するファイルを格納するディレクトリ wp-i...
WordPress

WordPressのビジュアルエディタを見やすくCSSで色をつける方法

CSSの不一致があった場合は、少しだけカスタマイズが必要な場合があります。まず、有効化しているテーマの直下に「editor-style.css」ファイルを作ります。最初はファイルの中は空で構いません。 有効化しているテーマ直下のfuncti...
WordPress

WordPress6でプログラムを見やすく色付き表示する方法「シンタックスハイライト」はどれがいい?

プログラムコード部分をカラーでハイライトすることを「シンタックスハイライト」といいます。WordPressのシンタックスハイライトの設定方法です。 プラグイン「Highlighting Code Block」 コードハイライトするとき、プラ...
Cocoon

WordPressテーマCocoonにあわせてオリジナルのカテゴリページを作る方法

PHPの知識がある方向けの内容です。WordPressテーマCocoonのカテゴリページをカスタマイズする方法をご紹介します。 Cocoon親テーマからプログラムをコピーする Cocoon親テーマの中に、部品分けされてコードが記述されている...
WordPress

WordPressの自動保存「リビジョン機能」を無効にする方法

WordPress のリビジョンを設定変更する WordPressのリビジョンって何? リビジョンはデータベースの posts テーブルに保存されています。 リビジョンは元となる投稿の子投稿として保存されます (添付ファイルと同様)。これら...
WordPress

WordPressのデータベース構造の確認する

PHPやDBが扱える方向けのWordPressの構造理解のための内容です。 WordPressのデータベース構造を確認する DBの構造をわかっていると、PHPコードを書き換えて、読み出しやカスタマイズがさらに柔軟に出来ます。 この作業はPH...
WordPress

WordPressの画像フォルダ保存先を移動する方法

WordPressを使った仕事があったので、使いやすいようにカスタマイズ。WordPressは、テーマが変わるたびにデザインしていたバランスが崩れてWordPress が嫌いでしたが、WordPressテーマ「Cocoon」が登場してから使...
プログラミング環境

プログラミング開発に最適なMarkdown(マークダウン)エディタ選び

プログラミングはメモ帳やテキストソフトで作ることができます。Windowsのメモ帳でも可能です。文章をつくるソフトをエディタといいます。 WEBページをつくるだけなら、ホームページビルダーや、AdobeのDreamweverなどWEB制作ソ...
PHP/MySQL

メールサーバーからメールを読み込みDBに保存する方法 日本語メールの文字コードについて

メールデータをPHPで読み込む方法 メールサーバーの該当ファイルにアクセスします。 該当のフォルダの中を確認できたら個別に、メールデータ・ファイルを開きます。 ここまでは難しくないですが、この先、文字化けを変換するのが面倒です。 日本語のメ...
参考まとめ

Excelで後ろから文字列を取り出す。複数のピリオドのあるファイル名から拡張子を取出す方法

Excelでファイル名の拡張子の取出し方法 <!-- ピリオドを含めない拡張子取出し --> = LEFT( B2, FIND(".",B2)-1) ) <!-- ピリオドを含めた拡張子取出し --> = LEFT( B2, FIND("....
HTMLとCSS

WEBページの構造化と構造データについて

WEBページの構造化について 構造化することで、ページのコンテンツを正確に伝えることが出来る。各ブラウザでページの構造化が推奨されていることから、今後も注目してHTMLを記述していく。 構造化については、HTMLで記載するもの、構造化データ...
HTMLとCSS

HTML5廃止と新規格HTML Living Standardについてのまとめ

HTML5廃止と新規格のHTML Living Standardについて それぞれの組織の成り立ち WHATWG 2004年にApple・Mozilla・Operaの3社によって設立。 W3C 正式名称は World Wide Web Co...
HTMLとCSS

多言語サイトのhreflang属性による言語指定方法について

多言語サイトのページの言語していについて hreflang属性は、Webページがどの国の言語向けに作られているのかを示すために使う属性で、多言語サイトで利用する。 hreflang属性を指定できるHTML要素 要素 hreflang属性の用...
js / API

jsでCanvasに画像を描画して画像の色を取得するプログラム・サンプル

画像から色を取得する方法 画像をCanvasに書出する。そのあと、Canvasの座標位置からカラーを取得する。 サイズが決まっていない画像をCanvas描画する Canvasの縦横のサイズがわからないので、js-でCanvasを自動生成して...
js / API

WEBサイトやアプリにPDF化を実装するソフトやPDFアプリAPI

Illstllerで作成したファイルをPDFと連携させる 紹介参考サイト mPDF mPDF Web2PDF、PDFmyURL オンライン上 Web2PDF、PDFmyURL 開封認証つきPDF、書類としてサイン欄つきのPDFは有料サービス...
プログラミング環境

簡単に図を作成する。フローチャート作成ツール、マインドマップ、制作フローチャートなど

無料で図作成が出来るフローチャートソフト マインドマップ作成などでも利用者が増えてきているフローチャート図作成ソフト。図にすることで、わかりやすく、Excel単独よりも使いやすいので、改めてあると便利なフローチャート作成ツールをまとめてみま...
HTMLとCSS

2021年Google推奨のWEBサイトの記述について

Googleの推奨にあわせて記述、プログラミング点を見直す。HTML省略化とプログラム記載の際のタグの廃止が推奨されているので確認しておく。 Google推奨のWEB記載にする Google推奨記載について 参考Googleが推薦するHTM...
js / API

reCAPTCHA V3設置(HTMLとPHP,jsで設置)

reCAPTCHA V3の設置と使い方 reCAPTCHA V3からは画像の認識は無くチェックできるようになった。セキュリティレベルが低い場合は、再度Submitする際に画像などの認証が必要になる。 reCAPTCHA V3をjsでHTML...
Linux

2021年末サービス終了Linax代替OS最新情報

CentOS8に変わるOS LinuxのOSとして人気のCentOS8がサポート終了するにあたり、2021年9月時点での、OS情報です。切替候補の主力はコミュニティ型のOSです。 AlmaLinux(コミュニティ版Linux) オープンソー...
js / API

jsで画像のtype=”file”アップロードと画像のチェック

inputのtype="file"からアップロードした画像を確認する <inpt type="file">で参照してアップロードしたファイルは、サーバーに保存されていない。 HTMLのinputタグはHTML5から実装されたブラウザの機能。...
WEBマーケティング

Google 画像検索の画像権利のメタデータとmeta追加可能なソフト

写真家や写真代理店などの関連業界では、画像に関する情報を画像メタデータで提供されていて、Google検索でも 「IPTC メタデータ」が表示されるようになった。 参考Google検索セントラル 画像に「IPTC メタデータ」を追加するソフト...