はてなブックマーク

当ブログでは賢威というwordpressテーマを使用しています。SEO的に素晴らしい作りなのですが、タブレットで閲覧した場合に画面の端が画面からはみ出してしまいます。なので、先月のリニューアルの際にタブレットはPCと同じように見えるようにしました。 Photo : Design book proposal thru Wordle 非レスポンシブだとタブレットが自動で縮小してくれる iPadなどのタブレット端末でレスポンシブウェブデザインではないPC専用のサイトを見た場合、iPadが適切なサイズで表示してくれます。 例えば、神奈川県のホームページは基本的に横幅が1152pxあります。iPadの縦にしたときの横幅は768pxですが、それに合わせて縮小してくれます。 viewportの記述が無い場合は（iPadでは？）width=980pxと認識します。 私がロードバイクのメンテナンスやホイール

以前もグーグルアナリティクスで全ての外部リンククリックを自動的にイベントトラッキングする方法を書きましたが、今回のものはjavascriptの記述も無しで、とても簡単に外部リンクをトラッキングできます。 追記：2015/1/28 当記事の方法は、javascriptを記述したりせずに数クリックだけで設定が可能だったので、しばらく運用していたのですが、画像のaltが取得できないとアナリティクスを見てもわかりにくかったので、結局もとの方法【グーグルアナリティクスで外部リンクを全て自動的にイベントトラッキングする設定方法】に戻しました。 今回の方法は、ほとんどクリックだけで設定できます。 はじめに申し上げておきますが、iframeのリンクはトラッキングできません。 １．マクロ設定 マクロは上記のurl path、element url、element textの3つを使いますが、既に設定されてい

メタタグのviewportで解決。幅1000pxで制作していたサイトをiPhoneやiPadで見ると、どうしても画面外に余白ができてしまう現象が起こった。 検索してもジャストな答えが出てこなかったのでメモっときます。 先に結論から。 <meta content=”width=1024″ name=”viewport”> headに上記の一行いれればOKです。 本文中にメタタグ書いても有効になってしまうので、上記の「<>」は、半角で書きなおしてください。 現象　iPhoneやiPadで開くと画面外に余白が発生 幅1000pxでサイトを制作してます。 このサイトはレスポンシブwebデザインではなく、ユーザーエージェントでの切り替えも無しで、PC版のトップページをモバイルでも使うって仕様です。 PCでは、しっかりと幅1000pxで作ってあるのが確認できたサイトですが、iPhoneやiPadで見る

AdWordsとYahooのコンバージョンタグを両方設置して、タグアシスタントで確認するとエラーがでる。コンバージョン測定はできているようだが、気になったのでグーグルのサポートに聞いてみた。 追記:2013.10.25 どうやらサイトによってはヤフーのコンバージョンタグとグーグルタグマネージャーは相性が悪いようです。私が管理している別のクライアント様のサイトでは、ヤフーコンバージョンタグをグーグルタグマネージャーで管理した場合、アドワーズのコンバージョンタグが呼び出されないという現象が起こってます。原因は不明。念のためヤフーコンバージョンタグはソースに直書きすることにしました。ちなみに本記事登場のクライアント様のサイトでは現在でもちゃんと動作してます。 当ブログでは使用していませんが、クライアント様のサイトでgoogle analyticsやadwords、yahooプロモーション広告のタ

SEO対策会社ク◯◯◯◯◯の用語集というブログからトラックバック通知がきたので、そのブログを見てみたら様々なブログの一部抜粋記事だらけでビックリした。しかもSEOの会社のブログってんだからさらにビックリさ。他人のブログからテキスト抜いてコンテンツ量増やして自社の商売道具に使う姿勢に遺憾の意を表明します。 当ブログの『【雑感】SEO対策会社からの電話営業』という記事が、SEO対策会社の用語集様に掲載されました。 当ブログには少なからずもっとSEOの役に立つ記事もあるかと思いますが、それは自分が思っているだけで、ユーザーが望んでいるのは、こんなカジュアルテイストなものなのかもしれませんね。 掲載されたメディア 他の掲載者 ・海外SEO情報ブログ ・ゆめぴょんの知恵 ・ENJILOG ・SEOのホワイトハットジャパン ・わかったブログ ・パシのSEOブログ ・しゅうまいの256倍ブログ neop

