ブログカスタマイズ

次世代画像フォーマットの「WebP（ウェッピー）」が、ついにSafariに対応（2020年9月）しました。これで、IE以外の主要なブラウザには対応することになります。WebPにすることで画像の容量を20～30％小さく出来るということなのですが、私が使っている限りでは70％近くは容量を削減できます。 SEOをする上でも、サイトの軽量化は一つの指標となっており、Googleの「Page Speed I

2020年9月現在では、WEBの画像フォーマットと言えばJPEGですが、次世代の画像フォーマットを使うことで、写真の品質を落とさずに、より軽量化することが出来るようになります。次世代の画像フォーマットにはHEIF（ヒーフ）やWebP（ウェッピー）などがあります。 >> 「HEIF（ヒーフ）」のブラウザやPhotoshop等の対応状況は？ HEIFはMac版のPhotoShopでは対応し

以前から作成したいと思っていたグローバルメニューを設置しました。 参考にさせていただいたのはこちら www.yukihy.com 一応の設置はできたのですが… 私としてはグローバルメニューの帯の横幅を、記事とサイドバーの範囲に合わせて小さくしたかった。 とても丁寧に説明してくださっている記事で、幅調節の記載もあるため、そのとおりに何度も書き直してみたけれど、なぜかどうしてもできませんでした。 ついでに帯の色を変更することも試してみたけれど、それもうまくいかない… バックを白、文字を他の色で試してみたところ、横幅いっぱいの帯の上に作成した白い帯が載っかってる (¯―¯٥) 何となく勘で色々いじり…

