備忘録,Illustrator

Thumbnail of post image 059
webデザイン、印刷デザインに重宝するソフトがIllustratorです。最初はとっつきにくい部分もありますが、使い慣れると手放せなくなります。 私は、web制作時のレイアウト設計をIllustratorで行うのですが、Illustrato ...

Windows,アプリ,備忘録

Thumbnail of post image 174
おそらくweb制作業者であれば、必ず通らねばならない洗礼。それが「ブラウザキャッシュクリア」です。 ブラウザには「キャッシュ」と呼ばれる画像等一時保存機能があります。毎回画像を読み込むと時間がかかるため、端末に一時保存しておき、画像の読み込 ...

備忘録,Jquery

Thumbnail of post image 080
最近はJqueryを装飾に使用することが何かと多いです。ブラウザ側だけで動作するので、手軽なことも理由のひとつです。 ところが、最近このようなことがありました。「動作タイミングがおかしい」 どういうことかというと、Jqueryのスライドダウ ...

wordpress,備忘録

Thumbnail of post image 147

以前、ワードプレスの予約投稿が失敗する件についての記事を書きました。 原因は、キャッシュプラグインとの相性の問題で、キャッシュプラグインをオフにすると予約投稿が正しく行われるようになりました。 ただ、ワードプレスの高速化をするにはキャッシュ ...

word,備忘録

Thumbnail of post image 045
先日ワードファイルを開こうとしてみたところ、Windows10のドキュメントフォルダが固まりました。ワードが固まるというより、ウィンドウが固まったような現象でした。 高い確率で開けなかったため、なんでだろう?と思いつつ、ググって調べ対処する ...

備忘録,CSS

Thumbnail of post image 042
スタイルシートで、縦横中央寄席はよくありますが、いざ設定してみようとするとなかなかうまくいきません。 横中央揃えならともかく、縦中央が特に難しいです。なぜならば、スタイルシートに標準で縦中央揃えする指定がないためです。 こんかいさらに、fi ...

備忘録,PHP

Thumbnail of post image 117
PHPでテキストログ出力部分を制作しようとしたときに、ふと思いました。「年、月別でフォルダ管理すれば使いやすいのではないだろうか?」 テキストログは通常一つのフォルダに出力します。ただそれだと、いつのログであるかがわかりにくいと思いました。 ...

備忘録,CSS

Thumbnail of post image 063
ホームページのレスポンシブ化(画面サイズ自動可変表示)が一般的になり、スタイルシートの設計も複雑化してきました。 例えば、width指定の場合PCは1200ピクセルなど具体値を指定しますが、スマホの場合はautoで横幅指定無しにすることが多 ...

備忘録,Illustrator

Thumbnail of post image 109
web媒体にせよ紙媒体にせよ、Illustratorでデザイン制作される方も多いかと思います。下書き段階でも、手書きするよりIllustratorで行ったほうが実寸大で作業できるため効率がいいです。 ということで、作業の最初にIllustr ...

備忘録,CSS

Thumbnail of post image 136
CSSで正方形を作り、縦横中央揃えでテキストを入れることがしばしばあります。 横揃えは標準のスタイルシートで簡単にできます。 しかし、縦中央揃えって思いのほかうまくいきません。 結構四苦八苦したのですが、確実に縦中央揃えする方法を見つけまし ...

Windows,備忘録

Thumbnail of post image 169
2022年6月16日にInternet Explolerのサポートが終了しました。終了後もIEは動作しますが、問題点があっても改善されることなく放置されます。 EDYをパソリで決済するためには、今までIEで行う必要がありました。それ以外のブ ...

備忘録,PHP

Thumbnail of post image 116
PHPでwebサーバーにシステム構築する場合、必ず使用するのが「セッション」です。なぜならば、PHPは通常のプログラムとは違い、1回実行するごとに必ず終了するからです。つまりPHPだけでは、ログインしてもログイン中であることを覚えていないた ...

