+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

Amazonのアソシエイト・プログラム(アフィリエイト)とは、Amazonで販売されている商品へのリンクをウェブサイトやアプリに設置し、このリンクを経由してユーザーが商品を買った場合にある程度の紹介料をゲットできるというシステムです。2020年4月14日(火)、Amazonがアメリカのアソシエイト・プログラムメンバーに対し、一部製品カテゴリーの紹介料率を4月21日(火)から大幅にカットすると通知したことが判明しました。 Amazon slashes commission rates for affiliate program https://www.cnbc.com/2020/04/14/amazon-slashes-commission-rates-for-affiliate-program.html Amazon reportedly planning drastic cuts to

この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager（以下、GTM）経由でGoogleAnalytics（以下、GA）を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借

【変更履歴 2018年2月15日】当初の記事タイトルは「いまなぜHTTPS化なのか？ 技術者が知っておきたいSEOよりずっと大切なこと ― TLSの歴史と技術背景」でしたが、現行のものに変更しました。現在GoogleではWebサイトのHTTPS対応と検索結果の関係を強調しておらず、本記事の趣旨の一つにも本来は独立した問題であるSEOとHTTPS化を関連付けるという根強い誤解を解くことがありますが、当初のタイトルではかえってSEOとHTTPSを関連付けて読まれるおそれがあり、また同様の指摘もいただいたことから変更いたしました。 HTTPとHTTPSは、共にTCP通信上で動作します。したがって、いずれもTCPハンドシェイクで通信を開始します。 HTTP通信の場合には、このTCPハンドシェイク直後に、HTTPリクエストとレスポンスのやり取りが始まります。このHTTPのやり取りは平文通信であり、途

配色の使用例を確認しよう 気になる配色があれば、見本をクリック/タップしてみましょう。その配色の使用イメージを確認することができます。気に入った色の組み合わせはコピペして使って頂いて構いません。 万人受けする配色 まずはシーン問わず使いやすい色の組み合わせを紹介します。青や橙色などは老若男女問わず受け入れやすい色ですね。

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

Private content!This content has been marked as private by the uploader.

「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは？と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ

書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門：https://amzn.asia/d/4WDsTI6 デザイン図鑑：https

※この記事は2017年3月15日に記事内容を更新しました 提案書や企画書など、日々の業務で使用されるプレゼン資料はたくさんあります。その資料デザインの「見やすさ」「伝わりやすさ」によって業務の成果が左右されると言っても過言ではありません。 みなさんは「見やすいプレゼン資料の作り方」という資料をご存知でしょうか。 こちらは当サービス「SKET」のディレクターが、プレゼン資料の作成で気をつけてほしいことを盛り込んだ資料です。おかげさまでSlideShareにて累計320万PVを越しました。 しかし、内容が非常に具体的なこともあり「すぐには覚えられない！」という声もいただき、そこで今回、見やすいプレゼン資料の作成を行う上で重要なポイント3つをまとめてみました。 [PR]直ぐに使えるプレゼン資料が必要な方は無料テンプレートサイト　ボクシルへ

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

どのプログラミング言語から学び始めればいいのかわからない… 初心者におすすめのプログラミング言語ってあるのかな？ 国内におけるIT人材の不足が深刻化していることもあり、ITエンジニアといったプログラミングスキルがある人材の需要は増し、他の職種に比べ高い報酬を設けるケースが増えてきました。 そんななか、転職や副業での収入獲得に向けたリスキリングを目的に、プログラミングを学び始めようと考えている人も多いのではないでしょうか。 目的を見据えたスキル習得はもちろん、学習途中での挫折を防ぐ意味でも、自身にあう言語選びは不可欠です。ただ、どれを選べばいいのかわからない人は多いですよね。 おすすめの言語を知るなら、プログラミングの経験者に聞くのが一番です。 そこで、今回は2021年・2023年に100名の現役エンジニアへ実施したアンケート調査をもとに、次のトピック別で初心者におすすめのプログラミング言語

歳末の候、何かとご多忙のことと存じます。 週刊はてなブログでは、毎週月曜にはてなブックマーク数ランキングを掲載しております。このたび、毎年末恒例の年間総合ランキングを集計いたしましたので、本記事にてご報告とさせていただきます。 また、新たな趣向として、2016年中にはてなブックマークで多くのコメントを獲得したり、ソーシャルでの流入が多かったりした注目記事を、はてなブックマークのカテゴリーごとにまとめてみました。2016年を振り返る一助となれば幸いです。 はてなブログ2016注目記事（はてなブックマークのカテゴリー別） はてなブログ2016トップ100 ― 年間総合はてなブックマーク数ランキング 関連記事（2014年、2015年、はてなニュース） はてなブログ2016注目記事（はてなブックマークのカテゴリー別） はてなブックマークのカテゴリー（暮らし、世の中、政治と経済、学び、テクノロジー、

2016年12月2日NAVERまとめ対策,著作権侵害対策 このほどDeNAは、運営するキュレーションサイト10サイトのうち、WELQを初めとする9サイトを非公開にした。キュレーションサイトとは写真や文章をネット上からパクって再構成するまとめサイトのこと。 作品を無断転載されて怒り心頭のブロガー・イラストレーター・カメラマン・ライターは数知れない。下らないまとめサイトが表示されてうざいと呆れる読者も多い。今回の騒動にはみなさぞ溜飲が下がったことだろう。著作権侵害を平気でしている会社は窃盗団と同じだ。日本社会の暗黒面をここにみた。 画像の無断使用には料金請求する ぼくはこの秋に、まとめサイト５つを含む、合計８サイトに当ブログの写真が無断使用されているのを発見し、そのすべてに料金を請求した。 そうでないと、普通に使用料を支払ってくださっている他のクライアントに不公平になる。 母校の日芸を写し

レールの上からこんにちは。☆←ヒトデです というわけでサラリーマンをしながら月間100万PV達成しました www.hitode-festival.com うだうだしてるうちに11月になってしまいましたが、7月全体でも100万PV、８月は落ちて90万PVでしたが、9月10月は100万PVに戻りました（10月は120万PVでした） 2017/3月追記。相変わらず100万ＰＶキープ出来ています。1月にはお正月効果もあって158万ＰＶまでいきました！ これを見て 嘘乙！ って人もいると思うけど、まあ、そう思うならそれで良いと思う 特に何かを売りつける気は無いし、サロンへの勧誘もしません。ちなみにここに来るまでサロン等には結局１つも入りませんでした 必要な情報は基本的に全部インターネットに無料で落ちてました この記事がそんな情報の１つになれば幸いです というわけで書いていきまーす あくまで「ブログ」

今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやすいですね。 彩度 色みの強さの度合いを表します。いわゆる「あざやかさ」ですね。 明度 色の明るさの度合いを表します。限界まで明度を高くすると白になります。逆に限界まで低くすると黒になります。 この3つは「色の三属性」なんて呼ばれたりします。この3つは配色の話で何かと出てくるのでおさえておきましょう。 2. 補色について知っておこう 色相の並びをぐるっと1周つなげたものを色相環と呼んだりします。この色相環において、向かい合う2色ペアーの関係を補色と言います。この補色関係にある2色は、お互いを引き立