ソラミ♪ Webエンジニアをやりつつ、デザインにも携わる株式会社コムワークの中の人。WordPress、Adobeアプリ、カワウソ好き。 2015年から当ブログ運営｜2008年からGmail使用中｜WordPress制作10年以上｜15社以上のレンタルサーバー利用経験｜100件以上のドメイン取得運用｜サイト・ドメイン移転多数 » もっとくわしく 当サイトのアイキャッチは主にAdobe Expressで作成しています。Adobe Expressならデザインパーツを並べるだけ、最速1分！ カンタン素早く作成できます♪ >>> Adobe Expressでできることをくわしく 前回Illustrator、PhotoshopでGoogleフォントを使う方法をまとめましたが、今回はHelveticaやFutura、DINなど有名フォントの代用になりそうなおすすめGoogleフォントを紹介します。 有
飯田です。 いたってまじめな記事です。 すいません。 今回はGoogle Analytics（以下GA）について書きます。 開発期間と公開後でGAの設定ってどうするの？ Webサイト制作において、開発期間というものは必ずあります。 その形態も開発用サーバーと公開用サーバーと2台建てたり、 開発用サーバー1台で、公開時に公開用として切り替えてしまう場合など様々です。 最近では、アクセス解析ツールとしてGAをいれることが多いですね。 でも、開発期間中と公開後でGAの設定をどのように行えばよいのでしょうか。 アカウント2つ用意する？とりあえず同じもの入れちゃう？ うーんちゃんとしたデータとれているのだろうか。。 そんな悩みを整理します！ サーバー構成 この質問に対する回答は、サーバー構成や開発の方針によって変わってきます。 いくつか具体例を挙げてみます。 1.同一サーバー内で開発用ディレクトリを
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 毎日のように海外のまとめ記事を無断転載してアクセスを稼いでいるあのブログの注意喚起を海外のブロガーから聞きます。問い合わせや削除依頼しても対応無しっていうから、たちが悪い。 ドメインによる要因 ページレベルによる要因 サイトレベルによる要因 バックリンクによる要因 ユーザーのインタラクションによる要因 アルゴリズムによる要因 ソーシャル シグナル ブランド シグナル サイト内部のスパム
2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chromeで翻訳して確認していたんですが、すでに翻訳してあるサイトがあったのでこちらも参考に両方を見て確認していきました。 Google HTML/CSS Style Guideを翻訳してある記事「Google HTML/CSS Style Guide」を適当に和訳してみたは、かなり助かり参考になりました。 それではGoogle HTML/CSS Style Guideに書いてあるHTMLとCSSのコ
※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！ そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se
僕がPPCキャンペーンを数多く担当しているせいか、広告主が自分たちのPPCプログラムで犯すつまらない間違いや、時につまらないじゃ済まない間違いをしょっちゅう目にしている。PPC広告作成や不正クリック検出の失敗、そして検証不足など、多くの過ちのごく一部だ。こうした間違いをそれぞれ潰していけば、売上を70％増やしたり、月に何千ドルも節約できたりするんだ。 これから、PPC広告（検索連動広告）キャンペーンに関してマーケティング担当者が最も犯しがちな過ちを並べてみよう（みんなこんなリストが大好きだよね）。 1. 入札キーワードが大雑把キャンペーンを準備する際には、手を抜かないことが大切だ。どんな業界にも、多くのトラフィックを呼び寄せる特に目立つキーワードがあるものの、実際に検索されているキーワードには幅がある。この幅に注目して、「ロングテールの（この場合最大公約数的ではない）キーワード」を重視すれ
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを作成する スマートフォンからアクセスした際のユーザー エクスペリエンスが優れたものなるように、モバイル フレンド
Googleのロゴで使われているフォントは「Catull」という名前らしいです。書体のサンプルは IdentiFont にあります。（この書体自体は残念ながら有料です。）書体が手に入らなければ、別の書体で試してみてください。 次にGoogle風ロゴの作成ですが、想像していたよりも作り方は簡単です。慣れてしまえば5分で出来上がるはずです。どのように作っているかは下のPSDファイルを開いてみてください。今回はPhotoshopを用いて作りましたが、使っているフィルタは「ドロップシャドウ」と「ベベルとエンボス」の二つだけなので、フリーのソフトでもこの機能があれば十分作れると思います。上下のロゴはPhotoshopを使って実際に作成したものです。 → Google風SensitiveとGoogleロゴのPSDファイル ※フォント情報はラスタライズしてあります。 上のSensitiveのサンプルがト
Making the web more beautiful, fast, and open through great typography
Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしを消す方法です。 ふきだしを消して、マーカーを残したい場合は「Google マップの埋め込み HTML でふきだしを消してマーカーを残す方法」を参照してください。 １．問題点 Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます（下）。 実は、以前「Google マップの埋め込み HTML でふきだしを消す方法」をエントリーしたのですが「その方法ではふきだしが消えませんでした」というコメントを頂きました。 どうやら前回のエントリーからしばらく経ったこともあり、その間に Google マップの UI が変更されたようです。ということで、新しい技を紹介します。 ２．解消方法 Google マップで検索結果が表示
canonical（カノニカル）タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか？ 基本情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search（マイクロソフト）は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる（ただし、自サイト内の問題のせいで生じる重複インデックスのみ）。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関
Webから利用できる地図としてすっかりおなじみの「Googleマップ」には、目的地の場所を知るだけにとどまらない、便利な機能がたくさん揃っています。今回は、出かける前にぜひチェックしておきたい「Googleマップの便利な使い方」を集めてみました。 ■出かける準備はこれでばっちり？Googleマップの便利な使い方 “自分だけの地図”の作成やルート検索、時刻表のチェックまで、Googleマップには旅行や仕事で出かける際に役立つ機能が満載です。 ＜自分だけの地図を作れる「マイマップ」＞ ▽Google Japan Blog: Google マップを使って地図が簡単に作れるようになりました。 Googleマップ上の好きな位置に目印のアイコンを付け、自分だけの地図を作ることができるのが「マイマップ」の機能。旅行での行き先をあらかじめ地図にしたり、また作った地図は他の人とも共有することができるので、集
Googleが提供する、Google App Engineというサービスを知っていますか？ Amazon EC2などと同じで、Googleが用意するクラウドサーバー環境で アプリケーション開発ができるというサービスです。 (レンタルサーバーのようなもの) その大きな特徴は、なんといっても月間500万PV相当まで"無料"ということです。 ※有料で制限を拡張することも可能 ※2011/09/07 注 Google App Engineの新料金体系が発表されました。 新料金体系では無料で使える枠が大幅に削減されています。 この記事の無料での使用制限に関する記述は、新料金体系では 正しくありませんのでご注意ください。 「App Engine は無料で始めることができます。最大 500 MB の永続性ストレージに加え、月間約 500 万ページ ビューに対応できる十分な CPU と帯域幅を、すべてのア
Microsoftに続き、GoogleもTwitterとの提携を発表した。製品の登場は数カ月後になるようだ。 米Googleは10月21日、Twitterの投稿（つぶやき）をGoogleの検索結果に取り込むことで米Twitterと提携したことを発表した。 同日、米MicrosoftもTwitterとの提携と、BingでのTwitter検索機能のβ版を発表している。Googleはまだ具体的な機能は追加しておらず、向こう数カ月のうちにこの提携の結果を反映させた製品を発表するようだ。 検索製品およびユーザーエクスペリエンス担当副社長を務めるマリッサ・マイヤー氏は公式ブログで「新機能が追加されれば、例えばお気に入りのスキー場の雪の状態を検索すると、そのスキー場のリアルタイムの情報を発信するTwitterユーザーのつぶやきを見つけることができるようになる」と語った。 企業向け情報を集約した「ITme
グーグルはWebブラウザ「Google Chrome」など100種類を超えるオープンソースプロジェクトを社外に公開している。「Google Code」という開発者向けWebサイトでは、ソースコードだけでなく、グーグル社員同士のやり取りや仕事の進め方まで公開されている。そこから垣間見えるグーグル気質を分析する。（日経コンピュータ） グーグルのことを、「『世界中の情報を整理する』という大きな野心に向けて突き進むエリート集団」と思っている読者も多いだろう。そのような会社のプログラマであれば、書いたソースコードも厳しい規律に従う秩序だったものに違いない、と思うのが自然だ。 確かに、グーグルの開発スタイルの厳格さはよく知られている。例えば、グーグル日本法人の鵜飼文敏氏が行った講演を見ると、同社は、デザインドキュメント（コーディングの前に設計情報を文書化するプロセス）、コードレビュー（他のチームメンバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く