5/29は何の日でしょう？ 知らないにゃ～ このブログを始めた日だよ♪ 6/1からにした方、キリがよかったにゃ～ ぴったんの言うとおりだよね… でも、思い立ったらすぐ行動にうつすのがユラだにゃん ブログを開設し１ヵ月ちょっと経過しました。 早い、あっという間です（´-`）.｡oO以前にもブログをしていたことは、はじめに書きましたが、その時はぴったんが自分で網戸を開け脱走してしまい… ぴったんを探すために考えたことの１つが、情報を募るためのブログ開設― 全国の猫ブロガーさんたちから応援していただき、本当に貴重な体験をさせていただきました。 （ぴったんは無事に、77日ぶりでおうちに帰ってくることが…

コスパが良くて、高速なことで知られる「エックスサーバー」ですが、2020年2月末にサーバーの環境をグレードアップしました。高速CPUの『AMD EPYC（Rome世代）』が採用（従来のCPUよりも1.5倍の処理速度だそうです）され、アクセスが集中した場合も従来より高速で安定したサイトの運用が可能に。 さらに『オールNVMe』RAID10（ストライピング＋ミラーリング）構成が採用され、WEBサイトの

オリジナルアイコンを作成したいけれど 誰に依頼して良いか分からない...という方へ。先日利用した イラストレーター サメ子さんの無料アイコンイラスト作成サービスがおすすめです。そこで 今回は 依頼方法や実際の流れをまとめました。

HTML5ではタグを使うことで、WEBサイトに動画を埋め込むことが出来ます。ただ、記述方法に気を付けないと、WindowsやAndroidスマホでは表示されても、iPhoneやiPadなどでは動画が表示されない、という現象が発生してしまいます。 日本では、スマホでのiPhoneのシェアはかなりのものになりますので、iPhoneやiPadで意図せずに動画が表示されないのは困りますよね。そんなわけで、

WooCommerce プラグインを利用することで、WordPressで簡単にショッピングカートシステムを構築することが出来ます。ある日「お客さんからマイアカウントにログインが出来ない」というお問い合わせがきました。 今まで、特に問題なくマイアカウントにログインは出来ていたと思うのですが、なぜできなくなってしまったのでしょうか。試しにパスワードを再発行して、ログインをし直してもログインが出来ません

WooCommerceを使えば、WordPressで簡単にショッピングサイトが構築できます。ただ、なぜか「商品カテゴリー」の順番を並び替える機能がないんですよね。。。そもそもWordPressにも、カテゴリーの順番を並び替える機能がないのが不思議です。 そこで今回はプラグインを使って、WooCommerceで商品カテゴリーの順番を簡単に並び替える方法をご紹介します。 商品カテゴリーの順番を並び替え

私のブログはWordPressで作成しているのですが、バズ部で無料配布されている「Xeory Base」というテーマを使用させていただいています。 少しずつ勉強しながらブログのレイアウト等を更新している日々ですが、ようやくナビゲーシ

サーバーにFTP接続する際に「FileZilla（ファイルジラ）」を使っています。 以前は「FFFTP」を使っていたのですが、「FileZilla」はとても快適です。 >> 【FTPクライアント】FileZilla（ファイルジラ）の転送速度に感動 そんなFileZillaですが、新しいパソコンにFTP情報などの設定をエクスポートすると、「致命的なエラー（サーバーに接続できませんでした）

Windows 10でMySQL Workbench 8を新規でインストールしたのですが、アプリを起動させようと思っても起動しない現象がありました。起動しようとしているようですが、途中で終了してしまっている感じです。MySQL Workbench 8は、DBにアクセスして、MySQLを操作できる便利なツールなのですが、使えないと困ります。。。 ということで、今回はWindows 10でMySQL

WordPressのテンプレートで、企業向けサイト制作に最適なテーマの一つに「Enfold」があります。「Enfold」は、制作するWEBサイトに合わせて、最適なデザインを選択することができたり、「Avia Layout Builder」と呼ばれるビジュアルエディタにより、簡単にレイアウトを組めるようになっています。 有料のテーマ（＄59）ではありますが、日本のテーマでももっと高いものもありますし

Andorid スマホには、以前から明朝体のフォントがインストールされていません。その為、font-familyで「serif」などの明朝体フォントを指定しても、ゴシック体で表示されてしまいます。 パソコン版では、明朝体で綺麗に表示されているのに、スマホで閲覧する場合にはゴシック体で表示されてしまうと、せっかくのサイトの雰囲気が台無しになってしまいますよね。。。　そこでAndorid スマホでも明

2020年からブログを再開して とまどいの連日(笑) blogerって独特！ 手探りしながら楽しみながら ブログをカスタマイズできば良いかな～ まずは記事に「見出し」をつけたいんです ネットで調べれば一発！ わかっちゃいました(笑) 標準で...

サラリーマンの副業が解禁された2019年。皆さんはばっちり稼ぐことができましたか？ でも、稼いだからには税金を払わなければいけないのがこの国のルール。払わないと脱税になっていしまいます。 「え、せっかく副業でお小遣いを稼いだのに税金がかかるの？？」と思わるかもしませんが、 副業でも一定の基準を超えている方は税を納める必要があります。 今回は、そんな副業にまつわる税金のお話を簡単にまとめたいと思います…

最近、レンタルサーバーでは、WAF（Web Application Firewall、ワフ）が標準で搭載されていることが多くなりました。WAFを有効にすることで、WEBサイトを不正な攻撃から守ってくれる為、セキュリティの向上に大いに役立ちます。 ところが、このWAFが誤検知を起こしてしまい、正常なアクセスでも「403 Forbiddenエラー」となってしまうことがたまにあるので注意が必要です。 G

2013年10月の発売直後に購入したSurface Pro2。仕事にブログの執筆にと活躍してくれていましたが、気づけば丸6年。半年くらい前から電源ボタンを押しても反応しなかったり、タイプキーボードの接触が怪しくなったりと、かなり老朽化していました。 次は買うんならSurface Proシリーズで…

メイソウ（名創優品）のロゴは赤いバック形と白文字のロゴのデザインはユニクロのそれと、名前はダイソーと無印良品を混ぜたものと、どこか日本で見たことのあるものです。 カタカナで”メイソウ”と書かれていますが、日本の企業ではなく中国の企業です。 ただし、本社は東京の銀座に置かれており、日本製品への信頼を寄せる層…

副業でウーバーイーツの配車を初めて半年くらい立ちますが、ときどき配車リクエストが全然ならないことってありますよね。さっきまでアプリにリクエストが入りまくってたのにどうして？って感じたことはUber Driverをやっている方なら一度や二度ではないはず。 私は週末に都内の飲食店が多いエリアでウーバーの配達を行っていますが…

サーバーを移行する際には、ネームサーバー（DNS）の切り替えが必要になります。切り替えた後、早いところでは1時間程度で新しいサーバーに切り替わって、新しいWEBサイトが表示されるようになるのですが、プロバイダによっては1日程度経たないと切り替わらないところもあります。 完全に浸透して落ち着くまでには、通常は2～3日かかると言われています。 ただ、DNSを切り替えてからでないと作業できないことや、動

jQueryの「bxslider」は、WEBサイトで写真をスライドして表示させることができる、有名なプラグインの一つです。レスポンシブ対応もしているので、使っているユーザーも多いのではないでしょうか。 その「bxslider」で、スライドの写真にリンクを貼っている場合に、ある時期からクリックできなくなってしまいました。原因としては、Google Chromeのアップデートによって「bxslider

BluetoothでiPhoneと無線接続できるイヤホン「Beats x」が発売されて早や3年。 ワイヤレスの取り回しの良さや必要十分な電池の持ち長さ、洗練されたデザインなど満足して使ってますが、唯一の不満が曲の早送り、巻き戻しができないこと。 Brats Xは左右のイヤホンをつなぐネットストラップがあり、右側に電池と電源スイッチ、左側に音量を上げ下げするボタンと、曲を止めるセンターボタンが配置されてますが、曲送り、曲戻し…

ついに私の使っているサーバーでも「X（エックス）アクセラレータ Ver.2」が使えるようになりました！ 「Xアクセラレータ Ver.2」とは、レンタルサーバーの「エックスサーバー」が提供している、PHP処理速度が最大20倍の高速化を実現させる為の機能です。2019年2月から提供が開始され、新規契約したユーザーは最初から使える機能なのですが、以前から使っているユーザーには順次提供が開始されていました。 エックスサーバーは、サーバーが快適に安全に使えるように、定期的にパワーアップしてくれます。ディスクの読み込み速度が48倍以上向上する「オールSSD」や、「nginx」採用で「HTTP/2」にも対応し、並行して処理を行うことで表示速度が高速化され、メモリの使用量も少なくなりました。 さらに、さまざまなサーバーへの攻撃を防ぐことができる「WAF」も無料で使え、「MySQLの自動バックアップ」も7日分までなら無料で復元することができるようになっています。そして、今回のPHP処理速度が最大20倍になる「Xアクセラレータ Ver.2」の提供です。言うことなしですね（＾＾） >> WordPressの高速化やセキュリティ強化なら「エックスサーバー」 「Xアクセラレータ Ver.2」とは もともとは「Xアクセラレータ」は、ファイルのキャッシュをすることで速度が速くなる機能として提供されていました。その為、ECサイトやログインしたユーザーによって異なるコンテンツを表示するような場合には向いていない機能でした。 ところが2019年2月から「Xアクセラレータ Ver.2」にバージョンアップすることで、静的ファイルはキャッシュさせることは変わらないのですが、PHPなどの動的ファイルはキャッシュを使わずに、プログラムの高速化が実現できるようになったのです。 実際に、WordPressを使ったサイトやECサイトで実装を開始していますが、特に不具合は発生しておらず、快適に使えています。さすがに、処理速度が10倍になったという実感はありませんが、体感速度は速くなっているという実感はあります。 「Xアクセラレータ」の実装方法 「Xアクセラレータ Ver.2」は、サーバーパネルにログイン後、「高速化」の項目の「Xアクセラレータ」から実行します。

ローソンや昭和シェル石油で使えるポインカードのPonta。 ポイント付与率は100〜200円毎に1ポイントと微々たるものですが、毎日のお買い物でたまるので気づくとポイントが溜まっていてウレシイですよね。 最近はApple WalletにPontaカードを紐づけることができる…

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。

記事の情報が取得されるまで、しばらくお待ちください。