備忘録,CSS

Thumbnail of post image 067
ホームページ制作の際に、画像サイズの調整はデザイン制作段階で行います。写真の縮尺等もPhotoshop等を使用して調整するため、普段は画像縮尺についてあまり気になりません。 ただ、PHP等で画像投稿する仕組みを制作した場合、様々な縮尺の画像 ...

Windows,備忘録

Thumbnail of post image 021
メールの送受信ができなくなることが、しばしばあります。たいていの場合は設定等の問題ですが、今回特定の相手にメールが全く届かなくなる現象が発生しました。 こちら側の設定の問題なのか、相手側の環境の問題なのかなかなか切り分けがむつかしい問題でし ...

PhotoShop,備忘録

Thumbnail of post image 125
いつのころからか、Photoshopで写真を拡大表示すると、「グリッド線」が表示されるようになりました。 1ピクセル単位で調整するためには便利な機能ですが、色味などを調整する際には少々邪魔になります。しばらく放置していましたが、何とかならな ...

備忘録,MYSQL

Thumbnail of post image 132
10年以上前のホームページは、得てしてMYSQL4.0を使用しているケースがあります。最近サーバーから「そろそろMYSQLのバージョンを上げてください。」というようなメッセージがあり、MYSQL4.0→MYSQL5.7へデータを移動させるこ ...

備忘録,CSS,HTML

Thumbnail of post image 110

お知らせなど同じようなフォーマットが連続して縦に続く場合、iframeで埋め込み縦スクロールにするほうが見やすかったりします。 このとき、iframeを使わなくともCSSで「overflow:scroll」を指定すれば、iframeとほぼ同 ...

備忘録,PHP

Thumbnail of post image 149
先週は郵便番号のフォーマットを自動で統一化する方法についての記事を書きました。 書いていて次の疑問がわきました。 フォーマットは正しいけれど実在しない郵便番号をエラーにできないものか? 郵便番号が実在するかどうかは、計算式では求められません ...

備忘録,PHP

Thumbnail of post image 039

入力フォームには、大抵「郵便番号入力欄」があります。入力欄が3桁、4桁に分かれているものもありますが、入力欄が一つにまとまっている場合もあります。 入力制限をしていればどうということはありませんが、そうでない場合、入力される方によってハイフ ...

備忘録,Jquery

Thumbnail of post image 068
今回は先週の「ボタン二度押しガード」の続きです。先週はボタン二度押しをガードするために、「お待ちください画面」を表示する方法について記載しました。 ただ、先週のやり方だと「_blank」リンクに対応できていません。「_blank」リンクをク ...

備忘録,CSS,HTML,Jquery

Thumbnail of post image 165

以前フォームの二重送信をガードする方法について書いた記事があります。 これは、ブラウザの更新ボタン(F5ボタン)連打をガードする方法です。 ただこの方法でもガードできない事象があります。 それは「送信ボタン連打」です。 画面が切り替わる前に ...

PHP

Thumbnail of post image 154
先週の記事で、内部ドメイン・外部ドメインの切り分けについて記載いたしました。その際にサンプルには、存在しないドメインをエラーとする機能をつけていました。 誰でも入力できる入力欄には、様々なリスクが存在しています。システムを守るためには、様々 ...

PHP

Thumbnail of post image 101

webでの暗黙のお約束事に次のことがあります。 内部リンクのtarget指定は「_top」 外部リンクのtarget指定は「_blank」 これは、外部リンクで「_top」を指定すると、自サイトを「閉じる」ことになります。商売用ホームページ ...

備忘録,Jquery

Thumbnail of post image 125
ホームページで写真を見せる方法はいろいろあります。よくあるのが、横スライドで写真が流れるパターンでしょうか。 スライドパターンは、プラグインも多くあり簡単に導入できます。 別のパターンで、写真クリックでメイン画像に反映される方法があります。 ...