ブログ on Blogenist -ブロゲニスト-

【Homebrew】「Permission denied @ dir_s_mkdir - /private/tmp/***」が発生した場合の原因と解決方法

Fri, 15 Mar 2024 19:03:09 +0900

brew install時に権限エラーが発生

Permission deniedキターー！

MacOSをアップデートして新たなアプリケーションをインストールしようとした際にPermission denied @ dir_s_mkdir - /private/tmp/***というエラーが発生するようになりました！

【簡単実装】Formの入力情報をCookieに保存・読み取りを簡単に行う事が出来る「jQuery Cookie」の使い方まとめ

Thu, 19 Oct 2023 21:55:50 +0900

フォームの入力情報をCookieに保存して手間を省きたい

作業効率化を測る

業務システムを利用している際に、選択項目のCSV出力機能などで「フォームの入力情報をCookieに保存して次回もデフォルトで選択した状態で表示してほしい」、と言う要望がたまにあると思います。

【写真家ブロガー歓喜】画質を劣化させずに横縦比を固定しながら画像の解像度をまとめて一括に自由に変えれる「sips」が便利過ぎた【Mac標準コマンド】

Sun, 16 Apr 2023 23:41:58 +0900

Mac(linux)環境で画像の横縦比を自由に変えたい！

jpegoptimだけでは不十分

筆者のように旅行ブログをやっている場合、自分で撮影した画像をブログに貼るのですがその際に画質を落とさずに容量を抑えたい！という場合が多々出てきます。

【一工夫が大事】WordpressのEmbed機能でいい感じのリンクを追加する方法

Tue, 28 Mar 2023 16:01:45 +0900

別の記事を紹介したい

テキストリンクは効果が弱い

Wordpressで記事を書いている際、関連する自サイトの記事や参考にさせて頂いた別サイトの記事を紹介したい場合があると思います。

その場合に、単純にaリンクで紹介するだけではイマイチ読者にクリックしてもらうことが出来ないと思います。

【Windowsエクスプローラー】一眼で撮影した10BitのMP4動画のサムネが出ない原因(簡易表示)と出す方法【α7S3の動画のサムネを出したい】

Thu, 16 Feb 2023 16:52:05 +0900

α7S3撮影した動画のサムネが出ない

動画編集作業がしづらい

筆者はα7S3を持っており旅行先の動画や普段の動画はそちらで撮影をしています。

そして、いざPCに取り込み動画編集をする際に、Windowsエクスプローラー上で簡易サムネになってしまいサムネイルが正しく表示されない点にずっと使いづらさを感じていました。

【QuickTime Playerを超えた】Macでオススメの最強動画プレイヤーを導入してみたら快適過ぎた【α7S3で撮影したmp4の動画ファイルが開けない場合にも】

Sat, 25 Jun 2022 19:41:31 +0900

α7S3で撮影したmp4の動画ファイルが開けない

天下のQuickTime Playerで再生出来ないのツライ

先日、Sonyのα7S3で撮影した動画ファイルをMacBookに取り込んで再生しようとしたところ、以下のようなエラーが表示され再生が出来ませんでした。

【Macの掃除に最適】キーボードとトラックパッド入力を無効にする「KeyboardCleanTool」が便利過ぎた件【誤入力防止】

Wed, 29 Dec 2021 15:45:37 +0900

キーボード掃除したいけど反応されてうざいいぃぃ！

反応しないでクレメンス

年末恒例の大掃除の時期がやってきました。

家にあるものの断捨離や大掃除も大事ですが、自分が日々仕事や趣味で使っているパソコンも日頃の感謝の気持ちも込めて綺麗にしてあげたいところですよね♪

【謎エラー】HomebrewやCaskで「homebrew-core is a shallow clone.」が出てエラーが出ない場合の原因と対処方法

Tue, 28 Dec 2021 18:24:56 +0900

Homebrewが使えない！

先日、とあるアプリを入れようとしてHomebrewCaskのコマンドを打った際に以下のようなエラーが出てインストールが出来ませんでした。

brew cask install <アプリ名>

Error:
 homebrew-core is a shallow clone.
 homebrew-cask is a shallow clone.
To `brew update`, first run:
 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow
 git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow
This restriction has been made on GitHub's request because updating shallow
clones is an extremely expensive operation due to the tree layout and traffic of
Homebrew/homebrew-core and Homebrew/homebrew-cask. We don't do this for you
automatically to avoid repeatedly performing an expensive unshallow operation in
CI systems (which should instead be fixed to not use shallow clones). Sorry for
the inconvenience!

【おすすめWYSIWYGエディター】Bootstrapベースの「Summernote」でフォームパーツをツールバー付きのリッチなUIにしてみた【無料で爆速】

Mon, 21 Jun 2021 16:44:57 +0900

導入が楽チンでFormをWYSIWYG化

先日、フォームのテキストボックスやインプットボックスをリッチなUIにして欲しいというお話を受けました。

おそらくエクセルやワードのようなツールバーが付いているWYSIWYGエディターの事を指しているようだったので、ライブラリ選定をしていたところ、無料で使いやすそうなやつを見つけたので今回はそちらの導入方法を備忘録として記事にしてみようと思います。

【最強のYouTuber向け一眼レフ】Sonyのα7s3が暗所もいけちゃうつよつよカメラだった件【キャンパーにもぴったり】

Sun, 14 Feb 2021 20:51:58 +0900

遂にフルサイズ機をゲット！

APS-Cの上が欲しくなってしまった

筆者は以前からCanonのAPS-Cの一眼レフを使っていました。

もちろん、十分な画質でしたし軽くて使い勝手も良かったので特に不満はなかったのですが、キャンプや暗所での撮影をする際にややノイズや明るさの面が気になっていました。

【簡単爆速設定】Windows10の予測変換機能をOFFにして過去の変換履歴をリセットする方法【Microsoft IME】

Mon, 18 Jan 2021 20:39:54 +0900

予測変換を無効にしたい！

筆者は動画配信などをする際にはWindows10マシンを利用しているのですが、ライブ配信中にふとタイピングをした際に、Microsoft IMEの予測変換リストが表示される事があります。

【SEO】WordpressにJSON-LDを追加設定してくれるプラグイン「Markup (JSON-LD)」の設定方法【構造化データ】

Mon, 21 Dec 2020 21:33:27 +0900

SEO対策の一つ「構造化データ」

果てなきSEO対策

2020年12月4日にGoogleコアアップデートが行われ、サイト順位の大幅な変動が発生しパニクっている方も多いのではないでしょうか？

【テーマ・ソース変更必要無し】固定追尾サイドバーをプラグインぽちぽちだけで実装出来ちゃう「Q2W3 Fixed Widget for WordPress」が最強だった件【Wordpress】

Sat, 05 Dec 2020 17:48:17 +0900

自動追尾サイドバーを導入しよう

プラグインだけで完結

先日、functions.phpやテンプレートファイルに手を入れる事なく、プライグインだけでサイドバーのウィジェットを自動追尾スクロール化する方法を発見したのでご紹介しようと思います♪

【有能省スペース収納】PCデスク周りのアクセサリを無駄無く整理可能なBauhutteサイドラックを開封レビュー【テレワークにもオススメ】

Mon, 19 Oct 2020 16:49:06 +0900

PCデスク上をスッキリさせたい

PC周りは小物やアイテムが増えがち

PCデスクで仕事やゲーム、その他作業をしていると思っていう以上に物が増えてデスク上のスペースを圧迫してしまいますよね。

筆者の場合はメインPC(Windows)とサブPC(Mac)を開きながら仕事をしたりゲームをしたりするので、なおさらです。orz

【デスクワーク/テレワーク/在宅】PCゲーマーにもオススメの長時間座ってもお尻が痛くならないクッションを買ったので開封レビューしてみた【快適空間】

Sat, 17 Oct 2020 19:32:35 +0900

お尻が疲れない神クッション

座り疲れを解消したい

長時間、PC作業などをする方の中には座りっぱなしでお尻が痛くなる方がいると思います。

筆者も開発やらゲームやらで1日の半分以上ゲーミングチェアに座っているので、座り疲れがよく発生しますorz

【Bauhutte】複数ゲームハード機やPC用品を収納出来るスライダー式ゲーム機収納ラックを購入してみたのでご紹介【デスクワーク/テレワーク/在宅】

Mon, 12 Oct 2020 20:14:49 +0900

リモートワークにピッタリな収納アイテム

自宅にてPC作業をやる方にぴったり

このご時世、自宅でのリモートワークやゲームを趣味にし始めた方は少なくないと思います。

しかし、任天堂Switchやプレステ4、あるいはPCプリンターやハードディスクなど周辺機器が増え始めるとデスク周りが産卵しがちですよね。

【Cannot read property 'ASIN' of null】急にAmazonJSが読み込まなくなった原因と解決方法【Wordpress】

Sat, 08 Aug 2020 18:14:00 +0900

何も変えてないのに急に商品リンクが無限ロードになった

過去に表示されていたWordpress記事もダメになっているorz

先日、Wordpressの新しい記事を入稿し、プレビュー画面を開いたところAmazonJSを使って追加している商品リンクが無限ロードになり、画像が表示されなくなってしまいました。

【作業効率アップ】タンブラーとドリンクホルダーを使って快適なPCデスク環境を整えてみた【居心地最強】

Sat, 11 Jul 2020 17:40:06 +0900

オススメのドリンクアクセサリーを導入！

PCデスク周りは快適に越した事がない

筆者は仕事柄、1日の半分以上をPCデスクで過ごします。

また、フォートナイトなどのFPSやSwitchもPCモニターでやっているため休日もほとんどPCデスクで過ごしていますねw

【Adobe Premiere Pro】動画像やテキストを画面の端や任意のフッテージに揃えて配置する方法【AfterEffecrtsの整列ツールに近づかせる】

Sat, 06 Jun 2020 15:34:58 +0900

シーケンス内で画像や動画、テキストを綺麗に整列したい

PemiereProでは素材の整列機能がない？

YouTubeやSNSに投稿する動画を作成する際に、AfterEffectsではなくPremiereProを使っている方も多いと思います。

【デュアルディスプレイ】一つのモニターに出力するHDMIを簡単に切り替える方法【MacBook Pro/Windows10】

Mon, 27 Apr 2020 23:45:06 +0900

SwitchやPS4とパソコンでモニターを使い回す

出力を簡単に切り替える便利アイテム

前回、デュアルディスプレイの有効性のご紹介とオススメディスプレイについてご紹介する記事を執筆しました。

Amazon HUANUO モニターアーム 2画面デュアルディスプレイアームガススプリング式 17～27インチ対応耐荷重2-6.5kg グロメット式＆クランプ式 VESA100*100 (ブラック)

Amazon BenQ モニターディスプレイ GW2480 23.8インチ/フルHD/IPS/ウルトラスリムベゼル/DisplayPort,HDMI,VGA端子/ブライトネスインテリジェンス搭載

[adsense-responsive]

今回は、一つのPCモニターをHDMIケーブルを抜き差しする事なく出力を切り替える事が可能になるオススメアクセサリーを購入してみたのでご紹介しようと思います♪

【作業効率アップ】BenQのモニターをサブディスプレイにしてみたら快適空間が出来上がってしまった【ゲーミングPC】

Wed, 22 Apr 2020 20:34:24 +0900

デュアルディスプレイを導入

作業効率化を求めてお金を生贄に召喚

テレワークで自宅にてPC作業をしたりPCゲームをしたり動画編集等をしている際に、画面が1つだけだと作業効率が悪いと感じる事はありませんか？

【もしもアフェリエイト】Amazonアソシエイトで何が売れたかをレポートで確認する方法【成果報酬】

Wed, 15 Apr 2020 19:04:10 +0900

もしもアフェリエイト経由で売れた商品を確認したい

審査合格しやすい

もしもアフェリエイトに登録している方は、Amazonアフェリエイトプロモーションも利用している方が多いと思います。

直接申請するよりも通過の確率が高く最低支払い額も安いためアフェリエイト初心者にはオススメです。

【パフォーマンスアップを狙え】CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法【SEO対策】

Mon, 13 Apr 2020 20:02:58 +0900

CloudFrontはgzip配信可能

うわ・・私のサイト遅すぎ・・・？

皆さんはCloudFront使っていますか？

当ブログはWorpress+StaticPress+CloudFront+S3を組み合わせて、完全静的サイトとして運用しています。

【Wordpress】jpegoptimを使ってサーバー上のJPEG画像ファイルをまとめて圧縮する方法【便利】

Sat, 04 Apr 2020 23:07:53 +0900

EC2サーバーやMacにあるJPG画像を圧縮するしたい

大きい画像はメリットよりデメリットが多い

Wordpressなどでブログを運営していると画像等をアップロードする際に、なるべく綺麗な画像を乗せたいという気持ちで画像ファイルが大きいままアップロードをしてしまう事が多いと思います。

【AmazonJS】WordpressでAmazonアソシエイトの商品が表示出来なくなったのでPA-APIをv4からv5に更新する方法【必須設定】

Sun, 29 Mar 2020 20:47:52 +0900

WordpressでAmazonの商品が表示されなくなった

AmazonJSのリンクが表示されない

先日、WordpressにてAmazonの商品を紹介している記事の商品画像が表示されていない事に気づきました。

ムムム・・・。

原因はPA-API v5対応の不備

これは、Amazonが提供する商品APIのバージョンがv4からv5に上がった事によるWordpress側の設定不備が原因でした。

【コスパ最強】ELEGIANTのUSBタイプのPCスピーカーが使い勝手抜群でオススメ【Amazon】

Sat, 07 Mar 2020 19:18:19 +0900

高音質でコンパクトなPC用スピーカー

PCディスプレイを購入した際に、スピーカーが搭載されていないタイプのディスプレイだと後から気づく場合があります。

安価の製品だったりゲーミングモニターの場合はよくありますね。

【簡単丸ごとコピー】Updraft Plusでサイトやブログをローカル環境に復元(リストア)コピーする方法【Wordpress】

Wed, 29 Jan 2020 00:24:42 +0900

Wordpressのバージョンアップをローカルで試したい

Wordpressを使ってサイトやブログを構築している場合、実際にインターネット上に公開しているサーバー上で稼働させていたり、本番以外の検証・開発サーバーを構築せずに運用しているケースが多いと思います。

【瞬殺】docker-composeで爆速Wordpress環境構築【Wordpress5.3系・PHP7.3・Apache】

Wed, 15 Jan 2020 20:56:16 +0900

爆速Wordpress環境構築

今回はWordpressの環境をdockerを用いてローカルに爆速で整えるやり方を紹介しようと思います。

dockerさえインストールしていれば冗談抜きで爆速でログイン画面まで表示出来てしまいます・・・！

【このファイルタイプは】wordpressで一部のSVGだけアップロード出来ない問題の原因と解決方法【セキュリティの観点から許可されてません】

Fri, 25 Oct 2019 19:46:40 +0900

Wordpressで特定のSVG画像だけアップロード出来ない

このファイルタイプはセキュリティの観点で許可されていません

先日、いつも通りWordpressの記事に対してドラッグ&ドロップでSVG画像を追加しようとしたところ、以下のようなエラーが出ました。

【Node.js】npmモジュールの「sitemap-generator」でサイトマップの生成を自動化しよう【クローリング】

Wed, 23 Oct 2019 21:12:34 +0900

Sitemapを作りたい

静的サイトを作成している際に、複数ページにまたがる場合はSitemapを作成する必要があります。

サイトマップを使うと、ウェブマスターはサイト内のクロールされるページを検索エンジンに簡単に知らせることができます。サイトマップは、最終アップロード日、通常の更新頻度、サイト内の他の URL との相対的な URL 優先度など、各 URL の詳細メタデータのほか、サイトの URL がリストされている簡単な形式の XML ファイルであるため、検索エンジンでより正確にサイトをクロールできます。 sitemaps.org - プロトコル

【PWA】アプリのインストールイベントをGoogleAnalyticsに送信しよう【ビッグデータ】

Wed, 02 Oct 2019 22:05:27 +0900

アプリインストール数を集計しよう

前回の記事では、PWAアプリのインストール用のボタンを配置して意図的にインストールを行えるようにしました。

今回は、実際にインストールされたPWAアプリ数をGoogleAnalytics上で集計出来るようにスクリプトにサクッと手を加えたいと思います。

【ボタン配置】PWAアプリのインストールダイアログをJavaScriptで制御しよう【beforeinstallprompt】

Sun, 29 Sep 2019 00:32:33 +0900

PWAのインストールボタンを配置しよう

先日、WebサイトのPWA化についてご紹介しました。

ただ、何も設定していないと、初回訪問時にインストールダイアログが出現しますが、ここでインストールを行わないとこのダイアログが当分出てこなくなってしまいます。

それだと、かなり使い勝手が悪いので、今回は自動で表示されるインストールダイアログを制御し、ボタンを押したタイミングでインストールを行うようにJavaScriptを使って改修してみようと思います。

【30分でPWA化】Progressive Web Appsの概要とサイトのPWA対応のやり方まとめ【ServiceWorker】

Sat, 28 Sep 2019 00:23:39 +0900

Progressive Web Apps

What’s?

皆さんは「PWA」という言葉をご存知でしょうか？

PWAとは、「Progressive Web Apps」の略称で、モバイル向けのWebサイトをGooglePlayストアなどで配信されているスマートフォン向けアプリのように扱えるようにする仕組みです。

【GoogleAdsense】ads.txtの問題を修正しろと言う警告が出たので配置のやり方をまとめてみた【認定デジタル販売者】

Sat, 27 Jul 2019 22:26:46 +0900

アドセンスのホーム画面にこんな警告が

謎の警告

いつものように日々の広告収入を確認しようとGoogleAdsenseのホーム画面にアクセスしたところ以下のような警告が表示されている事に気づきました。

【アプリ開発者向け】MacBookPro2019を購入した際にやるべき初期設定とインストールすべきアプリまとめ【Homebrew】

Wed, 19 Jun 2019 23:56:42 +0900

ぼくのかんがえたさいきょうのMacBookPro環境

先日、MacBookPro2019を購入したので諸々の初期設定を行ったのですが、その際に行った初期設定やインストールしたアプリケーション達をご紹介します。

【新型MacBookPro2019】15インチMacBook Proの2.4GHz/メモリ32GBを購入してきた【2015モデルからの乗り換え】

Sun, 09 Jun 2019 22:53:49 +0900

突如発売された新型MacBookPro2019

2019年5月22日にMacBookPro2019モデルが発売されました。

MacBook Pro もっとパワーを。もっとパフォーマンスを。もっとプロのために。 MacBook Pro - Apple（日本）

【ゲーミングキーボード】程よい打鍵感が癖になる「Logicool ロジクール G PRO テンキーレス」がオススメ【PUBG・フォートナイト・ApexLegends】

Fri, 10 May 2019 18:04:20 +0900

初めてのゲーミングキーボードを購入したった

打鍵感が心地良い

筆者は今まで、安価のBluetooth対応のキーボードを使ってFPSやPC作業をやってたのですが、ガチめにFPS等をやっている人に話を聞くと、やっぱりゲーミングキーボードを買うだけでも操作性が上がり、立ち回りがうまくなると言われました。

【ゲーミングPCデスク】Bauhutteの「昇降式式PCデスク」が快適過ぎた【PC作業向け】

Wed, 08 May 2019 23:15:59 +0900

PCデスクを初めて購入

PCデスクも新しく購入

先日、遂にPCデスクを購入しました！

筆者は今までPCデスクというものを使わずに、リビングテーブルや太ももに乗せて作業をしてましたが、やはり長時間作業には向いていなく、首が疲れたり排熱によって熱くなったりしていました。

【マネジメントコンソールぽちぽちで簡単サイズアップ】AWSのEC2ディスクがファイルなどでいっぱいになった場合にボリュームを増やす方法【EBS容量拡大】

Wed, 03 Apr 2019 16:54:44 +0900

EC2の容量が残りわずかに

EC2を使ってサーバーシステムやWordpressを運用している場合、ファイルアップロードやログファイルなどでディスク容量が圧迫される事が多々あると思います。

【PC環境を整えよう】Bauhutteの「デスクごとチェアマット」を購入してみたので紹介してみる【ゲーミングPC/ゲーミングチェア】

Thu, 28 Mar 2019 12:19:52 +0900

安定のBauhutte

PC作業スペース確保

前回は、初めてのゲーミングチェアに関する記事をご紹介しました。

今回は、PCデスクも購入予定を予定しているためPC作業スペース確保のためのPCデスクマットという物を購入してみました。

【快適なPC作業を求め】ゲーミングチェア初心者にオススメな「AKRACING ゲーミングチェア WOLF-GREY」を購入したら大正解だった【ゲーミングPC】

Sat, 23 Mar 2019 22:18:14 +0900

ゲーミングチェアデビュー

デスク作業の負担が激減

筆者はPCゲームや仕事をするときは、通常の作業椅子を使ってPC作業やゲームをやっていたのですが、先日遂にゲーミングチェアデビューをしました！

【項目追加】Wordpress4.7で追加されたRestAPIのレスポンスにアイキャッチ画像のURLやサイズを追加するやり方【カスタマイズ方法】

Wed, 20 Feb 2019 20:53:26 +0900

WordpressのAPIではアイキャッチが取れない

Wordpress4.7でRestAPIが追加

Wordpress4.7で追加された便利な機能として、投稿をREST APIで取得することが可能です。

WordPress はアプリケーションフレームワークへと生まれ変わろうとしています。このプロジェクトは、簡単で理解しやすく、信頼性の高い API フレームワークを開発することを目的として生まれました。そして WordPress 本体の API を開発することも目的としています。
このプラグインは簡単な HTTP ベースの REST API を提供します。あなたのサイトのユーザー、投稿、タクソノミー、その他のデータに対してシンプルな HTTP リクエストを送信することで、取り出したりアップデートすることが可能です。 WP REST API v2 Documentation

【原因は不明だがこれで99%解決するはず】Twitterに張ったAmazonの短縮リンクのOGP商品画像が表示されない場合の対処方法【Amazonアソシエイトプログラム】

Tue, 05 Feb 2019 01:07:10 +0900

TwitterにAmazonの商品画像が出ない

Twitterでも商品紹介可能

先日、本ブログのTwitterアカウントでも商品紹介をしていこうと思い、Amazonに審査依頼を出し、無事に承認されました。

申請せずに商品すると、警告や最悪の場合アソシエイトプログラムの停止に繋がる可能性もあるらしいので、無許可でTwitterを使った紹介は止めたほうが良いでしょう。

【自動化】ブラウザ操作やコード解析をワンクリックで実行可能な「ブックマークレット」の作り方と設定手順まとめ【ブロガーさんにオススメなテクニック】

Fri, 25 Jan 2019 17:40:11 +0900

Bookmarkletを使いこなそう

What’s?

皆さんはブックマークレットをご存知でしょうか？

ブックマークレットとは、ブラウザのアドレスバーにスクリプトを直接記述したり、ブックマーク等にあらかじめ用意しておいたJavaScriptをワンクリックで実行する事が出来る仕組みの事を指します。

【2019年3月更新】月間1万PV達成記念！ブログ初心者が誰の手も借りずに無料のWordpressテーマを使って雑記型のIT・技術ブログで月間1万PV達成【道のりと内容まとめ】

Mon, 07 Jan 2019 01:03:34 +0900

遂に達成

月間1万PV

2017年08月14日に記念すべき(?)1記事目を投稿してから早1年4ヶ月。

遂に2018年11月のPV数が1万を超え、一つの目標だった月間1万PVを達成することができました。

【瞬殺解決】Photoshopでレイヤーが「インデックス」と表記されレイヤー追加やデザイン編集が全く出来なくなった場合の原因と解決方法【初心者にありがち】

Thu, 20 Dec 2018 14:50:02 +0900

編集が出来なくなった！

ブログ用の画像をいつも通りPhotoShopで編集しようと思ったところ、レイヤーの追加や編集が無効化されており、何も出来ない状態となってしまいました。。。

【AMP For WordPress】WordpressのAMPプラグインで出力されるページのレイアウトやデザインをcssでカスタマイズしよう【templatesファイル】

Tue, 18 Dec 2018 22:16:32 +0900

AMPページのレイアウト調整

残るはデザイン調整

連日のAMP記事祭りもこれで区切りになると思います。

今回は、AMPプラグインで出力された記事の不要な出力の除去と、デザインをAMP専用のCSSを用意してカスタマイズしてみようと思います。

【AMP For WordPress】AMPページにAmazonJSのリンクの画像や商品情報が表示されない場合の原因と対処方法【デザイン調整】

Sun, 16 Dec 2018 18:19:26 +0900

Amazonの商品リンクが見にくい。。。

果てしなきAMP対応

連日のAMP関連の記事となります。

前回まではGoogleAnalyticsとGoogleAdsenseのAMP対応をご紹介しました。

そして、今回はAmazonの商品リンクに対するカスタマイズをご紹介致します。

【AMP For Wordpress】AMPページにGoogleAdsenseが表示されない場合の原因と対処方法【設定必須】

Sat, 15 Dec 2018 22:05:52 +0900

AMPにGoogleAdsenseが表示されない

先日、AMPページにGoogleAnalyticsが設置されていない問題の解決方法をご紹介しました。

そして、GoogleAdsenseについてもデフォルトのままだと広告が表示されず収益が取れなくなってしまう状態になってしまっており、一手間加えないといけない事がわかりましたので、そちらの対応方法をご紹介したいと思います。

【AMP For Wordpress】スマホ向けにAMP対応した途端にGoogleAnalyticsのPV数がガクッと下がった場合の原因と対処方法【必須設定】

Sat, 15 Dec 2018 00:19:56 +0900

AMPを有効にしたらPVが下がった

先日、Wordpressの記事をAMP対応する方法をご紹介しました。

【コピペで瞬殺】ブログ記事に使えるキーボードボタン風のデザインをCSSで作ってみた【サンプル】

Wed, 12 Dec 2018 22:17:17 +0900

キーボードボタンを表現したい

ITやブログ、プログラミング関連の記事を書いている際に、どうしてもキーボードボタンやショートカットについて説明する事があるのですが、その際に文字だけだと直感的にわかりにくい文面になってしまいますよね。orz

【FTP転送】リモートサーバーとローカルマシンを繋げてくれる「FileZilla」のインストールと使い方【Windows/Mac両方対応】

Tue, 11 Dec 2018 13:10:15 +0900

FTPソフトの必要性

リモートサーバーのファイルを直接いじるのはNG

Wordpressなどでサイト制作を仕事にしている場合、リモートサーバーのファイルをローカルマシンにダウンロードしたり、ローカルマシンで編集したファイルをリモートマシンにアップロードしたい、というケースは必ず発生します。

【簡単お手軽】さくらのレンタルサーバーに構築したWordpressサイトに対して、Basic認証をかける方法【やり方まとめ】

Sun, 09 Dec 2018 16:39:00 +0900

Basic認証をかけたい

簡易的なWordpressサイトを構築する際に、さくらのレンタルサーバーを使っている方は多いと思います。

筆者もアドセンスブログを構築する際にさくらのレンタルサーバーを利用する記事をご紹介致しました。

【Wordpress】PHPで変数や文字列をerror_log関数を使ってデバッグログに出力する方法【var_dump?echo?】

Wed, 05 Dec 2018 19:05:02 +0900

デバッグしたい

Wordpressなどを使っていて、PHPの構文をちょっとカスタマイズする際に、動作確認を並行しながら修正をしたいケースがあると思います。
デバッグせずに本番環境にあげたり公開してしまうと、システムエラーが発生するなどで利用者全体に影響が出てしまう恐れがあります。

【原因はStaticPress】吐き出したAMPページがGoogleSearchConsoleで「」が原因でエラー発生する際の対応方法【Wordpress】

Mon, 03 Dec 2018 18:25:03 +0900

」が原因でエラー発生する際の対応方法【Wordpress】" />

SearchConsolsでAMPエラー

StaticPressが出力したAMPページのHTML構造がダメらしい

先日、Wordpressの「AMP for WordPress」プラグインを利用して、サイトをAMP対応する方法についてご紹介しました。

AMPページもしっかり転送されていましたが、HTMLの内容に不備があるらしく、GoogleSearchConsolsにてエラーが出るようになりました。

【簡単マルチアイコン作成】SVGやPNGから様々なアイコンファイルをまとめて自動生成してくれる「icon-gen」をnpmでインストールして幸せになろう【使い方】

Fri, 30 Nov 2018 15:20:40 +0900

アイコン画像を作りたい

レトロなやり方はやめたい

Webサイト制作をしていると、ほぼ100%の確率でfaviconを作成することになると思うのですが、このfaviconの作成方法について、以外と確立されていないのが現状です。

【StaticPressも対応】Wordpressのサイトを「AMP for WordPress」プラグインを使ってサクッとAMP対応しちゃおう【インストール/使い方】

Thu, 15 Nov 2018 20:51:52 +0900

AMP

What’s?

皆さんはAMPと言う言葉をご存じでしょうか？

AMPとは、Accelerated Mobile Pagesの略で、Googleが推進しているモバイルページを高速に表示させるための技術が適用されているページの事を指します。

【複数管理】AmazonアソシエイトのURLに含まれるトラッキングIDを変える方法【複数サイト運営向け】

Sun, 21 Oct 2018 16:15:56 +0900

トラッキングIDを複数作成するメリット

初期ではアソシエイトIDが含まれる

Amazonアソシエイトプログラムにて、商品を紹介する際に取得するURLを見てみると、以下のようにトラッキングIDが含まれていると思います。

【Route53/S3】お名前.comで取得したルートドメインにアクセスした際に、サブドメインにリダイレクトさせる方法【AWS】

Thu, 18 Oct 2018 11:32:38 +0900

リダイレクトしたい

AWSのRoute53にルートドメインとサブドメインを登録している際に、ルートドメインにアクセスされたらサブドメインにリダイレクトさせたい、と言う要望はたまにあります。

【高画質Gif】「ffmpeg」を使ってGiftedより高画質なGif動画を作ってみよう【簡単瞬殺】

Mon, 15 Oct 2018 21:06:49 +0900

Gif動画の画質が荒い。。。

先日、GiftedとQuickTimePlayerを使ったGif画像の作り方についてご紹介致しました。

しかし、Giftedで作成したGif画像は実際の撮影スピードより早いし、画質もちょっと荒いんですよね。。。orz

【検索結果の重要性】記事のタイトルタグを更新してもGoogleの検索結果が変わらない場合の対処方法【SEO対策】

Wed, 10 Oct 2018 13:39:56 +0900

間違えたタイトルで公開しちゃった

検索結果はクローラーが収集する

Wordpress等で記事を作成して、インターネット上に公開すると一定時間後にGoogleなどの検索エンジンのクローラーが記事に訪問し、記事のタイトルや内容をクローリングして検索結果として引っかかるようにデータを収集していきます。

【乗っ取り？】ある日突然、「h/4314943.html」みたいな存在しないページのアクセスがGoogleAnalyticsに増え始めたので調べてみた【worldwide-seo-services.net？】

Wed, 03 Oct 2018 16:00:12 +0900

謎のページへのアクセスが出現

「ソレ」はある日突然現れる

筆者が日課のように、~~ロクに増えてもないだろう~~当ブログへのPV数をGoogleAnalyticsで確認していると、以下のようなページへのPVが蓄積されるようになりました。

え、なんぞコレ。。。

確実に存在しないページ

間違えてファイルを配置してしまったのかな？と思い、該当URLにアクセスしてみると、

ん〜、やはり存在していないURLなんだよなー。。。
URL自体もWordpressのパーマリンクのルールに全く一致していないのに謎過ぎる。。。orz

【無料】ハイクオリティでマテリアルデザインチックなアイコンの「ElegantThemes」を使ってみよう

Mon, 27 Aug 2018 12:03:32 +0900

オススメ無料アイコンをまた発見

以前、無料アイコンをご紹介する記事を投稿しました。

そして、また良さそうな無料アイコンセットを見つけましたのでご紹介します♪

【ブログ向けアイコン】旅行関連のアイコンを無料で配布している「tympanus」がオススメな件【可愛い】

Fri, 24 Aug 2018 12:09:11 +0900

ワンランク上のデザインへ

アイコンに助けを求めるべし

皆さんはアイキャッチ画像やサムネイル画像を自分で作ったりしていますでしょうか？

筆者は自分で作成しているのですが、デザインセンスが無いととても簡素なデザインになってしまい、あまり効果をなさないですよね。。。orz

【デザイン向上】Wordpressのカテゴリにアイコンを設定出来る「Easy Category Icon」【プラグイン】

Tue, 21 Aug 2018 19:41:29 +0900

カテゴリーにアイコンをつけたい

複数カテゴリーの記事を執筆しているブログでは、Wordpressのウィジェット機能を使ってサイドバー等にカテゴリメニューを表示していると思います。

アップロードしたSVGのサムネを表示させる方法

Mon, 20 Aug 2018 12:29:07 +0900

SVG画像のサムネが出ない問題

アップロードは可能になった

以前、以下の記事にてWordpressの管理画面からSVG画像をアップロード出来るように修正を行いました。

あとはサムネを表示したい

しかし、今のままだとアップロードとブログ側での表示は出来るようになりましたが、管理画面側でサムネが表示されていない状態です。

【使いやすさ向上】Wordpressの管理画面のCSSを変える方法

Sun, 19 Aug 2018 20:35:24 +0900

管理画面のCSSを変更したい

基本的にはいじる事は無い

Wordpressを使っている方は、基本的にサイト側のCSSを調整するためにテーマ内のstyle.cssを編集することがあると思います。

【瞬殺】WordpressでSVG画像がアップロード出来ない場合の解決方法

Sat, 18 Aug 2018 15:39:13 +0900

あれ、SVGがアップロード出来ないぞ？

アップロードエラー

先日、自作のSVG形式のアイコンファイルをブログで使用しようと管理画面からメディアのアップロードを試いたところ、以下のようなエラーが出てアップロードが出来ませんでした。

【快適化】wp-emoji-release.min.jsの読み込みを除去してパフォーマンスアップ

Mon, 13 Aug 2018 16:35:56 +0900

Wordpressは絵文字に対応済み

4.2の新機能

Wordpress4.2の新機能として、絵文字の標準対応が行われました。
そして、それを実現するために以下のJavaScriptが自動で読み込まれています。

【覚えておくべき】サブドメインを使ってより効率的なサイト運用をしてみよう！

Mon, 06 Aug 2018 20:09:46 +0900

サブドメインとは？

お名前ドットコムのおさらい

以前、お名前ドットコムを利用したドメインの作成の仕方については、以下の記事にてご紹介をしました。

しかし、いろいろ制作を進めていくと、サブドメインが欲しくなる場合があると思います。

【簡単便利】Webフォントで有名なGoogle Fontsの導入方法と使い方まとめ【Webデザイン】

Mon, 16 Jul 2018 23:38:49 +0900

Google Fontsは有能

古き良き(?)文化

皆さんはWebデザインを行う際に、テキスト画像(文字だけの画像)を使っていたりしますか？

昔に作られたホームページでは、メニュー名や人物名のテキスト画像を書き出して、imgタグで読み込ませている手法をよく見かけます。

【真上視点を実現】自宅で真俯瞰撮影するために必要な機材を一通り買ってみた【開封動画には必須】

Sat, 30 Jun 2018 16:59:26 +0900

開封動画をやってみたくなった

筆者は仕事柄、いろいろなパソコンパーツやカメラ機材を買うのですが、せっかくなら開封動画やレビュー動画をYouTubeにあげてみたいなー、と思うようになりました。

【キャプチャ機能が進化】Windows10でスクリーンショットを簡単に撮る方法

Sun, 24 Jun 2018 15:25:32 +0900

Windows10ではスクリーンショットが楽チンに

筆者は今までWindowsで画面のキャプチャを保存する際には、以下の2パターンで行っていましたが、どちらも手間がかかりとても面倒くさく感じていました。。。

【祝不労所得】GoogleAdsenseの収益が基準額に到達したのでPINコードが記載されたハガキが届いたよ

Fri, 22 Jun 2018 21:21:54 +0900

収益が住所確認額に到達！！

支払のためには住所確認が必要

GoogleAdsenseを仕込んだブログでのんびりちまちま記事を書いていたのですが、ついにある程度の収益が溜まりGoogleAdsenseのダッシュボードに以下のようなメッセージが表示されるようになりました。

【Wordpress】StaticPressS3でfeedへのlinkタグが消されてしまう原因と対処方法

Fri, 25 May 2018 19:07:51 +0900

あれ、FeedがS3に転送されない・・・

Feedをいい感じに出す事は出来てる

StaticPressとStaticPressS3を利用してサイトを運営している場合、RSSなどのFeedを利用したいケースがあると思います。

【SEO対策】Wordpressの管理画面に記事の最終更新日時を表示してみよう【カスタマイズ】

Mon, 21 May 2018 20:48:14 +0900

更新日時の必要性

Wordpressでは自動でセットされる

Wordpressで記事を作成していると、記事に対して投稿日時と更新日時が登録されます。

もちろん、投稿した時点では投稿日時と更新日時は同じ日付が登録されますが、後日記事を修正することで更新日時だけが更新されていきます。

【ひと手間必要】はてなブログでjQueryを使えるようにする方法

Sat, 19 May 2018 23:54:36 +0900

はてなブログでもjQueryを使いたい！！

人間の欲深さ炸裂☆

以前、はてなブログに登録をしてブログを開設するまでの手順をまとめました。
関連記事【ブロガーへの第一歩】はてなブログに登録方法してブログをサクッと作ってみた 2018/05/04 1208文字約3分で読めます

【WordpressのRSS】StaticPressでFeedをhtml形式では無くxml形式で出力する方法

Fri, 18 May 2018 14:46:22 +0900

Feedの必要性

WordpressはRSS標準搭載

Wordpressでサイトを生成すると、標準で以下のようなURLが用意されます。

Point

http://example.com/?feed=rss
http://example.com/?feed=rss2
http://example.com/?feed=rdf
http://example.com/?feed=atom

パーマリンクをカスタムしている場合は以下のURLとなります。

【瞬殺】Wordpressのcomment-reply.min.jsをロードしないようにする【パフォーマンスアップ】

Thu, 17 May 2018 11:42:23 +0900

コメント欄が無いサイト

StaticPress運用サイト

本ブログは以前もご紹介した通り、AWSのS3バケットを利用した静的ページとして運用をしており、そのためコメント機能を除去しています。
関連記事【瞬殺】Wordpressのコメント機能を無効化する方法 2018/05/10 771文字約2分で読めます

【ゴミファイルを減らす】StaticPressで不要ファイルをS3バケットに転送しないようにしてみよう

Wed, 16 May 2018 12:23:43 +0900

おさらい

CloudFrontの自動Invalidateまで

前回までの記事では、StaticPressでHTML化し、
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

【自動キャッシュ削除】StaticPressで転送した際にCloudFrontでInvalidateを自動でする方法

Tue, 15 May 2018 14:54:24 +0900

おさらい

サイトのSSL化まで

【ゴミ屋敷回避】Wordpressが無駄に画像を生成しないように設定を変更しよう

Mon, 14 May 2018 00:41:41 +0900

誰だこんなに無駄なファイルを作ったのは！

身に覚えのない謎ファイルを発見

ある日、Wordpressディレクトリの整理をしていると、アップロードした画像の中に身に覚えの無い画像ファイルが大量に作成されているのに気づいました。

<Wordpressインストールディレクトリ>/wp-content/uploads/<year>/<month>/

ls -la
合計 21464
drwxr-xr-x 2 apache apache 12288 5月 10 11:18 .
drwxr-xr-x 4 apache apache 4096 5月 3 16:52 ..
-rw-r--r-- 1 apache apache 231468 5月 5 15:23 fujiokaSkyDivingEye-1024x560.png
-rw-r--r-- 1 apache apache 36185 5月 5 15:23 fujiokaSkyDivingEye-300x164.png
-rw-r--r-- 1 apache apache 141142 5月 5 15:23 fujiokaSkyDivingEye-730x410.png
-rw-r--r-- 1 apache apache 145848 5月 5 15:23 fujiokaSkyDivingEye-768x420.png
-rw-r--r-- 1 apache apache 189967 5月 5 15:23 fujiokaSkyDivingEye.png

【StaticPress】sitemap関連のファイルが出力されない場合の対処方法

Sun, 13 May 2018 17:17:38 +0900

StaticPressでsitemapが転送されない

あれ、sitemapが無い・・・？

先日、Wordpressサイトにおけるsitemapファイルの自動生成プラグインの導入方法について紹介しました。
関連記事【SEO】Sitemapを出力してくれるWordpressプラグイン「Google XML Sitemaps」のインストール方法 2018/05/11 994文字約2分で読めます

StaticPressで再構築ボタンを押した際に処理中のまま止まってしまう場合の対処方法

Sat, 12 May 2018 17:32:18 +0900

再構築が進まない・・・

先日、WordpressサイトをStaticPressプラグインを利用して静的ページ化する方法についてご紹介致しました。
関連記事【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】 2018/05/05 3820文字約8分で読めます

【SEO】Sitemapを出力してくれるWordpressプラグイン「Google XML Sitemaps」のインストール方法

Fri, 11 May 2018 23:55:07 +0900

sitemapの必要性

自分で作るのは大変

Wordpressでサイト運営をしている場合、記事やページを追加するごとにSEO対策のためにsitemapを更新する必要がありますが、この作業を毎回自分で行うのは非常に大変です。

【瞬殺】Wordpressのコメント機能を無効化する方法

Thu, 10 May 2018 21:25:57 +0900

コメント機能をOFFにしたい

標準装備

Wordpressには標準でコメント機能が備わっています。

このコメント機能を通じて、執筆者と閲覧者との交流を行うことが可能になっています。

【使いこなすと最強】Wordpressでショートコードを作って効率化をしてみた

Wed, 09 May 2018 19:34:58 +0900

Wordpressのショートコード機能

What’s?

Wordpressには、標準機能として搭載されているショートコード機能というものがあります。

これは、あらかじめfunctions.phpに登録しておいたPHP関数を、記事投稿画面から呼び出して利用することが出来る機能です。

【無料SSL証明書】AWSでHTTPS通信を取得してCloudFrontに設定してみよう！【Wordpress】

Tue, 08 May 2018 00:28:31 +0900

おさらい

S3経由でWebサイト公開まで

【Wordpress】AWSのS3とCloudFrontとRoute53を連携して独自ドメインで公開する方法【お名前.com】

Mon, 07 May 2018 00:52:40 +0900

おさらい

S3経由でWebサイト公開

【StaticPressS3】WordpressのブログやサイトをAWSのS3に転送して公開してみよう！【静的サイト】

Sun, 06 May 2018 14:33:43 +0900

前回の続き

おさらい

前回は、StaticPressプラグインを導入し、WordpressサイトをHTMLファイルに吐き出して正常に表示出来るところまで確認しました。

【StaticPress】WordpressのブログやサイトをHTML化して爆速管理しよう【使い方/インストール】

Sat, 05 May 2018 01:12:41 +0900

WordpressをHTML化したい

うわっ…私のサイト(ブログ)、重すぎ…？

Wordpressでブログやサイトを作成・公開していると、コンテンツ量の増加に比例してパフォーマンスが悪くなってしまいます。

これは、１リクエスト毎にPHPの処理が走り、膨大なデータベースの中から該当する情報を毎回検索を行い、さらにデータ加工等の処理を行ってからブラウザに表示しているからです。

【ブロガーへの第一歩】はてなブログに登録方法してブログをサクッと作ってみた

Fri, 04 May 2018 00:13:50 +0900

ブログサービスを使ってみたい

当ブログはWordpress+AWS S3を用いて低コストかつ高速化を狙って運用しています。

筆者自身、仕事でWebシステムを構築しているので、いきなり独自ブログを作成しましたが、知識が薄い方はそうは出来ないと思います。

【おすすめテーマ】Wordpressのメディアブログ向け無料テーマ「LION MEDIA」の導入方法

Thu, 03 May 2018 14:05:10 +0900

LION MEDIA?

What’s?

LION MEDIAとは、無料で利用出来るWordpress用のテーマファイルです。

SEO最適化やレスポンシブ、表示高速化などがしっかり対応されていてとても使いやすいテーマとなっています。

【無料ブログサービス比較】自分で準備をせずにブログを始めるためのサービスまとめ

Thu, 03 May 2018 01:52:18 +0900

ブログを自分で作りたくない

知識が無いから不安

ブログを始めたいが一歩を踏み出せない方の多くは、自分でブログを構築する作業に苦手意識を持っている方がほとんどだと思います。

もちろん、自分でサーバーを借りて、ドメインを取得して、Wordpressをインストールして、初期設定を行って、デザインを調整して、、、などの作業は知識が無い方からすると出来る気がしないのも確かです。

【ブロガー初心者向け】Wordpressのテーマ周りを理解してみよう【必須知識】

Wed, 02 May 2018 20:15:18 +0900

Wordpressのテーマ

テーマ？

Wordpressをインストールすると、デフォルトでは以下のようなTwenty Seventeenというテーマが設定されていると思います。

【絶望】パーマリンクは後から変更するとSEOがリセットされてしまう【Wordpress】

Tue, 01 May 2018 19:12:37 +0900

パーマリンクを変える際は要注意

SEOはURL単位

以前、Wordpressでサイトを作成する際のパーリンクの必要性と設定方法について紹介しました。

SEOとしては、このパーマリンクで設定したURL単位で、GoogleSearchConsoleなどの検索エンジンに収集されていきます。

【初心者必見】Wordpressのパーマリンク(記事URL)を変えてみよう

Mon, 30 Apr 2018 22:51:12 +0900

記事URLは大事

Wordpressのデフォルトはいまいち

Wordpressで記事を作成した際の記事ページのURLはデフォルトでは以下のようになります。

これはパーマリンクの設定が基本の状態になっているからです。

【瞬殺】Wordpressのtitleタグのテキストを変更する方法【区切り文字変更】

Sun, 29 Apr 2018 22:31:17 +0900

記事ページのタイトル

デフォルトは「–」区切り

Wordpressで作成した記事は、デフォルトでは以下のような形でタイトルが設定されます。
{記事タイトル} – {サイトタイトル}

【Ansible備忘録】Wordpressをインストールするplaybook

Fri, 27 Apr 2018 01:06:09 +0900

概要

前提

Point

Ansibleインストール済み
AWSのEC2サーバーを想定
対象サーバーへの公開鍵設定済み
Apache2系インストール済み
Apacheのポートは80
MySQLインストール済み
PHPインストール済み

【移行時に便利】Wordpressの全記事内の投稿内容の文字列をSQLで一括置換してみよう

Tue, 24 Apr 2018 01:57:21 +0900

記事内の特定の文字列を一括置換したい

Wordpressを運用していて、サーバーを変えたりドメインを変えた場合、投稿記事内に古いURLを直接記述してしまっていると、移行後にエラーが表示されてしまう可能性があります。

【めちゃくそ便利】treeコマンドでディレクトリ構造を出力しよう！【オプション多数】

Sat, 14 Apr 2018 17:00:07 +0900

ディレクトリ構造の表現方法

ディレクトリ構造をうまく表現したい

主にインフラ構築やWebシステムを開発していると、他の開発者にディレクトリ構造を共有したいという場合があると思います。

その場合、自分でFinderやエクスプローラーを開きながら手打ちでディレクトリ構造をテキストエディターで作ると、ディレクトリ構造が複雑な場合に確実に死亡しますし、タイポやコピペミスで間違ったディレクトリ構造になってしまい、結果として正しくない情報を共有してしまう恐れがあります。

【必ずやるべき】個人事業主やフリーランスにオススメの最強節税対策「小規模企業共済」

Tue, 03 Apr 2018 23:10:24 +0900

個人事業主の宿命

節税したいが・・・

個人事業主やフリーランスの方は、日々どのようにして出費を経費に回して、節税を行うか？という事を考えていると思います。

仕事関係との方とのランチミーティング代や打ち合わせ先へのタクシー代金等。。。

【AIしゅごい】GoogleAdsenseの自動広告を試してみた

Fri, 30 Mar 2018 00:01:11 +0900

自動広告？

新しい広告形態が登場

先日、GoogleAdsenseに自動広告と呼ばれる機能が追加されました。

自動広告について

自動広告とは、コンテンツを収益化するためのシンブルで革新的な方法を提供する広告フォーマットです。自動広告では、各ページに同じ広告コードを 1 つずつ設置します。コードを追加すると、高い成果が見込める最適なタイミングで自動的に広告が表示され、快適なユーザーエクスペリエンスが提供されるようになります。

【2018年3月版】新SearchConsolesは使い勝手が尋常じゃないほど進化していた

Thu, 29 Mar 2018 00:26:33 +0900

新SearchConsole!

ある日お知らせが

先日、いつも通り記事を投稿したのでGoogleSearchConsoleからサイトマップを送信しようとログインしたら以下のようなメッセージが表示されていました。

【Twitter向けOGP】Twitterでブログリンク内容を綺麗に表示させる方法

Sat, 24 Mar 2018 06:18:41 +0900

OGPとは

ブログ記事をTwitterやライン等でシェアする事はよくあると思います。

しかし、その際にWordpressの記事側で正しくとある設定をしていないと正しく記事が表示されず、見た目がダサくなってしまいます。
例えば、Twitterだと以下のようになってしまいます。

綺麗にレイアウトを整えるための設定が何も入っていないので、ただのリンク文字列になってしまいます。

【メディア広告の必要性】Facebookページを作ってブランド力を築きあげよう

Fri, 23 Mar 2018 01:32:41 +0900

Facebookページとは？

ページは複数ある

Facebookには個人ページとFacebookページの2種類があります。
Facebookページは以前はファンページと呼ばれていました。

【SSL化】httpsにした際のGoogleSearchConsoleとGoogleAnalyticsの設定方法

Tue, 20 Mar 2018 00:17:46 +0900

サイトをSSL化！

下調べ不足・・・

ブログやWebサイトを最初はhttpで運用していて、途中でSSL化を行いhttpsにした際、GoogleAnalyticsについては、設定を変えるだけで再設定出来ましたが、GoogleSearchConsoleも同じように既存の設定を修正するだけで簡単にhttpsに移行できると思っていましたが、実際にはそうは行きませんでした。

【お便利AWS】S3バケットで静的サイトホスティングをしてみよう

Sun, 18 Mar 2018 15:26:25 +0900

静的サイトを公開したい

サーバー借りるのは負担

Wordpressではなく、単純なHTML/JS/CSSのみで静的なサイト(LP等)を作って公開したいけど、そのためだけにサーバーを借りるのは勿体ない！と思ってらっしゃる方は少なくないと思います。

【キャッシュ対策】WordpressのCSSにクエリパラムを付与しての変更を即時反映させる方法【更新日時をつける】

Sat, 10 Mar 2018 19:49:22 +0900

CSSを変更したのに変更が適用されない

あれ？変わらない・・・

Wordpress等でブログを作成している場合、レイアウトを調整するためにCSSファイルの内容を変更しても、すぐに反映されない事があると思います。

【秒殺】GoogleAnalyticsの分析からクローラーの訪問をサクッと除外する方法

Wed, 07 Mar 2018 22:17:19 +0900

正確な数値を知りたい！

GoogleAnalyticsを使っている方は各ページの訪問者数や滞在時間等を見ながらブログの改善を測ったりしていると思います。

【訪問者様は神】CSSで投稿記事内の画像を見やすくしよう

Wed, 28 Feb 2018 22:15:50 +0900

アップロードした画像の境界線が分かりにくい。。。

筆者はIT技術系のHowTo記事を多く挙げているため、よく作業時のキャプチャ画像等を記事に添付しています。

しかし、使用しているWordpressテーマによってはテキスト部分と画像の境界線が分かりにくく、結果として記事が読みにくく感じてしまう場合があります。

【SEO】タグクラウドページをnoindexにする

Tue, 27 Feb 2018 23:27:06 +0900

タグクラウドとSEOの関係性

たくさん付けがち

Wordpressで記事を投稿していると、カテゴリとは別にタグを記事に紐づけることが出来ます。

カテゴリよりもさらに細かい紐付けが可能なのでついついタグを付けすぎてしまう事があります。

その結果、タグが膨大な量になり、かつそれぞれのタグに紐づく記事が少ない結果に。。。

【個人事業主の壁】フリーランスが年度末に恐怖に陥る確定申告とは？

Sun, 25 Feb 2018 16:48:20 +0900

そもそも確定申告とは？

個人事業主やフリーランスの方に、独立して大変だった事は？と聞くと、大体の方が確定申告と答えます。

多くの人が苦手な確定申告とはそもそも何なのか？

【QuickTagsで効率化】Wordpressのクイックタグをカスタマイズして記事投稿をスピードアップ！

Fri, 23 Feb 2018 20:56:44 +0900

同じようなHTMLを記述するのが苦痛

Wordpressで記事を投稿する際に、皆さんはビジュアルモードとテキストモード、どちらで作業をしていますか？

筆者はWebシステム開発をしている仕事柄、テキストモードでHTMLをガリガリコーディングしています。

【見た目を整えよう】WordpressにFontAwesomeを導入して使ってみよう

Thu, 22 Feb 2018 22:53:21 +0900

FontAwesomeとは？

FontAwesome(フォントオーサム)とは、様々なデザインのアイコンをWebページ上で自由に使うことが出来る無料のツールキットです。
このツールキットを使えば、色やサイズを自由に変えてアイコンをブログ記事に追加することが可能になるので、ブログの見た目をいい感じにすることが可能です。

【PV数リセット】Wordpressの記事PV数を修正する方法

Tue, 20 Feb 2018 22:01:34 +0900

PV数を初期化したい

Wordpressでは、標準機能として記事ページ毎にPV数をデータベースにカウントしています。

プラグインやカスタマイズ等で人気記事ランキングの表示エリアを実現するために、このデータベースのPV数を元にランキング表示するのですが、botのクローリングや間違えて自分自身でページ表示をたくさんしてしまった場合、異様なPV数がカウントされてしまい、正しい人気記事の表示がされなくなってしまいます。

【5分で出来る】GoogleAnalyticsのURL一覧にページタイトル名を表示する方法

Mon, 19 Feb 2018 22:24:12 +0900

デフォルトだと分かりにくい・・・

ブログ等をやっている方で、GoogleAnalyticsを使ってアクセス解析をしている人は多いと思います。

GoogleAnalyticsはGoogleアカウントを持っている人であれば無料で使えますし、PV数の調査も簡単に行え非常に便利です。

【Twitter】ManageFlitterを使ってフォロワーを整理する方法【自動管理ツール】

Mon, 08 Jan 2018 14:34:11 +0900

フォロバをしてくれないアカウントが多い

今や、Twitterは広告塔としては非常に強力です。

また、無料で複数アカウントも作成することが可能なのでメディア広告には非常に向いています。

【python】さくらのレンタルサーバーでpipを使えるようにする方法

Sun, 07 Jan 2018 16:22:04 +0900

pipとは？

Pythonのパッケージ（ライブラリ/モジュール）をインストール・管理するためのパッケージ管理システムのことです。
Pythonは人工知能や機械学習で最近注目されている言語です。

【さくらのレンタルサーバー】デフォルトのcshとvi以外にVimとBashを使えるようにする方法【カスタマイズ】

Sat, 09 Dec 2017 20:58:38 +0900

SSH接続出来たはいいが・・・

前回の記事で、SSH通信によるさくらサーバーへの接続方法を紹介しました。

いざ、サーバーをいじくろう！と思ったのですが、なんと
デフォルトではcshとviしか使えないのですorz

【ワンランク上のブロガーへ】MacでさくらサーバーにSSH接続する方法

Fri, 08 Dec 2017 21:01:26 +0900

SSH接続の必要性

優秀なサーバコントロールパネル

ブログやホームページを運営している方で、さくらのレンタルサーバを使っている人は多いと思います。

本ブログでも、アフェリエイトブログ構築のための設定手順も紹介しています

さくらのレンタルサーバーの良いところは会員向けのサーバコントロールパネル画面でしょう。

【ソースコードの埋め込み】Wordpressでコードを綺麗に表示してくれる「Crayon Syntax Highlighter」プラグイン

Tue, 31 Oct 2017 00:32:01 +0900

ソースコードの埋め込み

ソースコードを記事に埋め込みたい場合、プラグイン等を入れていないとすごく質素な感じになってしまいます。

また、様々な言語によってシンタックスハイライトが異なるので、それを自前で表現するのはとても大変です。

【Wordpressの目次をお洒落に】Table of Contents Plusのレイアウトの修正方法

Fri, 27 Oct 2017 22:56:05 +0900

Table of Contents Plus

おさらい

以前、コチラの記事に「Table of Contents Plus」というWordpressに目次機能を自動追加してくれるプラグインを紹介しました。

プラグインをインストールし、ルールに則って記事を作成するだけで目次機能が追加されるので非常に便利です。

【stinger8拡張】子テーマ「8beat Style」の紹介と導入方法

Mon, 23 Oct 2017 23:21:22 +0900

テーマ選定の結果、辿り着いたstinger8

筆者がブログ開設時のテーマ選定として重視した点は

・無料

・シンプルで拡張性がある

・導入するだけである程度完成する

という部分を気にしていました。

【Wordpressプラグイン】アバター画像を簡単に設定出来る「WP User Avatar」の使い方

Fri, 20 Oct 2017 21:04:46 +0900

Wordpressでアバター画像を設定するには？

Wordpressインストール後に、特に設定せずに記事を投稿すると、以下のようにアバターが表示されない状態担っていると思います。

せっかくだから何かしらのアバター画像を設定したいですよね。

【2017年9月最新版！】アクセス分析でお小遣いを増やせ！Google AdsenseとGoogle Analiticsの連携方法

Mon, 11 Sep 2017 00:38:18 +0900

Google Analytics

Googleアナリティクスはサイトのアクセス解析をするためのGoogleの無料サービスです。

このサービスをブログに連携することで、どんな人がどんな端末でどの画面を見てどのボタンをクリックしたか？等の統計情報を取る事が出来ます。

【おすすめ無料プラグイン】Wordpress丸々バックアップで安心！「UpdraftPlus」の導入方法【復元】

Fri, 08 Sep 2017 21:43:52 +0900

バックアップの必要性について

皆さんはWordpressのバックアップを取っていますか？

ブログやアフェリエイトをやっている場合、記事数は日に日に増していると思います。

おそらくWordpressの管理画面で記事を投稿した後に記事をメモ帳にコピーしてバックアップ、等はしていないと思います

【2017年9月最新版！】クリックされるだけでお小遣いが溜まっていく！Google Adsenseの申請から設定まで！

Wed, 06 Sep 2017 20:45:16 +0900

連載

アフェリエイトの種類

アフェリエイトにはいくつか種類があります。

【2017年9月最新版！】副業でお小遣いを稼ごう！！独自ドメイン取得編

Mon, 04 Sep 2017 18:17:51 +0900

連載

前回までおさらい

前回の記事では、サーバーをレンタルしブラウザからアクセスするところまでやりました。

【2017年9月最新版！】副業でお小遣いを稼ごう！「Wordpress」をインストール編

Mon, 04 Sep 2017 18:06:14 +0900

連載

前回までのおさらい

前回まではさくらのレンタルサーバを借りて、お名前.comにて独自ドメインの取得・割り振りまで行いました。

【2017年9月最新版！】副業でお小遣いを稼ごう！さくらレンタルサーバーのレンタル編

Mon, 28 Aug 2017 22:25:32 +0900

連載

ブログサービスについて

皆さんはブログをやっていますか？アメブロやFC2ブログなどのサービスを使えばすぐにブログを解説することが出来ます。

【設定必須】Google Analyticsで自分のアクセス数をカウントしないようにしよう！

Wed, 16 Aug 2017 15:12:21 +0900

Google Analiyticsとは？

設定をしたサイトに訪れた人の数や各ページの表示数を自動で統計・可視化してくれるサービスです。

Google Accountを持っていれば、誰でも無料で利用でき、導入も簡単です。

Wordpressの記事ページに目次を追加する「Table of Contents Plus」プラグインの導入方法

Tue, 15 Aug 2017 09:41:19 +0900

ブログでの目次の必要性

Wordpressで記事を作成する際に、ボリュームが増えてくると縦に長い記事になってしまい、見る側が全体を把握しずらくなってしまいます。

なので、内容が多い記事については、ページ上部に目次があると便利です。

ブログ on Blogenist -ブロゲニスト-

【Homebrew】「Permission denied @ dir_s_mkdir - /private/tmp/***」が発生した場合の原因と解決方法

brew install時に権限エラーが発生

Permission deniedキターー！

【簡単実装】Formの入力情報をCookieに保存・読み取りを簡単に行う事が出来る「jQuery Cookie」の使い方まとめ

フォームの入力情報をCookieに保存して手間を省きたい

作業効率化を測る

【写真家ブロガー歓喜】画質を劣化させずに横縦比を固定しながら画像の解像度をまとめて一括に自由に変えれる「sips」が便利過ぎた【Mac標準コマンド】

Mac(linux)環境で画像の横縦比を自由に変えたい！

jpegoptimだけでは不十分

【一工夫が大事】WordpressのEmbed機能でいい感じのリンクを追加する方法

別の記事を紹介したい

テキストリンクは効果が弱い

【Windowsエクスプローラー】一眼で撮影した10BitのMP4動画のサムネが出ない原因(簡易表示)と出す方法【α7S3の動画のサムネを出したい】

α7S3撮影した動画のサムネが出ない

動画編集作業がしづらい

【QuickTime Playerを超えた】Macでオススメの最強動画プレイヤーを導入してみたら快適過ぎた【α7S3で撮影したmp4の動画ファイルが開けない場合にも】

α7S3で撮影したmp4の動画ファイルが開けない

天下のQuickTime Playerで再生出来ないのツライ

【Macの掃除に最適】キーボードとトラックパッド入力を無効にする「KeyboardCleanTool」が便利過ぎた件【誤入力防止】

キーボード掃除したいけど反応されてうざいいぃぃ！

反応しないでクレメンス

【謎エラー】HomebrewやCaskで「homebrew-core is a shallow clone.」が出てエラーが出ない場合の原因と対処方法

Homebrewが使えない！

【おすすめWYSIWYGエディター】Bootstrapベースの「Summernote」でフォームパーツをツールバー付きのリッチなUIにしてみた【無料で爆速】

導入が楽チンでFormをWYSIWYG化

【最強のYouTuber向け一眼レフ】Sonyのα7s3が暗所もいけちゃうつよつよカメラだった件【キャンパーにもぴったり】

遂にフルサイズ機をゲット！

APS-Cの上が欲しくなってしまった

【簡単爆速設定】Windows10の予測変換機能をOFFにして過去の変換履歴をリセットする方法【Microsoft IME】

予測変換を無効にしたい！

【SEO】WordpressにJSON-LDを追加設定してくれるプラグイン「Markup (JSON-LD)」の設定方法【構造化データ】

SEO対策の一つ「構造化データ」

果てなきSEO対策

【テーマ・ソース変更必要無し】固定追尾サイドバーをプラグインぽちぽちだけで実装出来ちゃう「Q2W3 Fixed Widget for WordPress」が最強だった件【Wordpress】

自動追尾サイドバーを導入しよう

プラグインだけで完結

【有能省スペース収納】PCデスク周りのアクセサリを無駄無く整理可能なBauhutteサイドラックを開封レビュー【テレワークにもオススメ】

PCデスク上をスッキリさせたい

PC周りは小物やアイテムが増えがち

【デスクワーク/テレワーク/在宅】PCゲーマーにもオススメの長時間座ってもお尻が痛くならないクッションを買ったので開封レビューしてみた【快適空間】

お尻が疲れない神クッション

座り疲れを解消したい

【Bauhutte】複数ゲームハード機やPC用品を収納出来るスライダー式ゲーム機収納ラックを購入してみたのでご紹介【デスクワーク/テレワーク/在宅】

リモートワークにピッタリな収納アイテム

自宅にてPC作業をやる方にぴったり

【Cannot read property 'ASIN' of null】急にAmazonJSが読み込まなくなった原因と解決方法【Wordpress】

何も変えてないのに急に商品リンクが無限ロードになった

過去に表示されていたWordpress記事もダメになっているorz

【作業効率アップ】タンブラーとドリンクホルダーを使って快適なPCデスク環境を整えてみた【居心地最強】

オススメのドリンクアクセサリーを導入！

PCデスク周りは快適に越した事がない

【Adobe Premiere Pro】動画像やテキストを画面の端や任意のフッテージに揃えて配置する方法【AfterEffecrtsの整列ツールに近づかせる】

シーケンス内で画像や動画、テキストを綺麗に整列したい

PemiereProでは素材の整列機能がない？

【デュアルディスプレイ】一つのモニターに出力するHDMIを簡単に切り替える方法【MacBook Pro/Windows10】

SwitchやPS4とパソコンでモニターを使い回す

出力を簡単に切り替える便利アイテム

【作業効率アップ】BenQのモニターをサブディスプレイにしてみたら快適空間が出来上がってしまった【ゲーミングPC】

デュアルディスプレイを導入

作業効率化を求めてお金を生贄に召喚

【もしもアフェリエイト】Amazonアソシエイト で何が売れたかをレポートで確認する方法【成果報酬】

もしもアフェリエイト経由で売れた商品を確認したい

審査合格しやすい

【パフォーマンスアップを狙え】CloudFront+S3で配信している静的サイトをgzip形式で配信して高速化する方法【SEO対策】

CloudFrontはgzip配信可能

うわ・・私のサイト遅すぎ・・・？

【Wordpress】jpegoptimを使ってサーバー上のJPEG画像ファイルをまとめて圧縮する方法【便利】

EC2サーバーやMacにあるJPG画像を圧縮するしたい

大きい画像はメリットよりデメリットが多い

【AmazonJS】WordpressでAmazonアソシエイトの商品が表示出来なくなったのでPA-APIをv4からv5に更新する方法【必須設定】

WordpressでAmazonの商品が表示されなくなった

AmazonJSのリンクが表示されない

原因はPA-API v5対応の不備

【コスパ最強】ELEGIANTのUSBタイプのPCスピーカーが使い勝手抜群でオススメ【Amazon】

高音質でコンパクトなPC用スピーカー

【簡単丸ごとコピー】Updraft Plusでサイトやブログをローカル環境に復元(リストア)コピーする方法【Wordpress】

Wordpressのバージョンアップをローカルで試したい

【瞬殺】docker-composeで爆速Wordpress環境構築【Wordpress5.3系・PHP7.3・Apache】

爆速Wordpress環境構築

【もしもアフェリエイト】Amazonアソシエイトで何が売れたかをレポートで確認する方法【成果報酬】