2012/04/17 @12:04
先日、わけあってロリポップからサクラインターネットにサーバを移行した際に、robots.txtを設置するのを忘れていました。忘れていたというより、設置しなくても問題ないと思っていました。
ところが、サーバを移行して数日後Google Analyticsを見ると、なぜかアクセスが急激に減っています。あわててGoogleウェブマスターツールで確認したら、赤で大きく「エラー」と出ていて robots.txt が読み取れないとのこと。早速、robots.txt をサイトのルートディレクトリにアップしました。robots.txt を設置してからアクセスが回復してきたのと、クロールエラーの割合が減っているのでアクセス激減の理由はやはり robots.txt だったようです。 続きを読む
2011/09/23 @6:40
前回のTwitter APIについてのまとめでTwitter for MacのConsoleについて触れたのですが、使い方が分かったので簡単にまとめておきます。前回の記事で紹介したTwitter Devサイトのウェブ版コンソールよりサクサク動きますし、Twitter APIのテストの際には心強い味方になってくれそうです。 続きを読む
2011/09/23 @6:04
Twitter APIを使用する機会があって、結構はまったところがあったので今後のために覚え書き的に注意点とリンク集をまとめてみました。twitteroauthあたりの既存のライブラリを使える環境だったら関係ないとは思いますが。。。 続きを読む
2011/08/04 @11:20
Photo by Francisco Javier Argel
最近、ウェブサイトのリフォーム作業をしていて、つくづくウェブサイト制作って難しいなぁと実感しています。そんな「難しい」の一つ、今回はナビゲーションについてちょっとまとめておきたいと思います。
きっかけは、先日行った社内レビューでした。
「必要な情報にはトップページから1クリックでたどり着けるべき」といった旨のコメントをもらって、改めてナビゲーションについて考えたさせられてしまったのです。「1クリックはいくらなんでも無理だろう〜。」なんて思いつつ「じゃぁ、なんクリックだったらいいんだ？」なんて疑問に思ってみたり。。。 続きを読む
2011/06/19 @11:27
現在作業中のサイトでは「CSSスプライト」という手法を使って、アイコンやロゴなどの画像表示の最適化を試みようと思っています。アイコンなどの小さな画像が数多くあると、その分ダウンロードする際にサーバへの接続回数（HTTPリクエスト）が多くなってしまい、ページ表示速度を遅くさせてしまう可能性があります。そこで、CSSスプライトを使った方法では、それら複数の画像を一つにまとめて必要な部分のみをCSSで表示させます。
CSSスプライトの方法にもいろいろあるようですが、ここではGoogleやFacebookが採用しているアイコン画像を縦と横に並べた、よりコンパクトなスプライト画像を使う方法についてまとめてみます。※現段階ではIE6、IE7未対応 続きを読む
2011/05/26 @10:31
Photo by Dunechaser : CC BY-NC-SA 2.0
CSSで指定できる単位にはいろいろありますが、CSS3で新しく導入された「rem」という単位が便利そうです。これは、root emの意味で、ルート（つまり<html>）のサイズを継承するemとのこと。たとえば、リスト要素を入れ子にした際に文字サイズが大きくなってしまうなんていう問題は、この「rem」を使えば解決できます。
html { font-size: 62.5%; } /* 1.0em ≒ 10px */
li { font-size: 1.4em; } /* ≒ 14px */
2011/05/18 @7:55
以前「CSS制作のワークフローについて」このブログでも紹介したCSSワークフローのスライドショーがあったのでメモ。もう一度読み返すと、頭のなかが整理できそうです。