人気記事一覧

• CSS/Sass

  スマホ表示とデスクトップ表示でレスポンシブに改行位置を変える時はbrタグにクラスを付けてcssだけで管理すると超楽な件

  レスポンシブコーディングをするときに、デスクトップ表示とスマホ表示でテキストの改行位置を変えたい時、みなさんどうしてますか？ 私の場合、少し前までPHP側から ...

  2018/05/06
• WordPress

  WordPressの超シンプルなSEOプラグイン「SEO SIMPLE PACK」の使い方

  超シンプルかつ、管理画面が全て日本語表記のプラグイン、「SEO SIMPLE PACK」を作成・公開いたしました。今回はその使い方を紹介したいと思います。 W ...

  2018/07/18
• WordPress

  ABSPATHとはなんぞや。WordPressのインストールされたパスが定義されたグローバル定数らしい。

  はい、タイトルだけでほぼ解決してしまっていますが、今回はWordPressで定義されている定数、「ABSPATH」についてのメモです。 初見では何者なのか全く ...

  2017/07/25
• JavaScript

  jQueryのclickイベントが動作しない？Ajaxなどで遅延読み込みした要素へのイベント登録方法を確認しよう。

  クリックイベントが動作しない！という場合、まずはクリックする対象がAjaxなどで遅延読み込みされている要素かどうか確認しましょう。 そのような場合は、記述方法 ...

  2017/08/16
• CSS/Sass

  CSSでWEBフォントを指定できる@font-face規則の書き方

  WEBフォントといえば Goofle Fonts が大人気ですが、フリーフォントをサーバーにアップロードしてWEBフォントとして使うこともできます。 Goog ...

  2018/11/17
• CSS/Sass

  SASS・SCSSのコンパイル時にエンコードエラー？Dreamweaverで気をつけたい以外な原因と対処法

  SCSSを使い始めたころ、「Error: Invalid US-ASCII character "\xE3"」 とかいうエラーが出まくったことがあります(Dre ...

  2017/06/16
• JavaScript

  【脱jQuery!】jQueryなしで「ページトップへ戻るボタン」を実装する

  目指せ脱jQuery！ということで、jQueryなしで「ページトップへ戻るボタン」を実装するコードを2種類ほどメモしておこうと思います。 処理の流れとしては、 ...

  2018/06/20
• ツール

  Koala最新版(ver.2.2.0)へアップデートすると発生するコンパイル時のエンコードエラーの原因

  先日、sassコンパイラ Koala を最新版（ver.2.2.0）にアップデートしたところ、急にscssファイルがコンパイルできなくなってしまいました。 そ ...

  2017/07/08
• WordPress

  WordPressでサイト情報を取得する bloginfo() の非推奨パラメータと、それに対応する代替関数まとめ

  WordPressで作成したサイトの様々な情報を取得できるbloginfo()関数ですが、色々と非推奨になったりしてて注意が必要です。 bloginfo()の ...

  2017/06/04
• SVG

  【#1】SVGを極めたい！~ SVGとは何か・基本図形の描画とスタイル付け ~

  最近、SVGアニメーションを自由に扱えるようになりたいなと思いまして、SVGを基礎から勉強していこうと思います。 今回は第一回目、基礎の基礎編です。SVGとは ...

  2018/05/23
• WordPress

  親情報を取得するget_post_ancestors() と get_ancestors() の違い [WordPress]

  WordPressで親IDを取得するテンプレートタグ、get_post_ancestors() とget_ancestors() の何が違うのか？ と気になっ ...

  2017/07/23
• WordPress

  WordPressのバージョンアップデートやプラグインアップーデートの自動更新・自動配信メールに関する設定方法

  複数のWordPressサイトを管理していると、アップデートを手動で行うのがかなり面倒になってきますよね。 今回は、WordPressでバージョンアップやプラ ...

  2017/11/08
• その他

  MacのSafariのユーザーエージェント機能でインターネットエクスプローラー(Internet Explorer)を使う方法

  Macでインターネットエクスプローラー(以下IE)を使わないといけない！というごく稀なケースに遭遇したときに覚えておきたいTipsです。（VPNの接続時や管理画 ...

  2017/05/26
• SEO

  [リッチスニペット]スキーマ(schema.org)でパンくずリストのmicrodataをマークアップしてみた

  スキーマ(schema.org)を使用したてパンくずリストをmicrodataマークアップする方法。 記事によって記述例が全然違うので、自分が納得のいく方法を ...

  2017/06/08
• サーバー

  mac OS High SierraにVirtualBox+VagrantでCentOS7仮想環境を構築【#1】 ~ インストールから仮想マシンへの接続まで ~

  「mac OS High Sierra」のホストOSに、 「VirtualBox + Vagrant」で CentOS7のローカル仮想環境を構築してみました。 ...

  2018/05/30
• SVG

  【#2】SVGを極めたい！~ ビューポートとは何か・svgタグの描画領域・width,height,viewBox属性の挙動について ~

  前回、SVGで簡単に図形を描画してみたのですが、そもそもこの図形が描画されている領域はどういうものなのでしょうか。 また、<svg>タグにはその描 ...

  2018/05/24
• WordPress

  WordPressの新エディタ「Guternberg」でカスタムブロックを追加する方法（基礎編）

  WordPress5から搭載された新エディタ「Guternberg」で採用されている「ブロック」という概念。 正直まだ慣れないことの方が多いですが、使いこなせ ...

  2018/12/15
• PHP

  phpでの出力「＜?php echo $hoge; ?＞」とその省略形「＜?=$hoge?＞」の速度を比較してみた

  phpで文字列を出力する場合、普通に<?php echo $hoge; ?> とするのと、その省略形<?=$hoge?>では速度の違いは ...

  2018/05/13
• WordPress

  get_template_directory()とget_template_directory_uri()の違い

  get_template_directory()とget_template_directory_uri()の違いはなんだ？と気になったのでメモ。 まず日本語C ...

  2017/06/05
• JavaScript

  lazysizesの実行タイミングをwindowのloadイベント時に移し、ページ読み込み時に動作させる方法

  「背景画像も遅延読み込みが可能な万能Lazyloder」として以前別の記事で使い方を紹介した「lazysizes」の、実行タイミングを変更する方法です。 先日 ...

  2017/08/05
• HTML

  iPhone(iOS)でセレクトボックスのoptionタグのフォントサイズが大きすぎてテキストが省略されてしまう時に、全て表示させる方法

  iphoneなど、スマートフォンでセレクトボックスを使用すると、選択肢のoptionタグ内の文字サイズがデフォルトでは大きすぎて、プルダウンのテキストが省略され ...

  2017/06/25
• WordPress

  【jQuery・プラグインなし】WordPressで記事の見出しから自動で目次ナビを生成する自作スクリプト

  WordPressの記事から見出しを自動で探し出し、リンク付きの「目次」ナビゲーションを設置するためのスクリプトを紹介します。 jQueryも一切使っていない ...

  2017/05/16
• WordPress

  WordPressで特定のページを404扱いやリダイレクト処理で無効にする方法

  WordPressで使用しないページやセキュリティ的に表示させたくないページを無効にする方法です。 ただ、「無効にする」とはいっても404扱いにしてエラーペー ...

  2018/08/08
• PHP

  php文の途中でhtmlを出力する時にphpタグを一度閉じるべきか、そのままechoで出力するべきかを速度比較で考察してみた。

  php文の途中でhtmlソースを出力したい時、一度phpタグを閉じてhtml文を書くのと、そのままechoの中にhtml文を記述するのとでは、どちかがいいのでし ...

  2018/05/26