はてなブックマーク

Retinaディスプレイ（レティーナ）という言葉をご存じでしょうか？ RetinaディスプレイとはApple製品に搭載されているディスプレイの呼称であり、Apple製品に詳しい方ならご存じの方も多いのではないでしょうか。では、Retinaディスプレイは他のディスプレイとは何が違うのでしょうか。今回はRetinaディスプレイについてご紹介させて頂きます。 1．retinaディスプレイとは？ 2．スケーリングとは？ 3．スケーリングはAppleだけの技術なの？ 4．Web制作におけるRetinaディスプレイについて 5．まとめ 1. Retinaディスプレイとは？ RetinaディスプレイとはMacやiPhoneなどのApple製品に搭載されている高精細ディスプレイのことです。 Retinaとは英語で「網膜」という意味があり、Appleの公式サイトでは「Retinaディスプレイのピクセル密度は

Webサイトを運営するにあたって、ドメインは必須です。 今回はその中でもを独自ドメインを取った方がいいですよ、というお話。 ドメインとは ドメインとは、簡単に言うとサイトのURL（アドレス）とほどんど同じような意味なのですが、普通は「http://」や「www.」は省いて考えます。 例えばYahoo!Japan のURLは「http://www.yahoo.co.jp/」ですが、そのうち「yahoo.co.jp」の部分が「Yahoo!Japanのドメイン」という事になります。 ドメインが無ければ、IPアドレスでアクセスするしかありません。 Yahoo!Japanでは 183.79.135.206 がIPアドレスになり、これが本来のサイトのアドレスです。 これをアドレスバーに直接打ち込んでも閲覧できますが、こんなに数字ばっかり覚えてられないですよね。 打ち込むのも間違えてしまいそうですし、人

みなさん、positionは使っていますか？ 使えるようになるととても便利、だけど理解せずに使ってしまうと酷い目に合うのがposition。 特にプレーンテキストと組み合わせる事が難しいので、敬遠している人が多いかも。 今回はそのpositionの使い方と、ちょっとしたテクニックを紹介します。 まずはpositionの基本から positionに指定できるのは下記の4つ。 static 初期値です。指定する事が無いかと言えばそうでもなく、指定したpositionを打ち消す時に使います。レスポンシブでは必須。 relative 相対位置への配置です。開始位置はstaticと同じです。実用の際にはabsoluteの開始位置として使用する場合が多くなります。 absolute 絶対位置への配置です。static以外が指定された親要素を基準とした配置です（ほとんどの場合relativeになります）

また問題児のIEのお話 先日、カラーミーショップというASPサービスでショッピングサイト制作の注文があってカスタマイズをしていました。構築中にブラウザチェックをしていたら、Internet Explorer 9で一部表示されていない表現がありました。 CSS3を使用した部分だったのですが、そもそもInternet Explorer 9ではCSS3の主なプロパティは対応しています。 カラーミーショップの構築中に何かミスがあったのかと思い、ソースを丸ごとコピーしてローカルに複製したものをチェックしてみたら、正しく表示されました。 ソースは全てフルパスで書いているので全く同じ。 両者の違いはカラーミーのサーバーにあるかローカルにあるか、の違いのみです。 それでcssの一部に問題が出る事は通常考えられません。 どういう事でしょうか。 ドキュメントモードについて 調べてみると、どうもサーバーのものを

2014年4月8日に、とうとうWindows XPのサポートが終了しました。 サポート終了と言っても、XPが使えなくなるという事ではなく今後更新されないという事です。 今まではシステムの脆弱性等が発見されると、その都度更新ファイルが公開されていて、自動更新をONにしていれば勝手に修復してくれていましたが、今後はそれが無くなります。 簡単に言うと、この先XPを使えば使うほどウィルス感染の危険性が高まるという事ですね。 マイクロソフトの発表では感染の危険性は、「Windows8の21倍危険」だそうです。 「それって8も結構危ないよね」という声は置いといて、実際には長く使えば使うほど危険性は増す事になるでしょう。 サポートが切れるという事は、ウイルス作成者やクラッカー達にとってはいい遊び場を提供されたようなもので、XPに対する攻撃は今まで以上に増えると予想されます。 個人情報が漏れたり、勝手にフ

最近ではandroidやiPhone・iPadなどのスマートフォンやタブレットが普及してきて、 スマートフォンやタブレット用にホームページを調整しなければいけない需要が増えてきました。 これまでは、携帯サイトやスマートフォン用にHTMLを作成していかなければならなかったのですが 、このレスポンシブWebデザインではパソコン用のHTMLひとつと任意の数のCSSだけで端末が変わっても デザインが最適化されたホームページを見る事ができます。 今回はそのレスポンシブWebデザインについてご紹介します。 レスポンシブ・ウェブデザインとは？ レスポンシブ・ウェブデザインとは単一のHTMLで画面サイズが異なるデバイスに応じて 表示レイアウトを自動的に切り替えるWebサイト制作手法です。 つまり、1つのWEBサイトを、パソコン、タブレット、スマートフォン、 それぞれの操作性と見え方にあった最適なデザインに

2013年5月1日としかわ コラム セキュリティ向上の為にwordpressのadminユーザー名とパスワードの変更する方法 9 「ブルートフォースアタック」というものご存知でしょうか？ 日本語では総当り攻撃と呼ばれるパスワード解析方法の一つで、「全ての組み合わせを試して正解を探す」という力技です。 例えば自転車のチェーンなんかで、0～9の数字が4ケタあるものがありますよね。 これは理論上10の4乗、10000通りの組み合わせをひたすら試せば開きます。 「人間はめんどくさいのでそんなことやらない」からこそあの鍵は有効なのですが、コンピュータは凄いスピードで延々と次の組み合わせを試します。 時間さえあれば必ずパスワードを見つけることができる、疲れを知らないコンピュータだからこそ出来る方法ですね。 （例え時間と体力があっても他人の自転車の鍵を開けようとしてはいけません） WordPressへの