cssで横幅指定時にpadding指定をするとはみ出る現象に対処。
ホームページを作る際にまず最初に覚えるべき基本的なこととして、マージン（間隔）とパディング（余白）があります。 これを間違えるといびつなレイアウトになるため、きちんとそろうようにコーディングすることが大事です。 ですが、私自身長年ホームペー ...
Microsoft Authenticatorに「authenticatorによるオートフィルは2025年7月に終了します。」と表示された件について調べてみた
私はMicrosoft Authenticatorを二段階認証に使用しています。スマホにワンタイムパスワードが表示されるので、その番号をサイト等に入力します。 ところが先日、スマホでMicrosoft Authenticatorアプリを開い ...
cssで中央寄せだけどテキストは左揃えにする
横書きの場合、テキストは左揃えにします。短いテキストの場合は中央揃えにするケースもあります。 ですが今回、ホームページ作りで次のような形にする必要がありました。 テキストは左揃えで、中央寄せにする。 えっ。どういうこと？ ちょっと想像がつき ...
スマホでinputタグの入力を数字入力モードにする
ホームページ制作で入力フォームは、お問い合わせフォーム、管理画面などでよく使用します。その際にふと思うことがあります。 入力モードが自動で切り替わったらいいのに。 例えば名前を入力するときは、全角で入力します。次に電話番号欄があったりすると ...
liタグの黒丸の色だけを変えてみた
ul、liタグはweb制作業者であれば、よく利用するタグではないでしょうか?親子関係になっているタグでもあるため、包括しやすく、写真を一覧で並べる場合等レイアウトにも重宝します。 無論liタグ本来の使い方は、箇条書きです。そのため、デフォル ...
display: flexで、高さを統一しているときに、特定要素のみ高さをフリーにする
ホームページ制作をしていると、2列構成や3列構成にすることもしばしばあります。以前ならfloat指定でカラムを構成していました。ですが、最近ではdisplay:flexなるスタイルシートが増え、おもったより簡単に列構成レイアウトができるよう ...
さくらサーバーで特定フォルダだけPHPバージョンを変更する
PHPのバージョンは、思いのほか頻繁に上がります。ただ上がるだけならばよいのですが、バージョン8になってからは古い仕様が動作しなくなってきています。 つまり、PHPバージョンを上げたとたん、エラーで表示されなくなるなどの不具合が発生します。 ...
運用しているサーバーのPHPを7.4→8.3へバージョンアップしてみたお話
当サイトも2004年の開設から20年過ぎました。その間にPHPのバージョンも５→8へ上がりました。 最近までPHP7.4を使用しており、このほどようやくPHP8.3へバージョンを上げました。ですが一筋縄ではいかなかったことがいくつかありまし ...
xamppのphpMyAdminでSQLインポート時のエラー（#2006 MySQL server has gone away）に対処
xamppでテスト環境を起こす際に、MYSQLデータをphpMyAdminからインポートしようとしたところ、エラーとなり途中までしかインポートできませんでした。 いままでそんなことなかったのに、なぜ何だろうと原因を調べていたら、おもったより ...
xamppに最新版のMYSQLを入れてみた
先日xamppにPHP8.4を入れました。その際に、phpMyAdminを最新版にしました。 phpMyAdminを最新版にバージョンアップした際にこう思いました。ついでにxamppのMySQLも最新版にできないものか･･･。 xamppで ...
xamppにPHP8.4を導入しphpMyAdminも動くようにする
php開発環境として使用しているxamppが更新されなくなって1年以上たちます。いまだに最新版が更新されません。 その間に、PHPのバージョンも8.2→8.4へと上がりました。 さすがに、最新版のPHP開発環境がないと困るため、何とかしよう ...
さくらサーバでPHP5.6でMYSQL8.0へ接続できなかったお話
今回は結論から申し上げます。さくらサーバー（スタンダードプラン）で、PHP5.6からMYSQL8.0への接続は断念しました。PHP5.6からMYSQL8.0へ接続するには、MYSQL側の設定を変更する必要があるのですが、MYSQLを他の利用 ...
スタイルシートで文字を「斜体」にしようとしてはまる
HTMLでホームページを制作する場合、スタイルシートは欠かせません。今や装飾はほとんどスタイルシートでできます。 そんななか、今回ちょっとしたことですがはまったことがありました。 デザイン上、文字テキストを斜体にする必要がありました。斜体自 ...
英文を両端ぞろえにする
ホームページの文章を見栄えよくする方法として、両端ぞろえという方法があります。文章の右側が、改行位置でそろっていると、見栄えがよくなります。 ですが今回、次のようなことがありました。英文を両端ぞろえにしたい。 日本語は一文字単位で余白調整さ ...
背景画像を画面中央+300pxにする。
背景画像はスタイルシートの指定で、左寄せ、中央寄せ、右寄せ、上寄せ、下寄せがあります。ですが、今回次のようなことをする必要がありました。 左右中央寄せで＋300px右へずらす この指定で、頭を悩ませたのが「中央位置から＋300px」です。な ...
xのweb埋め込みが表示されなくなったので調べてみた
SNSの手軽さの一つに「埋め込み」があります。Xであれば、タイムラインをホームページに埋め込み、新着情報のように扱えます。 参考：Xの埋め込み方法 それはそれでよいのですが、最近この埋め込みしたタイムラインが表示されない現象がおこっています ...
WORDで一文字だけ縦書きにする
WORDには横書きモードと、縦書きモードがあります。どちらも用途に合わせて使い分けます。 ですが今回、こんなことが必要になりました。 横書きモードで一文字だけ縦書きにしたい。 そんなことができるのか？と思いましたが、ググると簡単にできました ...
PCのモニターに何も映らなくなった現象に対処
デスクワークをされる方ならば、パソコンを毎日触られるかと思います。朝電源を入れ、帰るときに電源をオフにする。それが日課かと思います。 ところが今回、朝パソコンの電源を入れたら何も映らない現象が発生しました。パソコンを再起動しても直らず、困っ ...
PHPでヒアドキュメント構文の中にヒアドキュメントを記述した。
というように、EOFの名前を変えればよい。 PHPでヒアドキュメントを使用するケースがしばしばあります。ヒアドキュメントとは以下のような記述のことです。 $text = <<< EOF <div class="box ...
ckeditorの高さを個別に変えてみた。
PHPで開発を行う場合、入力フォームはほぼセットです。記事投稿するには、フォームが欠かせないためです。 その際に、可能な限り使い勝手の良いフォームにすれば、利用者の利便性が向上します。デフォルトのフォームは、テキストしか入力できませんが、文 ...
CSSで背景の下半分だけ色を塗る
web制作でスタイルシートでの背景設定はとても重要です。文章の羅列を、デザインに変化させるからです。 今回デザイン上、「背景の下半分だけ色を塗る」というものがありました。 通常であれば、特定サイズの縦幅の画像を横並べで対応します。ですが、今 ...
謹賀新年
明けましておめでとうございます。 新しい年の始まりに際し、皆様に心より感謝申し上げます。 旧年中は格別のご愛顧を賜り、誠にありがとうございました。お客様のご支援とご信頼に支えられ、私たちは成長を続けることができました。深く感謝申し上げます。 ...
photoshopの図形をIllustratorでベクトル化する
ホームページ屋であれば、PhotoshopとIllustratorを触ることが日常です。写真の加工や、デザイン起こし等は必須な作業だからです。 ですが、PhotoshopとIllustratorの変換の親和性は片側通行です。どういうことかと ...
音のなる偽のセキュリティ警告を強制的に終了させる
パソコンには何かと危険が付きまといます。一昔前であれば、ウィルス付着の添付ファイルな直接的な攻撃方法が多くありました。ですが近年、セキュリティソフトの普及とともに、直接攻撃がブロックされるようになってくると、間接的な攻撃に切り替わってきまし ...