先日、お客様の AdSense アカウントで無効なトラフィックが検出されました。Google ではこの事態を受け、お客様のアカウントでの広告配信を制限いたしました。今後もお客様のサイトのトラフィックは継続的にモニタリングされ、配信制限は Google 側で自動的に見直しおよび更新されます。 Google AdSense から届くメールの例 「無効なトラフィック ＝ AdSense 狩り」というわけではなく、いくつかの原因が考えられます。 AdSense 狩りかどうかに関わらず、上記のようなメールが届いた場合、残念ながらすぐに広告配信を再開させる手段はありません。無効なトラフィックが継続しないよう改善し、Google AdSense 側の再開許可を待ちましょう。 無効なトラフィックとは 無効なトラフィックに関して、Google AdSense では以下のとおり説明されています。 無効なトラフ

1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未

WordPress でブログを始めてはみたものの、なかなか思いどおりにいかずお悩みのことと思います。 読者の増やし方がわからない アクセス数が伸びない 検索上位に入れない 検索上位に入れるようになるまで待てばよいのか、X や Instagram を始めたほうがよいのか…。「何がわからないかもわからない」「具体的に何をすればよいのかわからない」でつまずいてしまいますよね。 そこで、「月 1 万 PV を達成するための具体的な手順」を紹介します。ブログ運営方法は何パターンもあるので絶対的な正解ではありませんが、ご参考になれば幸いです。 第 1 章：月 1 万 PV 達成に必要な要素 「月 1 万 PV」と聞くと達成までにかなり時間がかかるように感じるかもしれません。 でも、分解してみるとそう難しくはないと思います。月 1 万 PV ということは、1 日あたり約 333 PV。100 記事用意す

作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境 ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。 エンジニア速報は Twitter の@commteで配信しています。 もくじ WordPress版 受託用マニュアル １．ヒアリングシート ２．WP版ホームページ制作の流れ ３．WordPress管理マニュアル ４．WP版品質チェックシート ５．Wordpress タグ タスクランナー ６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用 １１．Chrome 開発ツール １２．html5

いい年して彼氏が居ないというのが他人にばれると色々とお節介を焼かれるわけだけど、その中で言われる「ちょっといいなと思う人もいないの？」というのがよく分からなかった。 私は物心ついたときからデブで可愛い服とかお化粧とかも興味ない、でも人と馴染むのは割と得意でクラス替えのあともすぐに隣の席と話が出来るし、男性にそれをやっても惚れられないので男女関係なく友達として話せる、そういう感じのデブスキャラ。 だから普通に仲良い男性は何人もいて、友達だからもちろん好きだし、いい所も悪い所もあると思ってる。 でもそれを「ちょっといい人」に含めたら、よっぽど反りの合わない人以外全部対象になっちゃうじゃない？ 何なら女性の友達も含んじゃうじゃない？　きっとそういうことを聞かれてるんじゃないだろうから…私はまだ未経験だけど、「この人いい！」って思う瞬間があるものなのかな？ 恋は突然に！って感じ？ とか思ってた。

「ブログを始めるなら X (Twitter) も必須」「検索流入は不安定だから SNS もやるべき」というノウハウを見かけて、ブログ専用のアカウントを作成したかもしれません。 うまく活用すればブログ運営にプラスとなりますが、残念ながら良いことづくめではないんですよね。ブログの URL や運営状況を公開するのはメリットもデメリットもあります。 実際に相談を受けた SNS でのトラブル例を交え、解説していきます。 X でブログを公開するメリット X でブログを公開するメリットは、次の 3 つ。いずれもすぐに実感できるものだと思います。 ブログのアクセス数を増やせる 運営上の疑問や悩みを解決できる モチベーション維持につながる それぞれ具体的に見ていきましょう。 01. ブログのアクセス数を増やせる 始めたばかりのブログはだれにも存在を知られておらず、すぐに検索流入が見込めるわけでもありません。

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

ものすごいWordpressテーマが出たなーという事でこちらでもご紹介。北米圏で様々なテンプレート販売を行っている大御所と言えばTemplate Monsterが大御所かと思いますが、ここから（現時点では）究極と言って良いんじゃないかというレベルのWPテンプレート「Monstroid」が登場しました。 今までこのブログでは有料WPテーマの紹介等はしたことが無かったのですが、巷で結構ニュースになっていたのでこちらでも共有させて頂ければと思います。 とにかく、ありとあらゆる機能が実装 驚くべきはその機能面／選択肢の充実度です。145種類に渡るページテンプレート、120を超えるPSDファイル、50を超えるライセンス付きのイメージ画像。 バックアップは勿論、当たり前のようにレスポンシブデザインにも対応し、スキン変更も自由自在、E-Commerce機能にSEO対策済みで、Analytics実装、サー

ネット上で「検索上位サイトや成功しているブログを徹底的にパクりなさい」とブログ初心者に教えている人をよく見かけます。「稼いでいる人は自分で文章を考えていない」とまで断言している人もいるぐらいです。 「真似する」「参考にする」「模倣する」といろいろな言い方はありますが、ただの無断転載あるいは劣化コピーになっているブログが多いのは、そうした間違った教え方を信じた結果なのかもしれません。 あなたのブログは大丈夫ですか？ 注意喚起と共に、正しい競合サイト分析方法を解説していきます。 ブログ運営者が覚えておきたい著作権・肖像権・商標権

