sorami

Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営|2008年からGmail使用中|WordPress制作10年以上|15社以上のレンタルサーバー利用経験|100件以上のドメイン取得運用|サイト・ドメイン移転多数 »  もっとくわしく

WEB Tips デザイン・コーディング

CSS 複数行テキストを上下左右中央揃え(センタリング)のまとめ

センタリングしたい要素のサイズが可変の場合に有効な上下左右中央揃えの実装方法をまとめます。 Flexboxを使う方法 display:flexなら上下左右の中央揃えも簡単にできます。 See the Pen Center top/right/bottom/left flexbox by mixtaro (@mixtaro) on CodePen. .wrapper{ display:flex; justify-content:center; align-items:center; min-height:1 ...

サーバーTips

シンレンタルサーバーでメールアドレス作成する手順

本記事ではシンレンタルサーバーで独自ドメインを使ったメールアドレスの作成方法を解説します。 作成したドメインメールアドレスはOutlookやGmailに設定して使うことができます。 シンレンタルサーバーは、WordPress高速化技術KUSANAGIを導入した最新技術を搭載し、安さも追求した国内最速&コスパNo.1レンタルサーバーです。 メールアカウントを個別に登録する まずは、使用するメールアドレスをシンレンタルサーバーで作成することからはじめます。 ここでは、シンレンタルサーバーでドメインは設定済みで ...

目的・機能で選ぶレンタルサーバー

広告無し!完全無料 シンフリーサーバーでできることと特徴

シンフリーサーバーは、広告なしで完全無料のレンタルサーバーとして注目されています。 無料なのに、独自ドメイン、PHP、データベース、無料SSLが使え、WordPressサイトの構築や管理も簡単に行えて有料レンタルサーバーにも引けを取らないほど機能が充実しています。 本記事では、シンフリーサーバーの機能とメリットデメリットを詳しく解説し、シンフリーサーバーの魅力を余すところなくお伝えします。 シンフリーサーバーとは?無料で使える機能 https://www.xfree.ne.jp シンフリーサーバー(旧シン ...

レンタルサーバー

シンレンタルサーバーの料金とおすすめプランの解説

本記事ではシンレンタルサーバーの料金とプランについて詳しく解説します。 シンレンタルサーバーを検討中の人 シンレンタルサーバーのおすすめプランを知りたい人 シンレンタルサーバーの料金プランの違いを知りたい人 におすすめの記事となります。 シンレンタルサーバーとは Xserverのシステムをベースに超高速WordPress実行環境KUSANAGIを搭載した高性能サーバーでありながら、リーズナブルな料金体系が魅力のレンタルサーバーです。 安定性重視のXserverであるのに対し、新しい技術をどんどん取り入れて ...

WEB Tips ウェブ・アプリ

Gmailに他のメールアドレスを追加して送受信する方法

GmailにはGmailアドレスだけでなく、例えば会社のメールアドレスやお店のメールアドレスなどの独自ドメインのメールアドレスや他のフリーメールアドレス(OutlookやYahoo!メールなど)を追加することができます。 仕事や趣味などで複数のメールアドレスを使っている場合、Gmailに集約させれば一括管理ができるのでとっても効率的にメール管理ができます。 また、受信だけでなく独自ドメインのメールアドレスとして送信もできるので、わざわざ会社に戻ってPCを開いてメール送信しなくてもGmailから会社のメアド ...

レンタルサーバー

高性能で高コスパのシンレンタルサーバー。エックスサーバーと比較

シンレンタルサーバーはエックスサーバーをベースにしつつコスパに優れたレンタルサーバーです。 この記事でわかること シンレンタルサーバーでできること エックスサーバーとの比較、選ぶポイント 現役ユーザーによる実際の使用感 当サイトはシンレンタルサーバーで運用中 筆者は、エックスサーバー利用歴10年以上、シンレンタルサーバーは2021年から利用中。エックスサーバーとシンレンタルサーバー両方を利用して複数サイトを運営しています。当サイトはシンレンタルサーバーで運用しています。 本記事では、実際の使用経験を元に、 ...

サーバーTips

カラフルボックスのサーバー名とIPアドレスを確認する3つの方法

レンタルサーバーColorfulBoxカラフルボックスでドメインのDNS設定やメール設定などで必要になるサーバー名、IPアドレスを確認する方法です。 カラフルボックスで自分のサーバー名・IPアドレスを確認できるのは以下の3つです。 サーバーアカウント設定メール カラフルボックスマイページの購入サーバー cPanelログイン後のサーバー情報 サーバーアカウント設定完了通知で確認する カラフルボックスの申し込み後に送信されるメール「サーバーアカウント設定完了通知」にサーバー情報が記載れています。 メール本文の ...

WordPress Tips サーバーTips

カラフルボックス 他社ドメインでWordPressを使う手順

本記事ではカラフルボックス(ColorfulBox)で、他社ドメインを使ってWordPressを使う手順を解説します。 以下のような方におすすめの記事です。 カラフルボックスに他社ドメインを追加してWordPressを始めたい 他社サーバーからカラフルボックスにWordPressを移行したい カラフルボックスの機能や使用感、メリットデメリットは別の記事にて解説しています。 カラフルボックスに他社ドメインを追加してWordPressを始める 新たに取得したドメインを使って新規でWordPressを始めるとい ...

WEB Tips ウェブ・アプリ

Outlook フリーメールをスマホで使う方法

Gmailと同じように高機能なフリーメールとして、最近勢力を増してきている感のあるフリーメール版Outlook。 電話番号・メールアドレス不要で簡単に登録できるのが魅力です。 ちなみにOutlookは最近New Outlookにリニューアルして、デスクトップ版も無料で使えるようになっています。 Windows11の標準メールアプリ「メール」に代わって、Outlookが標準メールアプリになるとのこと。 Windows メール、予定表、連絡先が Outlook になります 2024 年以降、Windows 1 ...

WEB Tips ウェブ・アプリ

無料 Outlook フリーメールの使い方と活用方法

Outlookは、Microsoftが提供しているフリーメールサービスです。 以前はHotmailという名前を覚えている方も多いのではないでしょうか。 Hotmailはインターネット初期の1990年代からある無料メールサービスで現在はOutlook.comに統合されています。 OutlookというとWordやExcelなどOffice製品に含まれるのメールソフトのOutlookと同じ名前なので紛らわしいのですが、Officeを持っていなくても使える、無料のWebメールです。 Microsoftアカウントが ...

WEB Tips ウェブ・アプリ

Gmail 大事なメールが迷惑メールに入らないようにする設定

少し前からGmailのスパム判定が、以前よりも厳しくなったようで、来ているはずのメールがない?と思ったら、迷惑メールフォルダに入っていたということが多くなったように感じています。 また、以下のようなメッセージがよく表示されるようになっています。 Gmail「このメールにはご注意ください」の意味と対処法はこちら Gmailの迷惑メール判定は精度が高いので、日々大量に届く迷惑メールに煩わされることがなく快適なのですが、仕事上の大切なメールまで迷惑メール扱いになってしまうと困ったことになります。 同様に、自分が ...

WEB Tips ウェブ・アプリ

Googleアカウントを一つだけログアウトする方法

仕事やプライベートでGoogleアカウントを複数使われている方は多いのではないでしょうか。 PCやスマホで複数のGoogleアカウントにログインしていると、1つだけログアウトしたいという場面もあるかと思います。 本記事ではGoogleアカウントを一つだけログアウトする方法を紹介します。 スマホでGoogleアカウントをログアウトする手順 Gmailアプリを使って、特定のGoogleアカウントをログアウトできます。 iPhone, Gmailで特定のGoogleアカウントをログアウトする アカウント「exa ...

WEB Tips ウェブ・アプリ

メルアドぽいぽい メアド作成とプッシュ通知の方法

登録不要で好きなだけメアドが作成できる捨てメアド・メルアドぽいぽいでメールアドレスを作成する方法とプッシュ通知の方法をまとめています。 メルアドぽいぽいの機能やメリットについては以下の記事で詳しく解説しています。関連記事悪用厳禁!登録不要で即使える捨てメアド・メルアドぽいぽいの使い方 メールアドレスの作成方法 メルアドぽいぽいでは、サイトにアクセスした時点で自動的にメアドが作成されます。その他にいくつでも必要なだけメアド作成ができます。 https://m.kuku.lu/ メールアドレスを作成する方法は ...

WEB Tips ウェブ・アプリ

悪用厳禁!登録不要で即使える捨てメアド・メルアドぽいぽいの使い方

本記事ではGmailよりも簡単に使える捨てメアド・メルアドぽいぽいの使い方をまとめています。 捨てメアド(捨てアド)とは、短期間のみ必要な登録や確認のために一時的に使うメールサービスです。 「メルアドぽいぽい」は、GmailやYahoo!メールのように登録する手間が不要・電話番号不要で、メルアドぽいぽいを開けば即メアドが取得できてすぐに使える状態です。 ニュースサイトの記事を読みたい、Webサービスにログインしたいけど自分のメアドは登録したくない、という時に最適なメールサービスです。 メルアドぽいぽいは登 ...

WEB Tips ウェブ・アプリ

Proton Mailとは? 安全性と使い方、無料で1GBにする方法

Proton Mail(プロトンメール)は送受信される全てのメールをエンドツーエンド暗号化するセキュリティとプライバシーを重視したフリーメールサービスです。 この記事を読むと以下のようなことがわかります。 Proton Mailとは?安全性は? 無料でできること、有料プランとの比較 無料で容量を500MBから1GBにする方法 それではProton Mailの特長と使い方について深掘りしていきます。 Proton Mailとは? https://proton.me Proton Mailは、スイス・ジュネー ...

WEB Tips ウェブ・アプリ

【2024最新】Googleアカウントを電話番号なしで作成する方法

Googleアカウントを新たに作成する時、電話番号の入力を求められる場合があります。でも電話番号は入力したくない、電話番号を入力せずにGoogleアカウントを作りたいと思う人も多いのではないでしょうか。 本記事では電話番号なしでGoogleアカウントを作成する方法について見ていきます。 ちなみにGoogleアカウント作成時の電話番号入力する場面は、2つあります。 スパム・ロボットでないことを証明するためのSMS認証 アカウントにアクセスできなくなった時の回復手段としての電話番号登録 ここでは前者「ロボット ...

WordPress Tips

WordPress 関連記事を表示するおすすめプラグイン5選

ブログ投稿ページに関連記事を掲載するのはサイトの回遊率を上げるのに有効です。当サイトでも過去にプラグインを使わず関連記事を自作する方法を記事にしています。 PHPを書いたりfunctions.phpを編集したりはハードルが高い、もっと手軽にやりたい場合は、関連記事を表示してくれるプラグインを活用しましょう。 プラグインなら導入は簡単、豊富な機能を備えている場合が多いです。 例えばカテゴリーやタグだけでなくタイトルやコンテンツから関連性を判断したり、特定のカテゴリーやタグを除外したり、サムネイルやタイトルの ...

WEB Tips ウェブ・アプリ

勝手に置き配される!? Amazonで置き配を解除する方法

Amazonの配送方法は、初期状態で「置き配を利用する」が有効になっています。 そのため、意図せず勝手に置き配されてしまう場合があります。私は実際に置き配希望ではなかったのに置き配されて、違う住所に配達されました。参考Amazon 電話・チャットで問い合わせ・配達完了でも届いていないときの対処法 このような配達トラブルがあったら嫌なので、置き配は利用したくないという方も多いのではないでしょうか。Amazonの置き配を解除する方法をまとめます。 Amazonの置き配を解除する方法【PCサイトの場合】 置き配 ...

WEB Tips ウェブ・アプリ

Illustrator 書き出し画像サイズが大きくなる、1pxずれる問題の対処法

昔からあったのですが、Illustratorで、画像を書き出す時に書き出した画像が作ったサイズより1px大きかったりずれる問題です。 例えば、300px × 250pxのバナー画像を作りたいのにWidth 301px, Hieght 251pxの画像になってしまう・・・ことです。とってもモヤモヤします。^^; Illustratorには「ピクセルを最適化」という機能がありますがこれで最適化してもずれる場合があります。 2023年現在では「ピクセルグリッドに最適化」 ※バージョンによって名称が違うようです。 ...

WEB Tips ウェブ・アプリ

Excel, スプレッドシートで曜日を自動入力する方法

ExcelやGoogleスプレッドシートで日付を入力したときに曜日も一緒に表示したいことってよくあります。 でも一つ一つ手入力は面倒なので、日付をいれたら曜日も自動的に入力する方法のまとめです。 曜日を自動入力する2つ方法:表示形式とTEXT関数 曜日を自動入力するには以下の2つの方法があります。 セルの表示形式を使う表示形式を使うと、見た目だけでなく、計算にも影響を与えません。ただし、計算やデータ処理には使えません。日付と同じセルに曜日も含めて表示したい時に有効。 TEXT関数を使うTEXT関数を使えば ...

WEB Tips ウェブ・アプリ

重いPDFを軽くしたい!無料オンラインPDF圧縮ツール7選

PDFファイルは情報共有に便利ですが、思った以上にファイルサイズが大きくなってしまってメール送信ができないという経験はありませんか? PDFの軽量化は、ストレージの節約になるだけでなく、データ送信や共有がスムーズに行えるため、作業効率を高める重要な手段になります。 この記事では重くなったPDFを軽くする、無料で使えるオンラインPDF圧縮ツールを厳選し、実際にどのぐらいファイルサイズを圧縮できて、圧縮後の品質はどの程度保持されるのか実例をもとに比較しています。 オンラインPDF圧縮ツールのメリット・デメリッ ...

WEB Tips ウェブ・アプリ デバイス

HEIC画像をJPGに一括変換する方法 iPhone, Mac, Windows

HEICフォーマットの画像はiOSで標準の画像形式です。でも他の端末に画像を送る用にJPGに一括変換する方法を4つ紹介します。 iPhoneでHEIC形式で写真を保存しない方法は以下の記事で解説しています。iPhoneでHEICをやめる設定方法 【Mac】プレビューappで一括変換 iPhoneで撮影した画像をMacに転送してみたら、HEIC形式の画像だった。。。ということありませんか?このままだと使えないのでJPGに変換します。 Macなら標準搭載されている「プレビュー」を使って簡単に一括変換できます。 ...

WEB Tips ウェブ・アプリ

ブログにiPhone, Androidアプリのリンクボタンを貼る方法

ウェブページにスマホアプリのリンクを貼ろうと思った時に、久しくやっていなかったので現在はどうやるんだろう!?とちょっとあたふたしたので今後のためにまとめておきます。 iPhoneアプリのリンクを作成するのに以前は「Link Maker」というページで作成していましたが、iTunes Link Makerは終了したようでページ自体が存在しなくなっています。 2024年現在、iPhone,Androidアプリのリンクボタンを作成できるのは以下の3つです。 【2024年最新】iPhone, Androidアプリ ...

サーバーTips

Xserverからシンレンタルサーバーへサーバー移行は簡単!ドメインそのまま、ダウンタイムなし。

この記事ではXserverからシンレンタルサーバーへサーバー移行する方法をステップバイステップで解説します。 Xserverを使っているけどシンレンタルサーバーが気になっている、使ってみたいと思っている方、Xserverだけでなく他社サーバー利用中でもシンレンタルサーバーへ簡単に移行できます。 もちろん、ドメインはそのまま、ダウンタイムなし(サイト・メールが使えない期間なし)でサーバー移行が可能です。 シンレンタルサーバーを使うメリット シンレンタルサーバーは、元々が運営する別ブランドのサーバーサービスで ...

SSL サーバーTips

CPIサーバーの無料SSL設定と常時SSL化する手順

CPIの共有レンタルサーバー「ビジネススタンダード」では、2023年から主契約ドメインだけでなくマルチドメインも無料でSSLを導入することができるようになりました。この記事ではCPIサーバーで無料SSLの導入し、常時SSL化する手順をまとめます。 すべてのドメインで無料SSLが利用できるのは、最新プランの「」を利用している場合のみになります。それ以前のプランSV-Basic,ACE01などは対象にはなりません。 関連記事実体験中・法人向けレンタルサーバー、CPIシェアードプランの機能を解説 CPIの無料S ...

WEB Tips デザイン・コーディング

Photoshop 自由変形のやり方と変形できないときの対処法

Photoshopで自由に変形をしたい!オブジェクトを変形して奥行きをつけたい!時の変形方法。 この記事はPhotoshopでオブジェクトを変形して遠近感をつける方法と、変形がうまくいかない時の対処法についてまとめます。 Photoshopの変形 Photoshopには単純な拡大縮小やオブジェクトを回転させるほかにも、色々な変形方法があります。 変形させる素材 teak wood texture() もっともよく使う自由変形のショートカット オブジェクトを変形させるときに最もよく使うショートカットがCmd ...

WEB Tips ウェブ・アプリ

同じページを1枚の用紙に並べて印刷する方法

複数ページを1枚の用紙に並べて印刷することはよくあるのですが、1ページの内容を1枚に二つ並べて印刷しいたい時アプリ・ファイルの種類ごとに方法をまとめます。 移転のお知らせ 新商品のご案内 イベント・セミナーのご案内 お客様へのご挨拶 など、お知らせやご挨拶のような内容を作った時に、A4サイズの用紙1枚に印刷するには大きすぎるから、同じページをA4用紙に並べて印刷したいということありませんか? 1枚に2つ割付して印刷すれば用紙も節約にもなります。このような時の印刷方法をアプリごとにまとめます。 複数ページを ...

WordPress Tips

403エラーでWordPressにログインできなくなった時の対処法

WordPressにログインしようとしてwp-adminやwp-login.phpにアクセスしたら、403エラーが表示されてログインできない!となったことはありませんか? というのもつい最近、403エラーに遭遇してWordPressにログインできない事態になりました。原因はWordPressに入れていたセキュリティプラグインAll in one Securityに締め出されてしまったのが原因だったのですが。 この記事では、403エラーが起きる原因と対処法、セキュリティプラグインによってログインできない状態 ...

WEB Tips ウェブ・アプリ デザイン・コーディング

Photoshopだけじゃない、背景を伸ばしたりいい感じで生成してくれるツール

写真を使ってデザインするときに、もうちょっと横幅が広かったら・・・、右に寄せて余白を取りたい・・・なんていうことありませんか。Photoshopを使っていれば「コンテンツに応じた塗りつぶし」機能を使って足りない背景を伸ばしたりすることができます。 しかし生成AIの登場で、背景を自動で生成してくれたり、欲しいものを付け足してくれたりと機能が進化しています。 この記事では、Photoshopだけではなく、足りない背景を補完してくれる機能があるツールと、その使い方を実際に試した結果とともに紹介します。 足りない ...

WEB Tips ウェブ・アプリ デザイン・コーディング

Photoshop 簡単!吹き出しの作り方

制作物のデザインで「吹き出し」は結構使う頻度が高いのではないでしょうか。無料素材でも色々な吹き出しデザインの素材が手に入りますが、わざわざ素材を探さなくても結構簡単に作れます。 この記事ではPhotoshopで、シンプルなものから、ギザギザ風、モクモクした吹き出し、手書き風やおしゃれな吹き出しを作る方法を紹介します。 Photoshopで簡単に吹き出しを作成する方法(自作) Photoshopで吹き出しを作る時に使うのは、シェイプツールとペンツールです。 楕円形のシンプルな吹き出し 楕円形ツールを使って、 ...