Google検索を使って必要な情報を正しく検索するために役立つ10のテクニック
検索エンジンとして74％超のシェアを誇るのがGoogle検索ですが、このGoogle検索を用いて必要な情報を検索するためのテクニックを、ソフトウェアエンジニアのマルコ・デニックさんが解説しています。 Use Google like a pro - Marko Denic - Web Developer https://markodenic.com/use-google-like-a-pro/ ◆01：引用符を使って完全一致検索を強制する 「""」のような引用符を使用することで、検索ワードと完全に一致する文章の検索を強制することができます。 ◆02：「AND」を使って両方の単語に関連する検索結果のみを表示 複数の検索ワードを用いる場合、「AND」や「＋」を追加することで、複数のキーワードを含む検索結果のみが表示されます。上記の場合は「GIGAZINE AND レビュー」と記しており、「AND
現在のGoogle HTML/CSS Guide コーディング規約/日本語訳
コーディングを勉強している方や、普段当たり前のようにコーディングしているけれど、上手く使えているのか不安な方向けにGoogle HTML/CSS Guideの翻訳記事を書きました。（2024年02月29日更新） 色んな方のコーディングを見ていると実に様々。情報や知識が古いままで、今では推奨されない書き方も散見されます。 特に仕事で使っていると、誰かに指摘されない限り自分のコーディングを見直す事は無いかもしれません。 ですがW3Cの定めたHTML5の廃止など、変化の速い業界では定期的な見直しは勿論、何か指標となる物があると安心です。 そこで今回はGoogleが用意しているgoogle html/css style guideのドキュメントを元に、Googleコーディング規約と要点を解説。このコーディングガイドラインが絶対的な正解では無いかも知れませんが、参考になれば嬉しいです。 Google
SEOは攻略するものではない。SEOの具体的なアイデアがあふれてくる3つの本質的思考
SEOに強いWebマーケティング会社「ウェブライダー」代表の松尾です。 Webマーケティングといえば、外せないのが「SEO（検索エンジン最適化）」。 SEOとは、自社のサイト・ページ・コンテンツの価値を検索エンジンから適切に評価してもらうためにおこなう、さまざまな調整を指します。 Webマーケティングにおいて、検索エンジン経由の露出を意識しないことは通常ありえません。 なぜなら、検索エンジンは悩みや願望をもっている検索ユーザーが集まる場所であり、その場所でユーザーにあった提案をすれば、ビジネスの機会は確実に生まれるからです。 つまり、世の中のあらゆるニーズが集まる場所、それが検索エンジンであり、あえて言い切るのであれば、確実性の高いビジネスチャンスにあふれている場所です。 よって、SEOを意識することはメリットしかありません。 「SEOなんて必要ない」と思っている方は、これだけ多くのニーズ
CSSの論理プロパティの使い方を徹底解説、margin-block-start, margin-inline-endなど
CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。 CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理プロパティの実装例を紹介します。 Digging Into CSS Logical Properties by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに writing-modeによるinlineとblockの違い inlineとはどういう意味ですか？ startとendを正しく理解する 論理として使用できるプロパティは何ですか？ 論理プ
全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ
デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。
Google、動画SEOのベストプラクティスを公開。YouTube動画と技術ドキュメントで解説
[レベル: 中級] 動画 SEO に役立つ新しいリソースを Google は公開しました。 YouTube の動画と検索セントラルの技術ドキュメントでベストプラクティスを解説している。 動画 SEO 向け動画 Google 検索の動画を担当しているプロダクト マネージャの Danielle Marshak（ダニエル・マーシャク）氏が、動画 SEO の基本的なベストプラクティスをライトニングトークで解説しています。 次のトピックに触れています。 ウェブで動画を見つけられるようにする 動画構造化データでマークアップする 高品質なサムネイル画像を設定する 動画サイトマップを送信する 動画ファイルに Google がアクセスできるようにする 日本語字幕あり Marshak 氏は（当然）英語で話していますが、日本語字幕を利用できます。 歯車アイコン⚙️から [字幕] を選択し [日本語] を指定しま
ウェビナーはつまらない？面白い？それは登壇者のスキル次第です。年間200回ウェビナー登壇するコクリポ上野氏が伝授するウェビナー成功の虎の巻
昨今新型コロナウイルスの影響でウェビナーを始める企業が増えている中、どのように行えば成果が出るのか悩んでいるマーケティング担当者も増えているのではないでしょうか。そんな悩みを解消するべく、この連載では年間200回ものウェビナーに登壇する株式会社コクリポの上野氏がウェビナーのコツを語ります。 ウェビナーでは、ほとんどの参加者の方が「ながら見」している 以下コクリポ様のブログより一部修正の上、転載しております。 こんにちは。コクリポの上野です。昨今非常に多くの企業がウェビナー開催に初挑戦し、同時に非常に多くのウェビナープレゼンターが生まれています。 ウェビナーを始めた多くの会社、プレゼンターの皆さま、*ウェビナーはうまくいきましたか？参加者の方々の、あなたの話への理解度はどうでしたでしょうか？リアルな会場で人を集めて行うセミナーと比べて、仕事などでの成果につながりましたか？*なかなかうまくいか
俺流レスポンシブコーディング
俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサイズを意識して決める人が半数以上を占めていた。 アンケート結果を抜きにしても「2021 年のブレイクポイント決定版はこれだ！」的な記事がバズっているのを定期的に目撃し、主流のデバイスのサイズを比較するアプローチがほとんどであるが、僕はデバイスの端末のサイズを基準にブレイクポイントを決めることには否定的である。 主流のデバイスのサイズなんてものは時間が経てば変化する。 昨年 iPhone 12 が発表された時に従来の画面サイズとは違うバリエーションになることが分かるやいなやタイムラインが慌てふためい
WordPress 有料テーマ「Snow Monkey」レビュー - Naifix
アドオンがすべて必要になるのは、WooCommerce で自社商品の販売をしたり、掲示板付きの会員制サイトにする場合かなと思います。 要するに、Snow Monkey 公式サイトと同じようなサイトを作りたいときですね。 個人ブログや企業のオウンドメディアとして使うなら、アドオンがなくても問題ありません。様々なタイプのサイト制作を受託しているなら必要になってくるケースもありそうです。 Snow Monkey のメリット 今まで、国内製の主要なテーマは無料・有料に関わらずほとんどさわってきました。現在進行系で、海外製テーマを利用しているサイトもあります。 その経験をもとに、Snow Monkey のメリットを 3 点紹介していきます。 エディターとブロックがプラグイン化されている サポート体制が充実している Web 制作のベースとして使える エディターとブロックがプラグイン化されている 日本製
【図解で納得】レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2022年更新版] - webのあれこれ
※前回の2020年12月からベゼルレスのiPad mini6（8.3インチ）が出たので更新しています。 記事の詳細の内容はiPad mini6が入っていない内容です。 MacBookもM1チップでProじゃなくてAirで十分みたいになっていて、大きさやスペックが大きければいいみたいな時代は終わって、自分に合ったものを選ぶ人がより増えてきたように感じています。 前回が2019年5月にレスポンシブデザインのブレイクポイントの記事を書いて、今でもたくさんのアクセスがあり、たいへん嬉しく思っています。 そこで今回2021年に向けて内容を見直しました。 最近発売されたベゼルレスのiPad AirやiPhone12 miniなど新しいサイズも増えて、より複雑になった印象です。 iPadのSplit Viewを気にしない人は、去年と同じ560px/960pxでも問題はないです。 hashimotosan
![【図解で納得】レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2022年更新版] - webのあれこれ](https://cdn-ak-scissors.b.st-hatena.com/image/square/69fd58e599edd140a8c7e26e7058d9122c7ed7a1/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhashimotoblog%2F20201207%2F20201207184733.png)
IEからEdgeへの転送を開始 | Web品質Blog | ミツエーリンクス
先だって「IE」で一部のサイトを開くと「Edge」に転送--脱IEの一環で - ZDNet Japanなどで報道されていたとおり、一部のサイトに関してInternet Explorer（以下「IE」）でアクセスされた際、Microsoft Edge（以下「Edge」）で開くよう転送する処理がスタートしていますが、その対象サイトに当サイト（mitsue.co.jpドメイン）が追加されました。 IEとEdgeの両方がインストールされた環境において、上述の転送が有効であることを既に確認しています。これは当社からの申請に基づくもので、必要な手続きの詳細はMoving users to Microsoft Edge from Internet Explorer - Microsoft Edge Development | Microsoft Docsにある通りです。11月23日にメールで申請をしまし
「絶望先生」作者にとって最終回は“供養”である。「かってに改蔵」から最新作「かくしごと」まで、マンガ家・久米田康治が語る“終盤の急展開”に込めた想い
『初代ポケモン』マサラタウンのジオラマを画用紙で作ってみた！ ストップモーションで描かれる表現に「立体なのがなんか感動する」「わくわくする」の声 海外でバズり中のボカロ曲「ヤババイナ」楽曲配信開始！初音ミク、ずんだもん、重音テトの破茶滅茶なMV映像に「中毒性やばい」「何度も聞きにきたくなる」の声 久米田康治先生のマンガは、最終回に衝撃的な「どんでん返し」が起こるという特徴がある。 『かってに改蔵』の連載終了当時、数年に渡るギャグ展開を全てひっくり返すような突然のシリアス最終回が波紋を呼び、話題となった。 『さよなら絶望先生』はショックを受けるほどの暗いラストに、久米田先生が「最終回は連載開始前から決めていた」と語ったのも相まって、筆者もリアルタイムで読んでいて背筋が凍ったのをよく覚えている。 そして、先日に完結した最新作『かくしごと』は、最終回で作品全体に仕掛けた大きな伏線を回収するという
Webサービスの作り方を知りたいなら読むべき！個人開発者のブログや書籍を紹介
ただ、この中で重要なことはある程度決まっています。 それが「下調べ・準備」です。 Webサービスを作ろうと思う方であれば、企画案はいくらでも浮かんでくるはず。その企画を 本当に需要があるのか？ 実現可能なサービスなのか？ など下調べ・準備をどれだけ行うかで、サービスが成功するのか失敗するのか。はたまたニーズが全くないと気づくかが決まります。 では下で重要な下調べ・準備についてご説明していきます。 Webサービスでマネタイズするなら準備段階が一番大切 オリジナルのWebサービスを作って稼ぐことを考えているなら、準備段階の下調べが重要です。 Webサービスを作るにあたって、準備段階で考えるべきことをリストアップしました。最低でもこれくらいは考え、データを取り、分析しておかないと稼げるWebサービスを作るのは難しいでしょう。 マネタイズを目的としていない場合でも、作ったWebサービスを公にするな
Google Fontsの日本語フォント「Noto Fonts」の使い方
そしてもちろん我らが日本語も用意されています。日本語のフォントセットは「Noto Sans CJK JP」という名前です。 日本語は優遇されているのか7つも異なるウエイト（太さ）が用意されています。 ちなみに名前にあるCJKとはChina、Japanese、Koreaの3つです。1バイト言語の256文字に収まらない、2バイト言語をまとめてCJKとしているようです。（2バイト文字は65536種類に対応している） 中国語は「Noto Sans CJK SC」、韓国語は「Noto Sans CJK KR」と、それぞれ別のセットで、相互に対応していません。統一感のあるセットになっているとのことですが、それぞれの言語が混在する状況はあまりなさそうです。 2バイト文字は数千もの文字を作成する必要があるため、Adobeだけではなく各書体メーカーの協力しています。それぞれ日本語はイワタ、中国語はChang
Twitter（ツイッター）投稿は朝5時がオススメ！100万ツイートの分析で判明した拡散（RT・リツイート）されやすい時間帯
Twitterアカウントを運用する上で発生しうる悩みの1つに、「リツイートされるツイートを増やしたい」があります。 拡散しやすい投稿には様々な要素がありますが、簡単に調整できるものとして投稿のタイミングがあります。意外とすぐに気付きそうでできない部分なのではないでしょうか。 フォロワーの活動時間帯やTwitterの使い方によっても、拡散されやすいタイミングは異なります。そこで、平日・休日、朝・昼・夜など、いろいろな曜日や時間に投稿し、運用しているアカウントはどの時間帯が相性がいいのか探ると「拡散される最適なタイミング＝バズりやすい時間帯」というのがわかってきます。 そこで今回は、株式会社AutoScaleのTwitter運用支援ツールを使っているユーザーの100万ツイートを分析してTwitterで拡散されやすい時間帯を調べた調査した結果を紹介します。 Twitter（ツイッター）で拡散され
nth-of-typeが効かない？！ときに確認するべきこと | ma-ya's CREATE / WEB DESIGN
こんにちわ、ma-ya’s CREATE［まーやずくりえいと］です。 様々な条件で要素を指定できる疑似クラス。便利です。 大体が感覚的に使えてわかりやすいんですが、一部気を付けるべきものもあります。 何となくどういう挙動をするかはわかっていても、実際使ってみると？？？となることもしばしば。 というわけで今日はnth-of-type疑似クラスのちょっとした注意点です。 nth-of-type指定が意図する挙動と違う！その仕様とは 考え方・前提として、名前の通りこの疑似クラスは指定した要素のタイプに深く関係します。 んで、これがわかっていないと下記のような使い方をした場合に混乱してしまいます。 See the Pen nth-of-typeがうまく効かない？？ by mycreatesite (@mycreatesite) on CodePen. 上記ではtargetという名前を付けたクラス名
【当たり前を疑ってみる】新着情報をdlでマークアップするのは妥当なのでしょうか？ | バシャログ。
Windows8、シャットダウンまでの道のりの険しさに空を仰いだhakoishiです。 終了させないで、スリープ状態をデフォルトにして使う想定なのかなー。タブレットみたいに。 さて、今回はちょっと当たり前を疑ってみたお話。 新着情報をdlでマークアップする定番テクニック、果たして妥当なのでしょうか？ この話題、ブログやtwitterなんかでちょいちょい見かけますね まずはよくある形を確認。こういうのですね。 『dlで問題ないかも。』という意見 新着情報としての意味合いが強いなら、日付がキーになるのは自然。 形に与えられた意味を考えるに、日付がキーになっているという判断もできる。 『dlで、ってのはどうなんだろう。』という意見 dl要素の意味を考えると、ニュース見出しは日付について説明していることになってしまう。 なら、新着情報はどんな情報を持っていて、どんな意味と構造を与えるべきなのでしょ
「いかがでしたか？」を使っていませんか？「いかがでしたか？」を除外できるアドオンを紹介！
ユーザーにとって検索エンジンの利便性の一つは、必要とする情報に素早くアクセスできることでしょう。Webマーケターをはじめ、限られた時間の中で検索をする人にとって、余計な情報が検索結果に入ってしまうのは大変煩わしいことです。特に、*近年よく見かける「いかがでしたか？」というフレーズを含む中身のない記事に、不満を持っている人も多いのではないでしょうか。*このような記事は、必要な情報を記載していそうなタイトルに対して、最後まで読んでも大した情報を得られなかったというケースが多く、ユーザーから敬遠されています。 今回は、「いかがでしたか？」のフレーズを含む記事を検索結果から除外できるアドオンを紹介します。手間をかけずにインターネットを使ったリサーチを効率化できるので便利です。 「いかがでしたか？」「いかがでしょうか？」というフレーズがゴシップサイトなどで散見される 文末に「いかがでしたか？」や「い
Web制作者向け新Edgeの注意点と、人に勧めるときに気をつけること
1月15日にMicrosoft Edgeの正式版がリリースされました。 とはいえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。 そこで、この記事ではWeb制作者向けの注意点と、非Web制作者、たとえば上司や家族などにEdgeを勧める時の注意点などをまとめています。 これまでのMicrosoft Edgeと何が違うの？ これまでのMicrosoft Edgeは、Microsoft製の独自のブラウザエンジンでした。 そのため、これまでのIEへの悪いイメージもあり、またGoogle ChromeやSafariのような他のWebブラウザーと表示や動作が異なる場合もあり、あまり普及しませんでした。 新しいEdgeは、Google Chromeと同じChromiumとよばれるブラウザエンジンになりました。 なぜ私のWindows PCには配信されていないの？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2024年最新データ】主要サイトのテキストリンク色比較 - Naifix
