「ウェブ制作・運用」に関する記事まとめ

ウェブ制作・運用」に関連したディレクションやデザインなどについて綴った記事のまとめ。

会社やショップなどのウェブサイトの制作・運用に役立つTIPSから、ブログの制作・運用や収益化に役立つ方法を解説。
資格を取得しているGoogle AnalyticsやGoogle AdSenseなどのGoogle関連ツールなどについても、長らくウェブ業界に携わっている経験から綴っています。

VSCodeにMacVimから乗り換え!基本設定して使ったら快適だ…

VSCodeにMacVimから乗り換え!基本設定して使ったら快適だ…
ソースコードエディタをMacVimからVisual Studio Code(以下、VSCode)に乗り換えてみました。 MacVimを使って数年…VSCodeが気になって浮気してみました。すぐにMacVimに戻ってしまうんだろうな…と内心思っていたのですが、これが数週間特に不満もなく使えています。 一番懸念していたVimでの入力は、拡張機能のVimで…
ishikawa

AMP-タグ「style amp-custom」のCSS構文エラーの修正方法

AMP-タグ「style amp-custom」のCSS構文エラーの修正方法
Search Consoleから届いたエラーを知らせるメール。 メールによるとAMPでのエラーのようで、「Google検索結果で悪影響を受ける可能性がございます」と書かれていたりして放ってはおけない感じ。これまでは大丈夫だったのに、なんじゃろか。 むむむ面倒な……とSearch Consoleでエラー内容を調べてみると、『タグ「style …
ishikawa

chrome拡張機能を自作してウェブストアで公開する手順

chrome拡張機能を自作してウェブストアで公開する手順
初めてchrome拡張機能を自作しました。 あわせてchromeウェブストアで公開もしてみたので、手順をまとめてみようかと。 chrome拡張機能を作ることにしたきっかけになったのは先日リリースしたサービス、clink(クリンク)。 https://clink.me リンクを管理するブックマークサービス的なものなのですが、わざわざ…
ishikawa

リンク管理&ソーシャルブックマークサービス「clink!」をリリースしました

リンク管理&ソーシャルブックマークサービス「clink!」をリリースしました
「あ、このウェブサイトかっこいいなー」 「このブログ勉強になりますなぁ」 なんて、日々溜まっていくウェブサイトのURL。 後で読みたいものや、ウェブ屋やってるとデザインなんかの参考にも集めておいたりすることもあるので増えていく一方なんですよね。 そういったURL(リンク)の管理には色々ソーシャルブッ…
ishikawa

【WordPress】テキストモードエディタに自作クイックタグを追加する方法

【WordPress】テキストモードエディタに自作クイックタグを追加する方法
ウェブサイトで記事を日々更新したい……。 そんな要望に応えるのに利用頻度が多くなるのがWordPress。 もとより機能が備わっていて便利なWordPressですが、実際に更新作業を始めると色々と要望がでてきたりするもの。 管理画面こんな感じにできます?的な要望をかなえ、そのユーザにとってより使いやすくなるようにカ…
ishikawa

LineのMessaging APIでグループトークの内容をデータベースに保存してみた

LineのMessaging APIでグループトークの内容をデータベースに保存してみた
タイトルに書いたとおり、LINEのMessaging APIを触ってみました。 タイトルが長い。けど、やったことはタイトルに書いたとおり。 LINEは友人との連絡に使っていたのですが、最近多くなってきたのが仕事での利用。 簡単で便利なLINEですが、トークルームが増えてくると過去のメッセージを確認するのに手間がかかってし…
ishikawa

wp_dropdown_categoriesでカテゴリー絞り込み検索を作る方法

wp_dropdown_categoriesでカテゴリー絞り込み検索を作る方法
WordPressでウェブサイト制作する際、要望によくでてくるのが検索機能。 検索対象は、クライアントが更新するブログ記事です。 WordPressの機能で簡単にベーシックな検索はさくっと作れるものの、カスタマイズするとなるとそうもいかず。 カテゴリーで絞り込むときどうやってたっけか?と、結局過去に制作したサイト…
ishikawa

共有レンタルサーバーのデメリット…スパム扱いでメールが送信できない!

共有レンタルサーバーのデメリット…スパム扱いでメールが送信できない!
メールを送信後すぐに送信元のメールアドレスへのリターンメール。 Undelivered Mail Returned to Sender 何度試しても、上記件名のメールが戻ってきます。 送信元のメールアドレスは独自ドメインのもの。共有サーバのエックスサーバーを利用しています。 色々試していると、メール自体は送れるのですが、受信サーバ…
ishikawa

自作WordPressプラグインを公式リリースするまでの手順まとめ

自作WordPressプラグインを公式リリースするまでの手順まとめ
急に思い立ってWordPress(ワードプレス)のプラグインを自作してみました。 どうせならそのままWordPressプラグイン公式サイト(WordPress.org Plugins)に登録してみようと思い申請をしてみることに。 結果、ところどころハマりつつも、なんとかリリースするに至りました。 ということで、今回は自作WordPressプ…
ishikawa

Firefox Quantumでアドオン使えない!!ダウングレードする方法

