CATEGORY Web

Web

WebページのタイトルとURLをコピーしてくれるChrome拡張Copy Title+URL to clipboardが超絶便利!

特にブログを書く時に、関連する別ページの記事を紹介したいことがよくあります。 ↓こんな感じですね。 重低音を響かせるこだわりのBluetoothスピーカーBelle たったこれだけのことなんですが、これをhtmlで書くと、 <p><a href=”https://gadgetshiki.tech/news/belle”>重低音を響かせるこだわりのBl…

Web

ブログのフォントをモリサワのWebフォントに変更しました@wpX

このブログでは、結構前からフォントをGoogle Fontsの”Noto Sans”に変更していました。 完全に自己満足の世界ではあるのですが、見やすくなって気に入っていました。 ですが、重いんですね…。 Webフォントの仕組み上、フォントの読み込みが終わるまで文字の表示が遅れます。 このブログを何回も開いていればキャッシュされているので早いのですが、見てくださる大部分の方…

Web

WordPressのAMPプラグインで問題が発生しているようです

本ブログへの問い合わせで知ったのですが、WordPressが公開しているAMPプラグインに問題があるようです。 (こんなブログにお問い合わせ頂いて恐縮ですm(_ _)m) 問題になっているのは昨日(2017/8/5)公開されたv0.5。 僕は普通にアップデートして問題なく動作しているのですが、一部の環境で Fatal error: Cannot make static method AMP_Cus…

Web

Web開発者必携!JSONの整形やValidateが行えるJSON Editor Online

RESTful APIであったり、その他もろもろの場面で登場するJSON。 シンプルな記述方法ながら、XML等に比べてデータが扱いやすいのが魅力です。 そんなJSONですが、配列であったり、階層が深くなってくるとわけがわからなくなってくるもの。 そういう時にWebで簡単に構文チェックができたら…という時に僕が使っているのがJSON Editor Onlineです。   JSON Edit…

Web

ブラウザ上でコラージュ写真を簡単に作成!アイキャッチやサムネイル作成に便利な「Fotor」【PR】

ブログを書く上で非常に重要な”アイキャッチ画像”。 名前の通り目を引くかどうかが重要になってきますし、それがそのままPVに影響してきたりもします。 例えばこのように▼一枚の写真で済ませてしまうのが一番お手軽です。 これはこれでインパクトがあるのですが、単調な気もしますね。 しかもこの写真は2015年の東京モーターショーで撮影してきたものなのですが、たくさんの車が展示されているにも関わらず、一台しか…

Web

簡単な画像編集ならGoogleフォトで済ませてしまうのも十分アリ!

ブログを書く上で非常に重要なアイキャッチ。 その他にも文字だけではなく写真で伝えたりなど、ブログにとって画像というものは非常に重要です。 当然画像編集も必要になってくるわけですが、個人的にはここでPhotoshopなどを持ち出したくはありません。 AdobeのCreative Cloudを契約しているのでPhotoshopを使うことは出来るのですが、オーバースペックすぎる&使い方が難しい&どこでも…

Web

簡単に301リダイレクト設定が可能なWordPressプラグイン「Simple 301 Redirects」

Webサービスやブログを運営していると、ページをマルっと削除することがあります。 情報が古くなった、広告記事の掲載期限が切れた…などなど。 WordPressなどのCMSを使っていれば、記事を削除すること自体は簡単です。 ゴミ箱に入れるだけ。   ですがそのままだと、削除したページアクセスされた時に404 NotFoundになってしまうんですね。 これはSEO的にもよくありませんし、何よ…

Web

Webサイト全体のスクリーンショットを撮るChrome拡張機能「FireShot」

Web系の開発の仕事をしていたり、ブログでPR記事を執筆していると、画面のキャプチャが撮りたくなりますよね。 公開前のページを、「こんな感じですが、どうでしょうか?」とお客さんに見せるわけです。   Macであれば、shift + command + 3で画面全体のキャプチャ、shift + command + 4で選択範囲のキャプチャを保存することが出来ます。 ただ、スクロールしないと…

Web

Search Consoleで削除したページがクロールエラーに出続ける場合の対処法

