Media Queriesは、読み込まれるCSSや、CSSの記述のインラインに条件を加えること出来るようになる仕様です。 今までもCSS2のMedia typesを使い、screenやprintなど大まかなメディア用スタイルを設定することはできました。ですが、それでけでは昨今のスマートフォン、タブレット端末事情にはとても対応できません。JavaScriptで対応する方法もありますがシンプルではありません。そこで、CSS3だけで振り分けが可能になるのがMedia Queriesという仕様です。 Media Queries Media Queriesはユーザーの端末、スクリーンサイズをもとに適したスタイルシートを適用することができます。Media Queriesを利用することで、PC用スタイルシート、タブレット用スタイルシート、スマートフォン用スタイルシートと個別にスタイルを指定することができ

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横

Flash界最強ライブラリの一角 jQuery animateよりも圧倒的パフォーマンス。Flashの最強アニメーションライブラリTweenMax。JavaScript版があるのはご存知でしょうか。 TimlineMax/Lite TweenMax/Liteの4つのライブラリ群の総称でGSAP JSというパッケージ構成です。※要ライセンス注意（後述） まずはその圧倒的パフォーマンスを体感してください。プルダウンから主要ライブラリを選んで、STARTを押すと右下のfpsの数値が変わります。 GreenSock Animation Speed Test 豊富なアニメーション機能 GSAP JSの主要な機能として下記の物が挙げられます。パララックスなどのインタラクティブなサイトを作る上でもとてもすごく重宝しそうです。 ベジェアニメーション 繰り返し 逆再生 時間指定 一時停止 フレームラベル ゆ

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

2012年02月19日14:36 Ruby 参照先のデータを削除したときに、参照元のデータも削除して整合性を保つ Rails を使って、ブログが登録されると「新しいブログを投稿されました！」というフィードを流すようなWebアプリを作ったとします。 ブログを登録するのが blogs テーブル、フィード情報を持っているのが feeds テーブルとでもしましょう。 このとき、feeds テーブルが blog_id のようなカラムを持っているでしょう。この状態で blogs テーブルからデータを削除したときには feeds テーブルからも該当のデータを削除してあげないとデータの不整合が発生してしまいます。 このようなときには :dependent オプションが便利。Blog モデルでこのように指定してあげるだけで、destroy時（deleteでは駄目です）に feeds テーブルからもデータを削

CyberXの川村といいます。よろしくお願いします！ CyberXではソーシャルアプリ開発を主に行っていますが、そのソーシャルアプリの運用においてサーバートラブルを起こさず、いつでもユーザーの皆さんになるべくストレスを与えずに遊んでもらう事が重要であるのは言うまでもありません。 インフラ強化以前に、プログラマとしては自分が書いたプログラムやDB設計でインフラをいじめないようにしたいものです。。。 そこで今回はMySQLのINDEXに関して、基礎的な内容ではありますが書きたいと思います。

2009年10月28日09:33 MySQL MySQLでインデックスを使って高速化するならCovering Indexが使えそう Linux-DB システム構築/運用入門 (DB Magazine SELECTION) 著者：松信 嘉範 販売元：翔泳社 発売日：2009-09-17 おすすめ度： クチコミを見る 最近、この本を読んでいます。非常に面白いし、参考になります〜。中でもインデックスについての記事が特に興味深かったので簡単にまとめてみます。 前提 ・インデックスは検索性能には効果があるが、更新性能は落ちてしまう ・MyISAM と InnoDB ではインデックスの構造が違う ・インデックスは B+Tree インデックスと呼ばれ、ルート、ブランチ、リーフの階層構造になっている ・インデックスはソートされた状態で作成されている まずは MyISAM と InnoDB でのインデックス

2009年06月20日02:25 Ruby Rubyで自作の外部モジュールを読み込む方法 - include と extend と module_function 【090621追記】 id:faulistさんから色々と指摘していただきました。ありがとうございます＞＜　この記事を読む際には、以下のリンク先も併せてご覧になることをオススメします。 requireとincludeとextendとmodule_function(1) - As Sloth As Possible requireとincludeとextendとmodule_function(2) - As Sloth As Possible Rubyで外部ライブラリを読み込むには、require を利用します。例えば、ファイル名がhoge.rbの場合、このようになります。 require 'hoge' ただ、モジュールを読み込むと

extend(*modules) -> self[permalink][rdoc][edit] 引数で指定したモジュールのインスタンスメソッドを self の特異メソッドとして追加します。 Module#include は、クラス(のインスタンス)に機能を追加しますが、extend は、ある特定のオブジェクトだけにモジュールの機能を追加したいときに使用します。 引数に複数のモジュールを指定した場合、最後の引数から逆順に extend を行います。 [PARAM] modules: モジュールを任意個指定します（クラスは不可）。 [RETURN] self を返します。 module Foo def a 'ok Foo' end end module Bar def b 'ok Bar' end end obj = Object.new obj.extend Foo, Bar p obj.a

Rails4では、ActiveRecord周りの書き方に何点か変更が入っています。 普通にWebアプリを作る際には、もっともわかりやすい変更点の1つですね。 ActiveRecord::Modelのinclude 従来、モデルを定義するには class User < ActiveRecord::Base end としていました。 Rails4では、 class User include ActiveRecord::Model end という書き方ができます。別クラスを継承させることができるのが大きなメリットです。 影響範囲が広く（ActiveRecord::Baseを拡張するライブラリが多いため）、ひょっとしたら4.1などで更に方針が変わる可能性もありますが、ActiveRecord::Baseに依存した書き方をしないように気をつける必要があります。 find_by_*の廃止 find_b

We are constantly updating our collection of different sources. All content absolutely free!