Firefox Quantumでアドオン使えない!!ダウングレードする方法
Firefoxを使おうと思って起動したら……何やら見慣れない見た目。 メインブラウザとしては利用しておらず、Firefoxの利用はアドオン目的。ということでアドオンを確認してみたところ……"来れたの拡張機能は、現在のFirefox標準に適さないため無効化されています"の一文。えええ。 ここでピンときました。これ、Firefox Qu…
ishikawa

漫画系広告がうざい!閲覧時に不快な広告を非表示にする方法

漫画系広告がうざい!閲覧時に不快な広告を非表示にする方法
「父親が見せつけてきたのは…」 「毎晩現れ咀嚼したアレを…」 あまりに不快な漫画系のアドセンス広告。 ピーク時に比べれば落ち着いてきましたが、まだ時々見かけますね。 気持ち悪い…うざい…とユーザからは次々と声が挙がっていたので、広告主側も是正し始めたのでしょう。 怖いもの見たさの心理をつこうという…
ishikawa

file_get_contentsが動かない?cURLを使いallow_url_fopenがOffのサーバに対応

file_get_contentsが動かない?cURLを使いallow_url_fopenがOffのサーバに対応
ファイル内容を読み込む関数「file_get_contents()」。 PHPからAPIなどの外部ファイルの内容を取得するにも使える関数ですが、サーバの設定によっては使えないという状況が起こりうる場合があります。 file_get_contents()が動作するには、サーバ側の設定のallow_url_fopenがOnになっている必要があります。 ところが…
ishikawa

Weather in Japan|天気予報を表示するプラグイン【WordPress】

Weather in Japan|天気予報を表示するプラグイン【WordPress】
日本各地の天気予報を表示するWordPressプラグイン「Weather in Japan」を作成しました。 ウィジェットで簡単にサイドバーに天気予報を表示できるほか、専用コードで任意の場所に天気予報を表示することも可能です。 複数の地域(全国142カ所)の中から任意の地域を選び、その地域の天気予報を表示することができます…
ishikawa

「if ( ! defined( ‘ABSPATH’ ) ) exit;」って?【WordPressプラグイン申請】

「if ( ! defined( 'ABSPATH' ) ) exit;」って?【WordPressプラグイン申請】
WordPressのプラグインを作成し申請。 申請して2日目、レビュー待ちをしていたところにメールが1通届きました。 レビューはしてくれたようですが、メールの文頭には"There are issues with your plugin code."の一文。プラグインのコードに問題有りということですね。 文を読み進めると、"Allowing Direct File Acces…
ishikawa

「SNS Count Cache 0.11.1」でFacebookのシェア数をカウントする方法【WordPress】

「SNS Count Cache 0.11.1」でFacebookのシェア数をカウントする方法【WordPress】
WordPressのプラグインの中でも結構な割合でお世話になっている「SNS Count Cache」。 感謝しきりのこのプラグインですが、長い間気になっていることがひとつ。それは、Facebookでのいいね!やシャア数のカウントができなくなっていること。 Google+が仕様上カウントできなくなったことは僕にとってそう大きなことでは…
ishikawa

エックスサーバーでブログの表示が遅い時はPHPのバージョンが原因かも

エックスサーバーでブログの表示が遅い時はPHPのバージョンが原因かも
レンタルサーバーのエックスサーバー(XSERVER)。 気軽に使えるレンタルサーバーの中では高機能で、WordPressでの表示も速くブログでも使いやすいため、僕も複数サイトで利用しているサーバーです。 お名前.comのサーバーやさくらインターネットのサーバーを使ったりもしましたが、エックスサーバーに移ってからは段…
ishikawa

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用

印刷用CSSを確認しながら設定する簡単な方法|Chrome利用
今更なのですが、本日は印刷用CSSの話題。 と言っても、記述方法ではなく、デバッグ方法についてです。 個人的にはウェブサイトを印刷することなんて年に一回もないのですが、ウェブサイトを制作する上では、印刷時の見せ方を指定したいという要望が時々あるんですよね。 設定方法は特に難しいこともないのですが、…
ishikawa

Basic認証環境でfile_get_contentsが動かない!?エラー確認と対処方法

PHPのfile_get_contentsが動かない!?エラー確認と対処方法
PHPでfile_get_contentsを使っていた時に陥るエラー。 ローカルではバッチリ動作していたのに、レンタルサーバにアップロードしたら動かなくなってしまうという……。 これが起きるのも、実際の画面で確認したいと言われてBasic認証をかけてテストサイトを構築した際。 file_get_contentsで取得して出力するはずのコン…
ishikawa

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】

テーマXeoryを使っているならitemscopeを直したほうがいい【WordPress】
バズ部が提供している無料のWordPressテーマ、Xeory。 当ブログ、並びに運営しているWordPressサイトの大半は、そのXeoryをテーマとして利用しています。 とても使い勝手の良いテーマなのですが、最近気まぐれにW3Cのバリデーションサービスで検証してみたところ、これまで何で気付かなかったんだろう?というくらい凡…
ishikawa

リンク否認ツールで低品質リンクからサイトを守る方法(Search Console)

リンク否認ツールで低品質リンクからサイトを守る方法(Search Console)
運用しているウェブサイトやブログへの被リンク。 コンテンツを更新し続け運用を継続すればするほど、たくさんのウェブサイトから自分のウェブサイトやページへとリンクが貼られていくことになります。 調べてみると驚くほど色々なところにリンクが貼られていたりしますが、その中には低品質なサイトからのリンクが含…
ishikawa