公開されたばかりのHTML5開発ツール「Google Web Designer」をダウンロードして触ってみた。まだよくわかってないのですが、すごいポテンシャルを秘めたツールのようです。 今朝、はてブでホッテントリしてて知ったのですが、グーグルが何らかの開発ツールを公開したようです。 グーグル　ウェブデザイナー windows MacOSとも無料で使えて、日本語化もされてます。 HTML5開発ツール Google Web Designer は、HTML5 で構築された高度なウェブ アプリケーションで、視覚的なコーディング インターフェースを使用して、HTML5 広告をはじめとするさまざまなウェブ コンテンツをデザイン、作成できます。デザイン ビューで描画ツール、テキスト、3D オブジェクトを使ってコンテンツを作成し、タイムラインでオブジェクトをアニメーション化できます。コンテンツの作成が完了

facebookプラグインは様々な機能が簡単に載せられて便利なのですが、コメントプラグインについては与えられるコードをそのまま使うと、どの記事のコメントも同じになるというおかしな事になってしまします。そうならないためにphpで現在のURLを取得しましょう。 上記の場合、コメントしている人は、9月5日の記事に対してコメントしているようですが、別の記事でも同じコメントが付いているので、当事者以外の人が見たら「この人トンチンカンな事言ってるわー…」と思ってしまいます。 本記事はそうならないための方法です。 ちなみに本記事のコードは、URLの取得にPHPを使いますので、ウィジェットでは使えません。下記のコードはphpファイルに追加してください。 また、phpもWordPressタグなので、WordPress以外では使えません。 毎度のことですがphpファイルをいじる前には必ずバックアップをとりまし

すばらしい圧縮率の画像圧縮アプリケーションのJPEGminiとPNGmini。ほとんど画質を落とさずに容量を8割くらいカットできるのですが、WordPressにアップするとそのすばらしい効果も無くなってしまいます。 今日になって気がついて、文字を打つ気力もなくなってます笑 Mac専用アプリのJPEGminiとPNGminiの話です。 JPEGminiとPNGminiの素晴らしい圧縮率 「役に立ってない」というのは私の使い方ですので、JPEGminiとPNGminiのことは嫌いにならないでください。 今回発見したダメ問題の前に各アプリケーションの素晴らしい圧縮率を。

ページ表示速度、当初は7.12秒だったブログが、３つのプラグインと１つのサービスを使って3.13秒になった話です。quick cacheとwp minifyと001 Prime Strategy Translate AcceleratorとCloud Flareを導入しました。 追記:2014.9.21 現在は「quick cache」をはじめ、この記事で言及したプラグインを使っておりません。いろいろ比較した結果、W3 Total Cacheが最速でした。以前と同じ計測サイトで今では3秒以内があたりまえに出るようになりました。W3 Total Cache、おすすめです。 さらに追記： 現在当ブログはWordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』を使用しております。 wpXは標準でキャッシュプラグインのようなシステムになっているので、キャッシュ関係のプラグインの

Fireworksで使ってたあの機能、Sketchではどうやるんだ？と思い調べた結果です。写真（ビットマップ画像）の切り取り、イラストレータ、フォトショップデータをSketchで編集、マスクのかけ方、画像書き出しの自動範囲指定、テキストのアウトライン化について書きました。 グラフィック制作のアプリをFireworksからSketchに乗り換えて1週間。 「Fireworksで使ってたあの機能、Sketchではどうやるんだ？」って思って調べた結果です。 英語のマニュアルをスラスラ読めたらわかることかも知れませんし、正しいやり方じゃないかもしれませんが、備忘録として書いときます。 写真（ビットマップ画像）の切り取り Fireworksでは選択ツールで選択して切り取ったりできました。 Sketchでは選択ツールが無い（？）けど、写真をダブルクリックして切り取りモードになります。

山下公園から大さん橋に停まっている183と書いてある軍艦が見えたので近くにいって写真を撮ってきました。ミリタリーに詳しくないので写真だけ貼っときます。夜にも撮影したので貼っときます。帰り際に見かけた豪華クルーザーも。

何かと話題のレスポンシブwebデザイン。ちょっと前にgoogleさんも「レスポンシブwebデザインでどのデバイスでも最適に表示できるようにしろー」って言ってて、今回仕事でサイトを新設する機会がありましたのでどうせならと思い挑戦してみました。 レスポンシブwebデザインってどんなデバイスでみても快適にみれるようなデザインってことです。 ゴールデンウィークってなんでしたっけ？普通に仕事してます水口です。 さて、ブログを始めてから「できるだけ毎日更新しよう」と思ってましたが、さっそく2週間ほどサボっていました。もう4月もおわりですね。書くのが遅くてもう5月です。 仕事でレスポンシブwebデザインって仕組みでサイトを作る案件があったので、いろいろメモっときます。それにしてもこのブログ、基本的に仕事の事は書かない方針なんですが… レスポンシブwebデザインとは？ ブラウザの幅に合わせ最適なレイアウト