パソコン 【MacBook周辺機器】購入してよかったもの｜キーボードカバー・USBハブ・ケースレビュー
はじめにWindowsの使いにくさからMacBook Proに乗り換えました。レビュー記事をいくつか書いているので、購入前の方はこちらもぜひご参照ください👇【レビュー】MacBook Proを中古で購入した理由と使ってみた感想【注意点】Ma...
maple
パソコン パソコン 【MacBook購入後の手順】初期チェック・設定・おすすめアプリまとめ
Windowsの使いにくさからMacBook Proに乗り換えました。レビュー記事をいくつか書いているので、購入前の方はこちらもぜひご参照ください👇【レビュー】MacBook Proを中古で購入した理由と使ってみた感想【注意点】Mac購入時...
パソコン 【MacBook購入で注意すべきポイント】JIS配列とUS配列の違いと失敗談
Windowsの使いにくさからMacBook Pro（中古）に乗り換えました！レビュー記事をいくつか書いていますので、こちらもぜひどうぞ👇【レビュー】MacBook Proを中古で購入した理由と使ってみた感想【初期設定】中古MacBookを...
パソコン 【2025年版】MacBook Pro M1 中古購入レビュー｜選び方・注意点・使ってみた感想
WindowsからMacBook Proに乗り換えました！しかも今回は【中古】で購入。結果から言うと「もっと早く買えばよかった…！」と思うくらい大満足です。この記事では、MacBookを選んだポイント中古購入で注意したこと実際に届いたMac...
Wordpress 【WordPress】私が入れてるおススメのプラグイン
Wordpressを作成していくにあたって、私がよく入れているプラグインを簡単にご紹介します！ほぼ自分用メモとして記事を書いています。（プラグインの整理用）何かございましたらコメントをお願いします！一覧Contact Form 7 → 受信...
Wordpress 【WordPress】管理画面・サイト両方が重い原因は「site kit by google」だった
ページ表示速度が遅延する経験はしてきましたが、管理画面が重いのは初めてだったので、原因が何か突き止めるのに時間がかかりました。。ページ表示速度に関することは以前記事にしているので、ご参照いただけたらと思います。管理画面も重くなる原因として考...
Wordpress 【WordPress】オリジナルのページを作成／画像パスの書き方・CSSを引き継がない方法
Wordpressで採用ページのオリジナルページを作成しています！作成方法や、困ったことの対処法などは別の記事に書いてありますので、ご参照ください！作成方法についてページの表示確認ができないトラブル今回は、①画像のパスの書き方 と ②親CS...
Wordpress 【WordPress】オリジナルのページを作成／作成方法
今回は、Wordpressでオリジナルのページを作成したので、それの共有をさせていただきたいと思います。調べてもあまりオリジナルのページを作成する方法が掲載されていなかったので、誰かのお役に立てれたらいいなと思います。テーマは、「light...
Wordpress 【WordPress】オリジナルページを作成／投稿ができないときに確認するもの
Wordpressの固定ページを使用し、テーマに依存しない新しいページを作成するために試行錯誤しています。今回は、固定ページを使用してページを登録しようとしましたが「公開に失敗しました。 返答が正しい JSON レスポンスではありません。」...
Wordpress ベーシック認証
ベーシック認証とはベーシック認証とは、簡単に説明すると、アクセス制限をかけるものです。サイト公開前のテストの時や、サイトを非公開としたい場合などに使用し、サイトにアクセスしたユーザーはパスワードを入力しないとページ表示されないという仕組みに...
Wordpress お名前.comでドメインE判定…スパム対策③／PHPバージョンの更新について
お名前.comで「ご利用中ドメインのネットde診断（セキュリティ診断）診断結果のご報告」という連絡が来ました。その結果はE判定・・・危機感を覚え、色々改善しているところです。セキュリティやスパム対策としてやったことなど記事にしているので、参...
サイト作成 お名前.comでドメインE判定…スパム対策②／WordPress
スパムメールが頻繁にくるようになり、そのせいなのか、お名前.comでドメインがE判定といきなり連絡が来ました…びびります。とりあえず、原因となりそうなWordpressのセキュリティについて見直したので、私がやったことをご紹介します。スパム...
CSS 【CSS】どうしてもページスクロールすると左右に動いてしまう問題！（苦労しました）③
この問題、すっごーーーーーく苦労しました。４ｐｘのはみ出しを探す作業が大変すぎました。悩んでいる方もいると思いますので共有させていただきます。過去にも記事にしているので、載せておきますが、おそらく下記の順番で検証した方が早いかもしれないです...
CSS 【CSS】hrタグで区切り線を使用するが、縦線になる問題
<hr>タグは、横線を引くときに使うHTMLのタグです。今回は、<hr>タグを使用しているにもかかわらず、縦線になる解決方法をご紹介します。縦線になってしまったCSSコードhr.case-line { border-top: 1px das...
CSS 【CSS】セクション間の区切り（画像を下三角/斜め）
自分用メモなのでお許しください。完成図HTML<div class="main"> 内容 </div>CSS.main::before { content: ""; width: 100%; height: 55px; background...
CSS 【Tailwind CSS】ニュースデザイン・お知らせのところのデザイン
今回は、よくあるサイトの「お知らせ」「ニュース」のデザインをTailwind CSSで作成してみました！完成図はこちら↓コードはこちら↓<section class="sm:min-w-64 mx-auto flex w-full bg-w...
Github 【Github】マークダウン コードを表示させる方法
簡単！コードの前後に「```」をいれるだけ！（これで終了…）
CSS 【Tailwind CSS】ラベルの書き方
シンプルな赤いラベル<span class="bg-red-500 text-white px-3 py-1 rounded-full text-sm font-semibold"> ○○</span>bg-red-500 → 背景色を赤に...
CSS 【SEO】CSS（JS）の圧縮／PageSpeed Insights
ページの速度改善についてです。ページの速度を速めることは、SEO対策として大切になってきます。わたしは、ランディングページを作成していましたが、ページの表示速度を速めることはランディングページの利便性というのを改善することにつながり、サイト...
CSS 【CSS】画面が左右に動いてしまう問題 ②
サイト制作をしているときに、画面が左右に動いてしまい、スクロールが不安定になってしまうことがありました。そこで対策方法がわかったので共有します。最初に、はみ出ている要素がないか確認します。padding等で、横幅100％からはみ出しているこ...