WordPress おすすめプラグインに「All in One SEO」などの SEO プラグインが含まれているのをよく見ますが、本当に必要なのでしょうか。 実のところ、ほとんどのサイト・ブログでは導入する意味がなく、むしろ悪影響となっています。少なくとも、SEO プラグインを入れるだけで検索上位に入りやすくなる、ということはありません。 プラグインの役割や注意点を解説すると共に、導入が必要なサイトに向けて 2024 年時点でのおすすめ SEO プラグインをご紹介していきます。 SEO プラグインの役割 SEO プラグインの役割には、以下のようなものがあります。 ページタイトルとして使われる <h1> と <title> を別々にできる 各ページの meta description を設定できる OGP を出力・制御できる 各ページの noindex / nofollow を制御できる ペ

Facebook カバー写真を簡単に作りたいなら、無料オンラインツール「FotoJet  」がおすすめです。 テンプレートからベースを選んでテキストを編集するだけ。さらに、このツールはアカウントを作成しなくても使えます（有料版にする場合はアカウントが必要）。 コラージュ画像なども簡単に作れるので、ぜひ試してみてください。使い方を解説していきます。 Facebook カバー写真のサイズ・画像形式 Facebook カバー写真の最適なサイズ・形式について、ヘルプページに記載されています。 幅851ピクセルx高さ315ピクセルで、100キロバイト未満のsRGB JPGファイルだと読み込み時間が短くなります。 ロゴやテキストを含むプロフィール写真やカバー写真には、PNGファイルを使用すると、より良い結果を得ることができます。 ページのプロフィール写真とカバー写真のサイズ | Facebookヘルプ

「カスタマイズで CSS を書いたのに反映されない」とお悩みですか？ CSS が効かない原因は、おもに以下の 4 つです。 キャッシュが効いている 書き方を間違えている CSS を書く場所が違う 優先順位が間違っている それぞれ詳しく解説していきますので、デザインが反映されないときは順番にチェックしてみてください。 キャッシュをクリア（削除）する CSS が反映されないとき、わりと見落としがちなのがキャッシュです。 キャッシュはサーバーまたはブラウザで一時的に記憶されているデータのことで、カスタマイズ前の古い CSS データが残っている可能性があります。 「CSS を調整したあとはキャッシュをクリアする」のを忘れないようにしておきましょう。 サーバーのキャッシュ サーバーのキャッシュ機能は、そのサーバーによって効き具合が異なります。 CSS を更新するとキャッシュがすぐにクリアされる場合も

Page Not Found Where are you going to fly? You seem to have followed a route that does not exist.

作成：2015/07/21 更新：2016/06/29 Webデザイン > オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。クライアントの要望に合わせてアイデアを出したいとき、レイアウトで困った時に読んでおきたいメモ。イメージが湧きやすいように、国産サイトを多めにピックアップしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．視線を停止させたい ２．上質さを出したい ３．静寂さを出したい ４．親しみやすさ を出したい ５．文字の存在感を出したい ６．メリハリを出したい ７．先進的な演出をしたい ８．広がりを出したい ９．メッセージを目立たせい １０．要素を上手に対比させたい １１．ラインをオシャレに使いたい １２．躍動感を出したい １３．ハッキリ見せたい １４．シンボル・ロゴを目立つ位置に配置した

新卒採用か中途採用かを問わず、新しく人を雇用した場合に「昼から来なくなった」「3 日で消えた」なんていうのはけっこう聞く話かもしれません。 いきなり無断欠勤というのは論外ですが、個人的には辞めるなら早い段階でスパッと辞めてほしいと思っています。 もちろんいろいろな考え方があるでしょうけど、入社して間もない試用期間中の退職や解雇にはどのようなルール・法律があるのか、雇う側も雇われる側も知っておいたほうがよいのは間違いありません。 というわけで、試用期間中の退職について解説します。『入ったばかりだけど今すぐ辞めたい（辞めさせたい）！』というときの参考になれば幸いです。 試用期間とはなにか 試用期間とは、読んで字のごとく本採用までのお試し期間を指します。企業によって違うものの、だいたい 3 ヶ月前後が一般的です。 法律上は試用期間の設定は必須ではなく、いきなり本採用でもかまいません。 今まで試用

WordPress の SEO プラグインは、「All in One SEO」と「Yoast SEO」が有名どころです。 では、この 2 つのうちどちらを使うのがよいのでしょうか。また、インストールすることでどのような SEO 効果が得られるのでしょうか。 人気度と機能を詳細に比較してみましたのでご覧ください。最後に、どちらがおすすめかをまとめてあります。

WordPressでブログやサイトを運営する前、そして運営している時にしっかり設定しておきたいWordPressのセキュリティやメンテナンスに役立つ.htaccessの設定を紹介します。 .htaccessファイルを守る 最初に行うことは、.htaccessをあなた以外の無許可のアクセスから守ることです。下記のスニペットは第三者があなたの.htaccessファイルにアクセスするのを阻止します。 ルートの「.htaccess」に下記を記述します。 <files ~ "^.*\.(&#91;Hh&#93;&#91;Tt&#93;&#91;Aa&#93;)"> order allow,deny deny from all satisfy all </files> wp-config.phpファイルを守る WordPressでもう一つ重要なファイルがあります、それはwp-config.phpです。

CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。

作成：2012/10/29 更新：2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか？そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の２つご覧ください。（※ 2015/06/25 2015/06/28追記） Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付