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

当社で使っている経理ソフトはMFクラウド会計です。MFクラウドでもfreeeでもクラウド会計ソフトなら経理業務はとても楽になるのですが、最も楽できるであろう私流の使い方をご紹介します。 あくまで私の利用法であり、経理処理の仕方は会社によって異なりますので、そのあたりは各自ご判断ください。 1. 銀行はオンラインバンク オンラインに対応していない銀行を探すほうが難しい昨今。クラウド会計を使うならあった方が絶対にいいです。住信SBIネット銀行など月額利用料が無料の銀行もあるので、どこか1つは口座を作った方が便利だと思います。 2. 支払いは可能な限りクレジットカード MFクラウド会計は自動で取り込んだデータは、自動で勘定科目を割り当ててくれます。システムの判断基準は引き落とし名なので、例えば「エックスサーバー 大阪府 大阪市北区」という名前だと勘定科目は自動的に「通信費」になります。初回だけは

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のことは嫌いにならないでください。 今回発見したダメ問題の前に各アプリケーションの素晴らしい圧縮率を。

追記:2012.12.26 いつからか不明ですが、本記事の方法が効かなくなってました。 「埋め込み動画のサイズをレスポンシブにする方法」 上記のサイト様の方法でyoutubeをレスポンシブ対応にできました。 当ブログでもたまに登場する関連動画のyoutube サイト全体はレスポンシブwebデザインに対応しているのにyoutubeの部分（iframe）はスマホで見ても大きいままで画面の幅からはみ出ている状態でした。 どうせiPhoneはブラウザではなく別アプリが立ち上がって再生されるので放置してましたが、ちょっと手を加えてスマホサイズで表示されるようにしました。（もちろん再生は別アプリなので機能的に意味があるわけではありません） 参考にしたのは下記のサイト ドットインストール「レスポンシブなウェブサイトをつくろう」 このサイトは素晴らしいですね。自分も「しょう」に力をいれて発音してしまうくら

ブログのデザインを変更しました。より読みやすいように本文の幅を狭くしました。過去記事で使っていた大きな画像を狭い幅に合わせて縮小するCSSについても書いてます。 ブログのデザインを変更しました。 主な変更点としては、本文の幅を少し狭くしただけです。 なぜこのデザインにしたのか簡単に書いときます。 ・本文幅を500pxにした理由 ・サイドバーは300px固定（変更なし） ・フィボナッチwebデザイン ・狭くした幅に過去の大きな画像もジャストフィットさせるCSS 4つ目の「画像をジャストフィットさせるCSS」だけは様々な場面で役に立つかもしれません。 本文の幅を500pxにした理由 横に文字が続くと視線移動が多くなり読みにくいので、本文の幅を650pxから500pxにしました。 日本語の場合、読みやすくするために紙の上では文章の途中で改行したりします。 しかし、webサイト上でそれをやると、見

ページ表示速度、当初は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は標準でキャッシュプラグインのようなシステムになっているので、キャッシュ関係のプラグインの

地図の貼り付けなど簡単にできるグーグルマップ。パラメータの内容を理解して自由自在に使おう。。。と思ったが条件によってパラメータが言うことをきかなかったりします。　ですので、とりあえず吹き出しの内容の編集を。 記事書きながらいろいろと調査してわかったのですが、本記事の内容はあまり実用的ではありません。なんらかの事情で吹き出しの内容を変えたい場合、やってみてください。 地図の場所によって出てくるパラメータが違かったりしますが、うまく応用してみてください。 会社やお店の地図をグーグルマップを使って貼り付ける方も多いとおもいます。 そんな時、 何らかの理由で吹き出しの内容を変えたり、最寄りの駅まで表示させたりするにはURLパラメータの変更がオススメです。（パラメータ全体の話にすると長くなりすぎるので、今回はフキダシの内容の編集について） グーグルマップを普通に貼り付ける方法は、わかりにくいと定評の