きっかけはWELQ問題 このブログでは昨年のWELQ問題を受けて、権利関係が不明瞭な画像を使用していた記事を全削除しました。 その数約100記事。 この件に関しては自分の不勉強さを恥じ入るばかりです。   しかしそれによって、ある問題が生じていました。 GoogleのSearch Consoleで、削除したページがいつまでもクロールエラーになり続けるのです。   サイトマップか…

Web

Twitterのタイムライン埋め込む際のカスタマイズオプションまとめ

自社のサービスを切り売りしたり、買収の噂が立ったりと元気の無いTwitter。 しかし日本では全くそんな不穏な空気を感じさせないほどユーザーは多いですね。 そして僕のようにブログを書いているような人は、ツイートを記事内に埋め込むことも多いと思います。 あとは自身のタイムラインをウィジェットとして追加したりとか。   ▼このブログでも、フッターにタイムラインを表示しています。 PCではフッ…

Web

WordPressを更新したら”AMP”プラグインを再起動しないといけない・・・っぽい

このブログでは昨年の11月にAMP対応を行いました。 WordPressで作成したサイトを、プラグインでサクッとAMP対応してみた 現時点ではそれほど重要ではないと思われるAMP対応ですが、早い早いと一部で話題になっていたので、プラグインでサクッと対応してみました。 と言ってもプラグインに全面的に頼ったお手軽なものではありますが…。   しかし順調にGoogleにインデックスされ、AMP…

Web

初心者でも15分でWordPressを使ったブログが構築できるwpXが超オススメ!

さて、年が明けて今日が仕事始めという方も多かったのではないでしょうか。 今年の目標として、「家計簿をつける」「日記を書く」「◯Kg痩せる」等など色々と目標はあるかと思います。 そこでオススメしたいのがブログです。   ブログというとプロブロガーとかアフィリエイトとかSEOとか色々と難しいこともあるのですが、もっと気軽に始めてもいいと思います。 このブログは開設して2年半ほどですが、備忘録…

Web

今更ですがアンチAdBlock「End of Adblock Cycle」を導入して効果を見てみます

Web界隈的にはだいぶ古い話題になりますが、iOS 9から「コンテンツブロッカー」という機能が追加されています。 一言で説明すると、 コンテンツブロッカーに対応したアプリをインストールすると、Safariで広告を非表示に出来る。 というものです。   具体的な話や、それによる影響・問題点は色々なブログやメディアに掲載されています。 Itmediaにも詳しく書かれています。 Web広告を非…

Web

もう誰も見てないから、今年中にブログからサイドカラムを消すよ!

上の写真、ひょっとして日の出じゃなくて日没じゃね…?と思ったんですけど、素材を探すのが面倒なのでこのまま行きます。 さて、2017年になりました。 ブロガーとしては元旦に新年の抱負を記事にするのが鉄板だと思いますが、僕はこのブログやSNS含めて、どこにもブロガーなんて記載していないので別にいいのです。   前置きはこれくらいにして、2017年の目標を決めました。 このブログからサイドカラ…

Web

意外と気付きにくい、Flickrの写真をサイトに埋め込む方法

ブログを書く上で、文章も大事ですが写真も同じくらい大事だと考えています。 文章だけではよほど面白いか、専門的なものでないとなかなか読んでもらえないでしょう。 僕のように文章を書くのに特化していない人間にとって、それを補ってくれるのが写真なのです。   さて、Flickrといえば素晴らしい写真の宝庫です。 それ、無料で公開しちゃって良いの?というようなクオリティの写真もたくさんあります。 …

Web

サイトへのリファラスパムで消耗しているなら、Analyticsのセグメント機能を使おう!

サイト運営者の方々に伺いたいのですが、今月に入ったくらいから、リファラスパムの量がすごくないですか? それも大体がロシアのSamara州という所から。 twitterでもこのようなつぶやきが…。   アクセス解析をするとロシアからのアクセスはリファラスパムが余りにも多すぎるのでロシアのアクセスは全て除外した。お陰で解析結果がクリーンになったので満足している。#サイト運営 — …