Linux Ls コマンド
LSコマンド一覧 よく使うLSコマンド cd ～ // 移動 pwd //現在のディレクトリを表示 ls //現在のディレクトリの中身を表示
Linux 
Laravel Laravel10の初期設定、XAMPPでデーターベースを設定する方法
Laravelのインストール方法は こちらん記事へ。 Laravelの簡易サーバーを確認する。 コマンドプロンプトでLalavelのプロジェクト階層まで移動して、phpアルティザンで簡易サーバーのWEBアクセスのアドレスを確認する。 >ph...
Laravel WindowsでXamppを使ったLaravel10インストール、インストール時のエラー対策
WindowsでXamppを使ったLaravel10インストール ２０２３年に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 キーを使って検索サイトのクローラーをサイトへ呼んで、ページのインデックス登録してもらうとう仕組みです。１日に送信できる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はワンクリックでインストールが可能です。レンタルサーバーをなら、わずか５分ほどで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で画像をアップロードした場合、２つのテーブルに情報が登録される ・wp_posts テーブルに画像パス・postmeta テーブルに画像の代替え文字（alt) wp_...
PHP/MySQL PHPでDBのレコードの１行コピーの作り方
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 メタデータ」を追加するソフト...