はじめ方 ※eclipseでのandroidアプリ環境構築 eclipseのインストール SDKインストール ADTプラグインのインストール その他の手順は下記を参照 公式サイト(Get Started Guide) 実機のデバック http://www.techmaru.net/wordpress/20100418/x10aprtest/ ビル…

SVGについて Scalable Vector Graphics XMLベースの2Dベクター画像記述言語。2001年9月にW3C勧告として公開された。 ベクターグラフィックなので拡大・縮小しても画像が崩れないのが特徴 サポート http://www.codedread.com/svg-support.php上記サイトにある…

意味 条件に合致する場合はコメントとして扱わない 注意点：IE以外のブラウザはこの記述をコメントとして認識する 記述方法 未満 以上 以下 のみ AまたはB パターン

Media Queriesとは 画面サイズに応じて、適用させるスタイルを限定させることのできる記述方法 基本記述方法 CSS内での記述方法 ZZZpx以上、XXXpx以下 @media only [対応メディア] and (max-width: XXXpx) and (min-width: ZZZpx) { Style:Style; } HTMLの読…

はじめに http://www.doya-doya.com/inspiration/2011/06/02/6787上記サイトを参考に各社webサイトのマルチディバイス対応について調べてみた 株式会社クライマークス http://www.climarks.com/ ディバイス対応 スマートフォン：対応 タブレット：対応 ※メデ…

apple-touch-iconとは Webサイトがブックマークされ、ホーム画面に置かれた場合の画像。 基本情報 iPhone(3Sまで)は57px / 57px iPhone4(Retina)は114px / 114px iPadは72px / 72px 画像はPNG 設定 <link rel="apple-touch-icon" href="apple-touch-icon.png"> iPhone(3Sまで)の設定。画像は角丸等自動加工される <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png"> 自動</link></link>…

Graceful DegradationからProgressive Enhancementへ Graceful Degradationとは要は、クロスブラウザというコンセプト。 どのようなブラウザであっても同じ様に見せるという考えて方で日本では今まで主流だった。 このような考え方では、どうしても下層の仕…

devicePixelRatioとは 1pxの画像をそのディバイス上では何pxで表示するかを指定した設定 webkit系に存在する なぜそんな設定があるのか？ iPhone3G,3GSの解像度と、iPhone4の解像度の違いから考える 機種 解像度 iPhone3G,3GS 480 x 320 iPhone4 960 x 640 i…

ruby1.9のインストール ruby1.9前提なので、入れる ruby1.8でも動いた。。。 $ brew install ruby 準備 利用フォルダの作成 $ mkdir -p cocproxy/files書き換え対象ファイルを用意 $ cd cocproxy/files $ curl -O http://www.rakuten.co.jp/com/inc/home/200…

Responsive Web Designとは http://www.alistapart.com/articles/smartphone-browser-landscape/ 上記、Smartphone Browser Landscapeの記事でEthan Marcotteさんが提唱。http://all-web-blog.blogspot.com/2011/03/blog-post_09.html を参考に実践してみる…

仕様 RFC 2109(obsolete)に規定 http://www.ietf.org/rfc/rfc2109.txt 形式 ・key=valueでひとつ 個数 ・1ブラウザにつき最低300個 ・1ホスト(ドメイン)につき最低20個 サイズ ・cookie1つあたり最低4kbyte ブラウザ実装状況 JavaScriptによりjQuery Cookie…

MacPortsのアンインストール http://guide.macports.org/chunked/installing.macports.uninstalling.html インストール方法 https://github.com/mxcl/homebrew/wiki/installation よく使うコマンド インストール $ brew install <パッケージ名> アンインスト…

surround.vim plugin ds[削除文字] カーソルがある行の削除文字で指定した文字を削除 dst[削除タグ] カーソルがある行の削除タグで指定したタグを削除 cs[置換文字] カーソルがある行の置換文字で指定した文字を置換 cst[置換タグ] カーソルがある行の置換タ…

ul+ / ol+ / table+ ul+ <ul> <li></li> </ul> ol+ <ol> <li></li> </ol> table+ <table> <tr> <td></td> </tr> </table> 独自の属性値を設定する jquery mobile等でdata-role="page"のような特別な属性をzen-codingで付与する方法 div#header[data-role=page] <div id="header" data-role="page"></div> idやclassの属性値に連番をふる ・$の部分が連番になる ・$の数を増や…

MacPortsとは CentOSでいうところのyumのようなもの 必要なパッケージを簡単に導入できる 必要なもの Xcode インストール方法 下記サイトよりパッケージをダウンロードしてインストーラに従ってクリックするのみ http://www.macports.org/※注意・・・インス…

概要 facebook内で外部サイトのURLを告知する下記3つの方法について open graph protocolがどのように反映されるのか確認してみる 今回記述したopen graph tag og:title og:description og:image og:url open graph protocol The Open Graph protocol enable…

値の取得とデフォルト値の設定 flight.equipmentがない場合、"default"が設定される var middle = flight.equipment || "default" undefinedのプロパティを参照するとTypeErrorになってしまうので&&を利用すると防げる flight.equipment // undefined flight…

はじめに iPhone+Androidスマートフォンサイト制作入門を読んだことを忘れないようにメモ 階層は浅く1ページを長く 3G回線で利用される為、PCのように何回もクリックして遷移するのには不向き 階層は浅くし1ページ内に多くの情報を収めるように設計する 長く…

はじめに iPhone+Androidスマートフォンサイト制作入門を読んだことを忘れないようにメモ iPhoneの仕様を確認 端末 iPhone3G iPhone3G S iPhone4 ipad 解像度 iPhone3G、iPhone3G S : 320 x 480px iPhone4 : 640 x 960px iPhone4はiPhone3G、iPhone3G Sと比…

インストール 環境 CentOS 5 x86_64 yumのレポジトリ追加 通常のyumのレポジトリにGitがないため、新規でレポジトリを追加 % vim /etc/yum.repos.d/CentOS-Base.repo ----以下を追記-------- [dag] name=Dag RPM Repository for Redhat EL5 baseurl=http://a…

環境 CentOS 5 x86_64 依存パッケージのインストール 先に必要になるものをいれておく % yum install zlib-devel % yum install openssl-devel % yum install python node.jsのインストール ダウンロード [http://nodejs.jp/nodejs.org_ja/ インストール % t…

勉強会に参加したとき、凄腕のエンジニアの皆さんがemacs使ってプログラミングしていたので自分も挑戦。まずは、環境構築 環境 Mac OS (10.6.4) Macbook ダウンロード http://homepage.mac.com/zenitani/emacs-j.html 詳細設定 設定詳細を設定ファイルに記載…