とくしよ

利用しているレンタルサーバーを移行する場合、Webデータだけでなくメールのバックアップも取っておかないと過去に受信したメールを見ることができなくなってしまう場合があります。 この記事ではサーバーを移行しても過去のメールにアクセスできるようにバックアップしておく方法について解説します。 IMAPとPOP、メール受信方法の違い まずメールの受信方式にはIMAPとPOPの二つの方法があります。二つの違いは以下の通りです。 項目IMAPPOPメールの保存場所サーバーデバイスネット環境サーバーに接続してメールボック ...

WordPressやホームページでコンテンツの更新を行ったにもかかわらず、いくらブラウザの更新ボタンを押しても、キャッシュクリアをしても変更内容が反映されないことに困ってませんか？ その原因の一つとして、サーバーのWebアプリケーションファイアウォール（WAF）が作業をブロックしている可能性があります。 本記事では、WAFが更新内容の保存を妨げた実際の例を挙げて解決策について詳しく解説します。 wp_head/wp_footerにコードが入力できない （ConoHa WING） WordPressで特定の ...

WP-CLIはWordPressをコマンドラインから操作できるツールです。WP-CLIを使うとWordPressの初期設定などが効率よく行うことができるので覚えておくと作業が捗ります。 この記事ではにWP-CLIをインストールする時の手順をまとめています。 SSHでアクセスできるようにする WP-CLIを使うためにはまずSSHでアクセスできるように設定します。 のcPanelにログインし、メニューからSSHアクセスを選びます。 SSH キーを生成する 「SSHキーの管理」から「新しいキーの生成」をクリック ...

デザインに興味がある人必見！画像やサイトで使用されているフォントを特定する方法を紹介します。デベロッパーツールやオンラインツールを利用して、フォントの情報を簡単に取得できます。 無料で使えるオンラインツール、アプリとその使い方も合わせて紹介します。（一部有料もあり^^;） Adobe Capture Adobe Fonts Photoshopマッチフォント WhatFontIs Fount フォント検索ツールの比較と検索精度を上げるコツ フォント検索ツールの日本語・和文フォント対応 フォント検索ツールが日 ...

bodyまたはhtmlに指定されているフォントファミリーを調べました。環境はmacOS Catalina、ブラウザはGoogle Chrome（バージョン: 113）、情報は2023年5月時点の情報です。 CSS font-familyの基本はこちらの記事でまとめています。いつも迷うfont-familyの指定。CSS font-familyフォント指定の基礎知識 複数設定されているfont-familyのどれが適用されているのかブラウザで確認するにはこちらサイトで実際に表示されているフォント（レンダリン ...

ウェブサイトでフォントを指定するのはCSSのfont-familyプロパティです。font-familyプロパティには複数フォントを指定する場合が多いですが、実際にブラウザで表示されているのはどのフォントなのかを確認する方法をまとめています。 CSS font-familyの基本はこちらの記事でまとめています。いつも迷うfont-familyの指定。CSS font-familyフォント指定の基礎知識 画像や写真、広告で使われているフォントを調べる方法 街で使われているフォントをスマホで撮影して、または画 ...

HEIC（High Efficiency Image Format）は、画像を圧縮するためのファイルフォーマットです。 JPEGと比較して同じ画質の画像を半分以下のファイルサイズで保存でき、軽くても高画質なのが特徴です。 AppleがiOS 11で導入し、現在はmacOSでも標準でサポートされています。 しかしこのheic形式の画像をPhotoshopで開こうとするとPhotoshopが落ちてしまうことがあります。 でもheicファイルはサポートされているため開くことは可能ですが、ちゃんと開くには設定が必 ...

独自ドメインを所有している個人事業主や中小企業にとって、ドメインの年間管理費は必ず支払いが発生するためできる限りコストを抑えたいというのが実情です。 ドメインの取得にはお名前.comやムームードメインを利用することが多いですが、今年からGMOグループで導入されたサービス維持調整費を支払いたくないと思っている方も多いはず。（私もその一人） そのような方におすすめするのが「エックスサーバードメイン」です。 エックスサーバードメインは、ドメイン維持費用が格安で、コストパフォーマンスが非常に高いと評判です。 また ...

Swiperはスライダーやカルーセルが簡単に実装できるJavaScriptライブラリです。jQuery不要で軽量・高機能なためWebサイトで広く使われていますね。本記事ではSwiperの基本的な使い方や実装方法、オプション設定の使い方、よくあるカスタマイズ方法、そしてトラブルシューティングについて、わかりやすく解説していきます。 Swiperの特徴 https://swiperjs.com/ Swiperの特徴は以下のようなものです。 タッチスワイプに最適化されている Swiperはタッチスクリーンに最適 ...

ちょっと古いですがカルーセルスライダーが簡単に実装できるSlickを久しぶりに触る機会がありました。 slickはレスポンシブ設定が可能でスワイプにも対応しています。カルーセルのサイズ、アニメーションの速度、表示するスライドの数、表示する矢印やボタンの種類など、多くのカスタマイズが可能です。また、CSSを使用してデザインをカスタマイズすることもできます。サイトの様々な箇所で応用ができる便利なライブラリです。 使う機会は少なくなりましたがまだjQueryを導入しているサイトでは使う機会もありそうなので使い方 ...

FontAwesomeやGoogleマテリアルアイコンを使って、★や♥をアイコンとして表示することはできますが、わざわざアイコンフォントを使わなくても♥や♠を表示できます。また丸数字（丸付き数字①②③④⑤⑥⑦⑧⑨⑩）など特殊文字を文字化けせずに表示する方法、またCSSの擬似要素(::before,::after）を使って表示する方法などを解説します。 丸数字（丸付き数字）や星などの記号やマークなどは「機種依存文字」と呼ばれており環境によって表示が変わる文字のことを言います。文字化けする可能性がある文字であ ...

アイコンフォントというとFontAwesomeが定番という感じがしますが、Google製のアイコンも使いやすくて最近は結構よく利用しています。 ここではGoogleマテリアルアイコンの新バージョン、Googleマテリアルシンボルの基本的な使い方、カスタマイズ方法とアイコンが表示されない時の対処法をまとめています。 Googleマテリアルシンボル・アイコンはGoogleマテリアルデザインの元で開発されました。2023年現在、GoogleのアイコンフォントはGoogleマテリアルアイコンとマテリアルシンボルの ...